.ui-datepicker {
  width: 33%;
	height: auto;
	font-size: 9pt;
	padding: 0px 30px;
	margin-left: -3px;
}

.ui-datepicker a {
  text-decoration: none;
}

.ui-datepicker table {
  width: 100%;
}

.ui-datepicker-header {
  background: #58deb9;
  color: #343a40;
  font-weight: bold;
  line-height: 30px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #80fbd9;
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}

.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}

.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}

.ui-datepicker thead {
  background-color: #58deb9;
}

.ui-datepicker th {
  text-transform: uppercase;
  font-size: 6pt;
  padding: 5px 0;
  color: #343a40;
}

.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
  border-right: 0px;
}

.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker-calendar .ui-state-default.ui-state-active {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #343a40;
  text-shadow: 1px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 100% !important;
	background: #58deb9 !important;
	border: none !important;
	color: white !important;
}

.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: linear-gradient(top,  #ededed 0%,#dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable {
	background: #333;
	border: none !important;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
  background: #58deb9 !important;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}

.ui-datepicker-calendar thead tr {
  text-align: center;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}

.ui-datepicker-week-end {
	text-align: center;
}

#medproduct-details {
	left: auto !important;
	right: 0px !important;
	bottom: 10px !important;
	padding: 30px !important;	
	height: 100vh;
	width: 33vw !important;	
	background: #343a4099;
	filter: drop-shadow(0px 2px 1px rgba(0,0,0,0.17));	
}

#medproduct-details table {
	margin-bottom: 12px !important;
}

#medproduct-gallery {
	pointer-events: none !important;
}

#medproduct-gallery .woocommerce-product-gallery__image img {
	filter: blur(3.3px);
	opacity: .7;
}

#medproduct-gallery .woocommerce-product-gallery__trigger {
	display: none !important;
}

#medproduct-details .medgate-date-fields {
	margin-bottom: 48px !important;
}

#medproduct-details .woocommerce-Price-amount.amount {
	display: none !important;
}

.woocommerce .quantity .qty, .woocommerce-grouped-product-list-item__quantity {
	width: auto !important;
}

.woocommerce #order_review dl.variation{
	position: absolute;
	margin-top: -290px;
	line-height: 22px;
}

.woocommerce #order_review dd{
	margin-bottom: 22px;
}

.woocommerce #order_review table.shop_table.woocommerce-checkout-review-order-table {
	margin-top: 214px;
}

.woocommerce .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required {
	height: 48px;
	display: block !important;
}

.woocommerce .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
	display: block;
	width: 100% !important;
	height: auto !important;
}

.woocommerce .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
	color: white !important;
}

.woocommerce .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text {
	color: white !important;
}

.woocommerce .woocommerce-terms-and-conditions-wrapper p.form-row.validate-required label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span.woocommerce-terms-and-conditions-checkbox-text a.woocommerce-terms-and-conditions-link {
	color: white !important;
}

.woocommerce-page .blockUI.blockOverlay {
	width: 100%;
	height: 100vh !important;
}

@media screen and (max-width: 768px) { 
	.ui-datepicker {
		width: 86.33334vw !important;
	}
	
	#medproduct-details {
		width: 100% !important;
		background: transparent !important;
	}
}