/* 
    Document   : tentama
    Created on : 2012/04/18
    Author     : kanetake
    Description: アイコンの表示関係
*/

  .icon_position {position: relative; }
  #report_kessai_panel .icon_position {position: relative;}
  .icon_position_left { top: 50%; margin-top: -3px; position: absolute; left: 0.2em; right: auto; margin-left: 0px; float: left !important; }
  .icon_position_right { top: 50%; margin-top: -3px; position: absolute; left: 0.2em; right: auto; margin-left: 0px; float: right !important; }


  /* 新規作成 */
  .icon_create
  {
    background-image: url("../images/icon/edit.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* 編集 */
  .icon_edit
  {
    background-image: url("../images/icon/file-edit.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.2em;
    position: static;
  }

  /* 保存 */
  .icon_save
  {
    background-image: url("../images/icon/system-tick-alt-03.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* 削除 */
  .icon_delete
  {
    background-image: url("../images/icon/trash.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* メール */
  .icon_mail
  {
    background-image: url("../images/icon/mail-closed.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }


  /* HOME */
  .icon_home
  {
    background-image: url("../images/icon/home.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;

  }


  /* ふきだし */
  .icon_comment
  {
    background-image: url("../images/icon/comment.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: /*bottom*/top;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.2em;
    position: static;
  }

  /* 新着 */
  .icon_new_info
  {
    background-image: url("../images/icon/badge-new.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    padding-right: 0.5em;
    background-position: /*bottom*/top;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.4em;
    position: static;
  }

  /* ダウンロード */
  .icon_download
  {
    background-image: url("../images/icon/file-download.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* アップロード */
  .icon_upload
  {
    background-image: url("../images/icon/file-upload.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* 取消し、削除 */
  .icon_cancel
  {
    background-image: url("../images/icon/system-delete.png");
    padding-left: 0.1em;
    padding-bottom: 0.1em;
    background-position: top;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.2em;
    position: static;
  }

  /* 追加 */
  .icon_plus  {
    margin-top: 5px;
    background-image: url("../images/icon/system-save-alt.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.3em;
    position: static;
  }

  #report_kessai_panel .icon_plus  {
    margin-top: 0px;
  }
  /* タグ */
  .icon_tag
  {
    background-image: url("../images/icon/tag.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* 所属している部署はお気に入りの☆アイコンの代わりに＊アイコン表示 */
  .icon_asterisk
  {
    background-image: url("../images/icon/asterisk_orange.png");
    padding: 0.1em 0.2em 0.3em 0.5em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1em;
    height: 1.2em;
    position: static;
  }

  /* お気に入り 入っている状態 */
  .icon_favourite_in
  {
    background-image: url("../images/icon/star.png") !important;
    /* padding-left: 18px; */
    /* padding: 上右下左 */
    padding: 0.1em 0.2em 0.3em 0.5em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1em;
    height: 1.2em;
    position: static;
  }

  /* お気に入り 入っていない状態 */
  .icon_favourite_out
  {
    background-image: url("../images/icon/star_gray.png") !important;
    padding: 0.1em 0.2em 0.3em 0.5em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1em;
    height: 1.2em;
    position: static;
  }

  /* 印刷 */
  .icon_printer
  {
    background-image: url("../images/icon/printer.png") !important;
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* 下矢印 */
  .icon_arrow_down
  {
    background-image: url("../images/icon/arrow-down-alt.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.4em;
    position: static;
  }

  /* 右矢印 */
  .icon_arrow_right
  {
    background-image: url("../images/icon/arrow_right.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.4em;
    position: static;
  }

  /* カレンダー追加 */
  .icon_event
  {
    background-image: url("../images/icon/calendar-add.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* ×アイコン */
  .icon_remove
  {
    background-image: url("../images/icon/remove.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    position: static;
    float: none! important;
    height: 1.5em;
    width: auto;
    left: initial;
    right: initial;
    top: initial;
    margin-top: auto;
  }

  /* ×アイコンと同サイズの空 背景色が透明の画像  */
  .icon_no_remove
  {
    background-image: url("../images/icon/no-remove.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.1em;
    height: 1.2em;
    position: static;
  }

  /* クリップ */
  .icon_clip
  {
    background-image: url("../images/icon/icon_attachment.gif");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.3em;
    position: static;
  }

  /* 画像のみ */
  .icon_picture
  {
    background-image: url("../images/icon/picture.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.3em;
    position: static;
  }

  /* 画像とファイル */
  .icon_photos
  {
    background-image: url("../images/icon/photos.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.2em;
    height: 1.3em;
    position: static;
  }

  /* ケーキ */
  .icon_cake
  {
    background-image: url("../images/icon/cake.png");
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }


  /* 宿直・時差出勤・勤怠icon 本直 青字/青背景 */
  .icon_honchoku
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 宿直・時差出勤・勤怠iconｎ副直 青字/青背景 */
  .icon_fukuchoku
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 宿直・時差出勤・勤怠icon 末直 青字/青背景 */
  .icon_suechoku
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 宿直・時差出勤・勤怠icon 宿直（管理員） 青字/青背景 */
  .icon_syukuchoku
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 宿直・時差出勤・勤怠icon 竈日（竈門神社日勤） 赤字/黄背景 */
  .icon_kamado_nikkin
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 竈当（竈門神社当直） 青字/青背景 */
  .icon_kamado_touchoku
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 宿直・時差出勤・勤怠icon 天拝（天拝山） 赤字/黄背景 */
  .icon_tenpai
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 社頭（第一社頭助勤） なし(ただし、classは残しておく) */
  .icon_syatou
  {
  }


  /* 宿直・時差出勤・勤怠icon 時差 赤字/黄背景 */
  .icon_jisa
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 遅参 赤字/黄背景 */
  .icon_chisan
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 早退 赤字/黄背景 */
  .icon_soutai
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 休み 赤字/赤背景 */
  .icon_yasumi
  {
    background-color: #FFC0CB;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 振替 赤字/赤背景 */
  .icon_furikae
  {
    background-color: #FFC0CB;
    color: #FF0000;
  }

  /* 宿直・時差出勤・勤怠icon 出張 赤字/黄背景 */
  .icon_syucchou
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 勤怠 宿直 */
  .icon_syukuchoku_class
  {
    background-color: #C5DBEC;
    color: #2E6E9E;
  }

  /* 勤怠 一部不在（遅参・早退とか） */
  .icon_fuzai_class
  {
    background-color: #FFFF80;
    color: #FF0000;
  }

  /* 勤怠 休み */
  .icon_yasumi_class
  {
    background-color: #FFC0CB;
    color: #FF0000;
  }





  /* スケジュールの職員選択を自身、設定していた上司に戻す */
  .icon_undo
  {
    background-image: url("../images/icon/arrow_undo.png");
    padding: 1px 5px 1px 25px;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    position: static;
  }

  /* コンボボックスの左右に使用するアイコンのクラス */
  .select_delete_icon
  {
    padding-left: 20px;
    padding-top: 2px;
  }

 /* 公休出勤確認表 内容表示アイコン */
 .icon_text{
    background-image: url("../images/icon/doc_text_image.png");
    padding-left: 0.3em;
    padding-bottom: 0.3em;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 0.8em;
    height: 0.9em;
    position: static;
 }

.icon_new_info, .icon_save, .icon_comment, .icon_clip, .icon_cancel, .icon_favourite_out, .icon_no_remove, .icon_edit{
    width: 20px;
    height: 20px;
    /* margin-top: -0.3em; */
}

/* 2015/4/1 kawaguchi datepicker用のアイコンスタイル用 */
.icon-datepicker {
    font-size: 1.2em;
    color: #ff7e05;
    cursor: pointer;
}
/* 2015/4/1 kawaguchi panel-title部（背景青色）の場合は 黒へ */
.panel-title .icon-datepicker {
    color: #222222;
}