/* ============================================================
   変数定義
   ============================================================ */

:root {
   /* customer=質問 の色設定 */
    --customer-color       : #a28258;
	--customer-bgcolor     : #efffff;
    /* --customer-bgcolor     : #dcf6ff; */
/*    --customer-border-color: #f6f6f6; */
  	--customer-border-color : #d4dfd4;

/* 2021/06/29 backup *********
    --customer-color       : #a28258;
	--customer-bgcolor     : #f5f3e0;
    --customer-border-color: #e2dda6;
******************************/
/*	--customer-border-color: transparent; */

   /* support=回答 の色設定 */  
    --support-color        : #78965c;
    --support-bgcolor      : #f4fff4;
	--support-border-color : #d4dfd4;
/* 2021/06/29 backup *******
    --support-color        : #78965c;
    --support-bgcolor      : #d8eee6;
	--support-border-color : #a2bfa2;
****************************/
/*  --support-bgcolor      : #cfdecf; */
/*  --support-border-color : transparent; */

  /* コメントは回答と同じ色*/
    --comment-color        : #78965c;
	--comment-bgcolor      : #f4fff4;
/*    --comment-bgcolor      : #ebffeb; */
/*    --comment-border-color : #f6f6f6; */
  	--comment-border-color : #d4dfd4;

/* 2021/06/29 backup ****************
    --comment-color        : #78965c;
	--comment-bgcolor      : #d8eee6;
    --comment-border-color : #a2bfa2;
*************************************/

/*  --comment-color        : whitesmoke; */
/*	--comment-border-color : transparent; */
/*  --comment-border-color : #cecece; */

/*    --ticket-border-radius : 0px; */
    --ticket-border-radius : 5px;
	--content-color        : black;
	--content-bgcolor      : white;
	--content-border-color : white;
	--content-border-radius: 5px;
	--monospaced-font      : 'Roboto Mono', 'Noto Sans JP', monospace, sans-serif;

    --ticket-margin : 2px 0;
    --ticket-shadow : 0 3px 4px 0 rgba(0, 0, 0, 0.22);
}
/* ============================================================
   ヘッダー
   ============================================================ */

/* 名称「Cosol MultiVendor Support」のフォント調整 */
.Company_name{
  font-size: 24px;
  font-weight:bold;
  color:#ffffff;
  vertical-align: middle;
  float: right;
  margin: 0 0 0 10px;
}

/*「登録」リンクを非表示 */
a[data-id="signUpLink"] {
    display: none;
}

/* 「ホーム」の幅設定(隣のタブとの調整) */
#portal_tabHome {
  width: 100px;
}

/* タブ名「問い合わせ」を「既存問い合わせ」に変更 */
#Cases_tab {
  font-size: 0;
}
#Cases_tab:before {
  font-size: 1rem;
  content: "既存お問い合わせ";
}

/* タブ名「＋」を「新規問い合わせ」に変更 */
#plusIcon {
  display: none;
}
/*
.Icon__icon {
  display: none;
}
*/
.FormShortCut__plusPopup:after {
  color: white;
  font-weight: bold;
  content: "新規お問い合わせ";
}

/* 「新規問い合わせ」クリック時に表示される文言を変更(サポート対応は英語になる表記があったため) */
div.FormShortCut__menuSubTitle {
  font-size: 0;
}
div.FormShortCut__menuSubTitle:before {
  font-size: 1rem;
  content: "新規問い合わせはこちら";
}

/* 「問い合わせの送信」を「お問い合わせの起票」に変更 */
a[data-id="new_ticket"] {
  font-size: 0;
}

a[data-id="new_ticket"]:before {
  font-size: 1rem;
  content: "お問い合わせの起票";
}

/* タブ名「ナレッジベース」を「ナレッジ」に変更 */
#Solutions_tab {
  font-size: 0;
  width: 100px;
}
#Solutions_tab:before {
  font-size: 1rem;
  content: "ナレッジ";
}

/* タブ名下の赤線を非表示 */
li.Header__tabsTab.Header__tabsTabActive {
    border-bottom-color: transparent;
}

/* 画面右上顧客アイコン */
/* 顧客アイコンの「ビュー プロフィール」を非表示 */
a[data-id="user_profile_link"] {
    display: none;
}

