/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.calendar {
    overflow: visible;
}
.calendar.no-year-browse > .calendar-header .year-title {
    cursor: default;
}
.calendar:after {
    display: block;
    content: "";
    clear: both;
}
.modalsuper {
    display: table;
    width: 80%;
    height: 100%;
    margin: 0 10%;
}
.calendar-legend {
	list-style-type: none;
    border-top: 1px solid #1E90FF;
    margin-top: 15px;
}
.calendar-legend li {
    display: inline-block;
    margin: 15px;
}
.calendar-legend li:first-child {
    margin: 15px 15px 15px 0;
}
.calendar-legend li:last-child {
    margin: 15px 0 15px 15px;
}
.calendar-legend .calendar-legend-color {
    display: inline-block;
	height: 15px;
	margin-right: 5px;
    vertical-align: middle;
    width: 15px;
}

.modal-dialog {
    width: 80vw;
    display: table-cell;
    vertical-align: middle;
}

.modal-dialog .gerar-pdf {
    margin: 4px;
    padding: 7.5px 10px;
}

.modal-dialog .gerar-pdf:before {
    content: '';
    display: inline-block;
    background-image: url('../img/pdf-icon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20px;
    margin-right: 7.5px;
    vertical-align: bottom;
    width: 20px;
}

th.month-title {
    background-color: #1E90FF;
    color: #fff;
    border-radius: 5px;
}
.panel-default {
    background-color: #1E90FF;
}

.calendar .calendar-header table th:hover {
    background-color: #0d8fee;
}

th.year-title {
    color: #fff;
}
.calendar .year-neighbor {
    color: #eee;
}

.calendar .year-neighbor2 {
    color: #ccc;
}
.calendar .month-container {
    margin-bottom: 15px;
}
.glyphicon-chevron-right:before {
    color: #fff;
}
.glyphicon-chevron-left:before {
    color: #fff;
}
td.day:nth-child(7) .day-content {
    color: #1E90FF;
}
td.day:nth-child(1) .day-content {
    color: #1E90FF;
}
td.day:nth-child(7) .day-content.hasEvent {
    color: #fff;
    font-weight: 900;
}
td.day:nth-child(1) .day-content.hasEvent {
    color: #fff;
    font-weight: 900;
}
th.day-header:first-child {
    color: #1E90FF;
}
th.day-header:last-child {
    color: #1E90FF;
}
.hasEvent {
    color: #fff;
}
.modal-header {
    padding: 5px;
    border-bottom: none;
}
.calendar table.month td.day .day-content:hover{
    cursor: default;
    background-color: transparent;
}
.close-modal {
    display: inline-block;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    margin-top: 5px;
    outline: none;
}
.close-modal path {
    fill: #1E90FF;
}
.calendar table.month tr td .day-content {
    border-radius: 0;
}

.calendar .year-title,
.calendar .year-title.current-year {
    color: #22c2fe;
    font-weight: 900;
    text-shadow: 0 0 25px rgba(15, 150, 135, 1);
}

.calendar .year-title.year-neighbor,
.calendar .year-title.year-neighbor2 {
    font-weight: 700;
    text-shadow: none;
}

.calendar .year-title.year-neighbor {
    color: #eee;
}

.calendar .year-title.year-neighbor2 {
    color: #ccc;
}

.calendar .year-title.disabled {
    display: none;
}

@media (max-width: 767px) {
    .calendar {
        height: 60vh;
        overflow: auto;
    }
    .modal-dialog {
        width: 95vw ;
    }
    .calendar .month-container {
        margin-bottom: 20px;
    }
    .calendar-legend li:first-child {
        margin: 15px;
    }
    .calendar-legend li:last-child {
        margin: 15px;
    }
    .modalsuper {
        width: 90%;
        margin: 0 5%;
    }
}

@media (min-width: 768px) {
    .modalsuper {
        margin: 0 auto;
        max-width: 1080px;
    }
}