/** 既存スタイルの上書き用 **/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


body {
  font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
textarea {
  font-family: 'Noto Sans JP', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#top-menu a {
  color: #e0e0e0;
}
#top-menu a#historyBack {
  padding: 13px;
  background-color: #019875;
  font-size: 1.0rem;
  cursor: pointer;
}
#header {
  background-color: #15448d;
}
#header h1 {
  padding-left: 3em;
}
#header .home {
  padding: 1px 0px!important;
  border-left-width: 0px;
  border-right-width: 0px;
  box-shadow: none;
}
#header .home:before {
  display: inline-block;
  margin-top: 3px;
  content: url(../images/logo.png?up=20170613);
}

#main #sidebar h3 {
  position: relative;
}
h3 .linkToSummary {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 0.8rem;
}
h3 .linkToSummary a:before {
  content: "＞";
}

td.tick .icon-only {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
td.tick .icon-only.icon-ok {
  background-color: #81C784;
}
td.tick .icon-only.icon-error {
  background-color: #ff4444;
}

/** タスク詳細 **/
div.issue div.attributes .attribute {
  display: flex;
}
.issue.historyInfo {
  padding-top: 10px;
  border: 2px solid #ff9966;
}
.description .wiki {
  white-space: pre;
}
#issue-form .box fieldset {
  padding-top: 1em;
}
#issue-form .box fieldset legend {
  padding-top: 2em;
  color: #888888;
}
#issue-form .box fieldset.tabular legend{
  padding-top: 0.5em;
}
.tabular .field {
  min-height: 1.8em;
  clear: left;
  margin: 0;
  padding-left: 15em;
  margin-bottom: 1em;
}
#issue-form a[accesskey="r"] {
  display: none;
}

/* diff画面 */
.text-diff {
  white-space: pre;
}

/* グローバルメニュー */
#top-menu a.projects {
  display: none;
}

/* タスク一覧 */
.welcomeMessage {
  margin: 4px 4px 20px;
  padding: 0px 10px;
  border: 1px solid #ddeeff;
  background-color: #f8f8f8;
  line-height: 1.0rem;
  color: #337799;
}
.welcomeMessage .movieForIssueList {
  margin: -20px;
  padding: 0px 30px;
  width: 400px;
}
.list.issues .showDetail {
  display: block;
  padding: 4px 0px;
  width: 4rem;
  text-align: center;
}
.pagination {
  display: block;
  padding-bottom: 20px;
}
div#context-menu {
	margin: 0;
}

/* 検索フィルタ：管理者以外は他ユーザが見えないように */
.filter .values select[name="v[assigned_to_id][]"] option,
.filter .values select[name="v[author_id][]"] option {
  display: none;
}
body.currentUser_isAdmin .filter .values select[name="v[assigned_to_id][]"] option,
body.currentUser_isAdmin .filter .values select[name="v[author_id][]"] option {
  /* 管理者の場合は全ての選択肢を表示 */
  display: block;
}
.filter .values select[name="v[assigned_to_id][]"] option[value="me"],
.filter .values select[name="v[author_id][]"] option[value="me"] {
  /* 選択肢「自分」は表示 */
  display: block;
}



/*** 画面シンプル化の為、非表示 ***/
/*タスク一覧：オプション(表示対象フィールドの選択部)*/
#query_form_content #options {
  display: none;
}

/* ログイン画面 */
.controller-account.action-login #header {
  display: none;
}
#login-form {
  margin: 20px auto;
  padding-top: 80px;
  max-width: 800px;
  background-size: contain;
  background-position: center 20px;
  background-image: url(../images/big-logo.jpg);
  background-repeat: no-repeat;
}


/*** レスポンシブ時のスタイル調整 ***/
@media screen and (max-width: 899px){
  #main #sidebar {
    display: none;
  }
  #main #content {
    width: 100%;
    padding: 0px 10px;
  }
  #main #content .contextual {
    float: none;
    margin-bottom: 30px;
  }
  #s2id_project_quick_jump_box {
    width: 50%!important;
  }
  #content>.contextual a.btn {
    padding-left: 0px;
    border-radius: 6px;
    background-color: #019875;
  }
}
@media screen and (max-width: 599px){
  .welcomeMessage .flexBox {
    flex-direction: column;
  }
  .welcomeMessage .movieForIssueList {
    margin: 0px auto;
  }
}

