/* ==========================================================================
   EXTENSIONS
   Place for custom adjustments to extensions.
   ========================================================================== */

/*
 + MAGNIFIC POPUP
 */

.mfp-bg {
    background: #000000;
    opacity: 0.8;
}
.mfp-wrap {
    font-family: Arial, sans-serif;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
.mfp-close-btn-in .mfp-close {
    opacity: 1;
}
.mfp-arrow {
    opacity: 1;
}
.mfp-arrow:before {
    display: none;
}
.mfp-zoom-out-cur .mfp-title {
    font-size: 14px;
    margin-top: 5px;
}
.mfp-counter {
    display: none;
}
.mfp-preloader {
    font-size: 1.4em;
}

/*
 * BOOTSTRAP DATEPICKER
 */

.datepicker {
    bottom: 80px;
    font-family: Arial, sans-serif;
    max-width: 200px !important;
    position: fixed !important;
    top: auto !important;
}
    .datepicker table {
        border: 0;
        margin-bottom: 0;
    }
        .datepicker table tr th,
        .datepicker table tr td {
            font-size: 16px;
            padding-bottom: 0;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 0;
        }
        .datepicker table tr th {
            background-color: transparent;
            color: #fab614;
        }
        .datepicker table tr th.prev,
        .datepicker table tr th.next {
            cursor: pointer;
        }
        .datepicker table tr td {
            text-align: center;
        }
        .datepicker table tr td.day.active,
        .datepicker table tr td.day.active:hover {
            background-color: #fab614;
        }
        .datepicker table tr:nth-child(even) td,
        .datepicker table tr:nth-child(odd) td,
        .datepicker table tr:hover td {
            background-color: transparent;
        }