.cjp-calendar{
	max-width:500px;
	font-family: 'Montserrat';
}
.cjp-calendar-header {
	display: flex;
	gap: 30px;
}
.cjp-days-wrapper{
	display:flex;
	gap:10px;
	overflow:hidden;
}

.container-button{
	border-radius:8px;
	padding:10px;
}

.container-button.active{
	background:#CEF2FF;
	border-radius:10px 10px 0px 0px;
}
.cjp-next-days{
	display: flex;
    justify-content: center;
    align-items: center;
	border: none;
}
.cjp-day{
	border: 1px solid #395CAF;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 8px;
    padding: 4px 10px;
    min-width: 80px;
    width: 100%;
    flex-direction: column;
    font-size: 14px;
    color: #232C5A;
}
.cjp-day:hover, .cjp-day:focus, .cjp-next-days:hover, .cjp-next-days:focus, .cjp-hour:hover, .cjp-hour:focus{
	background-color: white !important;
	color: #232C5A !important;
}

.cjp-calendar-body{
	background:#CEF2FF;
	padding:14px;
	border-radius:0px 10px 10px 10px;
}

.cjp-hours-group{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.cjp-hour{
	flex:1 1 80px;
	max-width:80px;
	border: none;
	color: #232C5A;
	background:white;
	padding:10px 13px;
	border-radius:6px;
	font-size: 13px;
}

.cjp-hour.active{
	background:#395CAF;
	color:white;
}

.cjp-select-hour{
	margin-top:20px;
	background:#243b6b;
	color:white;
	border:none;
	padding:14px 20px;
	border-radius:30px;
	cursor:pointer;
}