/* 顧客アイコンの「パスワードの変更」を非表示 */
a[data-id="changePwdLink"] {
    display: none;
}

/* アバーターテキストを非表示 */
div.AvatarText__avatarText {
    font-size: 0;
}
/*
div[data-id="avatarText" {
    font-size: 0;
    display: none;
}
*/

/*
a[data-id="user_profile_link"] {
    font-size: 0;
}

a[data-id="user_profile_link"]:before {
  font-size: 1rem;
  content: "プロフィール";
}

*/
/* ============================================================
   プロフィール系ページ
   ============================================================ */

/* ------------------------------------------------------------
   /profile のページ
   ------------------------------------------------------------ */

/* 顧客アイコンから profile のページへのリンクを非表示にしたので
   画面が表示されること自体がなくなったが、いちおう記載は残しておく
*/

/* ダッシュボードを非表示 */

li[data-id="profile_dashboard"] {
    display: none;
}

/* 文言を書き換える */
/* 「権限管理」→「プロフィール」*/
li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName {
    font-size: 0;
}

li[data-id="profile_manageaccount"] > span.ProfileTabs__tabName:before {
	font-size: 1rem;
	content: "プロフィール";
}

/* ------------------------------------------------------------
   /profile#manageaccount（編集） のページ
   ------------------------------------------------------------ */

/* 「プロフィール」と「パスワードの変更」のリンクを非表示にする */
div.ProfileRightTopBar__profileHeadTitleBorder {
    display: none;
}

/* 各項目のタイトルヘッダを非表示にする */
div.EditProfileContainer__profileHeadTitle {
    display: none;
}

/* フォームを非表示にする */
/* 名前 */
div.EditProfileContainer__profileWrapper div#field_name {
    display: none;
}
/* メール */
div.EditProfileContainer__profileWrapper div#field_emailAddress {
    display: none;
}
/* 電話番号 */
div.EditProfileContainer__profileWrapper div#field_phone {
    display: none;
}
/* 携帯 */
div.EditProfileContainer__profileWrapper div#field_mobile {
    display: none;
}
/* ソーシャル */
div.EditProfileContainer__profileWrapper div.EditProfileContainer__boxList:nth-child(3) {
    display: none;
}
/* 場所 */
div.EditProfileContainer__profileWrapper div.EditProfileContainer__boxList:nth-child(4) {
    display: none;
}


/* ============================================================
   サインインページ
   ============================================================ */
/* 「パスワードを忘れた」を非表示にする */
/*
div.UserSigninContainer__loginHalf {
    display: none;
}
*/

div.UserSigninContainer__loginHalf {
    font-size: 0;
    border-style: none;
}

/*
div.UserSigninContainer__loginHalf:before {
    font-size: 1rem;
    content: "パスワードを忘れた方へ";
}
*/

.UserSigninContainer__signUpDescription {
    font-size: 0;
}

/*
a[data-id="reset_password"] {
    font-size: 1rem;
}
*/

a[data-id="reset_password"]:before {
	font-size: 1rem;
	content: "パスワードを忘れた方はこちら";
}


/*
div.UserSigninContainer__loginHalf:after {
	font-size: 1rem;
	content: "パスワードを忘れた方へ";
}
*/
/*
a[data-id="reset_password"]:after {
	font-size: 1rem;
	content: "リセット";
}
*/

/* アカウント入力欄を右に延長 */
/*
div.UserSigninContainer__signInIframe {
    width: 500px;
    height: 200px;
}
*/

/* ============================================================
   「パスワードを忘れた」ページ
   ============================================================ */

.ForgotPwdCont__title {
    font-size: 0;
}
.ForgotPwdCont__title:before {
    font-size: 2rem;
    content: "パスワードを忘れた方";
}


/* ============================================================
   新規問い合わせ - 問い合わせの送信ページ
   ============================================================ */
/* 「問い合わせの送信」を「お問い合わせ新規起票」に変更 */
.TicketFmLtCnter__title {
    font-size: 0;
}

.TicketFmLtCnter__title:before {
    font-size: 1.5rem;
    content: "お問い合わせ新規起票";
}
.TicketFmLtCnter__title:after {
    white-space: pre-wrap;
    font-size: 1rem;
    color: red;
    content: "\A※ 最初に「テンプレートの選択」からお問合せ対象の製品をお選びください";
}

