﻿/*.jp_widget {
    border: 2px solid #F57E2E;
}*/

    .jp_widget .jp_header {
        background: #F57E2E;
        color: #FFF;
        padding: 10px;
        font-weight: bold;
        color: #fff;
        margin: 0px;
        font-size: 14px;
    }

    .jp_widget .jp_form {
        padding: 12px 15px 15px 15px;
        color: #0A1C5C;
        word-break: normal !important;
    }

        .jp_widget .jp_form input[type=text],
        .jp_widget .jp_form select {
            border: 1px solid #0A1C5C;
            border-radius: 5px;
            background-color: #FFF;
            padding: 5px 5px 5px 10px;
        }

        .jp_widget .jp_form select {
            background-color: #D2D6E1;
        }

        .jp_widget .jp_form .jp_date_time select {
            margin: 0 0  5px 5px;
        }

        .jp_widget .jp_form .jp_date_time label {
            margin-top: 5px;
        }

        .jp_widget .jp_form .jp_button_plan {
            width: 100%;
            padding: 5px;
            border: 1px solid #848484;
            border-radius: 5px;
            background-color: #0A1C5C;
            color: #FFF;
            text-align: center;
            cursor: pointer;
            font-size: 15px;
            font-weight: bold;
            outline: none;
        }

            .jp_widget .jp_form .jp_button_plan:hover {
                background-color: #6F7AA0;
                color: #0A1C5C;
            }

            .jp_widget .jp_form .jp_button_plan:disabled {
                color: #808080;
                background-color: #CCC;
                border: 1px solid #808080;
                cursor: default;
            }

        .jp_widget .jp_form .jp_link {
            font-weight: bold;
            color: #0A1C5C;
            text-decoration: none;
            font-size: 12px;
        }

            .jp_widget .jp_form .jp_link:hover {
                text-decoration: underline;
                color: #6F7AA0;
            }

        .jp_widget .jp_form .jp_errorMessage {
            font-size: 13.3333px;
            color: red;
        }

            .jp_widget .jp_form .jp_errorMessage.jp_error_plan {
                font-weight: bold;
                margin: 10px 0;
            }

            .jp_widget .jp_form .jp_errorMessage.jp_error_select {
                margin: 5px 10px;
            }

.jp_leave_arrive_label {
    width: 100%;
    border: 1px solid #848494;
    border-radius: 5px;
    background-color: #D2D6E1;
    padding: 5px 8px 8px 10px;
    cursor: pointer;
}

    .jp_leave_arrive_label.selected {
        background-color: #B6BBCE;
    }

    .jp_leave_arrive_label input[type="radio"] {
        vertical-align: middle;
    }

    .jp_leave_arrive_label span {
        vertical-align: middle;
    }

.ui-autocomplete-jp {
    border: 2px solid #0A1C5C !important;
    max-height: 254px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #0A1C5C;
    font-size: 11px;
}

    .ui-autocomplete-jp .ui-menu-item {
        border-bottom: 1px solid #CCC;
        list-style-image: none;
    }

        .ui-autocomplete-jp .ui-menu-item .ui-menu-item-wrapper {
            padding: 4px 5px;
        }

            .ui-autocomplete-jp .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
                background-color: #CCC;
                color: #0A1C5C;
                border: 1px solid transparent;
            }

.ui-autocomplete-input-jp {
    outline: none;
}
    .ui-autocomplete-input-jp.ui-autocomplete-loading {
        background-image: url(../../../Content/Images/loading.gif);
        background-size: 20px 20px;
        background-position: right center;
        background-repeat: no-repeat;
        background-origin: content-box;
        padding-right: 10px;
    }