/***********************

* Overall layout control

************************/

/******** tooltip ****************/
.tooltip-cal {
    position: relative;
    width: 99%;
  }
  
  .tooltip-cal .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    margin-left: 16px;
    padding: 13px 16px;
    top: -14px;
  }
  


  /*********************/
.row-dates{
    width: 100%;
    display: flex;
}

    .header-dates{
        margin: 5px 0px;
        font-size: 13px;
    }
    .row-dates > div{
        background: none;
        padding: 0px;
        flex-grow: 1;
        flex-basis: 0;
    }

    .a_cal_td_daysoutofmonth, .a_cal_td_daysnoevents,.cal_td_today,.a_cal_td_dayshasevents{
        min-height: 90px;
        padding: 0px;
        margin: 2px;
    }
    
 .calendar__background-bottom .a_cal_table div > div:nth-child(6),
 .calendar__background-bottom .a_cal_table div > div:nth-child(7){
    background: rgba(255, 255, 255, 0.60);
 }
 .calendar__background-bottom .a_cal_table div > div:nth-child(6) div,
 .calendar__background-bottom .a_cal_table div > div:nth-child(7) div{
    background-color: transparent;
 }

 .a_cal_table div > div{
    position: relative;
    background-color: #FFFFFF;
    display: flex;
    border-radius: 4px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;

 }
 .antiguo .a_monthday .eventstyle{
    opacity: .5;
 }
.a_monthday{
    position: relative;
    background-color: #FFFFFF;
    height: 100%;
    display: flex;
    border-radius: 4px;
    flex-wrap: wrap;
 }
 .a_monthday > .eventstyle:nth-of-type(1) .a_cal_titlelink{
    /* padding-top: 30px; */
}

.eventstyle{
    color: #FFF;
    border: none;
    border-color: rgba(0, 0, 0, 0);
    margin: 0 6px 6px;
    width: 100%;
    border-radius: 6px;
}
.eventstyle .event-modes{
    margin-top: 4px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
    flex-direction: column;
}
.eventstyle .event-modes > div{
    display: flex;
    align-items: center;
    background: transparent;
    gap: 5px;
}
.eventstyle .event-modes > div > img{
    width: 14px;
    height: 14px;
}
.eventstyle .event-modes > div > span{
    color: var(--NEUTRAL-GREY-5, #707070);
    /* GENERAL/BODY/SMALL BOLD */
    font-family: "OpenSans Regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px; /* 140% */
}

.a_monthday > .eventstyle:nth-of-type(1){
    margin-top: 0px;
}
    .a_cal_td_daysnames{
       font-size: 12px;
        margin-bottom: 0.1em;
        color: #808084;
        text-transform: capitalize;
        background-color: transparent !important;
    }
    
    
    .a_cal_td_daysoutofmonth{
        
    }
    .a_cal_td_daysnoevents{
        background: none;
        border: none;
    }
    
    .a_cal_td_dayshasevents{
        background: none;
        border: none; 
    }
    
    .a_day{
        float: left;
        margin: 6px 16px;
        color: #707070;
        text-align: center;
        font-family: "OpenSans Regular";
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        max-height: 15px;
    }

    
    .day_disable{
        color: #EBEAEA;

        text-align: center;
        /* CARDS/SEMIBOLD */
        font-family: "OpenSans Regular";
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
        
    }
    
    
    
    a_cal_daylink{
        color: #A7A9AB;
        
    }
    

    
    .a_cal_titlelink{
        display: inline-block;
        text-align: left;
        /* BODY/SMALL BOLD */
        font-family: "OpenSans Regular";
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 14px; /* 140% */
        width: 100%;
    }
    
    #cal_title_1 {
            color: var(--Gris, #676767);
            font-family: "OpenSansBold", Arial;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
    }
    
.jarrows{
    display: block;       
    height: 16px;
    width: 16px;
    top: 18px;
    position: relative;
}

#g_arrow{
    background-image: url('../images/leftArrow.svg');
    background-repeat: no-repeat;
    float:left;
    margin-left: 40%;
    margin-top: 18px;
    z-index: 5;
}

#g_arrow:hover{
    background-image: url('../images/left_navigation_red.svg');
}


#d_arrow{
    background-image: url('../images/rightArrow.svg');
    background-repeat: no-repeat;
    float:right;
    margin-right: 40%;
    margin-top: 18px;
    z-index: 5;
}

