.ui-widget {
    font-family: 'メイリオ', sans-serif;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 12px;
}

.ui-state-highlight
, .ui-widget-content .ui-state-highlight
, .ui-widget-header .ui-state-highlight {
    background: #999999;
    box-shadow: none;
    text-shadow: none;
}

.ui-state-hover
, .ui-widget-content .ui-state-hover
, .ui-widget-header .ui-state-hover
,.ui-state-focus
, .ui-widget-content .ui-state-focus
, .ui-widget-header .ui-state-focus {
    text-shadow: none;
    box-shadow: none;
}

.ui-widget.ui-button:focus
, .ui-selectonemenu-item:focus
, .ui-selectonemenu-list-item:focus {
    outline: 0;
}

.ui-button .ui-button-text
, .ui-button-text-only .ui-button-text {
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;
    padding: 0 1em;
}

.ui-widget input
, .ui-widget select
, .ui-widget textarea
, .ui-widget button {
    font-family: 'メイリオ', sans-serif;
}

.ui-widget-content {
    color: black;
}

/* インプットテキスト */
input.ui-inputfield.ui-inputtext.ui-widget
, input.ui-inputfield.ui-password.ui-widget {
    border: rgb(186, 186, 186) 1px solid;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 25px;
    width: 150px;
    padding: 2px 10px;
}
input.ui-inputfield.ui-inputtext.ui-widget.ui-state-hover,
input.ui-inputfield.ui-inputtext.ui-widget.ui-state-focus,
input.ui-inputfield.ui-password.ui-widget.ui-state-hover,
input.ui-inputfield.ui-password.ui-widget.ui-state-focus{
    border-color: #7096ab;
}
/*datatable内のテキストボックスの幅調整*/
.table_section.ui-datatable table > tbody > tr > td input.ui-inputfield.ui-inputtext.ui-widget {
    width: 100%;
    min-width: 150px;
}

/* プレースホルダーカラー(chrome) */
::-webkit-input-placeholder {
    color: rgb(186, 186, 186);
}

/* プレースホルダーカラー(Firefox 19+) */
::-moz-placeholder {
    color: rgb(186, 186, 186);
    opacity: 1;
}

/* プレースホルダーカラー(IE 10+) */
:-ms-input-placeholder {
    color: rgb(186, 186, 186) !important;
}

input.ui-inputfield.ui-inputtext.ui-widget.ui-state-error
, .ui-widget.ui-selectonemenu.ui-state-error {
    border: rgb(200, 85, 85) 1px solid;
}

/**
 * ドロップダウンリスト
 **/
.ui-selectonemenu {
    vertical-align: middle;
    padding-right: 20px;
    background-color: red;
}
.ui-selectonemenu-list-item.ui-corner-all
, .ui-selectonemenu-item.ui-corner-all
, .ui-menuitem-link.ui-corner-all {
    border-radius: 0px;
}
.ui-selectonemenu-label.ui-inputfield {
    padding: 4px 10px;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none;
    height: 25px;
    min-width: 120px;
    font-weight: normal;
    border-radius: 0;
    white-space: normal;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 20px;
    height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-left-width: 0px;
    background: white;
}
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
    border-radius: 0;
    background: #a8a8a8;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s.ui-c {
    line-height: 25px !important;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    text-indent: 0;
    background: none;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s.ui-c:before {
    content: "▼";
    color: black;
}

.ui-selectlistbox-item:hover
, .ui-selectonemenu-list-item:hover
,.ui-selectlistbox-item:focus
, .ui-selectonemenu-list-item:focus{
    background: #dddddd;
    text-shadow: none;
    box-shadow: none;
}

