.calendar{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:15px;
}

.calendar_month{
	width:100%;
	background:#EEF1F9;
	display:flex;
	justify-content: space-between;
    align-items: center;
}

.cal_month_but{
	flex-shrink:0;
	width:8%;
	line-height:45px;
	font-family: Inter;
	font-size: 18px;
	text-align: center;
	cursor:pointer;
}

.cal_month_but:hover, .cmb_active{
	background:var(--R_100);
	color:var(--W_100);
}

.calendar_main{
	width:100%;
	display:flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	column-gap:1%;
}

.cal_day {
    flex-shrink: 0;
    height: 220px;
    background: #fff;
    width: 13.4%;
    position: relative;
    margin-bottom: 1%;
}

.cal_day_num{
	color:var(--dark900);
	font-family:Bebas Neue;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: 0%;
	text-align: right;
	text-transform: uppercase;
	position:absolute;
	top:10px;	
	right:20px;
}

.cal_day_past .cal_day_num{
	color:var(--W_100);
}

.cal_day_score{
	width:calc(100% - 30px);
	position:absolute;
	bottom:15px;
	left:15px;
}

.cal_day_score_line{
	display:flex;
	justify-content: space-between;
	gap:20px;
}

.cal_day_score_num{
	text-align:right;
}

.cal_day_score_line{
	font-family:Bebas Neue;
	font-size: 18px;
	line-height: 90%;
	letter-spacing: 0%;
	text-transform: uppercase;
}

.cal_day_unact .cal_day_num{
color:#96A0AB;
}

.cal_day_score_line:nth-child(1){
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid var(--dark500);
}

.playLocation{
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #96A0AB;
	padding:10px 0 0 10px;
}

.playLocation span{
	color:var(--R_100);
}


.cal_day:hover{
	outline:1px solid var(--R_100);
}

.cal_day.cal_day_unact{
	background:#EEF1F9;
}
.cal_day.cal_day_past{
	background:var(--R_100);
	color:var(--W_100);
}
.cal_day.cal_day_next{
	outline:1px solid var(--R_100) !important;
}
.cal_day_past .playLocation span{
	color:var(--W_100);
}

.cal_day_past .playLocation {
	color:var(--W_100);
	opacity:0.6;
}

.cal_day a{
	color:var(--dark900);
	text-decoration:none;
}
.cal_day a:hover{
	color:var(--R_100);
}

.cal_day_past a{
	color:var(--W_100);
	text-decoration:none;
}
.cal_day_past a:hover{
	color:var(--B_100);
}

.cal_day_cur .cal_day_num{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 20px;
	background:var(--dark500);
}

.cal_day_cur{
	outline:2px solid var(--dark500);
}

@media screen and (min-width: 769px) and (max-width: 1440px) {

.main_content {
    width: calc(100% - 300px) !important;
}
.matchlist_cards_item_team {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--B_100);
    width: 215px !important;
    line-height: 120%;
}
}

@media screen and (max-width: 768px) { 
.calendar_main {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 15px;
	overflow-x:scroll;
	padding:1px;
}

.cal_month_but {
    flex-shrink: 0;
    width: 17%;
}	

.calendar_month {
    overflow-x: scroll;
}

.cal_day {
    flex-shrink: 0;
    width: 160px;
	display:none;
}
.cal_day.cal_day_past, .cal_day.cal_day_next{
	display:flex;
}

.calendar_item{
	padding-right:40px;
}

}

.mdhide{
	outline:0 !important;
	/*background:#fff !important;*/
}

.mdhide .playLocation, .mdhide  .cal_day_score{
	/*display:none;*/
	opacity:0.2;
}

@media screen and (max-width: 768px) { 
.mdhide{
	outline:0 !important;
	background:#fff !important;
	display:none !important;
}

.mdhide .playLocation, .mdhide  .cal_day_score{
	display:none;
}

}