/*===========================================================||VARIABLES||===========================================================*/
html {
	--sszam-color-principal: #3C98D5;
	--sszam-color-meeting: #3C98D5;
	--sszam-color-meeting-hover: #0057a3;
	--sszam-color-call: #098c00;
	--sszam-color-call-hover: #076e00
}

/*===========================================================||CALENDARIO||===========================================================*/
/*General*/
table.fc-col-header,
table.fc-scrollgrid-sync-table {
	margin: 0;
}

section#primary #sszam_lesson_calendar h2.fc-toolbar-title,
#sszam_lesson_calendar h2.fc-toolbar-title {
	padding-top: 0;
}

.fc-event {
	cursor: pointer;
}

.fc tbody {
	background-color: #fff;
}

.fc .fc-daygrid-day-bottom {
	height: 25px;
	margin-top: -10px !important;
}

.fc-more-link {
	color: var(--color-llamativo);
}

.fc-more-link:hover {
	color: var(--color-llamativo);
	opacity: 0.6;
}

/*CSS de Jose*/
div.fc-header-toolbar.fc-toolbar {
	display: block;
}

div.fc-header-toolbar.fc-toolbar h2.fc-toolbar-title {
	font-size: 16px;
}

.fc div.fc-toolbar-chunk button {
	font-size: 12px;
	background: var(--sszam-color-principal);
}

body.single-course .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
	min-height: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-top a {
	font-size: 12px;
	color: var(--sszam-color-principal);
}

th.fc-col-header-cell a.fc-col-header-cell-cushion {
	color: #fff;
	font-size: 12px;
	text-transform: capitalize;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
	padding: 0;
	background: var(--sszam-color-secundario);
	color: #fff;
	font-size: 10px;
}

.fc-daygrid-event-dot {
	border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #fff);
}

/*.fc .fc-day-today .fc-daygrid-day-top{background: var(--color-principal);	}

.fc .fc-day-today .fc-daygrid-day-top a{color: #fff;}*/

.fc-liquid-hack .fc-daygrid-day-frame {
	background: #fff;
}

.fc th.fc-col-header-cell {
	color: #fff;
	background: var(--sszam-color-principal);
}

.fc h2#fc-dom-1 {
	margin-bottom: 15px;
}

/*div#sszam_course_calendar tr.fc-scrollgrid-section-body td{background: #fff;}*/
div#sszam_course_calendar {
	padding-bottom: 10px;
}

div.fc-row.fc-week.ui-widget-content {
	height: 100px
}

span.fc-time {
	display: block;
}

span.fc-time,
span.fc-title {
	color: #fff
}

a.fc-day-grid-event {
	background-color: #034aa4;
	border-color: #034aa4;
}

/*div#sszam_course_calendar
aside#secondary section.widget,
div#secondary section.widget {box-shadow: 0 0 1px 1px #e6e7ea;}*/

/*FIN de CSS de Jose*/

/*Vista de Mes*/
.sszam_meeting_event {
	color: var(--sszam-color-meeting);
}

.sszam_meeting_event:hover {
	color: var(--sszam-color-meeting-hover);
}

.sszam_meeting_event .fc-daygrid-event-dot {
	border-color: var(--sszam-color-meeting);
}

.sszam_call_event {
	color: var(--sszam-color-call);
}

.sszam_call_event:hover {
	color: var(--sszam-color-call-hover);
}

.sszam_call_event .fc-daygrid-event-dot {
	border-color: var(--sszam-color-call);
}

.fc-daygrid-day-events {
	text-align: center;
}

/*Vista de semana*/
.fc-timegrid-event.sszam_meeting_event {
	background-color: var(--sszam-color-meeting);
	border-color: var(--sszam-color-meeting);
}

.fc-timegrid-event.sszam_call_event {
	background-color: var(--sszam-color-call);
	border-color: var(--sszam-color-call);
}

/*Vista de lista*/
.sszam_meeting_event .fc-list-event-dot {
	border-color: var(--sszam-color-meeting);
}

.sszam_call_event .fc-list-event-dot {
	border-color: var(--sszam-color-call);
}