#d_arrow:hover{
    background-image: url('../images/right_navigation_red.svg');
}

table#jevents_body{

    width:100%;

}

.jeventslight{

	color:#000000;

}



/*********************

* Calendar style

**********************/

.cal_table {

   border: 1px solid #000000;

   border-collapse:collapse;

}
.filtersCalendar{
    position: absolute;
    right: 20px;
    display: flex;
    top: -5px !important;
    gap: 20px;
}
#calendarView{
display: flex;
align-items: center;
gap: 10px;
}
#calendarView a{
    display: flex;
    align-items: center;
    gap: 10px;
    }
.filtersCalendar div.active span {
    color: var(--PRIMARY-PRINCIPAL, var(--primary-principal));
}
#calendarListView{
display: flex;
align-items: center;
gap: 10px;
}
#calendarGridView{
    display: flex;
align-items: center;
gap: 10px;
}
#calendarView,
#calendarListView,
#calendarGridView{
    color: var(--NEUTRAL-GREY-5, #707070);
    /* H4/BOLD */
    font-family: "OpenSans Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#calendarView a:hover,
#calendarListView a:hover,
#calendarGridView a:hover{
    text-decoration: none; /* Elimina el subrayado */
}
#calendarView a:focus,
#calendarListView a:focus,
#calendarGridView a:focus{
    text-decoration: none; /* Elimina el subrayado */
}
.calendar__background-top{
    position: relative;
    padding: 30px 15px 15px !important;
    border-radius: 30px 30px 0 0;
}
#header-left-flex{
    margin-left: 50px;
    max-width: 581px;
}
#header-right-flex{
    display: flex;
    border-radius: var(--radius, 8px);
    background: rgba(217, 217, 217, 0.20);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30);
    padding: 35px 62px 35px 62px;
    gap: 30px;
    margin: 53px 53px 53px 0;
    flex-wrap: wrap;
    justify-content: space-evenly;
    flex-direction: row;
}

.calendarBackPage{
    display: flex;
    padding-left: 10px;
    align-items: center;
    gap: 6px;
    margin-bottom: 25px;
}
.calendarBackPage a{
    color: var(--PRIMARY-PRINCIPAL, var(--primary-principal));
    /* H4/TEXT SEMIBOLD */
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.calendarBackPage a:hover{
    color: var(--PRIMARY-PRINCIPAL, var(--primary-principal));
    text-decoration: none;
}
.calendarBackPage a:focus{
    color: var(--PRIMARY-PRINCIPAL, var(--primary-principal));
    text-decoration: none;
}
.calendarBackPageImageContainer img{
    width: 24px;
    height: 24px;
    content: url("/administrator/components/com_jevents/assets/images/arrow_back.svg");
}
#breadcrumbs{
    display: none;
}
.jev_evdt_desc p,
.jev_evdt_desc span{
    color: #707070;
    font-family: "Opensans Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#presencial-icon,
#remoto-icon,
#external-icon,
#container-course-attendees
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 12px;
    max-width: 282px;
}
#header-right-flex  #external-icon span{
    text-wrap: nowrap;
    width: 200px;
}
#presencial-icon span,
#remoto-icon span,
#external-icon span,
#container-course-attendees span
{
    color: #727272;
    font-family: "Opensans Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}
#presencial-icon span:last-child,
#remoto-icon span:last-child,
#external-icon span:last-child,
#container-course-attendees span:last-child
{
    color: #707070;
    text-align: center;
    /* BODY/REGULAR */
    font-family: "Opensans Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 200;

}
#header-right-flex #presencial-icon img,
#header-right-flex #remoto-icon img,
#header-right-flex #container-course-attendees img     
{
    width: 24px;
    height: 24px;
}
#header-right-flex #external-icon img
{
    width: 24px;
    height: 24px;
}
#header-right-flex #presencial-icon span,
#header-right-flex #remoto-icon span,
#header-right-flex #external-icon span,
#header-right-flex #container-course-attendees span
{
    color: var(--NEUTRAL-WHITE, #FFF);
    text-align: center;
    /* H2/BOLD */
    font-family: "MuseoSans_500";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}
#header-right-flex #presencial-icon span:first-child,
#header-right-flex #remoto-icon span:first-child,
#header-right-flex #external-icon span:first-child,
#header-right-flex #container-course-attendees span:first-child
{
 
    margin-bottom: 12px;
}

.jev_evdt_header #header-right-flex #container-course-attendees .number-of-attendees{
    min-height: 23px;
    margin-bottom: unset;
}

.jev_evdt_btns_wrap #presencial-icon img{
    width: 24px;
    height: 24px;
    content: url("/administrator/components/com_jevents/assets/images/presencial_black.svg");
}
.jev_evdt_btns_wrap #remoto-icon img{
    width: 24px;
    height: 24px;
    content: url("/administrator/components/com_jevents/assets/images/online_black.svg");
}
.jev_evdt_btns_wrap #external-icon img{
    width: 24px;
    height: 24px;
    content: url("/administrator/components/com_jevents/assets/images/Location_black.svg");
}
.contentpaneopen .imageBackground{
    position: relative;
    min-height: 270px;
    display: flex;
    flex-direction: row;
    gap: 44px;
    align-items: center;
    border-radius: 0;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: space-between;
    padding: 0px !important;
}
#jevents_body .eventDetail_changeMargin{
    margin-bottom: 6px;
}
#jevents_body .jev_evdt_desc > strong,
#jevents_body .jev_evdt_desc > b{
    color: #707070;
    /* H4/BOLD */
        font-family: "OpenSansBold", Arial;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 18px;
        display: block;
}
#jevents_body .jev_evdt_desc a{
    color: var(--primary-principal);
    text-decoration: underline;
}

