﻿.calendarWrapper
{
    background-color: #FFFFFF;
    padding: 10px;
    display: inline-block;
}

.myCalendar
{
    background-color: #f2f2f2;
    border: none !important;
}

.myCalendarSelected
{
    background-color: #18f984;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    border-top: solid 1px #666666;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
}

.myCalendar a
{
    text-decoration: none;
}

.myCalendar .myCalendarTitle
{
    font-weight: bold;
    border: none !important;
}


.myCalendar tr
{
    border-bottom: solid 1px #ddd;
}

.myCalendar table tr
{
    border-bottom: none !important;
}

.myCalendar tr:last-child td
{
    border-bottom: none;
}

.myCalendar tr td.myCalendarDay, .myCalendar tr th.myCalendarDayHeader
{
    border-right: solid 1px #666666;
}



 
        .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover
        {
            background-color: transparent;
        }

    

.myCalendar td.myCalendarSelector a
{
    background-color: #99CCFF;
    display: inline-block;
    width: 100%;
}

.myCalendar .myCalendarDayHeader a,
.myCalendar .myCalendarDay a,
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a
{
    display: block;
    line-height: 30px;
}

.myCalendar .myCalendarToday
{
    /*background-color: #f2f2f2;
    -webkit-box-shadow: 1px 1px 8px 1px #8f8f8f;
    box-shadow: 1px 1px 8px 1px #8f8f8f;
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    border: 2px solid #f2f2f2;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;*/
}

    .myCalendar .myCalendarToday a
    {
        /*color: #99CCFF !important;
        font-weight: bold;*/
    }

        .myCalendar .myCalendarToday a:after
        {
            /*content: "HOY";
            color: #000;
            font-size: 0.5em;
            display: inline-block;
            pointer-events: none;
            width: 100%;
            float: left;*/
        }

.myCalendar .myCalendarDay a:hover, .myCalendar .myCalendarSelector a:hover
{
    /*background-color: #99CCFF;*/
}
