@charset "utf-8";
/* CSS Document */
.mdl-datepicker-container{
  width:15em;
  min-height:20em;
  z-index:10000;
  position:absolute;
  background:#ffffff;
}
.header-background{
  background: #5c6bc0;
  padding:.75em;
  color: #f5f5f5;
}
/*
.mdl-datepicker-calendar-header{
  width:100%;
  position:relative;
  border:1px solid red;
}
.mdl-datepicker-navigation-left{
  position:absolute;
  width:2em;
  border:1px solid green;
}
.mdl-datepicker-navigation-right{
  position:absolute;
  width:2em;
  border:1px solid yellow;
}
.mdl-datepicker-current-monthyear{
  text-align:center;
  border:1px solid blue;
}
*/

.mdl-datepicker-calendar-header{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  position:relative;
}
.mdl-datepicker-current-monthyear{
  position:relative;
}
.mdl-datepicker-icon-button{
  cursor:pointer;
  border-radius:50%;
  user-select: none;
}
.mdl-datepicker-icon-button:hover{
  background-color:#e0e0e0;
}
.mdl-datepicker-navigation-left{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  /*
  width:2em;
  position:relative;
  top:35px;
  left:-7px;
  */
}
.mdl-datepicker-navigation-right{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-end;
  /*
  position:relative;
  top:35px;
  right:20px;
  */
}

.mdl-datepicker-calendar-container{
  padding:.5em;
}
.mdl-datepicker-dynamic-calendar-container{
  background:#ffffff;
  padding:1em
}
.mdl-datepicker-calendar{
  width:100%;
  table-layout: fixed !important;
  padding:0;
}
.mdl-datepicker-calendar thead{
  width:100%;
}
.mdl-datepicker-calendar tbody{
  width:100%;
  max-height:180px;
}
.mdl-datepicker-calendar tr{
  width:100%;
  height:1em !important;
}
.mdl-datepicker th{
  text-align:right !important;
  padding:.15em !important;
  height:1em !important;
  width:1em !important;
  border: none !important;
  background:#ffffff;
}
.mdl-datepicker td{
  text-align:right !important;
  padding:.15em !important;
  height:1em !important;
  width:1em !important;
  border: none !important;
  background:#ffffff;
}
.mdl-datepicker-clickable{
  cursor:pointer;
}
.mdl-calendar-selected_date{
  background-color: #7986cb !important;
  color: #f5f5f5;
  /*padding: .25em .6em;*/
  border-radius:50%;
}
.mdl-datepicker-today {
  color: #5c6bc0 !important;
}

.mdl-datepicker-hide{
  display:none;
}