/**
 * @package    JEM
 * @subpackage JEM Calendar Module
 * @copyright  (C) 2013-2026 joomlaeventmanager.net
 * @copyright  (C) 2008-2009 Toni Smillie www.qivva.com
 * @license    https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
 */

/* Container div Width set the same as calendar width. Setting both margins to auto centres the calendar*/
.eventcalq {
    /*width: 154px;*/
    max-width:220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* Overall calendar table properties */
.eventcalq table.mod_jemcalq_calendar {
    width: 100%;
    padding: 0;
    margin: 0;
    border-left: 1px solid #A2ADBC;
    font: normal 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    color: #616B76;
    text-align: center;
    background-color: #fff;
    border-spacing: 0;
    border-collapse: collapse;
}

.eventcalq table.mod_jemcalq_calendar th ,
.eventcalq table.mod_jemcalq_calendar td {
    padding: 0;
    margin: 0;
}

/* Blank cell properties */
.eventcalq td.mod_jemcalq {
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 21px;
    height: 20px;
    text-align: center;
    background-color: #F0F8FF;
}

/* Today cell properties */
.eventcalq td.mod_jemcalq_caltoday
{
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 21px;
    height: 20px;
    text-align: center;
    color: #F6F4DA;
    background-color: #DF9496;
}

/* Today Event day cell hover Link / Visited*/
.eventcalq td.mod_jemcalq_caltodaylink a:link,
.eventcalq td.mod_jemcalq_caltodaylink a:visited{
    text-decoration: none;
    /*    width: 19px;
        height: 18px; */
    font-weight: bold;
    display: block;
    color: #608194;
    border: 2px solid #DF9496;
}

/* Today Event day cell hover */
.eventcalq td.mod_jemcalq_caltodaylink a:hover {
    text-decoration: none;
    /*    width: 19px;
        height: 18px; */
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    background-color: #0066FF;
    border: 2px solid #DF9496;
}

/* Non event day cell preperties */
.eventcalq td.mod_jemcalq_calday {
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 21px;
    height: 20px;
    text-align: center;
    background-color: #EFEFEF;
}

.eventcalq td.mod_jemcalq_calday span.nolink {
    border: 2px solid transparent; /* to get always same cell size */
    display: block;
}

/* Event day cell properties */
.eventcalq td.mod_jemcalq_caldaylink,
.eventcalq td.mod_jemcalq_caltodaylink {
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 21px;
    height: 20px;
    text-align: center;
    background-color: #CCE0FF;
}

/* Event day cell hover Link / Visited*/
.eventcalq td.mod_jemcalq_caldaylink a:link,
.eventcalq td.mod_jemcalq_caldaylink a:visited{
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #608194;
    background-color: #CCE0FF;
    border: 2px solid transparent; /* to get always same cell size */
}

/* Event day cell hover */
.eventcalq td.mod_jemcalq_caldaylink a:hover {
    text-decoration: none;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    background-color: #0066FF;
    border: 2px solid transparent; /* to get always same cell size */
}

/* Event tooltip link color */
.tooltip a {
    color: #fff;
}

/* Month heading properies */
.eventcalq caption.mod_jemcalq_calendar-month {
    font: bold 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #666666;
    text-align: center;
}

/* Month heading Link / Visited properties */
.eventcalq caption.mod_jemcalq_calendar-month a,
.eventcalq caption.mod_jemcalq_calendar-month a:link,
.eventcalq caption.mod_jemcalq_calendar-month a:visited
{
    color: #DFEFFF;
}

/* Month heading Hover properties */
.eventcalq caption.mod_jemcalq_calendar-month a:hover{
    color: #990000;
    text-decoration: none;
}

/* Day of week heading properties*/
.eventcalq th.mod_jemcalq_daynames {
    font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
    color: #616B76;
    background: #D9E2E1;
    padding: 0;
}


/* Tooltips */
.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 300px;
}

.tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../templates/system/images/selector-arrow.webp) no-repeat;
    color: #000000;
}

.tool-text {
    font-size: 100%;
    margin: 0;
    color: #000000;
}
/* prevent problems with some site templates */
.eventcalq table.mod_jemcalq_calendar span.hasTip {
    margin: 0;
}