@charset "UTF-8";

/* font-size 設定開始 */

.form-control {
    font-size: 13px;
}

.form-style {
    font-size: 13px;
}

.d-flex {
  display: flex;
}
.d-flex.flex-end {
  justify-content: flex-end;
}

input[type="text"],
input[type="submit"],
input[type="password"],
form textarea {
    font-size: 13px;
}

input[type="text"],
input[type="password"],
select.form-control,
form textarea {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

input[type="text"],
input[type="password"],
select.form-control {
    height:26px;
}

h3 {
	font-size:24px;
	margin:0px;
}

h4 {
	font-size:19px;
}

div.inner h1{
    font-weight: bold;
    color:#586f77;
}

div.panel-heading h4{
	margin-top:0px;
	margin-bottom:0px;
}

input.date {
    width: 100px!important;
    text-align:center;
}

input.datetime,input.timeonly {
    width: 150px!important;
    text-align:center;
}

.content_side .side-menu li a span {
    padding: 10px 20px;
}

.content_side .side-menu.lv2 li a span.height-2 {
    padding: 5px 20px 5px 20px;
}

.content_side .side-menu.lv2 li a span.height-2:after {
    bottom: 18px;
}

.index_list_width {
    padding-left: 1px;
}

.list-table table thead tr th, .list-table table tbody tr td {
    padding: 5px 5px 5px 5px;
}

.list-table table tbody tr td.action,
.list-table table tbody tr td.action_m,
.list-table table tbody tr td.action_l {
    height: 41.56px;
}
.list-table table.row_thin tbody tr td.action,
.list-table table.row_thin tbody tr td.action_m,
.list-table table.row_thin tbody tr td.action_l {
    height: 35.56px;
}
.list-table table tbody tr td a.btn-primary:link {
    margin-bottom: 2px;
    margin-top: 2px;
}

/* 細行テーブル */
.list-table table.row_thin thead tr th {
    height: auto;
    padding: 5px 2px;
}
.list-table table.row_thin tbody tr td {
    padding: 2px 5px;
}

/* 並び替えが出来る場合カーソルを変更 */
.list-table table tbody tr.ui-sortable-handle {
    cursor: move;
}

.list-table thead tr th {
    height: 40px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}

/* コンテンツ部分 */
.content_main .inner{
    padding:30px;
}

@media only screen and (max-width: 1279px) {
  .content_main .inner {
    padding: 30px 10px;
  }
}

/* 検索条件パネル */
.panel-search form,
.panel-search form .add-padding,
.panel-search .panel-body.form,
.panel-search .search_order form .row-group {
    display: flex;
    flex-wrap: wrap;
}
.panel-search .help-block {
    display: none;
}
div.add-not-padding {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.panel-search .reg-nav {
    width: calc(99% - 30px);
}
.panel-search #tab-data-reg {
    margin: 0 auto;
    width: calc(100% - 30px);
}
.panel-search #tab-data-reg {
    padding: 20px 15px;
    border: solid 1px #e3e9ec;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.panel-search #tab-data-reg .reg-table.primary {
    display: block;
}
.panel-search .reg-table > .search-tab {
    display: flex;
    flex-wrap: wrap;
}
.panel-search .form-group[class*="col-md-"] {
    padding: 6px 15px!important;
}
.panel-search .reg-table > .search-tab [class*="col-md-"] {
    padding: 6px 10px!important;
}

/* fromtoが同じcolに入っているもの用 */
.panel-search form .row-group .fromto {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.panel-search form .row-group .fromto .col-md-5 {
    padding: 0;
}
.panel-search .input-text-range {
    width: calc(50% - 10px)!important;
}
#regtab_change_logs .panel-search .input-text-range {
    width: calc(50% - 11px)!important;
}
#detail-search-form.panel-search .input-text-range {
    width: calc(50% - 11px)!important;
}
.panel-search .panel-body {
    padding:15px!important;
}
.panel-search .panel-body::after {
    display: none;
}
.panel-search .form-group label {
    margin: 0px 5px 0 0;
}
.panel-search .form-group {
    margin-bottom:0px;
    float: none;
}
.panel-search .form-group dd:not(.search_dd) input.date,
.panel-search .form-group input.datetime,
.panel-search .form-group input.timeonly {
    width: 100%!important;
}
.content_main .inner .panel-search form > .col-md-12.text-center,
.content_main .inner .panel-search .panel-body.form > .col-md-12.text-center {
    margin: 20px auto;
}
/*assets1/css/layout.cssのパネルスタイルを検索部分は上書きする*/
.form-style .panel-search dl dt {
    min-height: auto;
    margin-bottom: 0;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}
.form-style .panel-search label {
    color: #333;
}
/** 各種トランザクション情報一覧でbootStrapでの拡張用に使用する */
@media only screen and (min-width: 993px) {
    .content_main .inner .panel-search .panel-body .add-padding {
        padding-left: 15px!important;
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {
    .panel-search form > .col-md-3,
    .panel-search form .add-padding > .col-md-3,
    .content_main .inner .panel-search .panel-body.form > .col-md-3 {
        width: 49.998%;
    }

    .content_main .inner .panel-search .panel-body .add-padding {
        padding-left: 15px!important;
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .panel-search .panel-body form .text-right {
        text-align: left;
    }
}
@media only screen and (max-width: 680px) {
    .panel-search form,
    .panel-search .panel-body.form {
        flex-direction: column;
    }
    .content_main .inner .panel-search .panel-body [class*="col-md-"],
    .content_main .inner .panel-search .panel-body.form > .col-md-3 {
        width: 100%;
    }
    .content_main .inner .panel-search .panel-body .group-content {
        padding-left: 30px!important;
    }
    .content_main .inner .panel-search .panel-body .dummy-div.group-content {
        display: none;
    }
}

/* 検索パネル内の全選択・全解除ボタン */
.panel-search button[id*="check_search_item"] {
  margin-bottom: 3px;
  font-size: 11px;
  padding: 3px 6px;
}

div.panel-search div.panel-body div.group-title {
    min-height: 30px!important;
    font-weight: bold;
}

/* 検索パネル内　下部ボタン */
.panel-search .search_footer {
    width: calc(100% - 30px);
    margin: 15px auto;
    padding: 15px;
    background: #edf3f6;
    border-radius: 3px;
    text-align: center;
}
.panel-search .search_footer .btn {
    margin: 0 3px;
    min-width: 90px;
    line-height: 1.4;
}

/* 検索パネル内　CSVダウンロード
.panel-search {
    position: relative;
    margin-bottom: 80px;
}*/
.panel-search .csv_template {
    width: calc(100% - 30px);
    margin: 15px auto 0;
    padding: 15px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #c0d2db;
}
.panel-search .csv_template .select_template {
    min-width: 200px;
    margin: 0 -1px 0 2px;
}
.panel-search .csv_template .select_template select {
    height: 32.19px!important;
    padding: 5px;
}
.panel-search .csv_template .btn {
    margin: 0;
}

.content_main .inner [class*="col-md-"] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.link-btn, .btn {
    font-size: 13px;
}

.link-btn {
    padding: 12px 0;
}

.list-table table tbody tr td.action .btn:not(.modalbtn),
.list-table table tbody tr td.action_m .btn:not(.modalbtn),
.list-table table tbody tr td.action_l .btn:not(.modalbtn),
.list-table table tbody tr td.product_set .btn {
    font-size: 13px;
    padding: 3px 6px;
}

table.detail_row td.action {
    width:165px;
}
table.detail_row td.action button:not(.modalbtn),
table.detail_row td.action a.btn {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 150px;
    margin: 0 auto 5px;
    padding: 8px 6px!important;
    text-align: left;
    line-height: 1.1;
}
table.detail_row td.action a > i,
table.detail_row td.action button:not(.modalbtn) > i {
    display: block;
    margin-right: 4px;
    top: 0;
}
table.detail_row td.action a > i.fa,
table.detail_row td.action button:not(.modalbtn) > i.fa {
    top: -1px;
}
table.detail_row td.action a > i.glyphicon-folder-open,
table.detail_row td.action button:not(.modalbtn) > i.glyphicon-folder-open {
    margin-right: 6px;
}
table.detail_row td.action a > i.fa-trash,
table.detail_row td.action button:not(.modalbtn) > i.fa-trash {
    font-size: 14px;
}

/* IE11と游○○体フォントの相性問題により、レイアウトが崩れる症状への対応 */
/* 検索条件パネル内にあるテキストボックス、プルダウンリスト対してのみ入力フォームの幅を少し大きめに指定する */
div.panel-search input[type='text'], div.panel-search select.form-control {
    height: 28px;
}

div.panel-search .dummy-div {
    height: 68px;
}

/* font-size 設定終了 */

.content_main .inner ~ div {
    padding: 0px;
}

/* タイトル関連 */
.panel-default > .panel-heading {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
    background: #018fc0;
    border-radius: 2px;
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top:0px;
}

.panel-default > .panel-heading:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 30px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 0 10px;
    border-color: #018fc0 transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #018fc0;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.panel-default > .panel-heading a {
	color:#fff;
}

.panel-default > .panel-heading a:link {
	color:#fff;
}

a.btn-primary:link {
    color:#fff;
    margin-bottom:5px;
    margin-top:5px;
}
.pull-right + .pull-right {
    margin: 0 4px 0 0;
}
.pull-right a.btn-primary:link {
    margin: 0;
}

a.btn-w100:link {
    width: 100px;
}

a.btn-danger:link {
	color:#fff;
}

a.btn-info:link {
	color:#fff;
}

/* bootstrapの警告カラー上書き */
.btn-warning {
    color: #ed4c3b!important;
    background-color: #fff;
    border-color: #ed4c3b;
}
.btn-warning:focus, .btn-warning.focus,
.btn-warning:hover,
.btn-warning.active, .btn-warning.active, .open > .btn-warning.dropdown-toggle,
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
    background-color: #fff2f1;
    border-color: #ed4c3b;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #fff;
    border-color: #ed4c3b;
}
.btn-warning .badge {
    color: #ed4c3b;
}

.page-header .btn-info,
#upload-panel .btn-info {
  margin: 5px 0;
}

