﻿@charset "UTF-8";
/*!
 * rac-myDatePicker v1.0.0
 */
.mydp * {
    font-family: inherit;
}

.mydp .caltable {
    font-size: 13px;
}

.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;
}
/*----------------------------------------------------------new style added-------------------------------------------------------------------------*/

.form-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.catering-forms .alert {
    margin-bottom: 12px;
}

.modal-dialog {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    box-shadow: inset 0 0 10px #003865;
    border: none;
}

.modal-dialog .modal-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.modal-dialog .modal-body {
    padding: 0px;
}

.modal-dialog .modal-footer {
    text-align: center;
}

            