/* ボタン */
.ui-widget button, .ui-widget.button, .ui-widget.ui-button{
    font-family: 'メイリオ', sans-serif;
    height: 36px;
    border-width: 0 0 1px 0;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

.ui-widget button:hover
, .ui-widget.button:hover
, .ui-widget.ui-button:hover
,.ui-widget button:focus
, .ui-widget.button:focus
, .ui-widget.ui-button:focus
{
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.ui-button.ui-state-disabled {
    opacity: 1 !Important;
    filter: Alpha(Opacity=100) !Important;
    color: rgb(179, 178, 178) !Important;
    background-color: rgb(238, 238, 238) !Important;
    border: none !Important;
}

/* デフォルト検索アイコン（非表示) */
.ui-icon-search {
    display:none;
}

.ui-message {
}

.ui-message-error {
    border:none;
    background: none;
    padding: 0px;
}

.ui-messages-error {
    border: #b94a48 solid 3px;
    background-color: #f2dede;
    color: #b94a48;
    padding: 10px 10px 10px 10px;
}

.ui-messages-error p {
    padding: 0;
}

.ui-message-error-icon
, .ui-messages-error-icon {
    display: none;
}

.ui-inputfield.ui-state-error
, .ui-state-error .ui-inputfield.ui-selectonemenu-label {
    background-color: rgb(255, 235, 235);
    border-color: rgb(200, 85, 85);
}

.ui-message-error-detail {
    margin: 0;
}

/*チェックボックスの隙間を空ける*/
.ui-chkbox {
    margin-right: 2px;
    margin-left: 5px;
}

/*チェックボックスとラベルの隙間を空ける*/
.ui-chkbox .ui-chkbox-label {
    margin: 1px 4px;
}

/* チェックボックスの表示を標準に近づける */
.ui-chkbox .ui-chkbox-box {
    background: white;
    border-radius: 0;
    vertical-align: middle;
}

/* チェックボックスのアイコンを消込 */
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    background: none;
    text-indent: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    padding: 0px 1px;
    overflow: hidden;
}

/* チェックボックスのアイコン描画 */
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #4f4f4f;
}
/* チェックボックスの赤アイコン描画 */
.ui-chkbox.item_changed .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: red !important;
}

/* リストのヘッダのデザイン */
.ui-datatable thead tr {
    background: rgb(243, 243, 243) !important;
}
.ui-datatable thead tr th {
    background: transparent !important;
}

/*チェックボックスを中心に表示させる対応*/
.item_center{
    text-align: center !important;
    min-width: 40px;
}
/*チェックボックスを中心に表示させる対応*/
.item_left{
    text-align: left;
    display: block;
}
.ui-datatable tbody tr td div.ui-chkbox {
    display: block;
    margin: 0px!important;
}

.details_section .ui-widget .ui-message-error-detail {
    color: #b94a48;
}

/* panelGridのcolumnsが3以上の詳細表示対応 */
.details_multi_section .ui-widget .ui-message-error-detail {
    color: #b94a48;
}

/* アコーディオンの開閉アイコン */
.ui-accordion .ui-accordion-header .ui-icon {
    margin-left: 210px;
}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {
    background-position: -64px 0px;
}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {
    background-position: 0px 0px;
}

.ui-messages-error + .ui-datatable {
    margin-top: 20px;
}

.ui-datatable-resizable tbody td {
    word-break: break-all;
    white-space: normal;
}

table.detailsPanelGridTable > tbody > tr.ui-widget-content[role="row"] + tr:not(.ui-widget-content) {
    border:1px solid #a8a8a8;
    background:#ffffff;
}

