@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

@-ms-viewport { width: device-width; }

html, body {
	-webkit-text-size-adjust: none;
}

body {
    font-family: "Open Sans", sans-serif;
    overflow: hidden;
}

.no-saison {
	height: 2000px;
	padding: 7px;
}

.calendar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    overflow: hidden;
    padding-top: 40px;
}

.s-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.day-courts, .day-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
}

.calendar-head {
    display: flex;
    position: fixed;
    height: 40px;
    top: 0px;
    left: 60px;
    right: 60px;
    text-align: center;
    font-weight: bold;
    z-index: 10000;
}

.calendar-head .day-date span {
    display: block;
}

.slot {
   overflow: hidden;
   /*background-color: white;*/
   /*box-shadow: 0 0 1px rgba(0, 0, 0, 1) inset; */
}

.res {
    box-shadow: 0 0 1px rgba(0, 0, 0, 1) inset;
}

.time-schedule-left .slot:nth-child(odd) > span {
    position: absolute;
    display: block;
    border-top: solid 1.5px gray;
    width: 100%;
    text-align: left;
}

.time-schedule-left .slot:nth-child(odd) > span::before {
    content: " ";
    width: 10px;
    display: inline-block;
}

.time-schedule .slot:nth-child(even) > span {
    font-size: 0px;
}

.court {
    text-align: center;
}

.cs-area {
    width: calc(100% - 120px);
}

.day-courts {
    height: 32px;
    line-height: 32px;
	
	/*background-color: gray;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 2px;
    font-weight: bold;
    color: white;*/
}

.day-body, .day-head {
    /*border-left: solid 1px gray;
    border-right: solid 1px gray;*/
}

.day-head {
    background-color: white;
}

.day-head a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.time-schedule {
    padding-top: 32px;
    width: 60px;
    text-align: center;
    line-height: 32px;
}

.time-schedule > div {
    /*background-color: lightgray;*/
}

.res {
    z-index: 1000;
    position: relative;
}

.calendarDateNativeLabel, .wrapperBg, .st-menu, .navigation, #login, #pwd, #userSelector, footer, #installIos, .grecaptcha-badge {
    display: none;
}

/*.day-body {
	background: rgb(219,219,219);
	background: linear-gradient(180deg, rgba(219,219,219,1) 0%, rgba(234,234,234,1) 5%, rgba(255,255,255,1) 76%);
    background-size: 100% 1200px;
    background-repeat: no-repeat;
}*/





.calendar {
	background: rgb(219,219,219) !important;
	background: linear-gradient(180deg, rgba(219,219,219,1) 0%, rgba(234,234,234,1) 5%, rgba(255,255,255,1) 76%) !important;
	background-size: 100% 1200px !important;
	background-repeat: no-repeat !important;
}

.slot {
	background-color: transparent;
}

.time-schedule {
	background-color: white;
}

.calendar-head .day-head {
	margin-left: -60px;
	width: calc(100% + 120px);
}

.slot {
	/*border-radius: 3px;*/
}

.cs-area .day-head:last-child {
	visibility: hidden;
}

.res {
	box-shadow: initial;
	font-size: 10px;
	padding: 8px;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05);
}

.day:not(:nth-child(1)) .day-body .court:nth-child(1) .slot {
	border-left: solid 1.5px lightgray;
}