/**
 * System css style
 * This file contains common style for whole all pages of system
 */

body {
    font-family: "メイリオ","Meiryo" !important;
    padding-top: 60px;
    overflow-y: scroll;
}

.form-control {
    height: 29px; /* 34 -> 29 */
}

.table {
    margin-bottom: 5px;
}

.modal-body {
    padding-bottom: 0px;
    padding-top: 5px;
}

.form-group {
    margin-bottom: 10px;
}

.required:after { content:"*"; color: red}

/* Main navbar */
.navbar {
    min-height: 60px;
    background: #0062b7;
}
.navbar-bg-development {
    background: #33CCCC;
}
.navbar-bg-staging {
    background: #33CC33;
}
.navbar-bg-production {
    background: #0062b7;
}
.navbar-brand{
    min-height: 60px;
    font-weight: bold;
    font-size: 30px;
    line-height: 100%;
    color: #fff !important;
}
.navbar-text{
    margin: 0;
    padding: 15px;
    min-height: 60px;
    color: #fff !important;
    font-size: 20px;
}
a.navbar-brand:hover,
a.navbar-text:hover{
    text-shadow: 0 0 20px #edf8ff, 0 0 20px #edf8ff, 0 0 0.40px #edf8ff;
}
.navbar-brand-image{
    height:40px;
    margin-top: -5px;
}

