/* TOAST */

#ec_event_content_box .toast-container{
	z-index: 9999!important;
	top: 8%!important;
}

#ec_event_content_box .bg-success{
	background-color:#AFD500!important;
}

/* TABS */

#ec_event_content_box .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover{
	color: #555555;
	border-color: #555555 #555555 transparent #555555;
	background-color:transparent;
}

#ec_event_content_box .nav-tabs .nav-link{
	color: #555555;
	border-radius: 0;
	border-color: transparent transparent #555555 transparent;
}

#ec_event_content_box .nav-tabs .nav-link:hover{
	border-color: transparent transparent #555555 transparent;
}

#ec_event_content_box .nav-tabs .fill{
	display: block;
	width: 30%;
	padding: 0;
	border-bottom: 1px #555555 solid;
	margin: 0 0 5px 0;
}

#ec_event_content_box .nav-tabs {
	border-bottom: 0;
}

/* FORM */


#ec_event_content_box .loadProcess{
	width: 100%;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: 9;
	background-color: rgba(0,0,0,0.2);
	display: none;
}

#ec_event_content_box .loadProcess.show{
	display: flex!important;
}

#ec_event_content_box .loadProcess .dashicons{
	font-size:50px!important;
	color:#FFF;
	width:auto;
	height: auto;
}

#ec_event_content_box .form-label-sm{
	font-size: .875rem!important;
}

#ec_event_content_box .box-day{
	margin: 5px;
	padding: 3px 10px;
	border-radius: 5px;
	border: 1px solid #8c8f94;
	cursor: pointer;
	background-color: #FFF;
}

#ec_event_content_box .box-day.first{
	margin-left: 0.8rem!important;
}

#ec_event_content_box .box-day.selected{
	background-color: #AFD500;
}

#ec_event_content_box .add-rule{
	color:#76A2BC;
	display: flex;
	align-items: center;
	font-size: .875rem!important;
	cursor: pointer;
}

#ec_event_content_box .btn-primary{
	background-color:#2171B0!important;
}

#ec_event_content_box hr{
	background-color:#90B0CF!important;
}

#ec_event_content_box .btn{
	min-width:120px;
	border-radius:0;
}

#ec_event_content_box .modal-content{
	background-color: #DDDDDD;
	padding: 1rem 1rem 0 1rem;
	border-radius:0;
}

#ec_event_content_box .modal-title{
	color:#000;
}

#ec_event_content_box .modal-header{
	border:0;
	padding: 1rem 1rem 0 1rem;
}

#ec_event_content_box .modal-body{
	color:#000;
}

#ec_event_content_box .modal-body a{
	text-decoration: none;
}

#ec_event_content_box .modal-footer{
	border:0;
	padding: 0 0.75rem 0.75rem 0.75rem;
}

#ec_event_content_box .modal-footer a{
	color: #555555;
}

/* TABLE */

#ec_event_content_box .table, .table tr, .table td, .table a{
	font-size: .875rem!important;
	color:#555555!important;
}

#ec_event_content_box .table a{
	cursor: pointer;
}

#ec_event_content_box .table a.remove-date, #ec_event_content_box .table a.remove-booking{
	color:#555555!important;
	text-decoration: none;
}

#ec_event_content_box #pagination_table_bookings a.selected, #ec_event_content_box #pagination_table_posts a.selected{
	font-weight: bold;
	font-size: 130%!important;
}

#ec_event_content_box #content-calendar-event{
	position: absolute;
	z-index: 10!important;
	top:0;
	left:0;
}

/* EC TIMER */

#ec_event_content_box .ec-timer{
	width: 150px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1!important;
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: 0 4px 8px rgb(0 0 0 / 18%);
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

#ec_event_content_box .ec-timer.custom-active{
	z-index: 10!important;
}

#ec_event_content_box .ec-timer .ec-content-text{
	width:100%;
	float:left;
	height: auto;
	display: flex;
	justify-content: space-around;
}

#ec_event_content_box .ec-timer .ec-content-text div input{
	font-size: 1.2em!important;
	color: #000;
	width: 54px;
	border: 0;
	height: 40px;
}

#ec_event_content_box .ec-timer .ec-content-text div {
	font-size: 1.7em!important;
	color:#000;
}

#ec_event_content_box .ec-timer .ec-arrows-top, #ec_event_content_box .ec-timer .ec-arrows-bottom{
	width: 90%;
	position: relative;
	left: 50%;
	float: left;
	height: auto;
	display: flex;
	justify-content: space-around;
	margin-left: -45%;
}

#ec_event_content_box .ec-timer .ec-arrow {
	border: solid #ab9d9d;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 4px;
	cursor: pointer;
}

#ec_event_content_box .ec-timer .right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#ec_event_content_box .ec-timer .left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

#ec_event_content_box .ec-timer .up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#ec_event_content_box .ec-timer .down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* FRONT FORM */

#ec_event_content_box .box-info-centre{
	height: 30px;
}

#ec_event_content_box .tit-col-hora{
	width:100%;
	text-align: center;
	height:35px;
	font-weight:bold;
	vertical-align: middle;
}

#ec_event_content_box .slot-col-hora{
	width:100%;
	text-align: center;
	height:30px;
	vertical-align: middle;
	cursor: pointer;
}

#ec_event_content_box .slot-selected{
	background:#000;
	color:#fff;
}

#ec_event_content_box .ec-separator{
	margin-top:10px!important;
	margin-bottom: 10px!important;
}

#ec_event_content_box #calendar-selector .ui-datepicker{
	width:100%;
}

#ec_event_content_box .ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-header {
	background-color: transparent;
	background-image: none;
	border: 0;
	border-radius: 0;
	font-weight: 700;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
	padding-bottom: 10px;
}

#ec_event_content_box .custom-hide{
	transition: opacity 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

#ec_event_content_box .custom-hide-fast{
	transition: opacity .5s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

#ec_event_content_box .custom-active{
	opacity: 1;
	height: auto;
}

/* FROM FULLCALENDAR */

.elementor-kit-5 #ec_event_content_box a{
	cursor: pointer;
}

#ec_event_content_box .btn-close {
	box-sizing: content-box;
	width: 1em !important;
	height: 1em !important;
	padding: 0.25em 0.25em !important;
	color: #000 !important;
	border: 0 !important;
	border-radius: 0.25rem !important;
	opacity: .5 !important;
	background-color: transparent !important;
}

#ec_event_content_box .fc-daygrid-dot-event .fc-event-title {
	color: #00aeac !important;
}

#ec_event_content_box .fc-daygrid-dot-event .fc-event-time {
	color: #c36 !important;
}

/* ANIMATIONS */

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 1s linear infinite;
	-moz-animation: rotating 1s linear infinite;
	-ms-animation: rotating 1s linear infinite;
	-o-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite;
}