@media print {
  body * {
    visibility: hidden;
  }
  .containergc {
    width: 100% !important;
    max-width: 100% !important;
    border: 0px !important;
  }
  .cardgc {
    width: 100% !important;
    max-width: 100% !important;
    border: 0px !important;
  }
  #printedat {
    visibility: visible;
  }
  .card-img-top,
  #dropdownMenuButton {
    display: none;
  }
  .btnPrint {
    display: none;
  }
  #section-to-print,
  #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}
/* end CSS for print  */
#printedat {
  visibility: hidden;
}
.dropdown-toggle::after {
  display: none !important;
}
.btnPrint {
  font-size: 1em !important;
  color: blue;
  cursor: pointer;
}
#calccontainer {
  width: 50%;
  border-radius: 15px 15px 15px 15px;
  border: 2px solid black;
}
.containergc {
  max-width: 400px;
}
.calcheader {
  background-color: grey;
  padding: 15px;
  color: white;
}
.calccontent {
  background-color: yellow;
  padding: 15px;
}
.animaltype {
  color: red;
}
.cardgc {
  margin: 2em;
}
.center {
  text-align: center;
}
.item {
  text-align: center;
}
.card-titlegc {
  margin-top: 1em;
}
.input-group.date {
  width: 90%;
}
.date {
  margin-bottom: 1em;
}
.card-text {
  text-align: left;
  text-justify: inter-word;
}
.cardgc {
  max-width: 350px;
  border: 1px slategray;
  box-shadow: 4px 4px 12px slategray;
}
#kiddingdate,
#duedate {
  font-size: 1.5em;
}
.dividergc {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 1em;
}

.btn-colorgc {
  background-color: #003c7e;
  color: white;
  width: 100% !important;
}
.dropdown-menugc {
  width: 100%;
  max-height: 250px;/* you can change as you need it */
  overflow-y: auto;/* to get scroll */
}
/* END DROPDOWN  */

#allMilestones, .milestonesHeader, #generaloverviewverbiage {
  padding-left: 1em;
  padding-right: 1em;
}
#kiddingdate {
  margin-top: 1em;
}
#duedate {
  border-top: 2px solid slategray;
}