/*********************************************************************************
 * Los contenidos de este archivo están sujetos al 
 * contrato estándar de servicios en la nube de Essenzial ("Licencia")
 * la cual puede ser vista en https://www.essenzial.com/contrato-servicios-en-la-nube-essenzial
 * Al instalar o usar este archivo, acepta incondicionalmente los términos
 * y condiciones de la Licencia, y no puede usar este archivo excepto cumpliendo
 * con la Licencia. De acuerdo con los términos de la licencia, no podrá sublicenciar,
 * revender, alquilar, arrendar, distribuir ni transferir de otro modo los derechos
 * o el uso del software.
 *
 * Copyright (C) 2013-2023 Essenzial Spain S.L
 ***********************************************************************************/

/*===========================================================||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-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{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;}
/*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: 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;}