.contentpaneopen .imageBackground-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;  /* Asegura que la imagen cubra completamente el contenedor */
    background-position: center center;  /* Centra la imagen en el contenedor */
    background-repeat: no-repeat;  /* Evita que la imagen se repita */
    filter: blur(2px);
}
.imageBackground-image::before{
    content: ""; /* Importante para que el pseudo-elemento se muestre */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* Ajusta la opacidad aquí, 0.5 en este caso */
    pointer-events: none; /* Asegura que no interfiera con la interacción del usuario */
}
.subCourseContainer{
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.subCourseContainer span{
    color: var(--NEUTRAL-GREY-1, #F3F3F3);
    /* BODY/REGULAR */
    font-family: "OpenSans Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.subCourseContainer .subCourseSpecialText{
    white-space: nowrap;
}
.jev_evt_division_container{
    display: flex;
    gap: 44px;
}

.jev_evdt_right_container{
    min-width: 50%;
}
.jev_evdt_right_container .eventDetail_bottom_containers{
    border-radius: var(--radius, 8px);
    border: 1px solid var(--NEUTRAL-GREY-4, #969696);
    padding: 30px 25px;
}

#presencial-icon .dimension_size_button,
#remoto-icon .dimension_size_button,
#external-icon .dimension_size_button{
    border-radius: 6px;
    padding: 13px 28px;
    margin-top: auto;
    font-family: 'OpenSans Regular';
    font-weight: 700;
}
.jev_evdt_btns_wrap #presencial-icon .dimension_size_button,
.jev_evdt_btns_wrap #remoto-icon .dimension_size_button,
.jev_evdt_btns_wrap #external-icon .dimension_size_button{
    font-family: 'OpenSans Regular';
    font-weight: 700;
    margin-top: 10px;
}
#container-course-attendees .jev_evdt_btn_show_attendess a{
    font-family: 'OpenSans Regular';
    font-weight: 700;
}



#container-course-attendees .dimension_size_button a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: white;
}
#container-course-attendees .custom_material_buttom:hover a{
    text-decoration: none;
    
}
#container-course-attendees .custom_material_buttom:focus a{
    text-decoration: none;
}

#container-course-attendees  .custom_material_buttom{
    border-radius: 6px;
    border: 1px solid var(--NEUTRAL-GREY-5, #707070);
    background-color: transparent;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
}