div.page-header {
	font-weight:bold;
	color:#586f77;
}

h1 {
	margin-top:auto;
}

.container{
	padding-left:0px;
}

.row {
	margin-left:0px;
}

.float-left {
    float:left;
}

.radio-inline label,
.checkbox-inline label {
  font-weight:normal;
  cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

/* ボタンブロック */
div.button{
	margin-bottom:30px;
}

div.list_button{
	margin-bottom:10px;
}

/* 一覧テーブル--------------------------------------------------------------- start */

/* テーブル */
.list-table table {
    min-width: auto;
}
.list-table table.size-auto {
    width: auto;
}
@media only screen and (max-width: 768px) {
  .list-table table:not(.size-auto) {
      min-width: 600px;
  }
}
@media only screen and (max-width: 1279px) {
  div:not(.modal) .list-table table:not(.size-auto):not(.table-heading-left) {
      min-width: 1000px;
  }
}
.modal-content .list-table table {
    min-width: auto!important;
}

.list-table table thead tr th label {
    color:#FFFFFF;
}

.list-table table thead tr th {
    text-align:center;
}
/* thead内のボタン */
.list-table table thead button {
    margin-left: 4px;
    padding: 4px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
}
.list-table table thead button > i {
    margin-right: 3px;
}

/* 警告 */
.list-table table tbody tr.alert {
  color: #c70101;
  background-color: #ffdbd4;
}

/* 契約終了 */
.list-table table tbody tr.end {
    background-color: #dddddd;
}

/* 選択列 */
.list-table thead tr th.select, .list-table table tbody tr td.select {
    width:60px;
    text-align:center;
}

/* 選択列(大) */
.list-table thead tr th.select_l, .list-table table tbody tr td.select_l {
    width:120px;
    text-align:center;
}

/* チェック列 */
.list-table thead tr th.check, .list-table table tbody tr td.check {
    width:60px;
    text-align:center;
}

/* テーブルのボタン列 */
.list-table thead tr th.action, .list-table table tbody tr td.action {
    width:80px;
    text-align:center;
}
.list-table thead tr th.button-area, .list-table tbody tr td.button-area {
    width: auto!important;
}

/* テーブルのボタン列 */
.list-table thead tr th.action_m, .list-table table tbody tr td.action_m {
    width:200px;
    text-align:center;
}

.list-table thead tr th.action_l, .list-table table tbody tr td.action_l {
    width:270px;
    text-align:left;
}

.list-table thead tr th.action_l_3, .list-table table tbody tr td.action_l {
    width:370px;
    text-align:left;
}

.list-table table tbody tr td[class*="action"] .btn {
    min-width: 70px;
}

.action_l_3_td {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.list-table thead tr th.select img, .list-table table tbody tr td.select img {
	margin-left:auto;
	margin-right:auto;
}

/* No */
.list-table thead tr th.no, .list-table tbody tr td.no {
    width:50px;
}

.list-table tbody tr td.no {
    text-align:right;
}

/* 日付 */
.list-table thead tr th.date, .list-table tbody tr td.date {
    width:100px;
}

.list-table tbody tr td.date {
    text-align:center;
}

/* 日時 */
.list-table thead tr th.date_time, .list-table tbody tr td.date_time {
    width:150px;
}

.list-table tbody tr td.date_time {
    text-align:center;
}

/* 日付期間 */
.list-table thead tr th.date_term, .list-table tbody tr td.date_term {
    width:190px;
}

.list-table tbody tr td.date_term {
    text-align:center;
}

.list-table tbody tr td.date_term span{
    margin-left:5px;
    margin-right:5px;
}

/* 価格 */
.list-table thead tr th.price, .list-table tbody tr td.price {
    width:110px;
}

.list-table tbody tr td.price {
    text-align:right;
}

/* 商品数 */
.list-table thead tr th.product_quantity, .list-table tbody tr td.product_quantity {
    width:80px;
}

.list-table tbody tr td.product_quantity {
    text-align:right;
}

/* アカウント数 */
.list-table thead tr th.account_quantity, .list-table tbody tr td.account_quantity {
    width:100px;
}

.list-table tbody tr td.account_quantity {
    text-align:right;
}

/* 単位 */
.list-table thead tr th.unit, .list-table tbody tr td.unit {
    width:60px;
}

.list-table tbody tr td.unit {
    text-align:center;
}

/* 名称 */
.list-table thead tr th.name, .list-table tbody tr td.name {
    width:200px;
}

.list-table thead tr th.name_m, .list-table tbody tr td.name_m {
    width:300px;
}

.list-table tbody tr td.name {
    text-align:left;
}

.list-table tbody tr td.widget-payment-setting-details {
    word-break: break-all;
}

.list-table tbody tr td.name_m {
    text-align:left;
}

/* 詳細 */
.list-table thead tr th.detail, .list-table tbody tr td.detail {
    width:auto;
}

/* 詳細(小) */
.list-table thead tr th.detail_s, .list-table tbody tr td.detail_s {
    width:200px;
}

/* 詳細(極小) */
.list-table thead tr th.detail_ss, .list-table tbody tr td.detail_ss {
    width:100px;
}

.list-table tbody tr td.detail {
    text-align:left;
}

/* 備考 */
.list-table thead tr th.remark, .list-table tbody tr td.remark {
    width:auto;
}

.list-table tbody tr td.remark {
    text-align:left;
}

/* 会社名 */
.list-table thead tr th.company_name, .list-table tbody tr td.company_name {
    width:250px;
}

/* 会社名(小) */
.list-table thead tr th.company_name_s, .list-table tbody tr td.company_name_s {
    width:150px;
}

/* 会社名(極小) */
.list-table thead tr th.company_name_ss, .list-table tbody tr td.company_name_ss {
    width:100px;
}

/* 会社名(大) */
.list-table thead tr th.company_name_l, .list-table tbody tr td.company_name_l {
    width:300px;
}


.list-table tbody tr td.company_name {
    text-align:left;
}

/* メールアドレス */
.list-table thead tr th.email, .list-table tbody tr td.email {
    width:300px;
}

.list-table tbody tr td.email {
    text-align:left;
    word-break:break-all;
}

/* URL */
.list-table thead tr th.url, .list-table tbody tr td.url {
    width:400px;
}

.list-table tbody tr td.url {
    text-align:left;
    word-break:break-all;
}

/* ログインID */
.list-table thead tr th.login_id, .list-table tbody tr td.login_id {
    width:200px;
}

.list-table tbody tr td.login_id {
    text-align:left;
    word-break:break-all;
}

/* コード */
.list-table thead tr th.code, .list-table tbody tr td.code {
    width:200px;
}

.list-table tbody tr td.code {
    text-align:left;
    word-break:break-all;
}

/* 人物名 */
.list-table thead tr th.person_name, .list-table tbody tr td.person_name {
    width:200px;
}

.list-table tbody tr td.person_name {
    text-align:left;
}

/* 人物名(小) */
.list-table thead tr th.person_name_s, .list-table tbody tr td.person_name_s {
    width:140px;
}

.list-table tbody tr td.person_name_s {
    text-align:left;
}

/* 部署 */
.list-table thead tr th.section, .list-table tbody tr td.section {
    width:200px;
}

.list-table tbody tr td.section {
    text-align:left;
}

/* 役職 */
.list-table thead tr th.position, .list-table tbody tr td.position {
    width:200px;
}

.list-table tbody tr td.position {
    text-align:left;
}

/* グループ名称 */
.list-table thead tr th.group_name, .list-table tbody tr td.group_name {
    width:200px;
}

.list-table tbody tr td.group_name {
    text-align:left;
}

/* 管理番号 */
.list-table thead tr th.management_number {
    width:auto;
    white-space: nowrap;
}
.list-table thead tr th.management_number:not(.size-S),
.list-table thead tr th.management_number_fixed,
.list-table tbody tr td.management_number_fixed {
    width: 170px;
}
.list-table tbody tr td.management_number,
.list-table tbody tr td.management_number_fixed {
    word-break: break-all;
}

.list-table tbody tr td.management_number, .list-table tbody tr td.management_number_fixed, .list-table tbody tr td.order_number {
    text-align:center;
}
.list-table thead tr th.management_number_l,
.list-table tbody tr td.management_number_l {
    width: 220px;
    text-align: center;
}

/* 通知メール管理番号 */
table thead tr th.mail_management_number, table tbody tr td.mail_management_number {
    width: 80px;
    text-align:center;
}

/* ステータス */
.list-table thead tr th.status, .list-table table tbody tr td.status {
    width:90px;
}

.list-table thead tr th.status, .list-table table tbody tr td.status_s {
    width:40px;
}

.list-table thead tr th.status, .list-table table tbody tr td.status_l {
    width:150px;
}

.list-table thead tr th.is_publish, .list-table table tbody tr td.is_publish {
    width:150px;
    text-align:center;
}

.list-table thead tr th.target_type, .list-table table tbody tr td.target_type {
    width:200px;
    text-align:center;
}

.list-table thead tr th.contract_status, .list-table table tbody tr td.contract_status {
    width:220px;
    text-align:center;
}

.list-table thead tr th.status_m {
    width:100px;
}

.list-table table tbody tr td.status {
    text-align:center;
}

.list-table table tbody tr td.exec-function {
    text-align:center;
}

/* 件名 */
.list-table thead tr th.subject, .list-table table tbody tr td.subject {
    width:250px;
    word-break : break-all;
}

.list-table table tbody tr td.subject {
    text-align:left;
}

.list-table thead tr th.subject_l,
.list-table table tbody tr td.subject_l {
    width: 340px;
    word-break : break-all;
}

/* シリアル情報 */
.contract_listtable thead tr th.serial, .list-table tbody tr td.serial {
    width:200px;
}

/* サブスクリプション情報 */
.contract_listtable thead tr th.subscription, .list-table tbody tr td.subscription {
    width: 200px;
}

/* 商品名 */
.list-table thead tr th.product_name, .list-table tbody tr td.product_name {
    width:200px;
}

.list-table tbody tr td.product_name {
    text-align:left;
    word-break: break-all;
}

/* 商品名(大) */
.list-table thead tr th.product_name_l, .list-table tbody tr td.product_name_l {
    width:400px;
}

.list-table tbody tr td.product_name_l {
    text-align:left;
    word-break: break-all;
}

/* 商品コード */
.list-table thead tr th.distribution_code, .list-table tbody tr td.distribution_code {
    width:150px;
}

.list-table tbody tr td.distribution_code {
    text-align:left;
}

/* キャンセル理由 */
.list-table thead tr th.cancel_reason, .list-table tbody tr td.cancel_reason {
    width:150px;
}

.list-table tbody tr td.cancel_reason {
    text-align:center;
}

.list-table tbody tr td.cancel_reason .page-body {
    text-align:left;
}

/* トライアル商品 */
.list-table thead tr th.is_trial_product, .list-table tbody tr td.is_trial_product {
    max-width: 110px;
}

.list-table tbody tr td.is_trial_product {
    text-align: center;
}

/* 商品ブランド */
.list-table thead tr th.product_brand, .list-table tbody tr td.product_brand {
    width:200px;
}

.list-table tbody tr td.product_brand {
    text-align:left;
}

/* 商品種別 */
.list-table thead tr th.product_type, .list-table tbody tr td.product_type {
    width:200px;
}

.list-table tbody tr td.product_type {
    text-align:left;
}

.product_types_accounting_type {
    display: none;
}

/* セット商品 */
.list-table thead tr th.product_set, .list-table tbody tr td.product_set {
    width:100px;
}

.list-table tbody tr td.product_set {
    text-align:center;
}

/* 課金モデル */
.list-table thead tr th.charge_model_name, .list-table tbody tr td.charge_model_name {
    width:200px;
}

.list-table tbody tr td.charge_model_name {
    text-align:left;
}

/* 課金プラン */
.list-table thead tr th.charge_plan_name, .list-table tbody tr td.charge_plan_name {
    width:200px;
}

.list-table tbody tr td.charge_plan_name {
    text-align:left;
}

/* 商品画像 */
.list-table thead tr th.product_image, .list-table tbody tr td.product_image {
    width:200px;
}

.list-table tbody tr td.product_image {
    text-align:center;
}

/* 契約終了日 */
.list-table tbody tr td.end-date {
    text-align:center;
}

/* 契約明細管理ID */
.list-table thead tr th.contract_detail_id, .list-table table tbody tr td.contract_detail_id {
    width:110px;
}

/* 制限なし */
.list-table thead tr th.no_limit, .list-table table tbody tr td.no_limit {
    width:auto;
    word-break: break-all;
}

/* テーブル選択行の背景色 */
.list-table tr:nth-child(even).bg-primary {
    background-color: #2c3e50;
}

/* テーブル選択行のオンマウス時の背景色 */
@media only screen and (min-width: 1025px) {
    .table-hover > tbody > tr:hover.bg-primary {
        background-color: #202d39;
    }
}

/* カード情報変更日 */
.list-table thead tr th.card_information_updated_date, .list-table tbody tr td.card_information_updated_date {
    width:140px;
    min-width:140px;
}

.list-table tbody tr td.card_information_updated_date {
    text-align:center;
}

/* GMO会員ID */
.list-table thead tr th.gmo_id, .list-table tbody tr td.gmo_id {
    word-break: break-all;
    width:150px;
}

/* NTTスマートトレード会員ID */
.list-table thead tr th.nttst_id, .list-table tbody tr td.nttst_id {
    word-break: break-all;
    width:220px;
}

/* 支払方法 */
.list-table thead tr th.payment_way_name, .list-table tbody tr td.payment_way_name {
    width: 90px;
}

/* 発注一覧用 */
.list-table thead tr th.purchase-status, .list-table table tbody tr td.purchase-status {
    width:90px;
}
.list-table thead tr th.purchase-order-number, .list-table table tbody tr td.purchase-order-number {
    width:180px;
}
.list-table thead tr th.purchase-supplier-name, .list-table table tbody tr td.purchase-supplier-name {
    width:180px;
}
.list-table thead tr th.purchase-company-name, .list-table table tbody tr td.purchase-company-name {
    width:180px;
}
.list-table thead tr th.purchase_division, .list-table table tbody tr td.purchase_division {
    width:180px;
}

.list-table table tbody tr td.purchase-status,
.list-table table tbody tr td.purchase-order-number {
    text-align:center;
}

.list-table table tbody tr td.supplier_info,
.list-table table tbody tr td.customer_info {
    text-align:left;
}

/* 発注詳細画面用 */
.table-heading-left-small.purchase-order tbody th {
    width: 140px;
}

.list-table table.purchase-details tbody tr td {
    height: 50px;
    border-collapse: collapse;
    border: 1px solid #c0d2db;
}

.list-table table tbody tr td.purchase-none-border {
    padding-bottom: 0;
    border-bottom: none;
    border-top: none;
}

.list-table table tbody tr td.purchase-option-none-border {
    padding: 0 0 0 25px;
    border-bottom: none;
    border-top: none;
    vertical-align: middle;
}

.list-table table tbody tr td.purchase-option-none-top-border {
    padding: 0 0 0 25px;
    border-top: none;
    vertical-align: middle;
}

.list-table table tbody tr td div.purchase-option-name {
    height: 100%;
    width: 100%;
    border-top: 1px solid #c0d2db;
    border-left: 1px solid #c0d2db;
    border-collapse: collapse;
    margin-top: -1px;
    display:table;
}

.list-table table tbody tr td div.purchase-option-name div {
    display:table-cell;
    vertical-align:middle;
}

.list-table thead tr th.purchase-division-small, .list-table table tbody tr td.purchase-division-small {
    width:60px;
}

.list-table thead tr th.purchase-charge-plan-name, .list-table table tbody tr td.purchase-charge-plan-name {
    width:300px;
}

.list-table thead tr th.purchase-product-quantity {
    width:50px;
}

.list-table thead tr th.purchase-distribution-code {
    width:100px;
}

.list-table thead tr th.purchase-detail-status{
    width:80px;
}

.list-table thead tr th.purchase-cancel-reason {
    width:110px;
    text-align:center;
}

.purchase-detail hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 2px solid #ecf0f1;
}

/* 発注詳細、申請書ダイアログ用 */
.application-dialog div.file_upload {
    margin-bottom: 15px;
}
.application-dialog div.file_upload dl,
.application-dialog div.file_upload dl dt{
    margin-bottom: 0;
}

/* 支払詳細用 */
.table-heading-left-small.claim tbody th {
    width: 140px;
}
.pdf-pull-right {
    float: right;
}
.pull-right-break {
    clear: both;
}

/* 仕入見積一覧・詳細用 */
.table-heading-left-small.supplier-estimates tbody th {
    width: 160px;
}
.table-heading-left-small.supplier-estimates tbody td.company-name {
    width: 160px;
}
.supplier-estimate-detail hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 2px solid #ecf0f1;
}
/* 詳細画面のタイトル部分調整用 */
.page-header.inline-header {
    padding-bottom: 20px;
}
.page-header.inline-header h3 {
    display: inline;
}
.page-header.inline-header ul {
    font-weight:normal;
    color: #333;
}
.summary.supplier-estimate table caption {
    color: #586f77;
    font-weight: bold
}
/* list-table 調整用 */
.list-table thead tr th.left-header {
    text-align:left;
}
/* テーブルの見出しを左側 */
.table-heading-left tbody th {
    width: 40%;
    background-color: #018fc0;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    border-collapse: separate;
    border-bottom:1px solid #c0d2db;
    text-align: left;
}
.table-heading-left tbody td {
    border-bottom:1px solid #c0d2db;
}
.table-heading-left tbody tr:nth-child(1) td {
    border-top:1px solid #c0d2db;
}

