/*
.captcha-check,
.checkbox-check .form-control {display:flex; justify-content: space-between; align-items: center;}
.checkbox-check .form-control {align-items: flex-start;}
*/
form.validate-agenda {position: relative;}
.captcha-check,
.checkbox-check {display:flex; justify-content: flex-start; align-items: flex-start;}
.checkbox-check input[type="checkbox"]{margin-right: 10px; margin-top:5px;}

.captcha-check .cap-field {width:fit-content;}
.captcha-check .cap-image {margin-right:15px; width:180px;}

.checkbox-check input {width: 25px!important; height: 25px!important; margin-right: 15px;}
.validate-agenda button.outline {font-size:14px; font-weight: 600; line-height: 44px;}
.button-border.outline.white {border: solid 3px #FFF;color: #FFF;background-color: transparent;}

.agenda-calendar {min-height: 400px;}
.agenda-calendar thead {background-color:var(--main-color); color:var(--main-white); text-transform: uppercase; font-size:12px;}
.agenda-calendar thead a {color:var(--main-white);}
.agenda-calendar table {margin-bottom: 0px!important}
.agenda-calendar .fc .fc-timegrid-axis-cushion,
.agenda-calendar .fc .fc-timegrid-slot-label {color:var(--main-color); font-size:12px;}
.agenda-calendar .fc .fc-toolbar-title {text-transform: uppercase; font-size:20px;}

.agenda-calendar .fc .fc-button-primary:not(:disabled).fc-button-active, .agenda-calendar .fc .fc-button-primary:not(:disabled):active {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: var(--main-white);
}

.agenda-calendar .fc .fc-button-primary {
	background-color: var(--main-dark);
	border-color: var(--main-dark);
	color: var(--main-white);
}

.agenda-calendar .fc-daygrid-event-dot {border-color:var(--main-color);}
.agenda-calendar .fc .fc-daygrid-event {cursor:pointer}

.agenda-calendar .display-date {background-color: #ddd; padding:20px; text-align:center; transition: all 0.5s;}
.agenda-calendar .display-date.selected {background-color: var(--main-color);color:#FFF;}
.agenda-calendar .display-date span {margin-left: 10px;}

.agenda-calendar .fc .fc-daygrid-day.fc-day-today {	background-color: transparent;}
.agenda-calendar .fc .fc-daygrid-day.agenda-has-events {background-color:rgba(46,141,212,0.1)!important}

.agenda-calendar .feedback .alert {text-align: center;}
.agenda-calendar .feedback .alert-danger p {margin:0; padding:10px;}
.agenda-calendar .feedback .alert-danger {background-color:rgba(255, 0, 0, 0.603)}
.agenda-calendar .feedback .alert-danger p {color:#FFF;}

.agenda-calendar .fc-event.is_selected {background-color:var(--main-color); color:#FFF;}
.agenda-calendar .fc-event.is_selected .fc-daygrid-event-dot {border-color: #FFF;}
/** Agenda Choose **/



.agenda-back {display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.agenda-cardchoose .posts__excerpt {margin-bottom:20px;}
.agenda-cardchoose button,
.agenda-back button {font-family: inherit; background:var(--main-color); color:var(--main-white); border:1px solid var(--main-color); padding:10px 20px; transition: all 0.4s; font-size:18px;}
.agenda-cardchoose button:hover,
.agenda-back button:hover {background:transparent; color:var(--main-color);}
.agenda-back h5 {margin-bottom: 0px;}
/** Agenda Choose **/

/** Agenda Overlay **/
.success-overlay {background-color:var(--main-color);  position: absolute; width:100%; top:0; left:0; right:0; bottom:0; z-index: 99; display:none; color:#FFF;}
.success-overlay .int {  display: flex;justify-content: center; align-items: center; height: 100%; width:100%;}
.success-overlay .int .text-center {text-align: center;}
.success-overlay p,
.success-overlay h2 {color:#FFF;}

.inside-reservation {background:#FFF; padding:20px; width: 500px;}
.inside-reservation h2 {font-size: 28px; line-height: normal; color:var(--main-color);}
.inside-reservation p {font-size:16px; line-height: 22px; color:#333;}
.inside-reservation h3 {font-size: 24px; line-height: normal; color:#FFF; background:var(--main-color); display: inline-block; padding:5px 10px;}
.inside-reservation .colored {color:var(--main-color)!important;}
.inside-reservation .agenda-delete {background:#FFF; border:2px solid red; padding:15px 20px; color:red; font-family: inherit; font-weight: 600; font-size: 18px; margin-top:30px; margin-bottom:30px; transition: all 0.4s;}
.inside-reservation .agenda-delete:hover {background:red; color:#FFF;}

.agenda-overlay {background-color: rgba(255,255,255,0.8); position: absolute; width:100%; top:0; left:0; right:0; bottom:0; z-index: 99; display:none;}

.agenda-overlay .spin {
   width: 88px;
   height: 88px;
   display: grid;
   border: 2px solid #ccc9;
   border-radius: 50%;
   border-color: var(--main-color) #ccc9;
   animation: spinner-agenda 1.2s infinite linear;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-44px;
   margin-left:-44px;
}
.agenda-overlay .spin::before,
.agenda-overlay .spin::after {
   content: "";
   grid-area: 1/1;
   margin: 3.5px;
   border: inherit;
   border-radius: 50%;
}

.agenda-overlay .spin::before {
   border-color: #ccc99 #ccc9;
   animation: inherit;
   animation-duration: 0.6s;
   animation-direction: reverse;
}
.agenda-overlay .spin::after {
   margin: 14px;
}


@keyframes spinner-agenda {
   100% {
   transform: rotate(1turn);
   }
}
/** Agenda Overlay **/