#container-course-attendees .dimension_size_button{
    border: 1px solid #FFF;
    border-radius: 6px;
    height: 47px;
    width: 131px;
    background: rgba(255, 255, 255, 0.2);
}
#container-course-attendees  .custom_material_buttom:hover{
    background: transparent;
}
.jev_evdt_right_text_container{
    display: flex;
    gap: 25px;
}
.jev_spaccing_Container{
    margin-top: 60px;
    gap: 48px
}
.jev_evdt_right_text_container .jev_evdt_right_red_text{
    color: var(--PRIMARY-PRINCIPAL, var(--primary-principal));
    /* BODY/BOLD */
    font-family: "OpenSans Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 32%;
}
.jev_evdt_right_text_container div span{
    color: #707070;
    /* BODY/REGULAR */
    font-family: "OpenSans Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.jev_evdt_right_text_container div ul{
    color: #707070;
    text-overflow: ellipsis;
  
    /* BODY/REGULAR */
    font-family: "OpenSans Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.jev_evdt_right_text_container div ul li{
    color: #707070;
    font-family: "Opensans Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    list-style: decimal;
}
.calendar__background-bottom{
    padding: 0px 15px 65px !important;
    border-radius: 0 0 30px 30px;
    margin-bottom: 20px;
}
.calendar__background-color{
    background-color: #FFF;
    padding: 30px 50px 65px !important;
}
#calendarView img{
    width: 25px;
    height: 23px;
}
.filtersCalendar div.selected span {
    color: var(--primary-principal); 
}
.filtersCalendar div:hover span {
    color: var(--primary-principal); 
}

.filtersCalendar div{
    cursor: pointer; 
}
#cal_title {
    text-decoration: none;
    text-align: center;
    padding-bottom: 17px;
}
.containerMothday{
    display: flex;
    flex-direction: column;
}

.cal_td_daysnames {

    border-bottom: 1px solid #000000;

    height:25px ! important;

    line-height:25px;

    color:rgb(240,240,240);

   	background-color:rgb(130,130,130);

    font-weight:bold;

    text-align:center !important;


}

.cal_daysnames {

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

}

.cal_td_daysoutofmonth {

  background-color:#cccccc;

	border: 1px solid #eeeeee;

}

.cal_daysoutofmonth {

    font-family:  Arial;

    font-size: 12px;

    font-style: normal;

    line-height: normal;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

}

.cal_td_today {

    background-color: rgb(220,220,220);
    border: solid 1px #BEBEBE;
    border-radius: 6px;
    padding: 0px !important;

}

.cal_td_daysnoevents {

    background-color: #ece9d8;

    padding:0px !important;

   border: 1px solid #aaaaaa;    

}

.cal_td_dayshasevents {

    background-color: #ece9d8;

    padding:0px !important;

   border: 1px solid #aaaaaa;    

}

a.cal_daylink:link {

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

}

a.cal_daylink:visited{

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

}

a.cal_daylink:hover{

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    color: Red;

    text-decoration: none;

}

a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {

    font-size:10px;

    font-weight: bold;

    font-family: Verdana;

    text-decoration: none;

    color:inherit!important;

    display:block;

    margin-bottom:1px;

}



.cal_td_weeklink {

   	background-color:rgb(130,130,130);

	vertical-align:middle!important;

	border:black 1px solid;

}

.cal_td_weeklink a {

    font-size:10px;

    font-weight: bold;

    font-family: Verdana;

    text-decoration: none;

    color:rgb(240,240,240)!important;

}

div.eventstyle {
	border-style:solid;	
    padding: 8px;
}



/***************************

* Detail View 

***************************/

.ev_prevrepeat {

	line-height:20px;

	float:left;

	margin-right:30px;

}

.ev_prevrepeat a {

   	background-repeat: no-repeat; 

   	background-position: center left;

	padding-left:20px;

}

.ev_prevrepeat a.blue {

    background-image: url("../images/g_blue.gif");

}

.ev_prevrepeat a.gray {

    background-image: url("../images/g_gray.gif");

}

.ev_prevrepeat a.green {

    background-image: url("../images/g_green.gif");

}

.ev_prevrepeat a.orange {

    background-image: url("../images/g_orange.gif");

}

.ev_prevrepeat a.red {

    background-image: url("../images/g_red.gif");

}

.ev_prevrepeat a.yellow {

    background-image: url("../images/g_yellow.gif");

}

.ev_nextrepeat {

	line-height:20px;

	float:left;

	margin-left:0px;

}

.ev_nextrepeat a {

   	background-repeat: no-repeat; 

   	background-position: center right;

	padding-right:20px;

}

.ev_nextrepeat a.blue {

    background-image: url("../images/d_blue.gif");

}

.ev_nextrepeat a.gray {

    background-image: url("../images/d_gray.gif");

}

.ev_nextrepeat a.green {

    background-image: url("../images/d_green.gif");

}

.ev_nextrepeat a.orange {

    background-image: url("../images/d_orange.gif");

}

.ev_nextrepeat a.red {

    background-image: url("../images/d_red.gif");

}

.ev_nextrepeat a.yellow {

    background-image: url("../images/d_yellow.gif");

}

