table.em-calendar.fullcalendar tbody td
{
    border: 1px solid #ebebeb;
    border-collapse: collapse;
}

table.em-calendar.fullcalendar thead td
{
    font-size: 18px;
    font-weight: bold;
    background-color:  #e6ecff;
    border-color: #e6ecff;
}

table.em-calendar.fullcalendar thead td a
{
    text-decoration: none;
}

table.em-calendar.fullcalendar tbody td li
{
    background-color: #e6ecff;
    border-radius: 3px;
    list-style: none;
    padding-top: 3px;
    padding-bottom: 6px;
    padding-left: 4px;
    padding-right: 3px;
    margin-top: 6px;
    margin-bottom: 3px;
}

table.em-calendar.fullcalendar tbody td li .category
{
    color: #5b4fff;
    background-color: #5454;
    border-radius: 4px;
    display: inline flow-root;
    padding-left: 3px;
    padding-right: 4px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 2px;
}

table.em-calendar.fullcalendar tbody td ul
{
    padding: 3px;
}

table.em-calendar.fullcalendar tbody td a
{
    color: inherit;
    text-decoration: none;
    outline: 0;
    display: block;
}

table.em-calendar.fullcalendar tbody td.eventless
, table.em-calendar.fullcalendar tbody td.eventless-post
, table.em-calendar.fullcalendar tbody td.eventless-pre
{
    font-family: PT Sans Narrow;
    font-size: 16px;
}

table.em-calendar.fullcalendar tbody td.eventful > a:hover
, table.em-calendar.fullcalendar tbody td.eventful-today > a:hover
{
    color: #eee;
    background-color: #88A5D9;
}

table.em-calendar.fullcalendar tbody td > a
{
    font-family: PT Sans Narrow;
    font-size: 16px;
    display: block;
    padding-left: 3px;
    margin-left: -4px;
    margin-right: -4px;
    margin-top: -2px;
}

table.em-calendar.fullcalendar tbody td.eventful-today > a
{
    color: #eee;
    background-color: #64a864;
}

table.em-calendar.fullcalendar td.eventful-today a {
    font-weight: normal;
}

table.em-calendar.fullcalendar tbody td.eventful-today
, table.em-calendar.fullcalendar tbody td.eventless-today
 {
    background-color: inherit;
}

div.em-search-advanced input
{
    width: 85px;
}

/*** card view ***/    
    
div.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;        
}      
div.card:hover 
{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
div.card .container 
{
    padding: 2px 16px;
}

@media print {
    body
    {
        margin: 15mm 15mm 15mm 15mm;
    }
    .em-calnav {
        visibility: hidden;
    }
    table.em-calendar.fullcalendar
    {
        font-size: 75% !important;
    }
    table.em-calendar.fullcalendar tbody td a
    {
        font-size: 12px;
    }
    table.em-calendar.fullcalendar tbody td.eventless
    , table.em-calendar.fullcalendar tbody td.eventless-pre
    , table.em-calendar.fullcalendar tbody td.eventless-post
    {
        font-size: 12px;
    }
    table.em-calendar.fullcalendar tbody td ul
    {
        padding: 1px;
    }
    table.em-calendar.fullcalendar tbody td
    {
        word-break: break-word;
        padding: 1px;
    }
    table.em-calendar.fullcalendar tbody td li
    {
        padding-top: 1px;
        padding-bottom: 2px;
        margin-top: 2px;
        margin-bottom: 1px;
    }
}

@media only screen and (max-width: 600px)
{
    #content .entry-content
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    table.em-calendar.fullcalendar
    {
        font-size: 50% !important;
    }
    table.em-calendar.fullcalendar tbody td a
    {
        font-size: 10px;
    }
    table.em-calendar.fullcalendar tbody td > a
    {
        margin-left: -1px;
        margin-right: -1px;
        margin-top: -1px;
    }
    table.em-calendar.fullcalendar tbody td.eventless
    , table.em-calendar.fullcalendar tbody td.eventless-pre
    , table.em-calendar.fullcalendar tbody td.eventless-post
    {
        font-size: 10px;
    }
    table.em-calendar.fullcalendar tbody td
    {
        word-break: break-all;
        padding: 1px;
    }
    table.em-calendar.fullcalendar tbody td ul
    {
        padding: 1px;
    }
    table.em-calendar.fullcalendar tbody td li
    {
        padding-top: 1px;
        padding-bottom: 2px;
        margin-top: 2px;
        margin-bottom: 1px;
    }
    table.events-table
    {
        font-size: 60%;
    }
    .css-events-list table.events-table td
    {
        margin-right: 3px;
    }
    .css-events-list table.events-table th.event-time
    {
        width: auto;
    }
    .css-events-list h3
    {
        font-size: 75%;
        margin: 15px 0;
    }

}