/* 一覧テーブル--------------------------------------------------------------- end */


/* ポップアップ */
body.popup {
    background: #ffffff;
}



/* 必須マーク */
span.required {
    background: #fd8675;
    border-radius: 2px;
    padding: 3px 6px 4px;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
}

span.status {
    font-weight: normal;
    background: #29cc29;
    border-radius: 2px;
    padding: 6px 12px;
    font-size: 13px;
    color: #fff;
    border: 1px solid transparent;
}

span.status-frame {
    font-weight: normal;
    border-radius: 2px;
    padding: 6px 12px;
    font-size: 13px;
    position:relative;
    top: 7px;
    margin-right: 10px;
}

.status-white{
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
}

.status-green{
    color: #fff;
    background: #29cc29;
}

.status-red {
    color: #fff;
    background: #e74c3c;
}

.status-blue {
    color: #fff;
    background: #018fc0;
}

.status-yellow {
    color: #fff;
    background: #f39c12;
}

.status-white-red {
    background: #fff;
    color: #ed4c3b;
    border: 1px solid #ed4c3b;
}

.panel-body[class*="bg-"] {
    height: auto;
}

/* ローディング画像 */
div#loading {
	margin-bottom:10px;
}

div#loading img {
	width:50px;
}

/* 追加用ローディング画像 */
img.add_loading_img {
    width: 20px;
    visibility: hidden
}