/***************************

* List style

**************************/

ul.ev_ul {

	list-style:none;

	padding:0px;

	margin:5px;

}

ul.ev_ul li.ev_td_li {

  	border-style:solid;

  	border-width:0 0 0 5px;

  	margin-bottom:1px;

  	padding-left:2px;

  	background-image:none

}

a.ev_link_cat:link {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_cat:visited  {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_cat:hover  {

    font-size:12px;

    font-family: Verdana;

    color: Black;

}

a.ev_link_row:link {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_row:visited  {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_row:hover  {

    font-size:12px;

    font-family: Verdana;


}

a.ev_link_unpublished {
    color:red;
    text-decoration:none;
}

a.ev_link_weekday:link {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_weekday:visited  {

    font-size:12px;

    font-family: Verdana;

    color: Gray;

    text-decoration:none;

}

a.ev_link_weekday:hover  {

    font-size:12px;

    font-family: Verdana;

    color: Black;

}

.ev_fieldset {

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: bold;

    /* color: black; */

}

.ev_table {

    border-right: 1px solid black;

    border-left: 1px solid black;

    border-bottom: 1px solid black;

}

.ev_table td {

    padding:5px;

}

.ev_td_right {

	/*background-color: #FFDEAD;*/

    border-top: 1px solid #000000;

}

.ev_td_left {

    border-right: 1px solid #000000;

    border-top: 1px solid #000000;

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: normal;

    color: black;

    text-align : left;

    vertical-align: top;

    margin-right:1em;

}

.ev_td_today {

    background-color: #E9B4A1;

    border-right: 1px solid #000000;

    border-top: 1px solid #000000;

    font-family: Arial;

    font-size: 12px;

    font-style: normal;

    font-weight: normal;

    color: black;

}



/**********************

* Form style

**********************/

 /* Styles for dhtml tabbed-pages */

.ontab {

    font-family : Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    background-color: ThreedShadow;

    border-left: outset 1px #ff9900;

    border-right: outset 1px #808080;

    border-top: outset 1px #ff9900;

    border-bottom: solid 1px #d5d5d5;

    text-align: center;

    cursor: pointer;

    font-weight: bold;

    /* color: #FFFFFF; */

}

.offtab {

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background-color: #EEEEEE;

	border-left: outset 1px #E0E0E0;

	border-right: outset 1px #E0E0E0;

	border-top: outset 1px #E0E0E0;

	border-bottom: solid 1px #d5d5d5;

	text-align: center;

	cursor: pointer;

	font-weight: normal;

}

.tabpadding {

	border-bottom: solid 0px #777777;

}

.tabheading {

	background-color: #ffae00;

	border-left: solid 1px #777777;

	border-right: solid 1px #777777;

	/* color: #FFFFFF; */

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	text-align: left;

}

.tabcontent {

    /* background-color: ThreedFace; */

    border-top: solid 1px #777777;

    border-left: solid 1px #777777;

    border-right: solid 1px #777777;

    border-bottom: solid 1px #777777;

    /* color: #FFFFFF; */

    font-family : Verdana, Arial, Helvetica, sans-serif;

    font-size: 16pt;

    text-align: left;

}

.pagetext {

	visibility: hidden;

   display: none;

	position: relative;

	top: 0;

}

.frm_td_bydays {

    background-color: #FFF8DC;

    font-size: 12px;

    color: black;

}

.frm_td_byweeks {

    background-color: #FFF0F5;

    font-size: 12px;

    color: black;

}

.frm_td_bymonth {

    background-color: #FDF5E6;

    font-size: 12px;

    color: black;

}

.frm_td_byyear {

    background-color: #F0F8FF;

    font-size: 12px;

    color: black;

}

/* Calendar navigaton area */

div.ev_navigation {

}

div.ev_navigation table{

	margin:0px auto;

	text-align:center;

}



/* Calendar admin panel */

div.ev_adminpanel {

}

/**********************

* Nav bar style

**********************/

a.nav_bar_link:link {

    font-size: 10px;

    font-family: Verdana;

    color: Green;

}

a.nav_bar_link:visited  {

    font-size:10px;

    font-family: Verdana;

    color: Teal;

}

a.nav_bar_link:hover  {

    font-size:10px;

    font-family: Verdana;

    color: Lime;

}

.nav_bar_cell  {

    background-color: #ECECEC;

}



/****************************

* Iconic calendar navigation

****************************/



td.iconic_td {

   width:60px!important;

   margin:0px;

   padding:0px;

}

div.nav_bar_cal{

   margin:0px;

   padding:0px;

   width:50px;

}

div.nav_bar_cal img, div.nav_bar_cal a{

   height:31px;

   width:50px;

   border:0;

}

tr.icon_labels{

 font-size:8pt;

 margin:0px;

 padding:0px;

}

#ev_icon_monthly  {

background-image: url("../images/mode_icon.png");
background-repeat: no-repeat;
height: 35px;
width: 50px;
background-position: -9px -69px;

}

#ev_icon_monthly.active{
background-position: -9px -14px;
}

#ev_icon_yearly {

background-image: url("../images/mode_icon.png");
background-repeat: no-repeat;
height: 35px;
width: 43px;
background-position: -68px -69px;

}

#ev_icon_yearly.active {
    background-position: -68px -14px;
}

#ev_icon_yearly a, #ev_icon_monthly a{
    display: block;
}

