﻿@charset "UTF-8";
/*!
 * rac-myDatePicker v1.0.0
 */
.mydp * {
    font-family: inherit;
}

.mydp .caltable {
    font-size: 13px !important;
}

.mydp .invaliddate, .mydp .invalidmonth, .mydp .invalidyear {
    background-color: #f2dede;
}

/* The following css is for my radio buttons, not for the date picker. This is just a convenient place to put it.
    It is required because I having the data-toggle="button" interferes with the on-click events.
*/
.btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-required {
    color: #425563;
    background-color: #fff;
    border-color: #8a6d3b;
}

    .btn-required:focus,
    .btn-required.focus {
        color: #425563;
        background-color: #e6e6e6;
        border-color: #8a6d3b;
    }

    .btn-required:hover {
        color: #425563;
        background-color: #e6e6e6;
        border-color: #8a6d3b;
    }

    .btn-required:active,
    .btn-required.active,
    .open > .dropdown-toggle.btn-required {
        background: #FFD100;
        color: #182D3C;
        font-weight: 400;
    }

        .btn-required:active:hover,
        .btn-required.active:hover,
        .open > .dropdown-toggle.btn-required:hover,
        .btn-required:active:focus,
        .btn-required.active:focus,
        .open > .dropdown-toggle.btn-required:focus,
        .btn-required:active.focus,
        .btn-required.active.focus,
        .open > .dropdown-toggle.btn-required.focus {
            color: #425563;
            background-color: #FFD100;
            border-color: #8a6d3b;
        }

    .btn-required:active,
    .btn-required.active,
    .open > .dropdown-toggle.btn-required {
        background-image: none;
    }

    .btn-required.disabled:hover,
    .btn-required[disabled]:hover,
    fieldset[disabled] .btn-required:hover,
    .btn-required.disabled:focus,
    .btn-required[disabled]:focus,
    fieldset[disabled] .btn-required:focus,
    .btn-required.disabled.focus,
    .btn-required[disabled].focus,
    fieldset[disabled] .btn-required.focus {
        background-color: #fff;
        border-color: #8a6d3b;
    }

.form-group .btn-group .btn-required.active,
.form-group .btn-group .btn-required:active {
    background: #FFD100;
    color: #182D3C;
    font-weight: 400;
}

span.has-warning {
    color: #8a6d3b;
}
