/*
|--------------------------------------------------------------------------
| header event
|--------------------------------------------------------------------------
*/
.bg-event{
    background-image: url('../img/goodkit/banner-event.png');
	background-size:cover;
}

/*
|--------------------------------------------------------------------------
| Search event
|--------------------------------------------------------------------------
*/
.datepicker table {
	width: 100%;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
	background-color: var(--bs-secondary);
	background-image: none;
    color: #fff;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
	background-color: var(--bs-primary);
	background-image: none;
    color: #fff;
}
.datepicker table tr td.day:not(.disabled):hover {
	background-color: var(--bs-secondary);
	color: #fff;
}


#frm_event_search #search_event_keyword {	
	background-color: #fff !important; 
	/* border-radius: 0 2rem 0 0;  */
	width: 240px; 
}
#frm_event_search #igt_date {	
	/* border-radius: 2rem  0 0 2rem;  */
}
#frm_event_search #search_event_start {	
	background-color: #fff !important; 
	border-radius: 0 0 0 0; 
	width: 240px; 
}
.btn-search-icon{
	border-radius: 0 0 0 0;
}
#search_event_start,#search_event_keyword{
	border: 1px solid #ced4da;
}
@media (min-width: 375px) {
	#frm_event_search #search_event_keyword {	width: 280px; }
	#frm_event_search #search_event_start {	width: 280px; }
}
@media (min-width: 425px) {
	#frm_event_search #search_event_keyword {	width: 300px; }
	#frm_event_search #search_event_start {	width: 300px; }
}
@media (min-width: 576px) {
	/*#frm_event_search #search_event_keyword {	border-radius: 0; }
	#frm_event_search #igt_date {	border-radius: 0; }
	#frm_event_search #search_event_start {	border-radius: 0 2rem 0 0; }*/
}
@media (min-width: 768px) {
	#frm_event_search #search_event_keyword {	border-radius: 0; width: 240px; border-right: 1px solid #009A93; }
	#frm_event_search #igt_date {	border-radius: 0; }
	#frm_event_search #search_event_start {	border-radius: 0 2rem 0 0;width: 240px; }
	.btn-search-icon{
		border-radius: 2rem 0 0 2rem;
	}
	#search_event_start,#search_event_keyword{
		border: 0px ;
	}
}




/*
|--------------------------------------------------------------------------
| content event
|--------------------------------------------------------------------------
*/
/* div.card-header.card-header-event {
    background-color: var(--bs-primary);
    color: white;
}
div.card-header.card-header-event.collapsed {
    background-color: #F2F2F2;
}
.text-event-primary{
    color: var(--bs-primary);
} */




/* .row-event h5,
.row-event h6 {
	font-weight: normal !important;
}
.row-event-info h5 {
	font-weight: lighter !important;
	font-size: 1.1rem;
} */

/* #home .row-event .box-event-date,
#home .row-event .box-event-name {
	background-color: #F7F7F7;
	color: var(--bs-primary);
} */

#event .row-event {
	background-color: #fff;
}
#event .row-event .box-event-date,
#event .row-event .box-event-name {
	background-color: #F7F7F7;
	color: var(--bs-primary);
}

.row-event:hover .box-event-date,
.row-event:focus .box-event-date,
.row-event.active .box-event-date {
	background-color: var(--bs-primary) !important;
	color: #fff !important;
}
.row-event:hover .box-event-name,
.row-event:focus .box-event-name,
.row-event.active .box-event-name {
	background-color: var(--bs-primary) !important;
	color: #fff !important;
}
.row-event:hover .box-event-name .text-primary,
.row-event:focus .box-event-name .text-primary,
.row-event.active .box-event-name .text-primary {
	color: #fff !important;
}
.row-event:hover .box-event-name .text-muted,
.row-event:focus .box-event-name .text-muted,
.row-event.active .box-event-name .text-muted {
	color: #96d8cc !important;
}