/* Footer */
html {
    position: relative;
    min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
}

footer p {
  margin-top: 20px;
}

footer p:first-child {
    font-family: "Dosis";
    color: #999;
    font-size: 15px;
    line-height: 18px;
    vertical-align: middle;
}

footer a {
    color: #999;
    font-size: 18px;
    vertical-align: middle;
}


/* Events */
/* Based on Bootstrap buttons */
.event {
    text-align: center;
    border-radius: 6px;
    margin: 5px;
    background-color: #ecf0f1;
}

/* Bootstrap's Success */
.event.work,
.btn.work,
.fillable[data-event-type="work"] {
    color: #ffffff;
    background-color: #28b62c;
    border-color: #23a127;
}

/* Bootstrap's Warning */
.event.standby,
.btn.standby,
.fillable[data-event-type="standby"] {
    color: #ffffff;
    background-color: #ff851b;
    border-color: #ff7701;
}

/* Bootstrap's Danger */
.event.unavailable,
.btn.unavailable,
.fillable[data-event-type="unavailable"] {
    color: #ffffff;
    background-color: #ff4136;
    border-color: #ff291c;
}

/* Bootstrap's Info */
.event.vacation,
.btn.vacation,
.fillable[data-event-type="vacation"] {
    color: #ffffff;
    background-color: #75caeb;
    border-color: #5fc1e8;
}


/* Magnificent Popup */
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
.white-popup .table-bordered {
    border: none;
}
.white-popup td:first-child {
    border: none;
    position: relative;
    top: -15px;
}
.white-popup #saveButton {
    margin-top: 115px;
}


/* Calendar */
.calendar table {
    table-layout: fixed;
}

.calendar th {
    text-align: center;
}

.actions-column {
    width: 45px;
}

.calendar td.cal-current-day {
    background: #cddeef;  /* Fallback */
    background: rgba(21, 140, 186, 0.15);
}

.calendar th.cal-past-day,
.calendar td.cal-past-day {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.calendar .cal-day {
    margin: 3px 3px;
    padding: 5px;
}

.calendar .cal-day:hover {
    background: #F0F0F0;
}

.calendar .cal-day-content {
    clear: both;
    padding: 2px 2px 1px;
    min-height: 36px;
}

.calendar .cal-day-number {
    padding: 0 2px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

.calendar td.username {
    background: #FFFFFF;
    font-size: 16px;
}

.calendar td.username a {
    text-decoration: none; !important;
}

/* Center modals */
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


/* Misc */
.padding-buffer {
    padding: 4px 0;
}

.padding-buffer:first-child {
    padding-top: 0;
}

.padding-buffer:last-child {
    padding-bottom: 0;
}

.fillable[data-event-type="empty"]:hover {
    background: #F0F0F0;
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clickable {
    cursor: pointer;
}

.hidden {
    display: none;
    visibility: none;
}

#navbar .navbar-right {
    margin-right: -10px;
}