div#ev_icon_weekly{

     background-image: url("../images/cal2x.jpg");

     background-repeat: no-repeat;

}

div#ev_icon_daily{

     background-image: url("../images/cal3x.jpg");

     background-repeat: no-repeat;

}

div#ev_icon_search{

     background-image: url("../images/cal8x.jpg");

     background-repeat: no-repeat;

}

div#ev_icon_jumpto{

     background-image: url("../images/cal9x.jpg");

     background-repeat: no-repeat;

}



/* weekly view specifics */

table#weekview {

  border:solid 1px black;

  border-bottom:0px;

}

td#weekview_left{

 border-right:solid 1px black;

}

td#weekview_right .ev_td_left, td#weekview_left .ev_td_right{

	font-size:10px;

  background-color:#e0e0e0;

}

td#weekview_right a {

	font-size:10px;

}

td#weekview_right .ev_td_left {

	border-right:0px;

}

td#weekview_right .ev_td_today{

	border:solid 2px red;

}

td#weekview_left, td#weekview_right {

  border-bottom:1px solid black;

}

table#weekview .ev_td_right {

  border:0px;

  border-top:1px solid black;

}

td#weekview_left .ev_td_left  {

	text-align:center;

	vertical-align:middle;

}

td#weekview_left .ev_td_left  {

  border:0px;

  border-top:1px solid black;

  border-right:1px solid black;

}



td#weekview_left .odd ,td#weekview_right .odd {

  background-color:#e0e0e0;

}



td#weekview_left .even, td#weekview_right .even  {

/*  background-color:inherit!important;  */

    background-color: #ece9d8;

}



table#weekview .ev_link_weekday{

	color:inherit;

}



table#weekview .cal_td_daysnames {

	border-bottom:0px!important;

}



div.jev_pagination {

	width:100%;

	text-align:center;

}





/* Event Legend Module Styling */

.moduletable div.event_legend_container {

	border:0px;

	color:black;

	padding:0px;

	font-size:0.9em;

}

ul.event_legend_list{

	list-style:none !important;

	padding:0px;

	margin:5px;

}

ul.event_legend_list li {

	list-style:none !important;

	border:solid black 1px;

	background-image:none !important;

	padding-left:0px;

}

div.event_legend_name {

	font-size:1em;

	padding:3px;

	font-weight:bold;

}

div.event_legend_name a{

	display:block;

	text-decoration:none;

   	background-color:inherit;

   	color:black;

}

	

div.event_legend_desc {

	background-color:white;

	color:black;

	padding:3px 3px 3px 10px;

	

}



/* Component Legend Styling

   float div to get table like view 

   border-color is set to category color by code */

#jevents_body .event_legend_container {

	background-color:rgb(230,230,230);

	border: none;

}

#jevents_body  div.event_legend_item {

	float:left;

	border-left-width:0px;

	border-left-style:solid;

	padding-left:4px;

	margin-top:5px;

	margin-left:0px;

	margin-bottom:4px;

	/*width:80px;*/

	min-width:80px;

	white-space:nowrap;

	overflow:hidden;

}

#jevents_body div.event_legend_name {

	border-left-width:8px;

	border-left-style:solid;

	padding: 0px 0px 0px 4px;

}

#jevents_body div.event_legend_desc {

	border-left-width:8px;

	border-left-style:solid;

	padding: 0px 0px 0px 4px;

	display:none;

}

/* end component legend */