/* Page header */
.page-header{
    border-bottom: 1px solid #0062b7 !important;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

/* Login panel */
.panel-login{
    background-color: #f5f5f5;
    box-shadow:0px 0px 16px -5px #000000;
    border: 1px solid rgba(0,0,0,0.2);
}

/* Menu panel */
.panel-menu{
    font-size: 130%;
    border: 1px solid #bce8f1;
}
.panel-menu .panel-heading{
    background: #d9edf7;
    color: #31708f;
}
.panel-menu .panel-title{
    font-weight: bold;
    color: inherit;
    font-size: inherit;
}
.panel-menu .list-group a:hover{
  background-color: #bce8f1;
}

.collapse-flag {
    float: right;
}

/* Table style */
.table-form th{
    background-color: #d9edf7;
    vertical-align: middle !important;
    width:15%;
}
.table-form td{
    vertical-align: middle !important;
    width:35%;
}
.table-form label{
    margin: 2.5px 0;
}
.table-form label{
    margin-right: 20px;
}
@media (min-width: 1200px) {
    .half-width {
        width: 50% !important;
    }
}
@media (max-width: 992px) {
    .half-width {
        width: 100% !important;
    }
}
/*---*/
.table-search-result {
    border: 1px solid #dfdfdf;
}
.table-search-result th,
.table-search-result td{
  white-space: nowrap;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.table-search-result th {
    background-color: #f5f5f5;
    border-bottom: 2px double #ddd;
}
.table-search-result tr:hover {
    background-color: #f5f5f5 !important;
}
.table-search-result tr:hover[bgcolor=yellow] {
    background-color: yellow !important;
}
.table-search-result tr.selected {
    background-color: #d9edf7 !important;
}
.table-search-result tr[bgcolor=red].selected {
    background-color: red !important;
}
.table-search-result tr[bgcolor=yellow].selected {
    background-color: yellow !important;
}
.search-result-row {
    cursor: pointer;
}
/*---*/
.table-fee {
    table-layout: fixed;
    text-align: right;
}
.table-fee th,
.table-fee td[colspan]:first-child,
.table-fee td[rowspan]:first-child {
    text-align: center;
}
/*---*/
label[for] {
    font-weight: normal;
}
.table-inside {
    width: 100%;
}
.table-inside td,
.table-inside th{
    padding: 8px;
    line-height: inherit;
    vertical-align: top;
}
.table-inside td:first-child{
    width: 90px;
    min-width: 130px;
}
.table-inside td:last-child{
    padding-right: 20px;
}
.table-inside td:nth-child(2) {
    width: auto;
}

/* Modal style */
.modal .modal-footer {
    background-color: #f5f5f5 !important;
    border-radius: 0 0 5px 5px;
    text-align: center;
}
.modal .loading {
    display: inline-block;
    line-height: 16px;
    background-image: url('../img/loading-sm.gif');
    background-repeat: no-repeat;
    padding-left: 18px;
}
@media (min-width: 1200px) {
    .modal-xl {
        width: 1100px !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .modal-xl {
        width: 90% !important;
    }
}
@media (min-width: 1400px) {
    .modal-xl2 {
        width: 1300px !important;
    }
}
@media (min-width: 768px) and (max-width: 1399px) {
    .modal-xl2 {
        width: 90% !important;
    }
}

/* Timepicker element */
#ui-datepicker-div {
    z-index: 9999 !important;
}

/* Autocomplete list element */
.ui-front  {
    z-index: 9999 !important;
}
.ui-autocomplete-loading {
    background:url('../img/loading-sm.gif') no-repeat;
    background-position: right 10px center;
}

/* Display input as Label */
.label-faker {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
}

/* Increase height of file input */
input[type=file] {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Set background color for input-group-addon of bootstrap */
.input-group-addon {
    background-color: #eee !important;
}

/* 2017-02-07 #4087 Start */
body, .btn, .panel-title, .form-control, .input-group-addon {
    font-size: 12px;
}
h1, h3 {
    font-size: 20px;
}

/* header */
nav {
    min-height: 50px;
}
.navbar {
    margin-bottom: 10px;
    min-height: 50px;
}
.navbar-brand, .navbar-text {
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.alert {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

/* title */
.page-header, .container-fluid>p {
    margin-bottom: 5px;
}
h1 {
    line-height: 32px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 28px;
}

/* title group collapsed */
.panel {
    margin-bottom: 10px;
}
.panel-body {
    padding: 10px;
}
.panel-body p {
    margin-bottom: 5px;
}
.panel-primary>.panel-heading {
    padding: 5px 15px;
}

/* Table */
.table-form > thead > tr > th,
.table-form > tbody > tr > th,
.table-form > tfoot > tr > th,
.table-form > thead > tr > td,
.table-form > tbody > tr > td,
.table-form > tfoot > tr > td,
.table-form-search > thead > tr > th,
.table-form-search > tbody > tr > th,
.table-form-search > tfoot > tr > th,
.table-form-search > thead > tr > td,
.table-form-search > tbody > tr > td,
.table-form-search > tfoot > tr > td,
.table-search-result > thead > tr > th,
.table-search-result > tbody > tr > th,
.table-search-result > tfoot > tr > th,
.table-search-result > thead > tr > td,
.table-search-result > tbody > tr > td,
.table-search-result > tfoot > tr > td {
    padding: 7px 8px 5px 8px;
}

tr.text-center > th, tr.text-center > td {
    text-align: center;    
}

/* Table search */
.table-form-search {
    margin-bottom: 10px;
}
.table-form-search:last-child {
    margin-bottom: 0;
}

.table-form-search th, .table-form-summary th{
    line-height: 30px!important;
    background-color: #d9edf7;
    vertical-align: middle !important;
    width:10%;
}
.table-form-search td{
    vertical-align: middle !important;
    width:23.3%;
}
.table-form-search label{
    margin: 2.5px 0;
}
.table-form-search label{
    margin-right: 20px;
}

/* Table search result */
.table-search-result {
    margin-bottom: 0px;
}

/* button footer */
.modal-header {
    padding: 12px 15px 5px 15px;
}

.modal-footer {
    margin-top: 10px;
}

.panel-footer {
    padding: 5px 15px;
}

.JCLRgrip{
    margin-left: -2px!important;
}

.JCLRLastGrip .JColResizer {
    width: 2px !important;
}

input[type=checkbox], input[type=radio] {
    margin: 0px 0 0;
}
/* 2017-02-07 #4087 End */
/* 2017-02-20 #4296 Start*/
.table-form h6 {
    margin-bottom: 2px;
}
/* 2017-02-20 #4296 End*/

@media (min-width: 1900px) {
    .modal-xxl {
        width: 1500px !important;
    }
}
@media (min-width: 768px) and (max-width: 1899px) {
    .modal-xxl {
        width: 90% !important;
    }
}

/* 2017-04-20 Start*/
.btn-larger {
    font-size: 2.2em;
}

.inline-checkbox, .inline-checkbox {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
}

.inline-checkbox input[type=checkbox], .inline-checkbox input[type=radio] {
    position: absolute;
    margin-left: -15px;
    margin-top: 3px;
}
/* 2017-04-20 End*/
/* 2017-05-16 Start*/
@media (min-width: 1556px) {
    .none-padding-left {
        padding-left: 0;
    }

    .none-padding-right {
        padding-right: 0;
    }

    .form-control {
        padding: 0 8px;
    }
}
@media (min-width: 768px) and (max-width: 1555px) {
    .table-form-search th, .table-form-summary th{
        width:12%;
    }
    .table-form-search td{
        width:21.3%;
    }
}
/* 2017-05-16 End*/
.text-vertical-middle {
    vertical-align: middle !important;
}
.background-orange{
    background-color: #FFEBCD;
}
.width35Percent{
    width: 35% !important;
}
/* 2017-06-01 Start */
.btn-collapse-header {
    width: 100%;
    text-align: left;
    border: none;
    cursor: default;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
/* 2017-06-01 End */

svg text {
    font-size: 16px;
}
.x text {
    font-weight: bold;
}
.x.axis path {
    display: none;
}

.axis path, .axis line {
    shape-rendering: crispEdges;
}
.axis path {
    fill: none;
}
.axis line {
    stroke: #ECECEC;
}

/*ntkhanh section begin: ====================================================*/
/* Chart style */
.chart-wrapper {
    width: 100%;
}
.chart-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
}
.chart-content{
    border: 1px;
    border-style: solid;
    border-color: #337ab7;
}
.chart-info table {
    text-align: center;
}
.chart-graph{
    width: 100%;
}

.chart-form table {
    background-color: #d9edf7;
    width: 100%;
    font-size: 20px;
    text-align: center;
}

.chart-table table td, th{
    table-layout: fixed;
}

.chart-table th {
    border: 1px;
    border-style: solid;
    border-color: black;
    text-align: center;
}
.chart-table td {
    border: 1px;
    border-style: solid;
    border-color: black;
    text-align: right;
    padding-right: 5px;
}

.chart-table .title-rate {
    background-color: rgb(131, 245, 255);
}
.chart-table .title-target {
    background-color: rgb(153, 204, 255);
}
.chart-table .title-month {
    background-color: rgb(255, 153, 153)
}
.chart-table .title-day {
    background-color: rgb(74, 198, 156);
}
/*ntkhanh section end: ====================================================*/
.btn-next-prev {
    height: 29px;
}
.text-export-date {
    height: 32px;
    background-color: #FFF !important;
    text-align: center;
}

.choose-closed{ padding: 0px 15px; }
.lbl-closing{ width: 50px;  float: left; }
.lbl-closing-middle{ padding: 6px 0px; float: left; }
.search_div{ padding: 5px 0px; }
.search_div label{ padding-left: 2px; }
.padding-top-10{padding-top: 10px;}
.padding-bottom-10{padding-bottom: 10px;}
.listing-import-account-item,
.listing-import-account-item-small {
    width: 100%;padding:0px; margin: 0px;
    max-height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}
.listing-import-account-item-header .bg-default{ background-color:#d9edf7; }
.listing-import-account-item-header .bg-pink{ background-color:pink; }
.listing-import-account-item-header .number-no { width: 1.8%; }
.listing-import-account-item-header .account-cd { width: 8.05%; }
.listing-import-account-item-header .account-name-type { width: 4%; }
.listing-import-account-item-header .sub-account-code { width: 10.55%; }
.listing-import-account-item-header .sub-account-name { width: 9.5%; }
.listing-import-account-item-header .sub-account-type { width: 7.5%; }
.listing-import-account-item-header .sub-account-code-div { width: 9%; }
.listing-import-account-item-header .sub-account-division-div { width: 5%; }
.listing-import-account-item-header .sub-account-div { width: 12%; }
.listing-import-account-item-header .sub-account-closing { width: 6.1%; }
.listing-import-account-item-header .sub-account-proportional { width: 12%; }
.listing-import-account-item-header .sub-account-remarks { width: 15%; }

.listing-import-account-item .number-no { width: 1.75%; }
.listing-import-account-item .account-cd { width: 8.2%; }
.listing-import-account-item .account-name-type { width: 4.03%; }
.listing-import-account-item .sub-account-code { width: 10.71%; }
.listing-import-account-item .sub-account-code-div { width: 9.17%; }
.listing-import-account-item .sub-account-division-div { width: 5.1%; }
.listing-import-account-item .sub-account-div { width: 12.25%; }
.listing-import-account-item .sub-account-closing { width: 6.15%; }
.listing-import-account-item .sub-account-proportional { width: 12.2%; }
.listing-import-account-item .sub-account-remarks { width: 14.55%; }

_:-ms-fullscreen, :root .listing-import-account-item .number-no { width: 1.9%; }
_:-ms-fullscreen, :root .listing-import-account-item .account-cd { width: 8.15%; }
_:-ms-fullscreen, :root .listing-import-account-item .account-name-type { width: 4.11%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-code { width: 10.71%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-code-div { width: 9.17%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-division-div { width: 5.1%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-div { width: 12.25%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-closing { width: 6.15%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-proportional { width: 12.3%; }
_:-ms-fullscreen, :root .listing-import-account-item .sub-account-remarks { width: 14.5%; }


table.table-bordered-sup tr:hover {
    background-color: #ffecd3; /* マウスオーバー時の行の背景色 */
}

.listing-import-account-item-small .number-no { width: 2.02%; }
.listing-import-account-item-small .account-cd { width: 8%; }
.listing-import-account-item-small .account-name { width: 8%; }
.listing-import-account-item-small .account-name-type { width: 7%; }
.listing-import-account-item-small .sub-account-code { width: 7.5%; }
.listing-import-account-item-small .sub-account-name { width: 9.45%; }
.listing-import-account-item-small .sub-account-type { width: 7.5%; }
.listing-import-account-item-small .sub-account-code-div { width: 9%; }
.listing-import-account-item-small .sub-account-division-div { width: 6%; }
.listing-import-account-item-small .sub-account-div { width: 7%; }
.listing-import-account-item-small .sub-account-closing { width: 10%; }
.listing-import-account-item-small .sub-account-proportional { width: 15%; }

.listing-import-account-item .proportional-office { width: 8%; }
.listing-import-account-item .division-ratio { width: 10%; }
.listing-import-account-item .office-ratio { width: 8%; }

.sub-account-code-div label, .sub-account-div label{ padding: 0px 7px 0px 1px; }
.listing-import-account-item .bg-red, .listing-import-account-item-small .bg-red{ background-color:red; }
.listing-import-account-item .bg_grey, .listing-import-account-item-small .bg_grey{ background-color:grey!important; }
#warp-container .radius_input{ border-radius:0; }
.listing-import-account-item tr:nth-child(even), .listing-import-account-item-small tr:nth-child(even) { background-color: whitesmoke; }

.listing-main-accounting-item .number-no { width: 5.7%; text-align: center; }
.listing-main-accounting-item .account-code { width: 21%; }
.listing-main-accounting-item .account-name { width: 26.1%; }
.listing-main-accounting-item .account-short-name { width: 26.1%; }
.listing-main-accounting-item .account-div { width: 25%; }

.listing-main-accounting-item-small .number-no { width: 5.55%; text-align: center; }
.listing-main-accounting-item-small .account-code { width: 20.4%; }
.listing-main-accounting-item-small .account-name { width: 25.3%; }
.listing-main-accounting-item-small .account-short-name { width: 25.4%; }
.listing-main-accounting-item-small .account-div { width: 25%; }

#warp-container table td,
#warp-container table th {
    vertical-align: middle !important;
}


@media (min-width: 1024px) and (max-width: 1366px) {
    .listing-import-account-item .number-no { width: 1%; }
    .listing-import-account-item .account-cd { width: 7%; }
    .listing-import-account-item .account-name { width: 7.5%; }
    .listing-import-account-item .account-name-type { width: 3.5%; }
    .listing-import-account-item .sub-account-code { width: 9.4%; }
    .listing-import-account-item .sub-account-name { width: 7.8%; }
    .listing-import-account-item .sub-account-type { width: 7.5%; }
    .listing-import-account-item .sub-account-code-div { width: 8%; }
    .listing-import-account-item .sub-account-div { width: 10%; }
    .listing-import-account-item .sub-account-division-div { width: 4%; }
    .listing-import-account-item .sub-account-closing { width: 5.5%; }
    .listing-import-account-item .sub-account-proportional { width: 10.5%; }
    .listing-import-account-item .sub-account-remarks { width: 12.3%; }
    
    /*FOR IE11*/
    _:-ms-fullscreen, :root .listing-import-account-item .number-no { width: 1%; }
    _:-ms-fullscreen, :root .listing-import-account-item .account-cd { width: 7%; }
    _:-ms-fullscreen, :root .listing-import-account-item .account-name { width: 7.5%; }
    _:-ms-fullscreen, :root .listing-import-account-item .account-name-type { width: 3.5%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-code { width: 9.4%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-name { width: 7.8%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-type { width: 7.5%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-code-div { width: 8%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-div { width: 10%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-division-div { width: 4%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-closing { width: 5.5%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-proportional { width: 10.5%; }
    _:-ms-fullscreen, :root .listing-import-account-item .sub-account-remarks { width: 12.3%; }
}

.header-title-ohkura-office { margin-top: 15px; width: 680px; margin-bottom: 0px; }
.header-title-ohkura-office .title-ohkura-office-item { width:10%;background-color:#d9edf7; }
.header-title-ohkura-office .title-pal-department-item { width:10%; }
.header-title-ohkura-office .title-dcore-ofice-name-item { width:15%; }
.header-title-ohkura-office .title-pal-material-usable-div-item { width:10%; }

.ohkura-office-listing-item,
.ohkura-office-listing-item-small {
        overflow-y: auto;
        max-height:687px;
        overflow-x: hidden;
        display: inline-block;
        padding:0px;
        margin: 0px;
        padding-left: 15px;
        width: 665px;
}

.ohkura-office-listing-item tr:nth-child(even), .ohkura-office-listing-item-small tr:nth-child(even) { background-color: whitesmoke; }
.ohkura-office-listing-item .ohkura-office-cd-item { width: 12.1%; }
.ohkura-office-listing-item .ohkura-office-pal-department-item { width: 12%; }
.ohkura-office-listing-item .ohkura-office-dcore-office-name-item { width: 0.2%; }
.ohkura-office-listing-item .ohkura-office-pal-material-usable-div-item { width: 10.6%; text-align: center; }

.ohkura-office-listing-item-small .ohkura-office-cd-item { width: 22.2%; }
.ohkura-office-listing-item-small .ohkura-office-pal-department-item { width: 22.3%; }
.ohkura-office-listing-item-small .ohkura-office-dcore-ofice-name-item { width: 10.5%; }
.ohkura-office-listing-item-small .ohkura-office-pal-material-usable-div-item { width: 22.1%; text-align: center; }

/***********/
.tbl_coeff {
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.tbl_coeff th {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #d9edf7;
}

.tbl_coeff td {
    padding: 0px;
    border: 1px solid #ddd;
    /*text-align: center;*/
}
.div_coeff {
    padding-left: 15px;
    width: 878px;
    height: 780px;
    overflow-y: overlay;
}
.tbl_1 {
    background-color: #fff;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
.tbl_1 td {
    height: 52px;
    padding: 0 5px;
}

.txt_car {
        width: 70px;
        border-radius: 4px;
        border: inherit;
        text-align: right;
        padding-right: 4px;
    }
/***********/

.checkbox-no-set {
    padding-left: 20px;
}
.input-group-addon {
    height:29px;
}

.table-custom th {
    background-color: #d9edf7;
}

.table-custom .no-border-left {
    border-left-width: 0px;
}
.table-custom .no-border-right {
    border-right-width: 0px;
}

.table-custom > thead > tr > th {
    border-bottom-width: 0px;
}

tr.middle > td,
tr.middle > th {
    vertical-align: middle !important;
}

td.center,
th.center {
    text-align: center !important;
}
td.middle,
th.middle {
    vertical-align: middle !important;
}

.flex {
    display: flex;
}
.table-custom tbody th,
.table-custom tbody td {
    vertical-align: middle !important;
}
.table-custom tbody td.flex {
    border-width: 0px; 
    border-top-width: 1px;
}

/* tr[status=none] [name=gathering_remark_text] *,
tr[status=none] [name=gathering_remark_editing] * {
    display: none;
} */

td[status=no-action] [role=btn-stop-gathering],
td[status=in-progress] [role=btn-start-gathering] {
    display: none;
}

img.text-icon {
    margin-right: 3px;
}

.editable {
    position: relative;
    display: flex;
}
.editable img.icon.editable-icon {
    width: 15px;
    cursor: pointer;
}
.editable:not(:hover) img.icon.editable-icon {
    visibility: hidden;
}
.editable .display-container {
    width: 100%;
    max-width: 565px;
    height: 18px;
}
.editable .editable-icon-container {
    position: absolute;
    right: 0;
    text-align: right;
}

.editable:not(.active) .input-container {
    display: none;
}
.editable .input-container {
    position: absolute;
    background-color: #ECECEC;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0px 3px 10px -4px;
}
.table-custom td .editable .input-container {
    top: -16px;
    left: -8px;
    width: calc(100% + 18px);
}
.editable .input-container .input-div {
    margin: 5px;
}
.editable .input-container .bottom-panel {
    display: flex;
    margin: 5px;
}
.editable .input-container .number-character-container {
    width: 100%;
    margin-left: 5px;
}
.editable .input-container .button-container {
    width: 70px;
    height: 17px;
    text-align: right;
}
.editable .input-container .button-container .icon {
    font-size: 17px;
    color: gray;
    cursor: pointer;
    margin-left: 3px;
}

.editable-trigger {
    cursor: pointer;
}

.truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#busy-indicator { display:none; }

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Era datepicker style */
.era-datepicker-container.picked input {
    background-color: #d9ffda;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}