.dncalendar-inactive {
	/*opacity: .2;*/
}
.error {
  color: red;
  margin-left: 5px;
}

.dncalendar-header {
	margin: 20px 0;
	position: relative
}

.dncalendar-header h2 {
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-align: center
}

.dncalendar-header .dncalendar-links {
	height: 19px;
	width: 100%;
	position: absolute;
	top: 2px
}

.dncalendar-header .dncalendar-links div {
	cursor: pointer;
	width: 35px;
	height: 35px;
	-webkit-user-select: none;
	touch-action: pan-y;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.modal-header {
   padding: 25px 30px 30px 60px;
}

.table-design > tbody > tr > td {
	border-top: none ;
	 padding-top: 5px;
	 padding-bottom:  3px;
	 padding-left: 10px;

}
.option_s  > tbody > tr > td {
 border-top:0 !important;
}
.dncalendar-header .dncalendar-links .dncalendar-next-month {
	position: absolute;
	right: 10px;
	background: url('/website_online_appointment/static/src/img/arrow.png') no-repeat -111px 0;
	background-size: 148px 31px
}

.dncalendar-header .dncalendar-links .dncalendar-prev-month {
	position: absolute;
	left: 10px;
	background: url('/website_online_appointment/static/src/img/arrow.png') no-repeat 0 0;
	background-size: 148px 31px
}

.dncalendar-body {
	margin: 0 0 10px
}

.dncalendar-body table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	font-size: 15px
}

.dncalendar-body table th,
td {
	display: table-cell;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
@media only screen and (max-width: 768px) {
	.dncalendar-body thead td {
		font-size: 9px !important;
		text-transform: uppercase;
		padding: 10px 0
	}
}
.dncalendar-body thead td {
	color: #565252;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 0
}

.dncalendar-body tbody tr td {
	width: 13%;
	border: 1px solid #fff;
	color: #bdbdbd;
	background:#ececec;
	text-decoration: none;
	vertical-align: middle
}

.dncalendar-body tbody td#calendarClick {
	cursor: pointer
}

.dncalendar-body tbody td.calendarClick {
	/*color: #434343;
	background: #fff;*/
	color: #fff;
	background: #ade062;
}

.dncalendar-body tbody td .entry {
	padding: 11px 0 13px;
	position: relative
}

.dncalendar-body tbody td.calendarClick:active {
	background: #ddd
}

.dncalendar-body tbody td .entry:after {
	content: attr(data-title);
	left: 0;
	position: absolute;
	font-size: 10px;
	bottom: 1px;
	text-align: center;
	width: 100%
}

.dncalendar-body table td.holiday {
	color: #bdbdbd !important;
	pointer-events: none;
	/*opacity: 0.55;*/
}

.dncalendar-body table thead tr td {
	/*opacity: 1 !important;*/
}

.dncalendar-body table thead tr td.holiday, .dncalendar-body table thead tr td{
	color: #f8f8f8 !important;
}

.dncalendar-body table td.calendarClick.holiday {
	color: #938b8b !important;
}

.dncalendar-body table td.default-date {
	/*border: 1px solid #96d4fd;*/
	color: #96d4fd !important;
	background: #e6f2fa
}

.dncalendar-body table td.calendarClick.default-date {
	/*border: 1px solid #0d7fcc;*/
	color: #0d7fcc !important;
	background: #e6f2fa
}

.dncalendar-body table td.today-date {
	border: 1px solid #7ee699;
	color: #7ee699 !important;
	background: #e9fdee
}

.dncalendar-body table td.calendarClick.today-date {
	border: 1px solid #0dcc3f;
	color: #0dcc3f !important;
	background: #e9fdee
}

.dncalendar-body table td.note,
.dncalendar-body table td.calendarClick.note {
	position: relative
}

.dncalendar-body table td.note:before {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	content: "";
	border-top: 5px solid #c55;
	border-right: 5px solid #c55;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent
}

.dncalendar-body table td.calendarClick.note:before {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	content: "";
	border-top: 5px solid #d00;
	border-right: 5px solid #d00;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent
}

.dncalendar-note-list {
	list-style: none;
	margin-left: 4.5%;
	margin-bottom: 20px;
	padding: 0;
	color: #999
}

.dncalendar-note-list .date {
	color: #d00
}

.abc{
	padding: 0 !important
}

.modopen{
	overflow: hidden;
}

.holiday.calendarClick{
	background-color: #e3dddd !important;
}

.sho-appo-row{
	background-color: #17151633;
	padding: 0 2px;
	box-shadow: 0 0 15px #c9c7c7;
}