/* Form calendar component */
.form-group .datepicker {
    display: block;
}
    .datepicker .vdpInnerWrap {
        border: 1px solid #CCCCCC;
    }
    .datepicker .vdpHeader {
        background: #f5f5f5;
    }
    .datepicker .vdpHeadCellContent {
        font-size: 1em;
        font-weight: 500;
        color: #636363;
    }
    .datepicker .vdpCell .vdpCellContent {
        font-size: 1em;
        line-height: 2;
        color: #636363;
    }
        .datepicker .vdpCell.selectable:hover .vdpCellContent {
            background: #8DC63F;
        }
        .datepicker .vdpCell.selected .vdpCellContent {
            font-weight: 700;
            color: #FFF;
            background: #8DC63F;
        }

    .datepicker .vdpPeriodControl {
        padding: 0.75em 0.5em;
    }
        .datepicker .vdpPeriodControl > button {
            text-decoration: none;
            padding: 0.25em 2em 0.25em 0;
            color: #0B0B0B;
            border-bottom: 1px solid rgba(11,11,11,0.25);
            border-radius: 0;
        }
        .datepicker .vdpPeriodControl::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0.5em;
            transform: translateY(-50%);
            width: 0.75em;
            height: 0.75em;
            background-image: url(../icons/icon-calendar.svg);
            background-repeat: no-repeat;
            background-size: 100%;
        }

.fumbiId {
    color: hsl(0, 100%, 60%);;
}