/* チェック画像 */
img.check-display {
    width: 20px;
}

/* フォーム関連 */
.form-style label {
    color: #586f77;
}
.form-style .checkbox-inline label,
.form-style .radio-inline label {
    color: #333;
}
/*サブ項目*/
.radio .sublabel {
    vertical-align: middle;
    display: inline-block;
}
/*インデントなし*/
.form-style .no-indent .checkbox-inline,
.form-style .no-indent .radio-inline {
    padding-left: 2px;
}
#tab-data-reg .reg-table dl dd .checkbox.no-indent {
    margin-left: 2px;
}

.height_lock_overflow {
    max-height: 400px;
    overflow-y: auto;
}

/* チェック行のスタイル */
.selectable_table tr:hover,
/* 対応が異なるJSで指定されたクラスを使用しないよう、個別IDで指定 */
#userListDetailBody tr:hover,
.contract_listtable tr:hover,
.user_list_dialog table tr:hover {
  cursor: pointer;
}
.selectable_table tr.bg-selected,
/* 対応が異なるJSで指定されたクラスを使用しないよう、個別IDで指定 */
#userListDetailBody tr.bg-selected,
.contract_listtable tr.bg-selected,
.user_list_dialog table tr.bg-selected,
/* 注文詳細画面(orders/detail) 商品一覧テーブルの選択行色 */
.table-bordered tbody td.selected {
  background-color: #fff7db;
}

