.weekpicker {
    background-color: #ffffff;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    display: none;
    position: absolute;
    z-index: 5000;
    padding: 4px;
    font-size: 12px;
}

    .weekpicker .head td, .weekpicker td.span0, .weekpicker .calendar .span1 {
        color: #000;
        font-size: 14px;
    }

    .weekpicker .week-nav {
        font-weight: bold;
        text-align: center;
        padding: 4px 0;
        font-size: 130%;
    }

        .weekpicker .week-nav .prev, .weekpicker .week-nav .next {
            cursor: pointer;
        }

    .weekpicker .calendar {
        padding: 5px;
    }

        .weekpicker .calendar td {
            padding: 3px 5px;
            text-align: center;
            vertical-align: middle;
        }

            .weekpicker .calendar td.month-col {
                vertical-align: top;
            }

    .weekpicker .week .box0, .weekpicker .week .box1 {
        cursor: pointer;
    }

    .weekpicker .week-label {
        width: 20px;
        padding: 0 5px;
        font-weight: bold;
    }

    .weekpicker .calendar .box0 {
        background-color: #F7F7F7;
        color: #A19E98;
    }

    .weekpicker .calendar .box1 {
        background-color: #FFFFFF;
        color: #A19E98;
    }

    .weekpicker td.span0, .weekpicker .calendar .span1 {
        border-top: 1px solid #E7E7E7;
        border-left: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
    }

    .weekpicker .calendar .box0, .weekpicker .calendar .box1 {
        border: 1px solid #E7E7E7;
    }

    .weekpicker .week-nav,
    .weekpicker .selected .box0,
    .weekpicker .selected .box1 {
        background-color: #D2D2D2;
    }

    .weekpicker .highlighted .box0, .weekpicker .highlighted .box1 {
        background-color: #c0c0c0;
        color: #000;
    }

    .weekpicker .navigation .button {
        font-size: 14px;
        font-weight: 700;
        padding: 10px;
        cursor: pointer;
        float: left;
    }

        .weekpicker .navigation .button:last-child {
            float: right;
        }

[data-weekpicker="weekpicker"] {
    width: 100%;
}

    [data-weekpicker="weekpicker"] .form-control {
        text-align: center;
        background: #fff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    [data-weekpicker="weekpicker"][data-calender="false"] .form-control {
        border: 0px;
    }