/* DATE PICKER */

.bc-datepicker {
    position: relative;
    width: 230px;
}

.bc-datepicker-img {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 7px;
}

    .bc-datepicker-img img {
        position: absolute; /* TODO: Verovatno neće trebati kad se uradi reset CSS-a */
    }

.bc-datepicker .uib-datepicker-popup .uib-title.btn-default,
.bc-datepicker .uib-datepicker-popup .uib-left.btn-default,
.bc-datepicker .uib-datepicker-popup .uib-right.btn-default {
    background: #7fad5a;
    color: white;
    box-shadow: 0 0 0;
    border: 0;
}

.bc-datepicker .uib-datepicker-popup .uib-title.btn-default {
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px;
    margin-bottom: 1px;
}

    .bc-datepicker .uib-datepicker-popup .uib-title.btn-default:hover,
    .bc-datepicker .uib-datepicker-popup .uib-right.btn-default:hover,
    .bc-datepicker .uib-datepicker-popup .uib-left.btn-default:hover {
        background: #729b51;
        color: white;
    }

.bc-datepicker .uib-datepicker-popup {
    width: 270px;
    border-radius: 0;
    padding-top: 0;
    border-left: 1px solid #fff;
}

    .bc-datepicker .uib-datepicker-popup [aria-label=subota],
    .bc-datepicker .uib-datepicker-popup [aria-label=nedelja] {
        color: #dc687d;
    }

    .bc-datepicker .uib-datepicker-popup .btn-default {
        background: #eee;
        color: #000;
        box-shadow: 0 0 0;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }

        .bc-datepicker .uib-datepicker-popup .btn-default:hover {
            background: #ddd;
        }

    .bc-datepicker .uib-datepicker-popup .text-muted {
        color: #c1c1c1;
    }

    .bc-datepicker .uib-datepicker-popup .active {
        background: #c3c0c0;
    }

    .bc-datepicker .uib-datepicker-popup .uib-day:nth-child(7) .btn-default,
    .bc-datepicker .uib-datepicker-popup .uib-day:nth-child(8) .btn-default {
        color: #dc687d;
    }

    .bc-datepicker .uib-datepicker-popup .h6 {
        background: #7fad5a;
        color: white;
        box-shadow: 0px 0px 0px 1px #fff;
    }

.bc-datepicker .uib-close {
    background: #eee;
    color: black;
    box-shadow: 0 0 0;
}

    .bc-datepicker .uib-close:hover {
        background: #ddd;
    }


.bc-datepicker .uib-datepicker-current {
    background: #7fad5a;
}

    .bc-datepicker .uib-datepicker-current:hover {
        background: #729b51;
    }

.bc-datepicker .uib-clear {
    display: none;
}

    .bc-datepicker .uib-clear:hover {
        background: #c85f72;
    }

.bc-datepicker .uib-button-bar {
    padding: 5px 10px 0px 148px;
}

.modal .bc-datepicker .btn-sm {
    margin-bottom: 0;
    padding: 0 10px;
}

.bc-input-white,
.bc-input-gray {
    width: 100%;
    height: 24px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #d1d1d1;
    border: 0;
    padding: 0 10px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bc-input-gray {
    background-color: #eee;
}

    .bc-input-white:focus,
    .bc-input-gray:focus {
        box-shadow: inset 0 0 0px 1px #7fad5a;
        outline: 0;
    }

    .bc-input-white.bc-required,
    .bc-input-gray.bc-required {
        box-shadow: 0 0 0 1px #ff0000;
    }

/* DATE RANGE PICKER */

.bc-date-range-picker {
    position: relative;
    width: 160px;
}

.page-top-bar .bc-date-range-picker {
    margin-right: 15px;
}

.daterangepicker.dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.daterangepicker .calendar.left {
    margin-right: 12px;
}

.daterangepicker .input-mini {
    height: 30px;
    border-radius: 0;
    background-color: #eee;
    box-shadow: 0 1px 0 0 #d1d1d1;
    border: 0;
    padding: 0 10px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .daterangepicker .input-mini.active {
        border: 0;
        border-radius: 0;
        box-shadow: inset 0 0 0px 1px #7fad5a;
    }

/*.daterangepicker .daterangepicker_input {
    width: 220px;
}*/

.daterangepicker .daterangepicker_input i {
    width: 16px;
    height: 16px;
    left: 190px;
    top: 7px;
    font-size: 16px;
}

.daterangepicker td.available,
.daterangepicker th.available {
    width: 30px;
    height: 30px;
    min-width: 30px;
    line-height: 29px;
    padding: 0;
    background: #7fad5a;
    color: #fff;
    box-shadow: 0 0 0;
    border: 0;
    border-radius: 0;
}

.daterangepicker .table-condensed thead tr th.available:last-child {
    color: #fff;
}

.daterangepicker th.available:hover,
.daterangepicker th.month:hover {
    background: #729b51;
    color: #fff;
    border-radius: 0;
}

.daterangepicker td.available {
    background: #eee;
    color: #000;
}

    .daterangepicker td.available:hover {
        background: #ddd;
    }

    .daterangepicker td.available.start-date,
    .daterangepicker td.available.start-date.in-range,
    .daterangepicker td.available.end-date,
    .daterangepicker td.available.end-date.in-range {
        background: #7fad5a;
        color: #fff;
    }

    .daterangepicker td.available.in-range {
        background: #c1c1c1;
    }

    .daterangepicker td.available.off,
    .daterangepicker td.available.off.in-range,
    .daterangepicker td.available.off.weekend {
        background: #eee;
        color: #c1c1c1;
    }

.daterangepicker .table-condensed thead tr th.month:nth-last-child(2) {
    background: #7fad5a;
    color: #fff;
    border-width: 0 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 0;
}

.daterangepicker thead tr th {
    max-height: 30px;
    line-height: 20px;
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
    min-width: 30px;
}

.daterangepicker .calendar-table {
    padding-left: 0;
    font-size: 12px;
}

.daterangepicker.ltr .calendar.left .calendar-table,
.daterangepicker.ltr .left .daterangepicker_input {
    padding: 0;
    padding-right: 12px;
}


.daterangepicker.ltr .calendar.right .calendar-table,
.daterangepicker.ltr .right .daterangepicker_input {
    padding: 0;
}

.daterangepicker .btn-success {
    background: #7fad5a;
}

    .daterangepicker .btn-success:hover {
        background: #729b51;
    }

.daterangepicker .btn-default {
    background: #eee;
    color: #000;
    box-shadow: 0 0 0;
}

    .daterangepicker .btn-default:hover {
        background: #ddd;
    }

.daterangepicker .ranges {
    height: 278px;
    position: relative;
}

.daterangepicker .range_inputs {
    position: absolute;
    bottom: 0;
}

.daterangepicker td.available.weekend {
    color: #dc687d;
}

.daterangepicker .table-condensed thead tr th:nth-last-child(2),
.daterangepicker .table-condensed thead tr th:last-child {
    color: #dc687d;
}

.daterangepicker .ranges li {
    border-radius: 0;
    background: #eee;
    color: #000;
    border: 0;
}

    .daterangepicker .ranges li:hover {
        background: #ddd;
        border: 0;
    }

    .daterangepicker .ranges li.active {
        background: #7fad5a;
        color: #fff;
        border: 0;
    }