/* Google Fonts */

/* 人物 */
.icon-person:before {
    content: '\e7fd';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
}
/* 団体 */
.icon-org:before {
    content: '\f1d0';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
}
/* 行追加 */
.icon-add:before {
    content: '\e145';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
}
/* 行削除 */
.icon-del:before {
    content: '\e872';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
}

/* ゴミ箱 */
.icon-remove:before {
    content: '\e92e';
    font-family: 'Material Icons Outlined';
    color:red;
    position: relative;
    bottom: -0.1rem;
}
/* 全削除 */
.icon-remove-all:before {
    content: '\eb80';
    /*content: 'すべて削除';*/
    font-family: 'Material Icons Outlined';
    color: red;
    position: relative;
}
/* ポップアップ */
.icon-popup:before {
    content: '\e069';
    font-family: 'Material Icons Outlined';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 50%;
}

/* NEW */
.icon-new:after {
    content: '\e05e';
    font-family: 'Material Icons';
    /* position: relative; */
    /* bottom: -0.5rem; */
    color: red;
    /* line-height: 0.8rem; */
    font-size: 2.1rem;
    /*padding-top: 0.3rem;*/
    padding-top: 0.1rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

/* Upper */
.icon-upd:after {
    content: '\eacf';
    font-family: 'Material Icons';
    position: relative;
    bottom: 0rem;
    color: red;
    line-height: 0.8rem;
    font-size: 0.8rem;
}

/* 配送先 ea12*/
.icon-shipping:after {
    content: '\ea12';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-shipping);
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 請求先 e227*/
.icon-billing:after {
    content: '\e227';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-billing);
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 郵送先 */
.icon-mailing:after {
    /*content: '\e0be';*/
    /*font-family: 'Material Icons';*/
    content:'〒';
    font-weight:bold;
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-mailing);
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* オーナー f02e*/
.icon-owner:after {
    content: '\f02e';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-owner);
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 配送 e558*/
.icon-route:after {
    content: '\e558';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 入金 e2eb*/
.icon-deposit:after {
    content: '\e2eb';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}

/*電話*/
.icon-phone:after {
    content: '\e0b0';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}


/*メール*/
.icon-email:after {
    content: '\e0e1';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}

.icon-web-asset:after {
    content: '\e069';
    font-family: 'Material Icons Outlined', serif;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(50%, 50%);
    font-size: 25px;
}

/* 検索 */
.icon-search:after {
    content: '\e8b6';
    font-family: 'Material Icons';
}

/* チェックマーク */
.icon-checked:after {
    content: '\e5ca';
    font-family: 'Material Icons';
}

/* 右上矢印 */
.icon-r-upper:after {
    content: '\f8ce';
    font-family: 'Material Icons';
}

/* 別窓 */
.icon-w-open:after {
    content: '\e89e';
    font-family: 'Material Icons';
}

/* 書類関連アイコン */
/*発行*/
.icon-print-billing:after {
    content: '\e8ad';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/*郵送*/
.icon-sent-billing:after {
    content: '〒';
    font-weight: bold;
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-mailing);
    line-height: 0.8rem;
}
/*請求書手渡し*/
.icon-direct-billing:after {
    content: '\e764';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: var(--cat-mailing);
    line-height: 0.8rem;
}




.icon-light-print:after {
    content: '\e8ad';
    font-family: 'Material Symbols Outlined', 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


/* 鍵 */
.icon-key-info:after {
    content: '\e73c';
    font-family: 'Material Icons';
    color:#d09900;
    position: relative;
    bottom: -0.1rem;
}

/* キャンペーン */
.icon-campaign:after {
    content: '\ef49';
    font-family: 'Material Icons';
    color:red;
    position: relative;
    bottom: -0.1rem;
}

/* [+] */
.icon-plus:after {
    content: '\e146';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
}
/* [-] */
.icon-minus:after {
    content: '\e909';
    font-family: 'Material Icons Outlined';
    color:red;
    position: relative;
    bottom: -0.1rem;
}
/* 次へ */
.icon-forward:after {
    content: '\e5d9';
    font-family: 'Material Icons';
    /*color: black;*/
    position: relative;
    bottom: -0.1rem;
}
/*[sub]*/
.icon-sub:after {
    content: 'サブ';
    position: relative;
    bottom: 0.05rem;
    color: white;
    font-size: 0.8rem;
    /*border: none;*/
    /*border: solid gray;*/
    border-radius: 0.16rem;
    background-color: darkgray;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    line-height: 0.8rem;
}
/* 受託 */
.icon-outsourced:after {
    content: '受';
    position: relative;
    bottom: 0.05rem;
    font-size: 0.8rem;
    color: black;
    border-radius: 0.8rem;
    border: solid darkorange 0.08rem;
    background-color: orange;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    line-height: 0.8rem;
}
/* 委託（メインあり） */
.icon-outsource:after {
    content: '委';
    position: relative;
    bottom: 0.05rem;
    font-size: 0.8rem;
    color: white;
    border-radius: 0.8rem;
    border: solid green 0.08rem;
    background-color: yellowgreen;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    line-height: 0.8rem;
}
/* 委託（サブのみ） */
.icon-outsource-sub:after {
    content: '委';
    position: relative;
    bottom: 0.05rem;
    font-size: 0.8rem;
    color: black;
    border-radius: 0.8rem;
    border: solid black 0.08rem;
    background-color: white;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    line-height: 0.8rem;
}
/* レンタル商品 */
.icon-rental:before {
    content: 'レ';
    position: relative;
    /*bottom: -0.1rem;*/
    vertical-align: middle;
    /*font-size: 0.8rem;*/
    font-size: 0.68rem;
    line-height: 1rem;
    /*font-weight: 600;*/
    color: black;
    /*border-radius: 15px;*/
    border-radius: 0.38rem;
    border: solid #6186bb 1px;
    background-color: #dae8fc;
    /*padding: 5px 10px;*/
    padding: 0.1rem 0.5rem;
}
/* 定期雑貨 */
.icon-regular-sundries:before {
    content: '定';
    position: relative;
    /*bottom: -0.1rem;*/
    vertical-align: middle;
    font-size: 0.68rem;
    /*font-weight: 600;*/
    line-height: 1rem;
    color: black;
    border-radius: 0.38rem;
    border: solid #b95853 1px;
    background-color: #f8cecc;
    padding: 0.1rem 0.5rem;
}
/* 雑貨 */
.icon-sundries:before {
    content: '雑';
    position: relative;
    vertical-align: middle;
    font-size: 0.68rem;
    /*font-weight: 600;*/
    line-height: 1rem;
    color: black;
    border-radius: 0.38rem;
    border: solid #FFA500 1px;
    background-color: #fad49c;
    padding: 0.1rem 0.5rem;
}

/* 紛失On  */
.icon-lost-on:before {
    content: '\e14a';
    font-family: 'Material Icons';
    color: red;
    position: relative;
    bottom: -0.1rem;
}
/* 紛失Off  */
.icon-lost-off:before {
    content: '\e166';
    font-family: 'Material Icons Outlined';
    color: red;
    position: relative;
    bottom: -0.1rem;
}
/* 紛失複写  */
.icon-duplicate:before {
    content: '\e02e';
    font-family: 'Material Icons Outlined';
    color: black;
    position: relative;
    bottom: -0.1rem;
}

/* 済 */
.icon-done:before {
    content: '済';
    position: relative;
    border: solid 1px red;
    border-radius: 1rem;
    line-height: 1rem;
    padding: 0;
}

/* 必須 */
.icon-required:after {
    content: '必須';
    font-size: 0.7rem;
    /*font-weight: bold;*/
    color: red;
    border: 1px solid red;
    padding: 0.05rem 0.2rem;
    margin-left: 0.2rem;
    border-radius: 0.28rem;
}

/* 削除済み */
.icon-deleted:after {
    content: '[削]';
    position: relative;
    /*border: solid 1px red;*/
    /*border-radius: 1rem;*/
    line-height: 1rem;
    padding: 0;
    color:red;
}

/* 必須 */
.icon-select-only:after {
    content: '選択必須';
    font-size: 0.7rem;
    /*font-weight: bold;*/
    color: red;
    border: 1px solid red;
    padding: 0.05rem 0.2rem;
    margin-left: 0.2rem;
    border-radius: 0.28rem;
}

/* 架電 */
.icon-call:before {
    content: '\e0b0';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    font-size: 1rem;
    color: #6C767D;
    margin-right: -0.2rem;
    line-height: 1rem;
}
/* 手紙 */
.icon-written:before {
    content: '\ea3e';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.2rem;
    font-size: 1.2rem;
    color: #6C767D;
    margin-left: 0.1rem;
    margin-right: -0.4rem;
    line-height: 1rem;
}
/* 対面 */
.icon-visited:before {
    content: '\e7ef';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    font-size: 1.0rem;
    color: #6C767D;
    margin-left: 0.2rem;
    line-height: 1rem;
}

/* note  */
.icon-note:before {
    content: '\e745';
    font-family: 'Material Icons';
    color: gray;
    position: relative;
    font-size: 1.5rem;
    top: 0.4rem;
}

/* 再 */
.icon-reprint:before {
    content: '再';
    position: relative;
    border: solid 1px red;
    border-radius: 0.2rem;
    line-height: 1rem;
    font-size: 0.6rem;
    padding: 0;
    color: red;
    bottom: 0.1rem;
}

/* 
    未集金管理画面専用
    ※記述する箇所は移動します
    ※元々のbtn-outline-dark:hoverは微妙な気がするのでこれに統一してもいいかも
*/
tr .btn-outline-dark:hover, #「対応状況」ポップアップ .btn-outline-dark:hover {
    color: #343a40;
    background-color: white;
    border-color: #343a40;
    opacity:0.5;
}

/* 契約関連 */
/* 書類関連アイコン */
/* 請求書発行 */
.icon-print-billing:after {
    content: '\e8ad';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    /*color: red;*/
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 納品書発行 */
.icon-print-delivery-issue:after {
    content: '\e8ad';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: yellowgreen;
    line-height: 0.8rem;
    /*font-size: 2.5rem;*/
}
/* 郵送 */
.icon-sent-billing:after {
    content: '〒';
    font-weight: bold;
    position: relative;
    bottom: 0rem;
    color: red;
    line-height: 0.8rem;
}
/*請求書手渡し*/
.icon-direct-billing:after {
    content: '\e764';
    font-family: 'Material Icons';
    position: relative;
    bottom: -0.1rem;
    color: #ffb566;
    line-height: 0.8rem;
}
/* 汚損紛失印字 */
.icon-stain-lost:after {
    content: '\e048';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
    color: rosybrown;
    line-height: 0.8rem;
}
/* 専用伝票 */
.icon-way-bill:after {
    content: '\e048';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
    color: #fc5d9c;
    line-height: 0.8rem;
}
/* 督促状 */
.icon-demand-letter:after {
    content: '\e048';
    font-family: 'Material Icons Outlined';
    position: relative;
    bottom: -0.1rem;
    color: #fc5d9c;
    line-height: 0.8rem;
}