/* 詳細--------------------------------------------------------------- start */

/* 明細の集計 */
.summary th {
	color:#FFFFFF;
	background-color:#666666;
	text-align:center;
	font-weight:bold;
	width:120px;
}

.summary td {
	text-align:right;
}

table.detail_row td {
	vertical-align:top;
}

table.detail_row td.action {
	text-align:center;
	vertical-align:middle;
}

.summary td.tax_name {
    text-align:left;
}

table.detail_row tr.plan {
	border-bottom:dotted 1px #CCCCCC;
}

table.detail_row tr.plan td {
	padding-bottom:5px;
}

table.detail_row tr.plan_usage td {
    padding-top:15px;
    padding-bottom:0;
}

table.detail_row tr.plan_usage {
    border-top:dotted 1px #CCCCCC;
    border-bottom:none;
}

table.detail_row tr.plan_default td {
    padding: 10px 0;
    vertical-align: middle;
}
table.charge_plans tr.plan_default {
    border-top: dotted 1px #ccc;
}
table.charge_plans tr.no_border {
    border-top: none;
}
.plan_default.type-diff td:not(.blank):not(.plan-name) {
    padding: 10px 0 0;
}
.charge_plans tr.plan-difference-text td {
    padding: 0 0 10px 0;
}
.additional-info .charge_plans tr.plan-difference-text td {
    padding: 0 0 10px 10px;
    text-align: left;
}
table.charge_plans {
    width: 100%;
}
table.charge_plans .plan-name {
    width: auto;
    min-width: 150px;
}
.charge-plan-info-table .subtotal .plan-cost,
table.charge_plans .plan-cost,
.change_history table.detail_row tr.plan_default td.plan-cost {
    width: 80px;
    text-align: right;
    padding-right:10px;
}
.charge-plan-info-table .subtotal .plan-cost,
table.charge_plans .plan-unit-price {
    width: 80px;
    text-align: right;
}

table.charge_plans .plan-tax {
    width: 60px;
    text-align: right;
}

.charge-plan-info-table .subtotal .planQuantity,
table.charge_plans .plan-quantity {
    width: 70px;
    text-align: right;
}
.charge-plan-info-table .subtotal .symbol,
table.charge_plans .symbol {
    width: 20px;
    text-align: center;
}
table.charge_plans .plan-rebate {
    width: 100px;
    text-align: center;
}

/* 削除ボタン小 */
.delete_btn {
  padding: 2px 6px;
}

/* 追加費用・利用料 */
/* サマリ */
.summary .additional-cost th {
    background-color: #8b0000;
}
.summary .additional-cost caption label {
    color: #8b0000;
}

/* 詳細 */
.addcost {
    margin-top: 20px;
}
div[id^="charge_additional_"],
.additional-box {
    margin-top: 15px;
}
div[id^="charge_additional_"] table.addcost {
    margin-top: 0;
}
div[id^="charge_additional_"] table.addcost.withbtn {
    width: calc( 100% - 30px );
}
.additional-header-title {
    padding: 4px 0;
    color: #b10000;
    border-bottom: 1px solid #b10000;
}
table.addcost caption.additional-header-title {
    margin-bottom: 10px;
}
table.addcost th,
table.addcost td {
    padding: 10px 0;
    box-sizing: border-box;
}
table.addcost .detail_plan_head td {
    padding: 0;
}
table.addcost .plan-name {
    padding: 10px 0;
}
table.addcost .plan-cost:first-of-type {
    width: auto;
    min-width: 80px;
}
.modal-content table.addcost td.blank {
    display: none;
}
.additional-info > table.addcost,
.refund-plan-info-table {
    width: auto;
    margin-left: auto;
}
.charge-plan-data > table {
    width: 100%;
}
td.additional-area .additional-cost-info {
    padding: 8px 2px;
}
.detail_plan_head .period {
    text-align: center;
}
.contract_additional_period .contract_additional_period_body,
.contract_refund_period .contract_refund_period_body {
    display: flex;
    width: 100%;
    text-align: center;
}
.contract_additional_period .contract_additional_period_body > div,
.contract_refund_period .contract_refund_period_body > div {
    width: 80px;
}
.contract_additional_period .additional_charge_start_date,
.contract_refund_period .refund_start_date {
    text-align: right;
    margin-right: 10px;
}
.contract_additional_period .additional_charge_end_date,
.contract_refund_period .refund_end_date {
    text-align: left;
    margin-left: 10px;
}
.charge-plan-info-table .subtotal > .flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
tr.additional_display_hidden {
    display: none;
}
/* 返金 */
/* サマリ */
.summary .refund-cost th {
    background-color: #8b0000;
}
.summary .refund-cost caption label {
    color: #8b0000;
}
/* 詳細 */
div[id^="charge_refund_"] {
    margin-top: 15px;
}
div[id^="charge_refund_"] table.refund_cost {
    margin-top: 0;
}
div[id^="charge_refund_"] table.refund_cost.withbtn {
    width: calc( 100% - 30px );
}
.refund-header-title {
    padding: 4px 0;
    color: #b10000;
    border-bottom: 1px solid #b10000;
}
.refund-info .refund-detail-info,
.refund-info .refund-cost-info {
    padding: 8px 2px;
}
.refund-info .refund_charge_plan_name {
    padding: 8px 0;
}
table.refund_cost caption.refund-header-title {
    margin-bottom: 10px;
}
table.refund_cost th,
table.refund_cost td {
    padding: 10px 0;
    box-sizing: border-box;
}
table.refund_cost .detail_plan_head td {
    padding: 0 0 2px;
    font-weight: bold;
    color: #666;
}
table.refund_cost .plan-name {
    padding: 10px 0;
}
table.refund_cost .plan-cost:first-of-type {
    width: auto;
    min-width: 80px;
}
.modal-content table.refund_cost td.blank {
    display: none;
}
td.refund-info > table.refund_cost {
    width: auto;
    margin-left: auto;
}
td.refund-display-width {
    /* 追加費用と同じ幅を設定 */
    width: 92%;
}

/* 詳細--------------------------------------------------------------- end */

/* 入力項目--------------------------------------------------------------- start */

input[type="text"],
input[type="password"],
select.form-control,
form textarea {
    font-weight : normal;
    background: #fff;
    border: 1px solid #c0d2db;
    line-height: 1;
    font-family: inherit;
}


input[type="file"] {
    height:auto;
}

[readonly] {
    border: none!important;
    box-shadow: none!important;
    background-color: transparent!important;
}


form textarea {
    display: inline-block;
    width: 100%;
    border: none;
    background: #fff;
    border: 1px solid #c0d2db;
    line-height: 1;
    font-family : inherit;
}

form .form-style {
    font-size: 14px;
}

/* 価格 */
input.price {
	text-align:right;
	width:80px;
}

/* 数値 */
input.numeric {
	text-align:right;
	width:120px;
}

/* 法人番号 */
input.corp_number {
    width:120px;
}

/* 追加文字 */
span.add_string {
	margin-left:5px;
}

/* 入力項目--------------------------------------------------------------- end */

/* タブ表示--------------------------------------------------------------- start */

/* 初期表示するタブ内容 */
#tab-data-reg .reg-table.primary {
    display:inline;
}

/* 初期表示以外のタブ内容 */
#tab-data-reg .reg-table.secondary {
    display:none;
}

#tab-data-reg .reg-table p,
.change_history .form-content {
    margin-left:5px;
    word-wrap:break-word;
}
#tab-data-reg .reg-table dl dd .checkbox {
  margin-left: 5px;
}
#tab-data-reg .reg-table dl .checkbox .checkbox-inline {
  padding-left: 0;
}

