@charset "utf-8";
/* CSS Document */

.calendar-leftbox h1 {
	font-size: 70px;
	color: rgba(255,255,255,0.2);
	line-height: 1.2;
}
@media (min-width: 1400px) {
	.calendar-leftbox h1 {
		font-size: 100px;
	}
}

#stripedTable.table-bordered td {
	border-color: rgba(0,0,0,0.07);
}
.button.disabled, .button.disabled:hover {
	background-color: #BFBFBF !important;
	cursor: default;
	text-shadow: none;
	color: #FFF;
}

.calendar-month .calendar_td {
	height: 105px;
	background-color: #E2F1EB;
}
.calendar-month .calendar_td .date {
	font-size: 1.5rem;
	font-weight: 700;
}
.checkbox {
	width: 36px;
	height: 36px;
	background-color: #fff;
	border: solid 5px #3ABD85;
	display: block;
	border-radius: 0.5rem;
	margin: 0.5rem auto 0 auto;
	position: relative;
}
.calendar-month .calendar_td.disable, .calendar-month .calendar_td.old, .calendar-month .calendar_td.new {
	background-color: #F0F0F0;
}
.calendar_td.full {
	background-color: #FFE6E5;
}
.calendar_td.my {
	background-color: #FFEFCE;
}
.calendar-month .calendar_td.today {
	background-color: #f0fcff;
}
.calendar-month .calendar_td.my .checkbox {
	background-color: #FFAC2F;
	border-color: #FFAC2F;
}
.calendar-month .calendar_td.my .checkbox:before {
	font-family: 'font-icons';
	content: '\e98b';
	display: block;
	text-align: center;
	line-height: 26px;
	color: #fff;
}
.calendar-month .calendar_td.full .checkbox {
	background-color: #ff6f67;
	border-color: #ff6f67;
}
.calendar-month .calendar_td.full .checkbox:before {
	content: 'X';
	display: block;
	text-align: center;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
  font-size: 1.125rem;
}
.calendar-month .calendar_td.disable .checkbox {
	background-color: #bfbfbf;
	border-color: #bfbfbf;
}
.calendar-month .calendar_td.disable .checkbox:before {
	font-family: 'font-icons';
	content: '\eadd';
	display: block;
	text-align: center;
	line-height: 26px;
	color: #fff;
}
.calendar-month .calendar_td.old .date, .calendar-month .calendar_td.new .date {
	opacity: 0.3;
}

@media(max-width: 767.98px) {
	.calendar-month .calendar_td {
		height: 90px;
	}
	.calendar-month .calendar_td .date {
		font-size: 1.125rem;
	}
	.checkbox {
		width: 24px;
		height: 24px;
		border-width: 3px;
	}
	.calendar-month .calendar_td.my .checkbox:before, .calendar-month .calendar_td.full .checkbox:before, .calendar-month .calendar_td.disable .checkbox:before {
		line-height: 18px;
	}
}

.tab-time.tab-nav li {
	height: auto;
}
.tab-time.tab-nav li a {
	background-color: #ffffff;
	border: solid 3px var(--main-color);
	height: auto;
	line-height: 1.2;
	text-align: left;
	padding: 10px 15px;
	border-radius: 0.5rem;
	box-shadow: none;
	font-size: 18px;
}
.tab-time.tab-nav li .tab-icon {
	width: 34px;
}
.tab-time.tab-nav li .tab-icon svg {
	width: 100%;
}
.tab-time.tab-nav li .hour {
	font-size: 14px;
}
.tab-time.tab-nav li svg path {
	fill: var(--bg-color);
}
.tab-time.tab-nav li.ui-tabs-active svg path {
	fill: #fff;
}
.calendar-day td {
	width: 25%;
}
@media (max-width: 767.98px) {
	.tab-nav.tab-nav2 li {
		margin-left: 5px;
	}
	.tab-time.tab-nav li a {
		font-size: 16px;
		padding: 5px 8px;
	}
	.tab-time.tab-nav li .hour {
		font-size: 12px;
	}
	.tab-time.tab-nav li .tab-icon {
		width: 24px;
	}
}

.success-card {
	width: 400px;
	max-width: 100%;
}