.ui-menu.ui-menu-dynamic {
    border-color: rgb(0, 112, 192);
    background: rgb(232, 245, 252);
    width: auto;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link {
    width: 100%;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link.ui-state-hover,
.ui-menu.ui-menu-dynamic .ui-menuitem-link.ui-state-focus {
    background: rgb(0, 112, 192);
    color: white;
}

/*パンくず＞対応*/
.breadcrumb_list ul li.ui-breadcrumb-chevron {
    background-image: none;
    text-indent: 0px!important;
    margin: 4px 4px;
}

/* liの前に記号追加 */
.breadcrumb_list ul li.ui-breadcrumb-chevron:before {
    content: " ＞ ";
    color: #ffffff;
    margin: 0 4px;
}


/* ページングエリア */
.ui-datatable .ui-paginator
, .ui-datatable .ui-paginator {
    padding: 20px;
    background: white;
}

/* ページングリンク */
.ui-paginator .ui-paginator-page {
    background: rgb(232, 245, 252);
    color: rgb(18, 125, 186);
    border: rgb(18, 125, 186) 1px solid;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 27px;
    min-width: 27px;
}

/* 現在のページ位置 */
.ui-paginator .ui-paginator-page.ui-state-active {
    box-shadow: none;
    background: rgb(186, 18, 37);
    color: white;
}

/* 前後移動ページングリンク */
.ui-paginator .ui-paginator-first
, .ui-paginator .ui-paginator-prev
, .ui-paginator .ui-paginator-next
, .ui-paginator .ui-paginator-last {
    background: rgb(232, 245, 252);
    color: rgb(18, 125, 186);
    border: rgb(18, 125, 186) 1px solid;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    height: 27px;
    min-width: 27px;
}

/* 表示件数 */
.ui-paginator .ui-paginator-rpp-options  {
    background: white;
    color: black;
    height: 27px;
    width: 75px;
    padding-left: 5px;
}

/*ページャーの文字位置調整*/
.ui-paginator .ui-paginator-page
, .ui-paginator .ui-paginator-pages
, .ui-paginator .ui-paginator-next
, .ui-paginator .ui-paginator-last
, .ui-paginator .ui-paginator-first
, .ui-paginator .ui-paginator-prev
, .ui-paginator .ui-paginator-current {
    padding: 4px 6px;
}

.infoDisplayFrame {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    color: #3a87ad !important;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 0.8px;
    padding: 5px;
}

/* ピックリスト */
.ui-picklist {
    width: 100%;
    word-break: break-all;
}
.ui-picklist .ui-picklist-list-wrapper
, .ui-picklist-responsive.ui-picklist .ui-picklist-list-wrapper {
    width: 50%;
    min-width: 200px;
}
.ui-picklist .ui-picklist-list
, .ui-picklist-responsive.ui-picklist .ui-picklist-list {
    width: 100%;
}
.ui-picklist .ui-picklist-buttons
, .ui-picklist-responsive.ui-picklist .ui-picklist-buttons {
    width: 50px;
}
.ui-picklist .ui-picklist-buttons button.ui-button
, .ui-picklist-responsive.ui-picklist .ui-picklist-buttons button.ui-button {
    width: 40px;
    height: 40px;
    background: #dddddd;
    margin: auto;
    margin-bottom: 0.3em;
}
.ui-picklist .ui-picklist-buttons .ui-button-text {
    display: none;
}
.ui-picklist .ui-picklist-buttons .ui-icon {
    line-height: 40px;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    text-indent: 0;
    background: none;
}
.ui-picklist .ui-picklist-buttons button > span.ui-icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #4f4f4f;
}
.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
    content: "\f105";
}
.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
    content: "\f101";
}
.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
    content: "\f104";
}
.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
    content: "\f100";
}
/* ピックリストターゲットのみ赤枠対応 */
.picklist_error > .ui-picklist-list-wrapper > .ui-picklist-target {
    border: 1px solid #cd0a0a;
    background-color: rgb(255, 235, 235);
    border-color: rgb(200, 85, 85);
    color: #cd0a0a;
}

 .ui-picklist-item:hover,
 .ui-picklist-item:focus{
    background: #dddddd;
    text-shadow: none;
    box-shadow: none;
}

.chkbox_short_label{
    width: 60px;
    max-width: 60px;
}
.chkbox_label{
    width: 130px;
    max-width: 130px;
}

.chgpass_end_dialog {
    font-family: 'メイリオ', sans-serif!important;
    font-size: 12px!important;
    font-weight: bold!important;
}