div.jev_adminfilter {

	text-align:center;

	font-weight:bold;

	margin:5px auto 10px auto; 

}



a.addjevent {

	width:16px;

	height:16px;

	margin-right:2px;

	float:right;

    background-image: url("../images/add.png");

   	background-repeat: no-repeat; 

   	background-position: top left;

   	visibility:hidden;

}

a.addjevent img {

border-width:0px!important;

}

td.showjevadd a.addjevent {

   	visibility:visible;

}



/***************************************

* Mootools ToolTips for JEvents Calendar

****************************************/

.jevtip-tip {

   float: left;

   background: #ffc;

   border: 1px solid #D4D5AA;

   padding: 0px;

   max-width: 200px;

}

 

.jevtip-text {

   padding: 0;

   margin: 0;

   font-size: 0.8em;

}

 

div.jevtt_title{

   font-weight: bold;

   font-size: 1.2em;

	padding:2px;

	width:196px;

}

div.jevtt_text{

	padding:2px;

	width:196px;

}

/*VISTA CURSOS*/

.button-course{
    background: #09B7F0;
    border: 1px solid #09B7F0;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    padding: 16px 12px;
    margin: auto;
    margin-bottom: 0;
}

.boton{
    align-items: center;
    display: inline;
    justify-content: center;
    margin-top: 1em;
    padding: 0;
    border: none;
    background: none;
}

.button-course-disabled{
    background: #bbbbbb;
    border: 1px solid #bbbbbb;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    padding: 16px 12px;
    margin: auto;
    margin-bottom: 0;

}

.jev_evdt_btns_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.jev_evdt_btns_wrap > div > * {
    text-align: center;
    display: block;
}

.jev_evdt_header{
    display: flex;
    flex-wrap: wrap;
}

#header-left-flex .jev_evdt_title{
    color: var(--NEUTRAL-WHITE, #FFF);
    /* H1/SEMIBOLD */
    font-family: "Titillium";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
.jevbootstrap a.material_button {
    color: #09B7F0;
    text-decoration: none;
    background: white;
    border: 1px solid #09B7F0;
}

.jevbootstrap a.material_button:hover {
    color: #09B7F0;
    text-decoration: none;
    background: white;
    border: 1px solid #09B7F0;
}

/* Print version */

@media print {

   table.contentpaneopen {

   		background-image:none!important;

       background-color:white!important;

   }

	div.ev_navigation {

		display:none;

	}

	div.ev_adminpanel {

		display:none;

	}

	.ev_noprint {

		display:none;

	}
}
@media (width <= 1050px) {
    .jev_evdt_right_text_container .jev_evdt_right_red_text {
        width: 40%;
    }
}
@media (width <= 992px) {
    #calendarView {
        display: none;
    }
    #calendarListView span {
       display: none;
    }
    #calendarGridView span {
        display: none;
    }
    .jev_evdt .imageBackground{
        flex-direction: column;
    }
    #header-left-flex {
        margin-left: 50px;
        margin-top: 25px;
        align-self: start;
    }
    #header-right-flex {
       margin: 0 25px 25px 25px;
    }
    .jev_evt_division_container {
        flex-direction: column;
        gap: 9px;
    }
    .jev_evdt_right_container{
        width: fit-content; 
        min-width: 100%;
    }
    #header-right-flex > div {
        width: auto;
    }
    .jev_evdt_right_text_container .jev_evdt_right_red_text {
        width: max-content;
    }
}
@media (width <= 650px) {
    .jev_evdt_right_text_container {
        gap: 10px;
        flex-direction: column;
    }
}
@media (width <= 600px) {
    #header-left-flex .jev_evdt_title {
        margin: 0 20px 20px 0;
    }
    #header-left-flex {
        margin-left: 30px;
    }    
    .jev_evdt_btns_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #presencial-icon, #remoto-icon, #external-icon, #container-course-attendees {
       
        width: auto;
    }
}
@media (width <= 500px) {
    #header-right-flex {
        flex-direction: column;
        margin-bottom: 35px;
    }
    .eventDetail_bottom_containers .eventDetail_changeMargin{
        margin-bottom: 10px;
    }
    .jev_spaccing_Container {
        margin-top: 37px;
        gap: 48px;
    }
    #header-left-flex {
        margin-left: 35px;
        margin-top: 35px;
    }
    .calendar__background-color {
        padding: 30px 35px 65px !important;
    }
}