/* .tx-terminplaner14v {
display: block;
width: 100%;
} */

/*** GLOBAL ***/
/* .tx-terminplaner14v .steps {
color: rgb(0,128,0);
font-size: 120%;
} */

/*** MATTERS ***/
/* .tx-terminplaner14v .matters .matters-box {
background-color: rgb(255,255,255);
border-bottom: 1px dotted rgb(210,210,210);
} */

/* .tx-terminplaner14v .matters .matters-box h3 {
font-size: 1rem;
padding: 8px;
color: rgb(0,0,0);
} */

/* .tx-terminplaner14v .matters .matters-box p {
font-size: 90%;
margin-left: 10px;
} */

/* .tx-terminplaner14v .matters .matters-box.active {
background-color: rgb(0,98,163);
color: rgb(255,255,255);
} */

/* .tx-terminplaner14v .matters .matters-box.active h3 {
color: rgb(255,255,255);
} */

/* .tx-terminplaner14v .matters .matters-box:hover {
background-color: rgb(244,244,244);
color: rgb(0,0,0);
} */

/* .tx-terminplaner14v .matters .matters-box.active:hover h3, .tx-terminplaner14v .matters .matters-box.active:hover a.info {
color: rgb(0,0,0);
} */

/* .tx-terminplaner14v .matters .matters-box .matterTick {
position: absolute;
right: 0;
bottom: 0;
padding: 8px;
font-size: 200%;
}

.tx-terminplaner14v .matters .matters-box .matterTick.text-gray {
color: rgb(200,200,200);
}

.tx-terminplaner14v .matters .matters-box a.info {
color: rgb(0,0,0);
}

.tx-terminplaner14v .matters .matters-box.active a.info {
color: rgb(255,255,255);
} */
.tx-terminplaner14v .matter-title{
  font-size: 130%;
}


/*** CURRENT MONTH ***/
.tx-terminplaner14v .currentMonthBox {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  height: 45px;
}

.tx-terminplaner14v .currentMonthBox .navigator {
  width: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}

.tx-terminplaner14v .currentMonthBox .monthYear {
  font-size: 130%;
}

.tx-terminplaner14v .currentMonthBox .navigator span.disabled {
  color: rgb(200,200,200);
}

/*** HEADER ***/
.tx-terminplaner14v .calendarHeader {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.tx-terminplaner14v .calendarHeader > div {
  font-weight: bold;
  text-align: center;
}

/*** BODY ***/
.tx-terminplaner14v .calendarBody {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 1fr;
}
.tx-terminplaner14v .calendarBody::before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}
.tx-terminplaner14v .calendarBody > *:first-child {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

/*** BACKGROUNDS ***/
.tx-terminplaner14v .calendarDayDefault {
  background-color: rgb(255,255,255);
  position: relative;
}

.tx-terminplaner14v .calendarDayPreviewMonth {
  background-color: rgb(204,204,204);
  position: relative;
}

.tx-terminplaner14v .calendarDayNextMonth {
  background-color: rgb(204,204,204);
  position: relative;
}

.tx-terminplaner14v .calendarDayGone {
  background-color: rgb(255,255,255);
  color: rgb(200,200,200);
  position: relative;
}

.tx-terminplaner14v .calendarOtherMonth {
  background-color: rgb(255,255,255);
  color: rgb(255,255,255);
  position: relative;
}

/*** DATEBOX ***/
.tx-terminplaner14v .dateBox {
  border: 1px solid rgba(255,255,255,0);
}

.tx-terminplaner14v .dateBox:hover {
  /*box-shadow: 0 0 11px rgba(33,33,33,.2);*/
  /*z-index: 9999;*/
}

.tx-terminplaner14v .dateBox div {
  padding: 5px;
}

.tx-terminplaner14v .dateBox a {
  text-decoration: none;
  color: rgb(0,0,0);
  width: 100%;
  display: block;
  outline-offset: -1px;
  font-weight: normal;
  height: 100%;
}

.tx-terminplaner14v .dateBox div.wrapper {
  width: 100%;
  height:100%;
}

.tx-terminplaner14v .dateBox div.number {
  width: 100%;
  height: 100%;
  line-height: 100%;
  font-weight: normal;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tx-terminplaner14v .dateBox div.number:hover,
.tx-terminplaner14v .dateBox div.number:focus,
.tx-terminplaner14v .dateBox a:hover div.number,
.tx-terminplaner14v .dateBox a:focus div.number{
  background-color: rgb(244,244,244);
  outline-offset: -1px;
}

.tx-terminplaner14v .dateBox div.number.calendarDayCurrent,
.tx-terminplaner14v .dateBox div.number.calendarDayCurrent:hover,
.tx-terminplaner14v .dateBox div.number.calendarDayCurrent:focus{
  background-color: rgb(0,98,163);
  color: rgb(255,255,255);
  position: relative;
  font-weight: bold !important;
}

/*** TIMES ***/
.tx-terminplaner14v .timeSelection {
  text-align: center;
  margin: -1px;
  background-color: rgb(255,255,255);
}

.tx-terminplaner14v .timeSelection a {
  color: rgb(0,0,0);
  text-decoration: none;
}

.tx-terminplaner14v .timeSelection a:hover,
.tx-terminplaner14v .timeSelection a:focus{
  background-color: rgb(244,244,244) !important;
  color: rgb(0,0,0) !important;
}

.tx-terminplaner14v .timeSelection.active,
.tx-terminplaner14v .timeSelection.active a:hover,
.tx-terminplaner14v .timeSelection.active a:focus{
  background-color: rgb(11, 116, 182) !important;
  color: rgb(255,255,255) !important;
}

.tx-terminplaner14v .timeSelection.active a {
  color: rgb(255,255,255) !important;
}

/*** ERRORS ***/
.tx-terminplaner14v  .parsley-errors-list {
  display:none;
  margin:5px 0;
  padding:0;
  list-style-type:none;
  background-color:#F2DEDE;
  border:1px solid #EBCCD1;
  width:100%;
  float:right;
  clear:left
}
.tx-terminplaner14v  .parsley-errors-list.filled {
  display:block
}
.tx-terminplaner14v  .parsley-errors-list>li {
  color:#A94442;
  padding:5px 10px
}

.mbCheckbox {
vertical-align: 3px;
}

#multiTaskButton {
  margin-left: 15px;
}

.matterTick:focus{
color:#007bff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.calendarHeader,
.calendarBody{
  display:block;
}
.tx-terminplaner14v .calendarHeader > div{
  display: inline-block;
  width: calc(95% /7);
}
.tx-terminplaner14v .dateBox{
  display: inline-block;
  width: calc(99.5% /7);
}
.tx-terminplaner14v .dateBox div.number{
  padding: 35px 0;
}
}