/*Pantalla de carga*/
.sszam_js_preload_padding {
	/*padding-top: 100%;*/
	padding-top: 20%;
}

.sszam_js_preload_box {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f9f9f9;
	border-radius: 10px;
}

/*===========================================================||FORMULARIO||===========================================================*/
.sszam_request_activity_block {
	background-color: #F0F0F1;
	border: 1px solid #c3c4c7;
	padding: 40px;
	padding-top: 10px;
}

.sszam_activity_request_select {
	display: inline-block;
	padding-right: 20px;
}

.sszam_activity_request_select select {
	height: 33px;
}

.sszam_request_activity_header {
	text-align: center;
}

.sszam_activity_request_input_block {
	padding-bottom: 20px;
}

.sszam_activity_request_input_block.sszam_activity_date,
.sszam_activity_request_input_block.sszam_activity_time {
	display: inline-block;
}

.sszam_button {
	background-color: var(--sszam-color-principal);
}

.sszam_activity_request_input_block.sszam_activity_date {
	padding-right: 8px;
}

[name=sszam_request_activity_description] {
	width: 100%;
}

.sszam_request_activity_header h2 {
	font-size: 1.8em;
	margin-top: 0;
}

.sszam_request_activity_form label {
	display: block;
}

/*===========================================================||POPUP||===========================================================*/
.sszam_popup {
	position: fixed;
	z-index: 9999;
	width: 84%;
	top: 10%;
	left: 8%;
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 1px solid #c3c4c7;
	padding: 30px;
	max-height: 620px;
	overflow-y: scroll;
}

.sszam_place_link {
	word-break: break-all;
}

.sszam_popup_close_button {
	float: right;
	cursor: pointer;
}

.sszam_popup_close_button:hover {
	color: #000000;
}

.sszam_activity_detail_block {
	display: inline-block;
	width: 50%;
}

@media (max-width:425px) {
	.sszam_activity_detail_block {
		display: block;
		width: 100%;
	}
}

#sszam_ajax_loading {
	position: fixed;
	z-index: 50;
	width: 20%;
	top: 40%;
	left: 40%;
	background-color: #f1f1f1;
	border-radius: 5px;
	border: 1px solid #c3c4c7;
	padding: 30px;
}

#sszam_ajax_loading_text,
#sszam_ajax_loading_gif {
	text-align: center;
}

/*===========================================================||DETALLE DE ACTIVIDAD||===========================================================*/
.sszam_full_width {
	width: 100%;
}

/*================================================================||FORMATO 6/6||================================================================*/
.sszam_no_details {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 40px;
}

.sszam_no_details p{
	margin: 0;
}

.sszam_activity_detail_header h2 {
	font-size: 30px;
	margin: 0;
}

.sszam_activity_detail_content h3 {
	font-size: 1rem;
	font-weight: bold;
	margin-top: 10px;
}

.sszam_activity_detail_block2 {
	display: inline-block;
	padding: 0 20px;
}

.sszam_activity_detail {
	background-color: white;
	border: 1px solid black;
	padding: 20px;
}

.sszam_activity_table .sszam_event {
	cursor: pointer;
	color: #212529;
}

/*===========================================================||Cambios Calendario 24/11/2022||===========================================================*/
/*Width 100% para evitar problemas en el mostrado del calendario*/
#sszam_activity_block{
	width: 100%;
}
/*Barra de navegación del detalle*/
#sszam_activity_detail_navbar{
	display: flex;
    list-style: none;
    gap: 10px;
    padding: 0;
    margin: 0;
}

/*Elementos de la barra de navegación del detalle*/
.sszam_activity_detail_navbar_tab{
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	cursor: pointer;
	padding: 10px;
	background-color: #c6c8ca;
	font-weight: 700;
}
.sszam_activity_detail_navbar_tab.active,
.sszam_activity_detail_navbar_tab:hover{
	background-color: #ECECEC;
}

.sszam_activity_table th{
	background-color: #c6c8ca;
}

#sszam_activity_left_column,
.sszam_activity_right_column{
	padding-top: 20px;
}