hr {
	}
<?php
	if ($term) {
?>
	h1 {
		display: none;
	}
<?php		
	}
?>
	.main {
		min-height: 500px;
	}
	.tg2-title-svg p
	{
		margin-top: -25px;
	}

	tg2-slot-month
	{
		box-sizing: border-box;
		overflow: hidden;
		width: 45px;
		height: 60px;
		text-align: center;
		background-color: #EFF0F7;
		border-radius: 2px;
		color: #000000;
		font-family: Inter;
		font-weight:600;
		font-size: 14px;
		border-color: #DEE7E7
	}
	p, span {
    color: black;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    margin-right: 40px;
}
	.tg2-back {
		
		font-family: Inter;
		font-size: 14px;
		font-weight: 600;
		line-height: 22px;
		color: #5F99F0;	
		gap:4px;
		padding: 6px 12px 6px 4px;
		background: white;
		width: 87px;
		border-radius: 6px;
		box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
		
		
	}
	.fa {
		padding: 4px;
	}
	.tg2-title-svg {
		position: relative;
		width: 100%;
		text-align: right;
		top: -70px;
	}
	.tg2-title-svg svg {
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.tg2-title-svg div {
		position: absolute;
		top: -10px;
		right: -10px;
		width: 20px;
		height: 20px;
		text-align: center;
		color: #ffffff;
		background-color: #6099F4;
		border-radius: 200%;
		cursor: pointer;
		font-family: Inter;
		font-size: 12px;
		font-weight: 400;
		line-height: 25px;
		vertical-align: middle;

	}
body
{
	font-family: Inter;
}

	.tg2-apartments-title {
		font-size: 24px;
		
		text-align: center;
		
		font-family: Inter;
		font-weight: 600;
	}
	.tg2-apartments-wrapper {
		display: flex;
		justify-content: space-between;
	}
	.tg2-apartments-left-side {
		max-width: 810px;
		padding-right: 30px;
	}
	.tg2-main-date, .tg2-bottom, .tg2-main-month-s, .tg2-main-year-s {
		margin: 20px 0;
		text-align: center;
	}

	.tg2-main-date input, .tg2-bottom input, .tg2-main-year-s input {
		border-radius: 2px;
    border-color: #DEE7E7;
    text-align: center;
    font-size: 20px;
    font-weight: 550;
    font-family: Inter;
    line-height: 22px;
    padding: 6px 0px;
    gap: 12px;
    width: 177px;
		
	}
	.tg2-main-month-s input
	{
		text-align: center;
		font-size: 17px;
		font-family: Inter;
		line-height: 22px
		padding: 6px 0px;
		gap: 12px;
		height:36px;
	}
	.tg2-bottom input {
		width: 335px;
		cursor: pointer;
		border-radius: 8px;
		padding: 16px 30px;
		gap: 8px;
		font-family: Inter;
		font-weight: 500;
		font-size: 20px;
		background-color: rgba(96, 153, 244);
		color: white;
	}
	.tg2-bottom input:disabled {
		color: white;
		cursor: not-allowed;
		background-color: rgba(96, 153, 244, 0.3);
	}
	.tg2-main-date input[type="button"], tg2-main-month-s input[type="button"], .tg2-main-year-s input[type="button"] {
		width: 24px;
		cursor: pointer;
		color: #6097F2;
		    
	}
	.tg2-main-graph, .tg2-main-week-year {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 606px;
		margin: 8px auto 8px;
	}
	.tg2-main-week-graph, .tg2-main-week-month {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 708px;
		margin: 20px auto 30px;
	}
	.tg2-time {
    display: inline-block;
    width: 80px;
    height: 70px;
    background: rgba(96, 153, 244, 0.3);
    color: black;
    padding: 8px 2px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    margin: 4px 0;
    font-family: Inter;
    line-height: 25px;
}
.tg2-slot-selected .tg2-time {
  background: rgba(95, 153, 240, 1);
  color: white;
}

.tg2-slot-selected .tg2-time-week {
  background: rgba(95, 153, 240, 1);
  color: white;
}
.tg2-time-week {
    display: inline-block;
    width: 43px;
    height: 50px;
    background: rgba(96, 153, 244, 0.3);
    color: black;
    padding: 2px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    font-family: Inter;
    line-height: 140%;
}
	.tg2-slot {
    box-sizing: border-box;
    overflow: hidden;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px solid #000000;
    padding-top: 2px;
	font-family: Inter;
}
	
	.tg2-slot-day {
    box-sizing: border-box;
    overflow: hidden;
    width: 100px;
    height: 137px;
    text-align: center;
    border: 1px solid rgba(222, 231, 231, 1);
    border-radius: 8px;
    color: #000000;
    margin: 1px;
    padding-top: 12px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
	margin-bottom: 4px;
}
	.tg2-slot-3, .tg2-slot-3-off
	{
		box-sizing: border-box;
		overflow: hidden;
		width: 100px;
		height: 60px;
		text-align: center;
		border-radius: 8px;
		color: #000000;
		font-family: Inter;
		font-size: 14px;
		line-height: 25px;
		box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.05);
    padding-top: 5px;
    background: white;
    margin: 1px;
	font-weight: 700;
		
	}