/* タブ表示--------------------------------------------------------------- end */

/* 小計 */
.pull-right.summary:not(.col-md-12) {
    width: 100%;
}
.pull-right.summary::after {
    content: " ";
    display: block;
    clear: both;
}
.change_history .calc-summary,
.claim-calc-summary,
.pull-right.summary > table {
    width: calc(50% - 5px);
    max-width: 620px;
    table-layout: fixed;
    float: right;
}
#regtab_sale_detail .pull-right.summary .calc-summary,
.pull-right.summary > table.totalOnly {
    width: auto;
    min-width: 160px;
}
.contract_summary table {
    margin-bottom: 20px;
}
.pull-right.summary table:nth-of-type(odd) {
    margin-left: 10px;
}
.pull-right.summary > table td {
    padding: 8px 5px;
    word-break: break-all;
}
.pull-right.summary > table td.tax_name {
    padding-left: 8px;
}
/* 手数料レポート */
.commission-summary {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.commission-summary .sale-amount {
    width: calc(55% - 10px);
    max-width: 620px;
    margin-left: 10px;
}
.commission-summary .commission-amount {
    width: 45%;
    max-width: 480px;
}
.commission-summary table {
    width: 100%;
}

#detailModels table.detail_row{
    table-layout:fixed;
    margin-bottom: 20px;
}

/* 明細情報の変更数量、追加数量 */
#detailModels .change_quantity {
    display: inline-block;
    width: 60px;
    height: 26px;
    padding-bottom:  3px;
    padding-top:  3px;
    padding-left:  6px;
    padding-right:  6px;
}

/* 詳細画面の共通情報（登録済みの場合などに表示） */

ul.header-info li{
    margin-left:10px;
    margin-right:10px;
    max-width: 40%;
    word-wrap:break-word;
    display: inline-block;
    vertical-align: top;
}

ul.header-info li.title{
    color: #586f77;
    font-weight: bold;
    width: 100px;
}

/* titleのミドルバージョン */
ul.header-info li.title-middle{
    color: #586f77;
    font-weight: bold;
    width: 120px;
}

/* titleのロングバージョン */
ul.header-info li.title-long{
    color: #586f77;
    font-weight: bold;
    width: 150px;
}

ul.header-info li.value{
    min-width: 150px;
}

/* その他 */
.loading-text {
    display: none;
    font-size:16px;
    font-weight: bold;
    color: #018fc0;
}

.custom_item_radio {
    /*-ms-line-height:30px;*/
    min-height: 22px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    line-height:30px;
}
.custom_item_radio div{
    line-height:25px;
}
.custom_item_radio .radio-inline label{
    margin-right: 20px;
}

.custom_item_radio .radio-inline input{
    vertical-align:middle;
}

/* /applications/detailの説明文表示 */
.description_text {
    display: block;
    color: #737373;
    margin-top: -25px;
    margin-bottom: 25px;
}

span.detail-status-frame {
    font-weight: normal;
    border-radius: 2px;
    padding: 3px 12px;
    position:relative;
    top: 3px;
}

p.status-frame {
    font-weight: normal;
    border-radius: 2px;
    padding: 3px 6px;
    position: relative;
    top: 3px;
    white-space: nowrap;
}

/* 一覧テーブル内のステータス */
.list-table table td.status .status-frame {
    margin: 4px 0;
    top: 0;
    min-width: 110px;
    display: inline-block;
}

/* カスタム項目＞ファイルアップロード 消去・削除ボタン */
.custom_control_item_file_delete,
.btn-danger.custom_control_item_file {
    margin-left: 8px;
    padding: 3px 6px;
}
.custom_control_item_file_delete i,
.btn-danger.custom_control_item_file i {
    vertical-align: top;
    margin: 2px 2px 0 0;
}

/* tagHelperの下部に表示するテキスト設定(カスタム項目の説明文で使用) */
.bottom-description {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

/* ストアアカウント確認画面にて、ログインIDを折り返し処理　*/
.new_store_id .form-group p{
    word-wrap: break-word;
}

/* 支払方法 */
select#payment_way_id {
    min-width: 240px;
    width: auto;
}

/* rowModelの商品情報部分の項目名 */

/*契約明細はJSと紐づいているためテーブルタグのままスタイルを設定*/
table.row-model-table,
table.row-model-table tbody {
    width: 100%;
    display: block;
}
table.row-model-table tbody tr {
    display: flex;
}
table.row-model-table tbody td {
    display: block;
    width: auto;
}
table.row-model-table .form-group-quantity dd {
	padding-top: 5px;
}

.row-model-table,
.billing_row_model_billing_detail_table {
    padding-left: 10px;
}
.row-model-table > .d-flex,
.row-model-table tbody tr,
.billing_row_model_billing_detail_table > .d-flex {
    width: 100%;
    margin-bottom: 2px;
    padding: 2px 0;
    flex-wrap: wrap;
    align-items: flex-start;
}
.row-model-table .row-model-item-name,
.row-model-table .model-detail,
.billing_row_model_billing_detail_table .product_sub_info {
    padding: 2px 4px!important;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    background: #efefef;
    border-radius: 2px;
}
.row-model-table .row-model-item-info,
.row-model-table .row-model-item-info-license,
.row-model-table .model-detail-content,
.billing_row_model_billing_detail_table .product_sub_info + .word-break {
    word-break: break-all;
    margin-left: 8px;
    padding: 0!important;
}

/*変更履歴*/
#regtab_change_logs #change-log-list {
  min-width: auto;
}
.form-style .change_history {
  font-size: 14px;
}
.change_history .reg-table .row-model-item {
  display: flex;
}
.change_history .reg-table .row-model-item .row-model-item-name {
  float: none;
  font-weight: normal;
}
.change_history .reg-table img.checkbox {
  margin: 0;
  width: 16px;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}
.change_history .form-group.d-flex {
  margin-bottom: 5px;
}
.change_history .form-group.d-flex:last-of-type {
  margin-bottom: 20px;
}
.change_history .form-group.d-flex .form-content {
  margin-top: 6px;
}
.change_history .form-group.flex-end .form-content {
  min-width: 80px;
}
.change_history .date-range {
  display: flex;
  align-items: flex-end;
}
.change_history .conrtact-detail-tab {
  margin-bottom: 30px;
}
.change_history .line-bottom {
  margin-bottom: 20px;
}
.change_history .step-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
  font-weight: bold;
}
.change_history .contract_serial {
  padding-right: 5px;
}
.change_history .plans_table thead th {
  padding: 5px 0 5px 5px;
}
.change_history .plans_table tbody td {
  padding: 5px 0 5px 5px;
}
.change_history .plans_table thead th:last-of-type,
.change_history .plans_table tbody td:last-of-type {
  padding: 5px;
}
.change_history .charge_plans thead th {
  padding: 0 10px 11px 5px;
}

