/*-------------------------------------------------------------- calendari --*/

.daySelected {
  background-color: black !important;
  color: white !important;
}

.datepick-month td .datepick-other-month {
  background-color: white !important;
  display: none;
}

.datepick-month td {
  background-color: transparent !important;
  border: none !important;
}

.datepick-month td .datepick-weekend {
  background-color: transparent !important;
}

.datepick-month a {
  background-color: transparent !important;
  color: #343a40 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 50px !important;
  max-height: 50px !important;
  margin: 0.75em auto;
  border-radius: 5px;
  transition: 0.3s !important;
}

.datepick-month {
  width: 99.8% !important;
}

.datepick {
  width: 100% !important;
  border: none !important;
}

.datepick-month {
  font-size: 22px;
  padding: 0.5em 0;
  border-radius: 5px;
  border: 1px solid #c6c6c6 !important;
}

.datepick-month tbody {
  line-height: 4.5em;
}

.datepick-cmd-today {
  display: none;
}

.datepick-nav {
  height: 0;
}

.datepick-cmd-prev,
.datepick-cmd-next {
  z-index: 9;
  font-size: 25px;
  transform: scaleY(2.5);
  font-weight: 100;
  color: #a4a8ab !important;
  top: 22px;
  height: 16px !important;
  width: 25px !important;
  font-family: auto;
}

.datepick-cmd-prev {
  padding-left: 4% !important;
}

.datepick-cmd-next {
  padding-right: 4% !important;
}

.datepick-month-header {
  background-color: transparent !important;
}

.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
  background-color: #fff !important;
  color: black !important;
  font-weight: 600 !important;
  margin-top: 0.25em;
  margin-bottom: 2em;
  font-size: 25px;
}


.datepick-cmd:hover {
  background-color: transparent !important;
  text-decoration: none !important;
}

.datepick-month th,
.datepick-month th a {
  background-color: transparent !important;
  color: #343a40 !important;
}

.datepick-month th {
  border: none !important;
  text-transform: uppercase;
  font-weight: bold !important;
}

.datepick-month thead {
  border: none !important;
}

.datepick-month table {
  margin-top: 1.5em;
  table-layout: fixed;
}

.datepick-month td .datepick-highlight {
  background-color: #d7d7d7 !important;
  text-decoration: none !important;
}

.datepick-month td .datepick-selected {
  background-color: #54c4b3 !important;
  color: white !important;
}

.datepick-month .dayWithCites::before {
  content: "•";
  position: absolute;
  color: #17a2b8;
  top: -2px;
  font-weight: bold;
  font-size: 25px;
}

.datepick-month .dayWithCites.datepick-selected::before {
  color: white;
}

.datepick-month td a.-isCopied{
  outline: solid 2px #6e6e6e;
  outline-offset: -2px;
  -webkit-animation: tremola 1.5s infinite;
  pointer-events: none;
}

@-webkit-keyframes tremola{
  0%  { -webkit-transform:scale(1); }
  50% { -webkit-transform:scale(1.05); }
  100%{ -webkit-transform:scale(1); }
}