.tg2-slot-off {
    box-sizing: border-box;
    overflow: hidden;
    width: 100px;
    height: 60px;
    text-align: center;
    border-radius: 2px;
    color: #000000;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    border-color: #DEE7E7;
}
	.tg2-slot-off2
	{
		box-sizing: border-box;
		overflow: hidden;
		width: 100px;
		height: 60px;
		text-align: center;
		background-color: #EFF0F7;
		border-radius: 2px;
		color: #000000;
		font-family: Inter;
		font-weight:600;
		font-size: 14px;
		border-color: #DEE7E7
	}
	
	.tg2-slot-3, .tg2-slot-3-off {
		height: auto;
		min-height: 37px;
	}
	.tg2-slot-3c {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tg2-slot-3c .tg2-slot-3-in {
		width: 20px;
		height: 20px;
		position: relative;
		margin: 1px;
		padding: 0;
		cursor: pointer;
		background:#C9FFD8;
		border-radius: 4px;
		font-weight:400;
	}
	.tg2-slot-3c .tg2-slot-3-in div {
		position: absolute;
		z-index: 10;
	}
	.tg2-green {
		background-color: #73ffa9;
	}
	.tg2-red {
		background-color: #ffd2cd;
	}
	.tg2-green-red {
		background-color: #73ffa9;
	}
	.tg2-green-red::after {
		content: '';
		z-index: 5;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		clip-path: polygon(100% 0, 0% 100%, 100% 100%);
		background-color: #ffd2cd;
	}
	.tg2-yellow {
		background-color: rgba(96, 153, 244, 0.3);
	}
	.tg2-yellow::after {
		background-color: #ffff00;
		z-index: 6;
	}
	.tg2-slot-off-nb {
		box-sizing: border-box;
		overflow: hidden;
		width: 100px;
		height: 60px;
		border: 2px solid transparent;
		border-radius: 2px;
	}
	.tg2-slot-free {
		background-color: white;
		cursor: pointer;
	}
	.tg2-slot-sold {
		background-color: #ffd2cd;
		cursor: not-allowed;
	}
	.tg2-slot-line {
		font-size: 20px;
	}
	.tg2-slot-line-b {
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 100%;
		height: 20px;
	}
	.tg2-slot-line-f {
		cursor: pointer;
	}
	.tg2-main-week {
		display: flex;
		justify-content: flex-start;
		position: relative;
		width: 708px;
		margin: 0px auto 0;
	}
	.tg2-cash
	{
		color: black;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
	}
	.tg2-main-week-left, .tg2-main-week-right {
		position: absolute;
    top: 0;
    width: 30px;
    height: 60px;
    border-radius: 2px;
    background: rgba(239, 240, 247, 1);
    /* cursor: pointer; */
    color: rgba(96, 151, 242, 1);
    font-weight: 1000;
	}
	.tg2-main-week-left {
		left: -30px;
	}
	.tg2-main-week-right {
		right: -22px;
	}
	.tg2-main-year {
		display: inline-block;
		width: 300px;
		
		text-align: center;
		font-size: 20px;
		font-family: Inter;
		font-weight: 550;
		border-radius: 2px;
		height: 36px;
    padding-top: 6px;
	}
	.tg2-main-month
	{
		display: inline-block;
		width: 300px;
		
		text-align: center;
		font-size: 17px;
		font-family: Inter;
		border-radius: 2px;
		height: 36px;
    padding-top: 6px;
	}
	
	tg2-slot-month
	{
		box-sizing: border-box;
		overflow: hidden;
		width: 100px;
		height: 60px;
		text-align: center;
		background-color: #EFF0F7;
		border-radius: 2px;
		color: #000000;
		font-family: Inter;
		font-weight:600;
		font-size: 14px;
		border-color: #DEE7E7
	}
	.tg2-mes-w {
		width: 100%;
	}
	
.tg2-week-days {
    display: flex
;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 600;
    width: 323px;
    height: 20px;
    padding-inline: 16px;
    font-family: Inter;
    font-size: 13px;
    line-height: 18px;
    color: rgba(60, 60, 67, 0.3);
}

.super-date
{
	text-align: center;
	font-family: Inter;
}

	.tg2-main-date-container {
    display: inline-block;
    background: #EFF0F7;
    border-radius: 6px;
    border: 1px solid #DEE7E7;
}


	.tg2-mes-w-n {
		display: flex;
		width: 100%;
		/*background-color: #ffd2cd;*/
	}
	.tg2-mes-w-n1 {
		width: 20px;
		background-color: #ffffff;
	}
	.tg2-mes-w-n2-1 {
		display: flex;
		flex-wrap: wrap;
		/*justify-content: space-around;*/
		width: 100%;
	}
	.tg2-mes-w-n2 {
		padding: 2px;
		border-left: 1px solid rgba(95, 153, 240, 1);
		border-right: 1px solid rgba(95, 153, 240, 1);
		/*background-color: #73ffa9;*/
		/*cursor: pointer;*/
	}
	.tg2-vert-slot {
		width: 100px;
		min-height: 60px;
	}
	.tg2-nav-tab-wrapper {
		display: flex;
		text-align: center;

		margin: 0;
		padding: 4px;
		line-height: inherit;
		background: white;
		width: 335px;
		border-radius: 4px;
		box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
		
	}
	.tg2-nav-tab {
		font-family: Inter;
		margin-left: .5em;
		gap: 10px;
		padding: 6px 8px;
		text-align: center;
		font-size: 18px;
		line-height: 120%;
		font-weight: 500;
		
		color: #50575e;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
	}
	.tg2-nav-tab-active {
		position: relative;
		color: white;
		cursor: default;
		padding: 6px 8px;
		background-color: #6099F4;
		border-radius: 4px;

	}
	.tg2-nav-tab-active:after {
		position: absolute;
		content: " ";
		width: 100%;
		height: 3px;
		bottom: -3px;
		left: 0px;
		background-color: #ffffff;
	}
	.s2, .tg2-nav-graph {
		display: none;
	}
	.tg2-nav-graph-active {
		display: block;
	}
	.s1 {
		display: inline;
	}
	.tg2-slot-selected {
		background-color: rgba(96, 153, 244, 0.3);
	}
	.tg2-selected-slots {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 100vw;
		text-align: center;
	}
	.tg2-selected-slots span {
		border: 1px solid #000000;
		border-radius: 3px;
		margin: 1px;
		padding: 4px;
		cursor: pointer;
		display: none;
	}
	
		.selected-slots-table 
	{
	  display: table;
	  width: 100%;
	  border-collapse: collapse;
	}
	.table-header, .table-body {
	  display: table-header-group;
	  display: table-row-group;
	}
	.table-row {
	  display: table-row;
	}
	.table-cell {
	  display: table-cell;
	  padding: 8px;
	  white-space: nowrap !important;
	  
	}
	.remove-slot-btn {
	  cursor: pointer;
	  background: #f44336;
	  color: white;
	  border: none;
	  padding: 4px 8px;
	  border-radius: 4px;
	}

	@media (max-width:740px) {
		.tg2-apartments-title {
			font-size: 30px;
		}
		.tg2-main-graph, .tg2-main-week-year {
			width: 306px;
		}
		.tg2-main-date input[type="text"], .tg2-main-month, .tg2-main-year {
			        width: 120px;
		}
		.tg2-main-week, .tg2-main-week-graph, .tg2-main-week-month {
			width: 323px;
		}
		.tg2-main-week .tg2-slot-off2, .tg2-main-week-graph .tg2-slot, .tg2-vert-slot, .tg2-main-week-month .tg2-slot, .tg2-main-week-month .tg2-slot-off, .tg2-main-week-month .tg2-slot-off-nb, .tg2-main-date input[type="button"], .tg2-main-year-s input[type="button"] {
			width: 50px;
		}
		.s1 {
			display: none;
		}
		.s2 {
			display: inline;
		}
	}
	@media (max-width:480px) {
		.tg2-nav-tab {
			margin-left: 3px;
		}
	}