/*** ローディング画像 ***/
#wrapper {
  display: none;
}
#nowLoading {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  padding: 25% 0;
  width: 100%;
  z-index: 30000;
}
#nowLoading img {
  width: 100px;
  height: 100px;
}

/*** パスワード再発行画面 ***/
.action-lost_password #content::after {
  content: 'support@casemap.cloud からの案内メールに従って操作してください。（迷惑メールフォルダに振分けられる場合がありますので、ご注意ください。）';
  color: #ff4444;
}

/*** diff画面 ***/
#content .text-diff {
  position: relative;
  overflow: hidden;
}
#content .text-diff .modeButtons {
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: right;
}
#content .text-diff .modeButtons .btn {
  margin-left: 5px;
  padding: 6px 0px;
  width: 100px;
  text-align: center;
}
#content .text-diff .modeButtons .btn.off {
  background-color: #a0a0a0;
}
#content .text-diff[mode="old"] .diff_in {
  display: none;
}
#content .text-diff[mode="new"] .diff_out {
  display: none;
}
#content .text-diff-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  padding: 16px 0px;
  border-left: 1px solid #e0e0e0;
}
#content .text-diff[mode="diff-parallel"] .text-diff-right {
  padding: 16px 16px;
  width: 50%;
}
#content .text-diff[mode="diff-parallel"] > .diff_in {
  background-color: transparent;
  color: transparent;
}
#content .text-diff[mode="diff-parallel"] .text-diff-right > .diff_out {
  background-color: transparent;
  color: transparent;
}

/** 埋込み動画(jw-player) **/
.jwplayer {

}
.jwplayer .jwdisplayIcon .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB9UlEQVRYR8WXz0tVURDH5zOLkAhp26K/TNq0ahMREREiEuJCcCEuIqKFRCtX4TJaSYSLkBbhIkLCRbgIRaunie9+Y+SekMf7ca+e4zubB+/One+HmXvmB1YfSXclzZvZFjALfEjPSv6SnFdVdWBmk+eAVt39MbBTHECSS+r2EeoAC2a2CHRKgJxFQNI1SX+HCOwAEY3V3BAJYELSUQPn68AD4HMD20YmbQHC6amkV+4+A/xspDLEKAFcl/SnpbM94JmZPQdOW7773/wyAMnJF+Ah8P4iEDkAku5b4BGw3QYkAdyQ9KvNiwNsjyUtufs88LuJv9wASfMH8AR4MwqiFEDS3QDuA58GgZQGCN1K0mt3fwrs9oIkgElJ0QtKnkNgzsyWgZMkdJUASTO67R1gM/4YB0Do7gK3o4CNCyCq6K1IxTgAtoEpYOOqU9CRtOjuC+dnixSBm5L2S10BSTFdRWH6PugalgLYrBvV+qhClBsgvvJpM1sBqmGRzZ2CE0nL7j4HHDZJaU6Atbodf2sinLMSZhlILtILopjMmNnLHCNZG4AYSl+4e2xPe23C3c+2bTt+V1+rrcsK934Do0ayr/VispZLuBdg0GLSt4fnhEgpiN0w9oKJ2nlMMSvuPt1viskOEA673W5MsvfM7GO9np8NDKXPP5j6QjBvv7ycAAAAAElFTkSuQmCC)!important;
  transform: rotate(0deg)!important;
}
.jwplayer .jwcontrolbar {
  left: 0px!important;
  right: 0px!important;
  bottom: 5px!important;
  opacity: 1!important;
}
.jwplayer .jwcontrolbar .jwbackground {
  left: 0px!important;
  right: 0px!important;
  background-image: none!important;
}
.jwplayer .jwcontrolbar .jwcapLeft,
.jwplayer .jwcontrolbar .jwcapRight {
  display: none;
}
.jwplayer .jwlogo {
  opacity: 0!important;
}

/** プロジェクト概要：メンバー名が露出しないように **/
.controller-projects.action-show .members.box {
  display: none;
}

/** 入力フォーム **/
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
}