/*------------------------------ New DTB ---------------------*/
@media print
{
.kzdp-dtb-toggle-cal
{
  display: none;
}
}

@media screen
{
.kzdp-dtb-toggle-cal-img
{
  margin-left: 0.125rem;
  vertical-align: text-top;
  display: inline-block;
  width: 21px;
  height: 22px;
  background: transparent url('../ui/Calendar.jpg') no-repeat;
  cursor: pointer;
}

.kzdp-dtb-tgl-cal-img.kzdp-dtb-tgl-cal-img-pressed
{
  background: transparent url('../ui/CalendarPressed.jpg') no-repeat;
}

.kzdp-dtb-toggle-cal-btn
{
  margin-left: 0.125rem;
  padding: 2px 4px;
  line-height: 1.5;
  border: 1px #a6a6a6 solid;
}

.kzdp-dtb-toggle-cal-bsbtn
{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}


.kzdp-dtb-toggle-cal-bsbtn__svg,
.kzdp-dtb-toggle-cal-btn__svg
{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  fill: currentColor;
  vertical-align: middle;
}

/*bs-conflict validation.
.kzdp-dtb-error,
.kzdp-tmtb-error
{
  background-color: #ffe4e1;
}
*/
}


/*------------------------------ New Calendar ---------------------*/
@media print
{
.kzdp-cal
{
  display: none;
}
}

@media screen
{
.kzdp-cal
{
  /*
  font-size: 1em;
  font-family: Arial, sans-serif;
  */
  background-color: white;
}

.kzdp-cal[data-kzdp-is-popup=true]
{
  position: absolute;
  width: 18em;
}


.kzdp-cal[data-kzdp-is-popup=true]:not(.show)
{
  display: none;
}


.kzdp-d-picker
{
  border: 1px solid lightgrey;
}

.kzdp-d-picker > .header-cont
{
  border-bottom: 1px solid blue;
}

.kzdp-d-picker > .header-cont .header-row
{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.kzdp-d-picker > .header-cont .header-row .header-cell
{
  padding: 3px 2px;
  flex: 0 0 auto;
  text-align: center;
}

.kzdp-d-picker > .header-cont .header-row .header-cell.prev-mth,
.kzdp-d-picker > .header-cont .header-row .header-cell.next-mth
{
  width: 12%;
}

.kzdp-d-picker > .header-cont .header-row .header-cell.cur-mth
{
  width: 76%;
}

.kzdp-d-picker > .header-cont .header-row .header-cell > a.cal-prev-mth
{
  display: inline-block;
  width: 12px;
  height: 11px;
  background: transparent url('../ui/leftcmdblue.png') no-repeat;
}

.kzdp-d-picker > .header-cont .header-row .header-cell > a.cal-next-mth
{
  display: inline-block;
  width: 12px;
  height: 11px;
  background: transparent url('../ui/rightcmdblue.png') no-repeat;
}

.kzdp-d-picker > .dayname-header
{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: lightblue;
}

.kzdp-d-picker > .dayname-header .dayname-cell
{
  flex: 0 0 auto;
  width: 14.28%;
  text-align: right;
  padding: 2px 1px 2px 0;
}

.kzdp-d-picker > .wk-rows-cont
{
  width: 100%;
}

.kzdp-d-picker > .wk-rows-cont tr
{
  border-top: 1px solid #a0a0a0;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td
{
  width: 14.28%;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td + td
{
  border-left: 1px solid #a0a0a0;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td .day-cell
{
  display: inline-block;
  width: 100%;
  text-align: right;
  padding: 2px 3px 2px 0;
  cursor: pointer;
  text-decoration: none;
  color: black;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td .day-cell:hover
{
  background-color: rgb(200, 220, 232);
}


.kzdp-d-picker > .wk-rows-cont .wk-row td .day-cell.s
{
  background-color: gold;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td .day-cell.t
{
  font-weight: bold;
}

.kzdp-d-picker > .wk-rows-cont .wk-row td .day-cell.om
{
  color: grey;
}
}