/* Accordion wrapper */
#golf-teetimes-accordion {
    position: fixed;
    bottom: 20px;
    right: 65px;
    width: 570px;
    max-width: 95%;
    z-index: 9999;
    font-family: Montserrat, sans-serif;
	display: block;
    animation: bounceInUp 2.5s ease-out both;
}
/* Toggle bar */
.accordion-toggle {
    background: #347b63;
    color: #fff;
    padding: 11px 16px;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    text-align: center;
	background-repeat: no-repeat;
    background-size: 50px 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAABRdJREFUeAHtXDtoFUEU9Wks/BUKMX5B4gcUJYgkGDBaiJVoJNhY2qSzEVKJGK2Mha2NsRJFDEgMWgQLwahIjBhFBBVBAv6CRjCCiqjnaDY8Qj5vf3PPwr1wmX27OzPnnjN35r3dSUp/YLPcZBiYLYPEgfxjwAURGwguiAsixoAYHM8QF0SMATE4niEuiBgDYnA8Q1wQMQbE4HiGuCBiDIjB8QxxQcQYEIPjGeKCiDEgBsczxAURY0AMjmeICyLGgBgczxAXRIwBMTieIS6IGANicDxDXBAxBsTgeIaICVIlhqcSOEO4qRs+CH8LfzdWjqBcCl9R5o043gtfDC+ElQqy2fol2LwM7y6VSo/iMIv4OOh2wpvhh+DVcFlTF4Sj/yS8E0L8SssixFmENtrgR+EL0raXR31VQb4h2A74WQjB40wNwixDg+3wVngJLmOKgrwBO/shxJO8WYIwnMYuwhfm3Vel7asJ0gfgLRBjuNIA0t4HUbagjevwNWnbyqK+0tdeLtq7Q4pBAtHfUxT18H5+tjaVDGFmUIyfVoSMrSsP0f9KKwzsV0EQrhn1oTNjMtIhyjacvwOfN9n1EOespyx+g2pWEINkA8cAisM8tjJrQTpAAn9xJzaM6jr4tTJflbgxVASeKyj4JMDELKes94h4HQhI9TsDQuxBO71l7G1Cm8/LPsc+RJsbUYmL/ZzYlVNWsMyQ9rRipIx9yupjgl6Y8oYcL1gJ8goxdeYYVxZNt6ORH1k0FKcNK0EuYRSmfjYVJ9C49wIfnyTfilsv7f1WgpgtmjEJC47TQpAhjL5Yj9Bjkpjl7T1oLOj/grEQJPioS6oQBg6/CT5IWj9JPQtBBpMANazzOGTfFoJwsSyS8SVZMLMQJGiAGTAZdABZCBI0QBdkZga4O6RI9iUkWIsM4VadIll1SLAWgnDfVJY2MYYBPBwcrcCPVAgia7zTdls17dV8Li7Pp9nxVit9uTR3vMb0B0EFmTi6poeWzdWgAWYAOSheiwzh9s5zGRAVNcFdjceiDzFKvsevxLZXclNW91i8oPoM8DXqT3tJMNah9She8DiUWUxZSxBcU6gAU/bDjXRBzUIQBhg80ISsBsdpMWWRm4/wtZi2RhMSlXs1TFeb0QkfhAYdtEE7K2ORPw7byj4rHp4GqOD8WGUIBeBuE+464TsHKUN27AKg2xaggo+AsiD59xknyj5LHEKMEoCcsQJjKQhjbgUB+6yCn6Lf4zjfMMW13E9bTllRcF9x0Iip61l0wqrE4GhB311wZomJKQjCwF/DGyDKJxMW0CnEqENxF276p27WU1bEfy0OboKUmuhEyHJMjBvo01QMxqwiCLFw3u4HOVv5IZShP05TzAzTvwuJ4lUShJhWw/tA0sEIYJ4l+uECzjXDPDOiONUEIa758Ksgqwu+IQKaZYl2m+D30eYpuNkCPllMKov6ZNh4jvt/z8O5U/4DT6QxiLAJ9fkLXO2r9nhY6oJEQL/joBfOXY89EGc4ujBTCRFqcQ8fEh6A74ArzgqA9d+KIkiEl+Vv+D04H/xxSxH3ebEcgfMZGd/w8TUxF2m+DONDwsJYEQUpDLlJgEqnb5KAil7HBRFT0AVxQcQYEIPjGeKCiDEgBsczxAURY0AMjmeICyLGgBgczxAXRIwBMTieIS6IGANicDxDXBAxBsTgeIa4IGIMiMHxDHFBxBgQg+MZ4oKIMSAGxzPEBRFjQAyOZ4gLIsaAGJy/vP5N4FHBN18AAAAASUVORK5CYII=);
}
/* Content panel */
.accordion-content-cls {
    background: #F5F7FF;
    border: 0px solid #ddd;
    border-top: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding: 0 15px;
    width: 570px !important;
}
/* Open state */
#golf-teetimes-accordion.open .accordion-content-cls {
    max-height: 75vh;
    padding: 15px;
}
/* ===== Your Nexxchange styles ===== */
#teetimecontainerId table {
    width: 100%;
}
#teetimecontainerId td, #teetimecontainerId th {
    vertical-align: middle;
/*     padding: 2px 5px; */
    white-space: nowrap;
}
#teetimecontainerId {
    margin-top: 10px;
    max-height: 55vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}
.gfBookingButton {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 4px;
    font-weight: 500;
    border-radius: 2px; 
    margin: 5px;
    background-color: #b08b5a;
    border: 2px solid #8c6a3f;
    color: #fff;
}
#teetimecontainerId .gfBookingButton {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
/*     padding: 8px 6px; */
    font-weight: 500;
    /*white-space: normal;*/
    border-radius: 2px;
    margin: 5px 5px;
    background-color: #b08b5a;
    border: 2px solid #8c6a3f;
    box-shadow: inset 0 0 0 2px #d8c2a3;
}
#datepicker2 {
    position: relative;
    z-index: 2;
    width: 50%;
}
#teetimecontainerId td:last-child:has(.gfBookingButton) {
    display: flex;
    gap: 8px;
}
#teetimecontainerId tr:first-child td {
    /* border: none !important;*/
    text-align: center;
    vertical-align: middle;
    display: table-cell !important;
}
#teetimecontainerId table tr:first-child {
    position: sticky;
    top: 0;
    /*z-index: 5;*/
    background: #fff;
}
#teetimecontainerId table tr:first-child td {
    /* border: none !important;*/
    text-align: center;
}
.ui-datepicker {
    z-index: 10000 !important;
}
#ui-datepicker-div{
    top: 290.5px !important;
}
@media (max-width: 767px) {
    #golf-teetimes-accordion.open .accordion-content-cls {
        max-height: 50vh;
        padding: 15px;
    }
    .accordion-content-cls {
        width: 409px !important;
    }
    #golf-teetimes-accordion {
        right: 10px;
        width: 409px !important;
        bottom: 65px;
    }
}

@media (max-width: 1024px) {
    #teetimecontainerId {
        max-height: 35vh;
    }
    #ui-datepicker-div {
        top: 415.5px !important;
    }
}