/* 決済連携履歴ボタン */
.btn-info.paylink_hist {
  background-color: #2fa7a7;
  border-color: #289c9c;
}
.btn-info.paylink_hist:focus,
.btn-info.paylink_hist.focus,
.btn-info.paylink_hist:hover,
.btn-info.paylink_hist.active,
.btn-info.paylink_hist.active,
.open > .btn-info.paylink_hist.dropdown-toggle,
.btn-info.paylink_hist.active:hover,
.btn-info.paylink_hist.active:focus,
.btn-info.paylink_hist.active.focus,
.btn-info.paylink_hist.active:hover,
.btn-info.paylink_hist.active:focus,
.btn-info.paylink_hist.active.focus,
.open > .btn-info.paylink_hist.dropdown-toggle:hover,
.open > .btn-info.paylink_hist.dropdown-toggle:focus,
.open > .btn-info.paylink_hist.dropdown-toggle.focus {
  background-color: #229898;
  border-color: #188888;
}
.btn-info.paylink_hist.disabled,
.btn-info.paylink_hist.disabled:hover,
.btn-info.paylink_hist.disabled:focus,
.btn-info.paylink_hist.disabled.focus,
.btn-info.paylink_hist.disabled:active,
.btn-info.paylink_hist.disabled.active,
.btn-info.paylink_hist[disabled],
.btn-info.paylink_hist[disabled]:hover,
.btn-info.paylink_hist[disabled]:focus,
.btn-info.paylink_hist[disabled].focus,
.btn-info.paylink_hist[disabled]:active,
.btn-info.paylink_hist[disabled].active,
fieldset[disabled] .btn-info.paylink_hist,
fieldset[disabled] .btn-info.paylink_hist:hover,
fieldset[disabled] .btn-info.paylink_hist:focus,
fieldset[disabled] .btn-info.paylink_hist.focus,
fieldset[disabled] .btn-info.paylink_hist:active,
fieldset[disabled] .btn-info.paylink_hist.active {
  background-color: #2fa7a7;
  border-color: #289c9c;
}
.btn-info.paylink_hist .badge {
  color: #2fa7a7;
}
/* アラート設定 */
.alert-config .panel-body {
  padding: 28px 0;
}
.alert-config .form-group dd {
  padding: 10px 0 0;
}
.alert-config .form-group dd > input[type=radio],
.alert-config .form-group dd > input[type=checkbox] {
  margin-right: 5px;
}
/* 入力フォームの追加・削除 */
.input_control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input_add,
.input_remove {
  margin: 0 0 0 2px;
  font-size: 12px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff!important;
  line-height: 24px;
}
.input_control.haveButton input {
  width: calc( 100% - 70px );
}
.input_control.haveButton .btn {
  font-size: 12px;
  margin: 0 0 0 5px;
  padding: 3px 8px;
}

/* 横幅プリセット */
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-auto { width: auto; }

.commission-calc-summary thead th {
    background: #018fc0;
}

.display_none {
    display:none;
}

.word-break-b-all {
    word-break: break-all;
}

.word-break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

input.input_display_none {
    display:none;
}

.txt_caution {
    color: #d45959
}

.font_normal {
    font-weight: normal;
}

p.has-error {
    color: red;
    margin-bottom: 0;
}

/* 会員証　契約内容 */
.membership-contract dl.detail dd {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .membership-contract dl.detail {
        border: 1px solid #ddd;
    }
    .membership-contract dl.detail dt {
        clear: left;
        float: left;
        display: inline-block;
        border-radius: 2px;
        margin: 5px 8px 0 5px;
        padding: 4px;
        color: #666;
        border: 1px solid #ddd;
        background: #fff;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        line-height: 1.4;
    }
    .membership-contract dl.detail dd {
        display: block;
        margin: 0;
        padding: 8px 5px;
        border-bottom: 1px dotted #ddd;
        font-size: 12px;
        line-height: 1.4;
    }
    .membership-contract dl.detail dt:first-of-type {
        margin: 8px 8px 0 5px;
    }
    .membership-contract dl.detail dd:first-of-type {
        padding: 10px 5px;
        font-size: 14px;
        font-weight: bold;
        background: #f4f4f4;
    }
    .membership-contract dl.detail dd:last-of-type {
        border-bottom: none;
    }
    .membership-contract dl.detail::after {
        content: " ";
        display: block;
        clear: both;
    }
    /* ボタンのレスポンシブ対応 ページ限定で対応 */
    .membership-contract .btn {
        display: block;
        max-width: 200px;
        margin: 20px auto;
        padding: 10px;
    }
}
@media screen and (max-width:600px) {
    .membership-contract dl.detail dt:not(:first-of-type) {
        float: none;
    }
    .membership-contract dl.detail dd {
        padding: 5px 10px;
    }
}

/* ------------------------
 エラーページスタイル
-------------------------- */
.panel.error {
    max-width: 860px;
    margin: 50px auto 0!important;
    padding: 40px;
}
.panel.error h1 {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #aaa;
}
.panel.error h1 .fa {
    margin-right: 10px;
}
.panel.error p {
    font-size: 1.2em;
    line-height: 1.8;
}

/* ------------------------
カレンダー
-------------------------- */
.datepicker {
    padding: 4px 8px;
    width: 19em;
}
.bootstrap-datetimepicker-widget .datepicker {
    padding: 4px;
    width: auto;
}
table.table-condensed {
    min-width: auto!important;
}
.datepicker .table-condensed {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}
.datepicker .table-condensed thead {
    border-bottom: 1px solid #eee;
}
.datepicker .table-condensed thead tr th {
    color: #333;
    background: #fff;
    border: none;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 1.3;
    position: relative;
}
.datepicker .table-condensed thead tr th.prev,
.datepicker .table-condensed thead tr th.next {
    text-indent: 150%;
    overflow: hidden;
    position: relative;
}
.datepicker .table-condensed thead tr th.prev::before,
.datepicker .table-condensed thead tr th.next::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border: 1px solid transparent;
    transform: rotate(45deg);
}
.datepicker .table-condensed thead tr th.prev::before {
    border-left-color: #333;
    border-bottom-color: #333;
    left: calc(50% - 2px);
}
.datepicker .table-condensed thead tr th.next::before {
    border-top-color: #333;
    border-right-color: #333;
    left: calc(50% - 6px);
}
.datepicker .table-condensed tbody tr th,
.datepicker .table-condensed tbody tr td {
    height: auto;
    font-size: 14px;
    line-height: 1.3;
    border-radius: 2px;
}
.bootstrap-datetimepicker-widget table td span {
    margin: 0;
}
.datepicker .table-condensed tr td span {
    border-radius: 2px;
}
.datepicker .table-condensed tbody tr {
    background: #fff;
}
.datepicker .table-condensed tbody tr td {
    font-weight: 600;
}
.datepicker .table-condensed tbody tr td,
.datepicker .table-condensed tbody tr td:last-child,
.bootstrap-datetimepicker-widget .picker-switch td,
.bootstrap-datetimepicker-widget .picker-switch td:last-child {
    border: none;
}
.datepicker .table-condensed tbody tr td.active,
.datepicker .table-condensed tbody tr td.active:hover,
.datepicker .table-condensed tbody tr td span.active.active {
    background: #018fc0;
}
.datepicker .table-condensed tbody tr td.disabled,
.datepicker .table-condensed tbody td.old {
    color: #ddd;
}
.datepicker .table-condensed tbody tr td.ui-state-disabled {
    color: #f9a0a0;
    background: #ffe4e4;
}
.datepicker .table-condensed tbody tr td.old.ui-state-disabled {
    opacity: 0.5;
}
.datepicker .table-condensed tbody tr td.new.ui-state-disabled {
    opacity: 0.7;
}
.datepicker .table-condensed tr td.today,
.datepicker .table-condensed tr td.today:hover,
.datepicker .table-condensed tr td.today.disabled,
.datepicker .table-condensed tr td.today.disabled:hover {
    background: #fff;
    border: 1px solid #666;
}
.datepicker .table-condensed tr td.today:hover {
    background: #eee!important;
}
.datepicker .table-condensed td.today:before {
    display: none;
}
.bootstrap-datetimepicker-widget a[data-action] {
    color: #018fc0;
}
/* 管理画面aタグ無効化 */
a.btn-disabled {
    pointer-events: none;
    opacity: .65;
}
/* 管理画面受付ボタン無効化 */
a.accept-btn-disabled {
    pointer-events: none;
    opacity: .65;
}

