@media screen and (max-width: 400px) {
    .navSpacer {
        width: 0%;
    }

    .mv-container {
        font-size: 0.5em;
    }

    .mv-dayname {
        width: 10px !important;
    }

    td.st-s {
        width: 10px !important;
    }

    td.st-c {
        width: 10px !important;
    }

}

@media screen and (max-width: 420px) {
    .nav-table {
        font-size: 0.5em;
    }

    .navbutton {
        height: 10px;
        padding: 0 12px;
        width: 6px !important;
    }

    .ui-rtsr-name {
        padding: 4px 2px 3px;
    }

    .bubble {
        width: 220px !important;
    }

    .detail_item {
        font-size: 0.5em;
    }

    .bubble .details .title {
        font-weight: bold;
        font-size: medium;
        font-size: 1.2em;
    }
}

/*Loading message*/
.loading {
    background-color: #000000;
}

/*Event bubble*/
.bubble .details .title {
    color: #000000 !important;
    font-weight: bold;
}

.menu-link {
    color: #888888;
    text-shadow: 3px 3px 6px #DDDDDD;
}

.links a {
    color: #888888;
    text-shadow: 3px 3px 6px #DDDDDD;
}

/*Menu top*/

.ui-rtsr-first-tab {
    visibility: collapse;
}

.ui-rtsr {
    padding-left: 0px;
}

.st-bg {
    background-color: #FFFFFF;
    border-left: none;
}

.st-bg-today {
    background-color: #F9F9F9;
    border-right: 1px solid #000000;
}

.st-dtitle {
    background-color: #000000;
    border: none;
    background: white;
}

.view-cap, .view-container-border {
    background-color: #FFFFFF;
}

/*Month View*/

.mv-daynames-table {
    color: #000000;
    background: #FFFFFF;
}

.mv-event-container {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
}

/*Week View*/

.wk-weektop {
    background-color: #F9F9F9;
}

.wk-dummyth {
    background-color: #F9F9F9;
}

.tg-times-pri {
    background-color: #F9F9F9;

}

.tg-times-sec {
    background-color: #F9F9F9;
}

.tg-col-today {
    border-left: 1px solid #000000;
}

.tg-today {
    border-left: 1px solid #000000;
    background-color: #F4F4F4 !important;
}

.st-bg-td-last {
    border-left: 1px solid #000000;
    background-color: #F4F4F4 !important;
}

.wk-today {
    border: 1px solid #000000;
    background-color: #EEEEEE;
}

.wk-allday {
    border-bottom: 1px solid #EEEEEE;
}

.wk-weektop {
    background-color: #F4F4F4 !important;
}

.wk-dayname {
    color: #000000;
}

.wk-scrolltimedevents {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

/*Top Menu tweaks*/

.ui-rtsr-unselected {
    background-color: #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
}

.ui-rtsr-selected {
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;

}

.calendar-nav img {
    visibility: hidden;
}

.today-button {
    background-color: #FFFFFF;
    color: #000000;
    border: none;
    padding: 1px 6px;
    border-radius: 2px 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.navForward {
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center;
    background-image: url(../images/nav_forward_white.png);
}

.navBack {
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center;
    background-image: url(../images/nav_back_white.png);
}

.date-picker-arrow-on {
    background-color: #FFFFFF;
}

.date-top {
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
}

.nav-table {
    background-color: #000000;
}

.header {
    padding: 0 2px;
    background-color: #000000;

}

.calendar-container {
    font-family: 'Open Sans', sans-serif;
}

/*Footer menu Tweaks*/

.logo-plus-button-plus-icon {
    background-image: url(../images/logo-plus_black.png);
}

.logo-plus-button-lockup {
    background-image: url(../images/google_icon_black.png);
}

/*Eventos*/
/*Agenda*/
.agenda .date-label {
    background-color: #F4F4F4;
}

.rb-n {
    background-color: #000000 !important;
}

.agenda .day {
    border-bottom: #F9F9F9;
}

.agenda .event {
    border-top: #F9F9F9;
}

.agenda-more {
    color: #000;
    text-shadow: 3px 3px 6px #DDDDDD;
}