/* 「連絡先」文字を非表示にする */
div.TicketFmLtCnter__sectionName.連絡先 {
    display: none;
}

/* 追加CC を非表示にする */
#field_cf_zhui_jia_lian_luo_xian_cc {
    display: none;
}


/* ============================================================
   問い合わせ参照ページ
   ============================================================ */
/* ------ 問い合わせ一覧画面 ----- */

/* 「All Department」を非表示 add 20220801*/
div.TicketListContainer__mobileFilter.TicketListContainer__filter_department{
  display: none;
}
/* 「All Channel」を非表示 add 20220801*/
div.TicketListContainer__mobileFilter.TicketListContainer__filter_channel{
  display: none;
}

/* ↑の2つ Department/Channel個別だけでなく枠自体を非表示 add 20231225*/
/* 枠自体は残っていても問題ないが見栄えのため */
div[class="TicketListContainer__panelFilter"] {
  display: none;
}


/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「自分の問い合わせ」をての問い合わせ」に変更 */
span[title="自分の問い合わせ"] {
  font-size: 0;
}
span[title="自分の問い合わせ"]:before {
  font-size: 1rem;
  content: "すべての問い合わせ";
}



/* 「未完了」を「対応中」に変更 */
/*
a[data-id="open_filter"] {
    font-size: 0;
}
a[data-id="open_filter"]:before {
    font-size: 1rem;
    content: "対応中";
}
*/

/* 2023/12/21 shirai
   画面の仕様変更に伴い↑を↓に変更*/
/* 「自分の未完了の問い合わせ」を「対応中」に変更 */
span[title="自分の未完了の問い合わせ"] {
  font-size: 0;
}
span[title="自分の未完了の問い合わせ"]:before {
  font-size: 1rem;
  content: "対応中";
}

/*20221007 add */
div[data-id="open_status_filter_item"].TicketListContainer__listItem.CommonStyle__textOverHandle.CommonStyle__flex1{
  font-size: 0;
}

/* 「完了」を「クローズ」に変更 */
/*
a[data-id="closed_filter"] {
    font-size: 0;
}
a[data-id="closed_filter"]:before {
    font-size: 1rem;
    content: "クローズ";
}
*/

/* 2023/12/21 shirai
   画面の仕様変更に伴い↑を↓に変更*/
/* 「My Closed 問い合わせ」を「クローズ済み」に変更 */
span[title="My Closed 問い合わせ"] {
  font-size: 0;
}
span[title="My Closed 問い合わせ"]:before {
  font-size: 1rem;
  content: "クローズ済み";
}



/* 「保留」を「お客様ご連絡待ち」に変更 */
/*
a[data-id="onhold_filter"] {
    font-size: 0;
}
a[data-id="onhold_filter"]:before {
    font-size: 1rem;
    content: "お客様ご連絡待ち";
}
*/

/* 2023/12/21 shirai
   画面の仕様変更に伴い↑を↓に変更*/
/* 「自分の保留中の問い合わせ」を「お客様からのご連絡待ち」に変更 */

