@charset "utf-8";

@-ms-viewport
{
    width: auto;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

body {
    font-size: 11pt;
    /** Default=10pt **/
}

:-ms-input-placeholder {
   color: #888888;
}

/** Navigator **/
.navbar-inqs {
    background-color: #F04A00;
    border-color: #F04A00;
    color: white;
    min-height: 35px;
    margin-bottom: 0px;
}

.navbar-inqs .navbar-title {
    color : white;
    height: 43px;
    font-weight: bold;
    padding-left:15px;
    padding-right:15px;
}

.navbar-inqs .navbar-item {
    font-size: 11pt;
    height: 35px;
    margin-left: 10px;
}

.navbar-inqs .navbar-input {
    font-size: 10pt;
    height: 35px;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-right-padding {
    margin-right: 5px
}

.business-area {
    min-width:1000px;
}

/** Message Area **/
.message-area{
    margin-bottom:10px;
}

/** Action Button **/
input[type="button"].action-button, 
input[type="submit"].action-button, 
input[type="reset"].action-button, 
button.action-button, 
a.action-button
{
    width: 120px;
    min-width: 120px;
    margin-left: 5px;
    font-weight: bold;
}


/** Action Button全体の配置 **/
.action-button-align{
    text-align:center;
}

/** PostBack Button **/
.postback-only{
    display : none;
}

/** File Upload **/
input[type="file"]{
    width: 400px;
    font-size : 9pt;
    display:inline-block
}
.upload-continer
{
    border:2px dotted #0B85A1;
    vertical-align:middle;
}
.upload-default-frame{
    width:500px;
    color:#92AAB0;
    text-align:left;
    padding:5px 5px 5px 10px;
    margin-bottom:10px;
    font-size:10pt;
}
.upload-button{
    height: 30px; 
    padding-top: 3px
}
.progress-hidden /* ファイルのアップロード結果一覧を表示しない場合つける */
{
}

/** Uploadの検索結果表示関連 **/
.update-progress-padding-left{
    margin-left : 20px;
}


/** CSVダウンロードボタン適用（jsからの操作のみ） **/
.csv-download-handler{

}


/** Search Area Table **/
table.search-area-table > tbody > tr > td{
    padding:2px;
}
table.search-area-table > tbody > tr > td > label {
    float: left;
}

/** Search Result **/
.pager-button{
    padding-left:5px;
    width: 40px;
    cursor:pointer;
}
.result-count{
    text-align:left;
}
.result-page{
     float:right;
     padding-right:10px;
}

/** Date Picker **/
.decoration-datepicker{

}

.decoration-datepicker-month{

}


/** width **/
.w-100-per{
    width:100%;
    height:100%;
}

/** Panel **/
.panel-adjustment {
    margin-top: 0px;
    /**padding: 10px;**/
    padding:  5px;
    border-width: 2px;
    border-color: darkgrey;
    margin-bottom:5px;
}


/** Continer **/
.div-padding-top10{
    padding-top:10px;
}
.div-padding-top20{
    padding-top:20px;
}
.div-padding-top30{
    padding-top:30px;
}
.div-padding-top40{
    padding-top:40px;
}
.div-padding-top50{
    padding-top:50px;
}
.div-padding-top100{
    padding-top:100px;
}

.div-padding-left{
    padding-left:20px;
    float:right;
}

/** ListView **/
/** ListView Panel **/
.list-view-panel {
    /*border: thin 1px lightgray;*/
    /**margin-top: 5px; **/
    /*sbackground-color: #EEE;*/
    /*overflow-y: scroll;*/
    /*height:500px;*/
}
.list-view-panel-header{
    border: thin 1px lightgray; 
    margin-top: 5px; 
    background-color: #EEE;
}
/** ListView Table をjsからコントロール用 **/
.list-view-table{
    white-space: nowrap;
    table-layout:fixed;
}

/** ListView Header **/
.list-view-panel table tbody tr th {
    /*text-align:center;
    color: #fff;
    background-color:#5cb85c;
    padding: 4px;*/
    /**font-size: smaller;*/
}
.list-view-panel-header table tbody tr th {
	text-align:center;
    color: #000;
    background-color:#eff5ff;
    padding: 4px;
    /**font-size: smaller;*/
}
/** ListView Row **/
.list-view-panel table tbody tr td{
     /*background-color: white;
     padding: 4px;*/
     /**font-size: smaller;*/
}
/** ListView Row **/
.list-view-panel td > span{
     line-height:20px;
}

/** Link Line **/
.link-line {
     text-decoration: underline;
}


/*** RedLabel ***/
.red-label {
     color:firebrick;
}

/*** 入力項目固有 ***/
.okyakusama-chumon-no{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:150px;
    max-width:200px;
}
.okyakusama-shohin-code{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:135px;
    max-width:210px;
}
.date-yyyymmdd{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:85px;
    max-width:85px;
}
.shohin-mei{
    width:250px;
    max-width:250px;
}
.noki-shohin-mei{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:265px;
    max-width:400px;
}
.shohin-kubun{
    width:100px;
    max-width:100px;
}
.noki-shohin-kubun{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:100px;
    max-width:100px;
}

.cyokizaiko-kikan{
    font-size:11px;
    height:20px !important;
    padding:2px 5px;
    width:80px;
    max-width:80px;
}
.zenzaikosu{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:85px;
    max-width:85px;
}
.shiyou{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:160px;
    max-width:160px;
}
.haccyusu{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:100px;
    max-width:100px;
}
.mimasaa-kanri-bangou{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:160px;
    max-width:160px;
}
.setnoki{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:130px;
    max-width:130px;
}
.set-shohin-mei{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:265px;
    max-width:480px;
}
.mimasa-shohin-code{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:160px;
    max-width:160px;
}
.maker-model-no{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:350px;
    max-width:350px;
}
.maker-name{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:350px;
    max-width:350px;
}

.company-id{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:350px;
    max-width:350px;
}

.company-name{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:350px;
    max-width:350px;
}

.manager-name{
    font-size:11px;
    height:20px;
    padding:2px 5px;
    width:350px;
    max-width:350px;
}

.regist-date{
    font-size:11px;
    height:20px;
    padding:2px 5px;
}

.general-label{
    font-weight:bold;
    font-size:medium;
}
.general-text{
    font-weight:bold;
    font-size:medium;
}

.sort-img {
    visibility:hidden;
}
.sort-btn {
    display:none;
}

/** 明細セル配置 **/
/*.cell-left {
    float:left;
}*/
.cell-right {
    float:right;
}

/** 必須項目 **/
.required:after {
    content: " *";
    color: #E00;
}

/** カレンダー設定 **/
.calendar-head {
    background-color: #83d865!important;
}
.calendar-cell {
    /**height:16px;
    width:23px;**/
    height: 22px;
    width: 32px;
    border-style: none;
    background-color: #eaffcd;
    margin-left: 0.5px;
    margin-right: 0.5px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:14px;
    text-align:center;
}

.label-font {
    font-size: 11pt;
}

/** Dialogタイトルバー設定 **/
.ui-dialog-titlebar {
  background-color: #5cb85c;
  color: white;
}

/** Card Area Table **/
.card-panel {
    background-color:#ccffcc;
}
table.card-area-table > tbody > tr > td{
    padding:5px;
}
table.card-area-table > tbody > tr > td > label {
    float: left;
}
.card-text {
    background-color:transparent!important;
}

/** hierarchy_color **/
.hierarchy_color_01 {
    background-color: #1d941c!important;
}
.hierarchy_color_02 {
    background-color: #62ba36!important;
}
.hierarchy_color_03 {
    background-color: #90d347!important;
}
.hierarchy_color_04 {
    background-color: #dfff66!important;
}
.hierarchy_color_05 {
    background-color: #e4d153!important;
}
.hierarchy_color_06 {
    background-color: #ed8c38!important;
}
.hierarchy_color_07 {
    background-color: #f6471c!important;
}
.hierarchy_color_08 {
    background-color: #d14237!important;
}
.hierarchy_color_09 {
    background-color: #8c3b61!important;
}
.hierarchy_color_10 {
    background-color: #47348b!important;
}
.hierarchy_color_no {
    background-color: white!important;
}