/** bootstrapのpadding、margin打ち消し用  **/
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* ---販売価格設定一覧--- */
/* 販売先区分、顧客(会社名)、顧客(担当者名) */
.list-table table.calculation_masters thead tr th.type, .list-table table.calculation_masters tbody tr td.type,
.list-table table.calculation_masters thead tr th.company_name, .list-table table.calculation_masters tbody tr td.company_name,
.list-table table.calculation_masters thead tr th.full_name, .list-table table.calculation_masters tbody tr td.full_name {
    width: 120px;
}

/* 商品ブランド、商品種別、商品、課金モデル、メーターカテゴリ、リソース */
.list-table table.calculation_masters thead tr th.product_brand, .list-table table.calculation_masters tbody tr td.product_brand,
.list-table table.calculation_masters thead tr th.product_type, .list-table table.calculation_masters tbody tr td.product_type,
.list-table table.calculation_masters thead tr th.product_name, .list-table table.calculation_masters tbody tr td.product_name,
.list-table table.calculation_masters thead tr th.product_model, .list-table table.calculation_masters tbody tr td.product_model,
.list-table table.calculation_masters thead tr th.product_category, .list-table table.calculation_masters tbody tr td.product_category,
.list-table table.calculation_masters thead tr th.azure_product, .list-table table.calculation_masters tbody tr td.azure_product {
    width: 130px;
}

/* 計算種別 */
.list-table table.calculation_masters thead tr th.calculation_type, .list-table table.calculation_masters tbody tr td.calculation_type {
    width: 70px;
}

/** 希望小売価格、仕入価格、最低販売価格 */
.list-table table.calculation_masters thead tr th.retail_price, .list-table table.calculation_masters tbody tr td.retail_price,
.list-table table.calculation_masters thead tr th.cost,.list-table table.calculation_masters tbody tr td.cost,
.list-table table.calculation_masters thead tr th.threshold, .list-table table.calculation_masters tbody tr td.threshold {
    width: 120px;
}

/** 価格指定 */
.list-table table.calculation_masters thead tr th.price_static, .list-table table.calculation_masters tbody tr td.price_static {
    width: 150px;
}

/** 希望小売価格、仕入価格、最低販売価格、価格指定 */
.list-table table.calculation_masters tbody tr td.retail_price,
.list-table table.calculation_masters tbody tr td.cost,
.list-table table.calculation_masters tbody tr td.threshold,
.list-table table.calculation_masters tbody tr td.price_static {
    text-align: right;
}

/* ---販売価格設定一覧--- */

/* ---販売先詳細(販売価格設定一覧)--- */
/* 商品ブランド */
.list-table table.calculation_masters_from_customer thead tr th.product_brand,
.list-table table.calculation_masters_from_customer tbody tr td.product_brand {
    width: 180px;
}

/* 商品種別 */
.list-table table.calculation_masters_from_customer thead tr th.product_type,
.list-table table.calculation_masters_from_customer tbody tr td.product_type {
    width: 150px;
}

/* 商品、課金モデル、メーターカテゴリ、リソース */
.list-table table.calculation_masters_from_customer thead tr th.product_name,
.list-table table.calculation_masters_from_customer tbody tr td.product_name,
.list-table table.calculation_masters_from_customer thead tr th.product_model,
.list-table table.calculation_masters_from_customer tbody tr td.product_model,
.list-table table.calculation_masters_from_customer thead tr th.product_category,
.list-table table.calculation_masters_from_customer tbody tr td.product_category,
.list-table table.calculation_masters_from_customer thead tr th.azure_product,
.list-table table.calculation_masters_from_customer tbody tr td.azure_product {
    width: auto;
}
/* ---販売先詳細(販売価格設定一覧)--- */

/* ストア設定 ボタン名入力用テキストボックスの横幅指定 */
.w300 {
    width:300px !important;
}

.list-table table.tax_configs thead tr th.is_default,
.list-table table.tax_configs tbody tr td.is_default {
    width: 70px;
}

.list-table table.tax_configs thead tr th.is_output,
.list-table table.tax_configs tbody tr td.is_output,
.list-table table.tax_configs thead tr th.is_reduced_tax,
.list-table table.tax_configs tbody tr td.is_reduced_tax {
    width: 120px;
}

.list-table table.tax_configs thead tr th.output_name,
.list-table table.tax_configs tbody tr td.output_name {
    width: 200px;
}
.list-table table.claim thead tr th.charge_date,
.list-table table.claim tbody tr td.charge_date {
    width: 130px;
}

.list-table table.claim thead tr th.tax_rates,
.list-table table.claim tbody tr td.tax_rates {
    width: 130px;
}

.list-table table.claim tbody tr td.tax_rates {
    text-align: right;
}

dl.form-group dd.search_dd input.search_datetime {
    width: calc(50% - 10px)!important;
    text-align: center;
}

.list-table thead tr th.custom_control_is_required, .list-table table tbody tr td.custom_control_is_required {
    width: 65px;
    text-align: center;
}

.list-table thead tr th.custom_control_field_type, .list-table table tbody tr td.custom_control_field_type {
    width: 145px;
}

.input-group-btn .btn > i {
    margin-right: 4px;
    margin-top: -2px;
}

.status-frame-title {
    text-align: right;
    margin-right: 20px;
    position: relative;
    top: 7px;
    color: #586f77;
    font-weight: bold;
    display: inline-block;
    min-width: 150px;
}

.list-table thead tr th.receipt_date, .list-table tbody tr td.receipt_date {
    width:120px;
}

/* 詳細右上ボタン */
.pull-right .btn,
.iconset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pull-right .btn {
    margin-left: 1px;
}
.pull-right .btn i {
    margin-right: 3px;
    line-height: 1.28;
}
.pull-right .btn i.fa,
.pull-right .btn i.iconset {
    font-size: 14px;
}

.row-model-td {
    width: 50px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.row-model-width-auto {
    width:auto !important;
}

.row-model-table {
    table-layout:fixed !important;
}

.row-model-billing-td-content {
    word-break:break-all !important;
}

.row-model-td-csp-content {
    word-break:break-all !important;
}

.row-model-td-reserve-content {
    word-break:break-all !important;
}

.row-model-td-info {
    width:48% !important;
}

.row-model-div-info {
    margin-bottom:0.25em !important;
}

.row-model-text {
    width:90% !important;
}

.row-model-td-plan-cost {
    padding-right:10px !important;
}

.row-model-td-no-button {
    width:30px !important;
}

.row-model-button-serial {
    margin-bottom: 0.25em !important;
}

/* 一括登録・更新 */
#downloading {
    display: none;
}

/* 2カラム表示 */
.type-col2 {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 999px) {
    .type-col2.destination_custom_info {
        width: 60%;
    }
}
.type-col2 .form-group {
    width: 50%;
}
.type-col2 > .row {
    width: 100%;
    display: flex;
}

/* コンテンツ管理系 */
.not_select {
    visibility: hidden;
}
.item_form {
    margin-left: 100px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 詳細の項目リスト */
.detail-list {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-top: 1px solid #c0d2db;
    border-right: 1px solid #c0d2db;
}
.detail-list li {
    width: 50%;
    display: flex;
    border-bottom: 1px solid #c0d2db;
    border-left: 1px solid #c0d2db;
}
@media screen and (max-width: 1500px) {
    .detail-list li {
        width: 100%;
    }
}
.detail-list li:nth-child(2n+1):last-child {
	width: 100%;
}
.detail-list li > div {
    padding: 5px 10px;
}
.detail-list li .name {
    width: 11em;
    color: #fff;
    background: #018fc0;
    font-weight: 600;
}
.detail-list li .value {
    width: calc(100% - 11em);
    word-wrap: break-word;
    overflow-wrap: break-word;
}