span[title="自分の保留中の問い合わせ"] {
  font-size: 0;
}
span[title="自分の保留中の問い合わせ"]:before {
  font-size: 1rem;
  content: "お客様からのご連絡待ち";
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「My Overdue 問い合わせ」を非表示 */
span[title="My Overdue 問い合わせ"] {
  font-size: 0;
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「問い合わせチーム」を「すべての問い合わせ(グループ)」に変更 */
span[title="問い合わせチーム"] {
  font-size: 0;
}
span[title="問い合わせチーム"]:before {
  font-size: 1rem;
  content: "すべての問い合わせ(グループ)";
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「Team Open 問い合わせ」を「対応中(グループ)」に変更 */
span[title="Team Open 問い合わせ"] {
  font-size: 0;
}
span[title="Team Open 問い合わせ"]:before {
  font-size: 1rem;
  content: "対応中(グループ)";
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「Team Closed 問い合わせ」を「クローズ済み(グループ)」に変更 */
span[title="Team Closed 問い合わせ"] {
  font-size: 0;
}
span[title="Team Closed 問い合わせ"]:before {
  font-size: 1rem;
  content: "クローズ済み(グループ)";
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「Team On Hold 問い合わせ」を「お客様からのご連絡待ち(グループ)」に変更 */
span[title="Team On Hold 問い合わせ"] {
  font-size: 0;
}
span[title="Team On Hold 問い合わせ"]:before {
  font-size: 1rem;
  content: "お客様からのご連絡待ち(グループ)";
}

/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
/* 「Team Overdue 問い合わせ」を非表示 */
span[title="Team Overdue 問い合わせ"] {
  display: none;
}


/* 問い合わせごとの部門名を非表示 */
ul.BreadCrumbs__breadcrumbs {
    display: none;
}

/* 問い合わせごとのステータスを非表示(VENなどが表示されてしまう) */
li.TicketListItem_status {
    display: none;
}


/* 2023/12/25 shirai 画面の仕様変更に伴い追加 */
/* 画面を狭めたときに表示される一覧を絞り込むビューを非表示 */
/* ビューの枠自体を非表示ではなくそれぞれのビュー名を変更したかったが、変更方法が不明のため枠自体を非表示にした */
div[class="DropDown__main CommonStyle__w100per CommonStyle__posRel"] {
  display: none;
}


/* ------ 問い合わせ詳細画面 ----- */
/* ------ 画面左側ペインの問い合わせ内容 ----- */

/* 「コメント」リンクを非表示にする */
a[data-id="newComment"] {
    display: none;
}

/* 返信フォームのアイコンを非表示 */
div.ThreadForm__editor > div.ThreadForm__userImage {
    display: none;
}

.Post__postContent {
  margin-left: 0;
  border-top: 1px solid #d4dfd4;
  padding-top: 5px;
}

.Comment__postContent
 {
  margin-left: 0;
  border-top: 1px solid #d4dfd4;
  padding-top: 5px;
}

/* 担当者と顧客のアイコンを非表示 */
div.MediaObject__mediaObjectFigure {
    display: none;
}

/* 「チーム」を「グループ」に変更 */
a[data-id="Alltickets_filter"] {
    font-size: 0;
}
a[data-id="Alltickets_filter"]:before {
    font-size: 1rem;
    content: "グループ";
}


/* 顧客の氏名を非表示にし、「ご質問」に変更 */
h2.enduser_name{
    font-size: 0;

    display: block;
    width: auto;
    height: 25px;
/*    vertical-align: middle;*/
    padding-left: 4px;
    padding-top: 4px;
/*    background-color: #7dd1ce; */
    background-color: #56bab7;
    border-radius: 2px;
}

h2.enduser_name:before{
    font-size: 1rem;
/*    color: var(--content-color); */
    color: #ffffff;
    font-weight: bold;
    content: "ご質問";
}


/* 担当者の氏名を非表示し、「回答」に変更 */
h2.agent_name{
    font-size: 0;
  
    width: auto;
    height: 25px;
}
h2.agent_name:before{
    font-size: 1rem;
    color: var(--content-color);
    font-weight: bold;
    content: "回答";
}

/* 担当者と顧客の氏名(コメント)を非表示*/
a.agent_name{
    display: none;
}

/* 担当者と顧客の氏名(コメント)を使うとプロフィールページへのリンクが生きてしまうのでコメントラベルに"回答"文字を設定
a.agent_name{
    font-size: 0;
}
a.agent_name:before{
    font-size: 1rem;
    color: var(--content-color);
    font-weight: bold;
    content: "回答";
}
*/
div.MediaObject__mediaObject{
    display: block;
}

div.Comment__commentNameDetail {
    display: block;
    width: 100%;

    background-color: #7dd17d;
    padding-left: 4px;
    border-radius: 2px;
}

div.Comment__commentNameDetail:before {
    font-size: 1rem;
    color: #ffffff;
    font-weight: bold;
    content: "回答";
}

/* 担当者名を非表示 */
/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
span[class="Comment__labelName CommonStyle__disFlex"] {
  display: none;
}
/* コメントアイコンを非表示 */
/* 2023/12/21 shirai 画面の仕様変更に伴い追加 */
span[data-id="commentIcon"] {
  display: none;
}

/*
.Comment__labelName {
    display: block;
    background-color: #7dd17d;
    padding-left: 4px;
    border-radius: 2px;
}
*/
/* コメントラベルに「回答」の文字を設定 */
/*
.Comment__labelName:before{
    font-size: 1rem;
    color: #ffffff;
    font-weight: bold;
    content: "回答";
}
*/
/* 更新日時の左に余白を開ける */
/* ↑の「ご質問」「回答」と同じ値に設定 */
/*
.Post__draftTime {
    padding-left: 10px;
}
.Comment__commentTime
 {
    padding-left: 10px;
}
*/

/* 顧客(質問)の枠の設定 */
div.enduser_thread {
	background-color: var(--customer-bgcolor);
	border: 1px solid var(--customer-border-color) !important;
	border-radius: var(--ticket-border-radius);
    margin: var(--ticket-margin);
    box-shadow: var(--ticket-shadow);
    padding: 20px;
    font-size: 0.8rem;
}

/* コメントの枠の設定 */
/* MVSでは回答を公開コメントとしている */
/*
div.agent_comment {
	background-color: var(--comment-bgcolor);
	border: 1px solid var(--comment-border-color) !important;
	border-radius: var(--ticket-border-radius);
    margin: var(--ticket-margin);
    box-shadow: var(--ticket-shadow);
    padding: 20px;
    font-size: 0.8rem;
}
*/

/* 2023/12/21 shirai
   画面の仕様変更に伴い↑を↓に変更*/
/* コメントの枠の設定 */
/* MVSでは回答を公開コメントとしている */
div[class="Comment__threadComment borderLineTop enduser_comment"]{
	background-color: var(--support-bgcolor);
	border: 1px solid var(--support-border-color) !important;
	border-radius: var(--ticket-border-radius);
    margin: var(--ticket-margin);
    box-shadow: var(--ticket-shadow);
    padding: 20px;
    font-size: 0.8rem;
}

/* サポート担当者(回答)の枠の設定 */
/* MVSでは回答を公開コメントとしているので「回答」枠は使用していないがいちおう指定 */
 div.agent_thread {
	background-color: var(--support-bgcolor);
	border: 1px solid var(--support-border-color) !important;
	border-radius: var(--ticket-border-radius);
    margin: var(--ticket-margin);
    box-shadow: var(--ticket-shadow);
    padding: 20px;
    font-size: 0.8rem;
}


/* ------ 画面右側ペインのプロパティ ----- */
/* のプロパティ＆編集リンクを非表示にする */
.TicketDetailContainer__property {
    display: none;
}

/* チャネルを非表示にする */
div[data-id="ticket_channel"] {
    display: none;
}

/* ステータスを非表示にする */
div[data-id="ticket_status_label"] {
    display: none;
}
div[data-id="ticket_status_value"] {
    display: none;
}

/* 連絡先を非表示にする */
div.TicketDetailContainer__sectionName.連絡先 {
    display: none;
}

/* 部門を非表示にする */
div[data-id="ticket_department"] {
    display: none;
}

/* 追加CCを非表示にする */
div[data-id="ticket_cf_zhui_jia_lian_luo_xian_cc"] {
    display: none;
}

/* 問い合わせ内容を非表示にする */
div.TicketDetailContainer__sectionName.問い合わせ内容 {
    display: none;
}

/* 分類を非表示にする */
div[data-id="ticket_classification"] {
    display: none;
}
/* メールを非表示にする */
div[data-id="ticket_email"] {
    display: none;
}

/* 保留日を非表示にする */
div[data-id="ticket_onholdTime"] {
    display: none;
}

/* ページトップ●アイコンを非表示にする */
span[data-id="scroll_top"] {
    display: none;
}

/* 2023/12/27 shirai */
/* 「問い合わせを完了する」を「問い合わせをクローズする」に変更 */
/* 新規起票後に起票を完了するボタンと誤認させないため */
a[data-id="clost_ticket"] {
  font-size: 0;
  /* font-size 0 にするとチェックアイコンが上揃えになったので中央揃え指定 */
  /* チェックアイコンを消そうと思ったがやり方が不明だった */
  vertical-align: middle; 
}
a[data-id="clost_ticket"]:after {
  font-size: 1rem;
  content: "問い合わせをクローズする";  
}

div[class="CloseTicket__closeMessage"] {
  font-size: 0;
}
div[class="CloseTicket__closeMessage"]:before {
  font-size: 1rem;
  content: "問い合わせをクローズしますか？";  
}
/* 2023/12/27 クローズボタン修正ここまで*/