/* 基本設定 */
html {
    overflow-y: scroll;
}
/* アクションボタン固定領域定義 */
div#actionbutton-area {
  padding: 0px 5px 0px 5px;
  background-color: #EEEEEE;
  position: fixed;
  height: 45px;
  z-index: 100;
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
}
div#actionbutton-area .btn {
  background-color: #696969;
  box-shadow: none;
}
div#actionbutton-area .btn:focus {
  background-color: #C0C0C0;
}
div#actionbutton-area .btn:hover{
  background-color: #C0C0C0;
}

/* メッセージ固定領域定義 */
div#message-area {
  padding: 0px 5px 0px 5px;
  background-color: #f2f2f2;
  position: fixed;
  height: 20px;
  z-index: 100;
}

.infomsg {
  color: #000;
  font-weight: bold;
}
.errmsg {
  color:#ff0000;
  font-weight: bold;
}

/* スクロールコンテンツ領域定義 */
div#scroll-area {
  margin-top: 20px;
  padding: 0px 5px 0px 5px;
}
/* アクションボタン固定領域ありの場合のマージン調整 */
div#actionbutton-area ~ div#message-area {
  margin-top: 45px;
}
div#actionbutton-area ~ div#scroll-area {
  margin-top: 65px;
}

/** start -> all template */
/* フォントファミリー指定 */
body, input, textarea, select, button, .form-control, h1, h3, h4, h5, .main-header, .select2-container-multi .select2-choices .select2-search-field input {
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo UI", Verdana, Arial, sans-serif, "NSimSun 標準", Verdana, Arial;
}
/* フォント色指定 */
body, input, textarea, select, button, .form-control, .w2ui-reset table, .w2ui-grid-footer, h1, h3, h4, h5 {
  color: #000;
}
/* フォントサイズ指定 */
body, input, textarea, select,.form-control, .select2-container-multi .select2-choices .select2-search-field input {
  font-size: 15px;
}
/* w2ui grid フォント・サイズ設定 */
.w2ui-reset table, .w2ui-grid-footer {
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo UI", Verdana, Arial, sans-serif, "NSimSun 標準", Verdana, Arial !important;
  font-size: 15px !important;
}
/* コンテンツの背景色指定 */
.content-wrapper, .right-side {
  background-color: #f2f2f2;
}
/* コンテンツのパディング指定 */
div#content[class="col-xs-24"]{
  padding: 0px 0px 0px 0px;
  background-color: #f2f2f2;
}
/* フォームグループ内のマージン、パディング指定 */
.form-horizontal .form-group {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}
/* フォームグループ内のラベルのマージン、パディング指定の解像度別指定を統一 */
.form-horizontal .control-label {
  text-align: right;
  margin-bottom: 0;
  padding-top: 7px;
}
/* カラムのパディング指定 */
.form-horizontal .form-group > [class*="col-xs"],
.form-horizontal .form-group > [class*="col-sm"],
.form-horizontal .form-group > [class*="col-md"],
.form-horizontal .form-group > [class*="col-lg"] {
  padding-left: 10px;
  padding-right: 10px;
}
/* インプットのスタイル設定 */
input.form-control {
  display: block;
  width: 100%;
  height: 30px;
  margin-top: 3px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #000;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* インプット、テキストエリアのフォーカス時のスタイル設定 */
input.form-control:focus,
textarea.form-control:focus {
  border-color: #808080;
}

/* form-controlのdisabledを設定 */
[disabled].form-control, fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f1f1f1 !important;
  color: #bdbcbc !important;
  opacity: 1 !important;
}

/* bootstrap Glyphicons urlファオルダ指定 */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot');
  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'),
       url('../fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/** end -> all template */

/** start -> label template */
label {
  font-weight: normal;
}
/** end -> label template */

/** start -> button template */

/* ボタンのスタイル設定 */
button.btn.btn-xs,
button.btn.btn-sm,
button.btn.btn-lg {
  display: inline-block;
  margin: 0px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* button-xsのスタイル設定 */
button.btn.btn-xs,
button.btn-group-xs > button.btn {
  padding: 1px 5px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
  margin-top: 6px !important;
}
/* button-smのスタイル設定 */
button.btn.btn-sm,
button.btn-group-sm > button.btn {
  padding: 6px 10px 6px 10px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  border-radius: 3px;
}
/* button-lgのスタイル設定 */
button.btn.btn-lg,
button.btn-group-lg > button.btn {
  padding: 10px 16px !important;
  font-size: 19px !important;
  line-height: 1.3333333 !important;
  border-radius: 3px;
}
/* button-defaultのスタイル設定 */
button.btn.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
/* buuton-primaryのマウスオーバー */
.btn-primary:hover {
  color: #ffffff;
  background-color: #215b8c;
  border-color: #204d74;
}
/* buutonのdisabledのスタイル設定 */
button.btn.btn-xs[disabled],
button.btn.btn-sm[disabled],
button.btn.btn-lg[disabled],
button[disabled], html input[disabled] {
  cursor: not-allowed;
  opacity: 1 !important;
  background-color: #f1f1f1 !important;
  color: #bdbcbc !important;
}
/** end -> button template */

/** start -> radio checkbox template */
/* ラジオボタン・チェックボックスのフォーカス時のスタイル設定 */
input[type="radio"]:focus+label,
input[type="checkbox"]:focus + label {
  outline: solid 1px #808080;
}

/* ラジオボタン・チェックボックスのdisabled時のスタイル設定 */
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label,
input[type="radio"].disabled,
input[type="checkbox"].disabled {
  cursor: not-allowed;
  color: #bdbcbc !important;
}
/** end -> radio checkbox  template */

/** starat -> textarea template */
/* テキストエリアのスタイル設定 */
textarea.form-control {
  padding: 4px 4px;
  border-radius: 3px;
  margin-top: 2px;
}
/** end -> textarea template */

/** start -> group template */
/* パネルデフォルトのスタイル設定 */
.panel.panel-default {
  margin: 0px 0px 1px 0px;
  background-color: #fafafa;
  overflow:hidden;
}
/* パネルヘッダーのスタイル設定 */
.panel .panel-heading {
  padding: 5px 5px;
  background-color: #fafafa;
  border-style: 1px solid;
  border-color: #CDCDCD;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel .panel-heading .navbar {
  min-height: 10px;
  margin-bottom: 0px;
  border: none;
  background-color: #fafafa;
  border-style: none;
}
.panel-heading .navbar-header h5 {
  color: #666666;
  text-shadow: 0 1px 0 #ffffff;
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 12px;
  line-height: 12px;
  margin: 0;
}
.panel-heading .navbar-header .navbar-brand {
  height: 30px;
}
/* パネルボディのスタイル設定 */
.panel .panel-body {
    padding: 5px;
}
.panel .panel-body .form-group {
  margin-bottom: 5px;
}
/** end -> group template */

/** start -> filtergroup template */
div#accordion .glyphicon.glyphicon-plus,
div#accordion .glyphicon.glyphicon-minus {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #8d99a7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/** end -> filtergroup template */

/** start -> tab template */
/* タブのスタイル設定 */
a[data-toggle]:focus {
  border-color: #34495e !important;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(52, 73, 94, 0.3) !important;
  box-shadow: 0 0 0 inset, 0 0 0 !important;
  margin-left: 1px;
}
a[data-toggle] {
  margin-left: 1px;
  margin-right: 1px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  font-weight: bold;
}
.tabbable .tab-content {
  padding-left: 1px;
  padding-right: 1px;
}
.tab-content .tab-pane {
  background-color: #FFF;
  border: 1px solid #ddd;
  border-top: none;
}
/** end -> tab template */

/** start -> anchor template */
/* aタグ(アンカー)のパディング指定*/
.form-group > a {
  padding-top: 6px;
}

/* aタグのフォーカス時のスタイル設定   */
a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: #8cd4ff;
}
/** end -> anchor template */

/** start -> codebutton template */
/* コードボタンのサイズ指定 */
.input-group .input-group-btn > button {
  height: 30px;
  margin-top: 3px;
}
/* コードボタンの位置指定 */
.input-group .input-group-btn {
  vertical-align: top;
}
/** end -> codebutton template **/

/** start -> validator */
label.error {
  color:red;
  font-size: 15px;
  white-space: nowrap;
}
label.error:empty {
  display: none !important;
}
div.field input.error, div.field select.error, div.field textarea.error
, tr.errorRow div.field input, tr.errorRow div.field select
, td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select
, div.field span.error
{
  border: 1px solid red !important;
  background-color: #FFFFD5 !important;
  color: #000000 !important;
}
/** end -> validator */

/** start -> visible(false) */
.display-none {
  display: none !important;
}
/** end -> visible(false) */

/** start -> enable(false) */
.pointer-events-none {
  cursor: not-allowed;
  pointer-events : none;
  color: #bdbcbc !important
}
/** end -> enable(false) */

/* allert dialog */
.sweet-alert h2 {
  font-size: 22px;
  margin: 0px;
}

/* checkboxの表示スタイル */
div.checkbox-inline > input[type=checkbox] {
  height: 14px;
  vertical-align: middle;
  margin-top: 5px;
  margin-left: -18px;
}
.checkbox-inline {
  vertical-align: text-top;
}

/* radioの表示スタイル */
div.checkbox-inline > label {
  margin-top: 0px;
  margin-left: 4px;
}

/* エラー表示（checkbox） */
div.checkbox-inline.error {
  color: #000;
  border-color: #ff0000;
  border-style: solid;
  border-width: thin;
  border-radius: 5px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  margin-top: 3px;
  height: 30px;
  background-color: #FFFFD5;
}

/* エラー表示（radio） */
div.radio-inline > input[type=radio] {
  color: #000;
  height: 24px;
  vertical-align: middle;
  margin-left: -16px;
  margin-top: 0px;
  background-color: transparent !important;
}

div.radio-inline > label {
  margin-top: 0px;
  margin-left: 4px;
}

div.radio-inline.error {
  color: #000;
  border-color: #ff0000;
  border-style: solid;
  border-width: thin;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
  margin-top: 3px;
  height: 30px;
  background-color: #FFFFD5;
}

/* エラーツールチップ表示 - start - */
.popover.tooltip-error {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 9999;
  max-width: 376px;
  padding: 1px;
  color: #FFF;
  font-family: "MS UI Gothic", "NSimSun 標準", Verdana, Arial !important;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background-color: #c72439;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #c72439;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover-content.tooltip-error {
  padding: 4px 10px 2px 10px;
}
.popover.top.tooltip-error {
  margin-top: -10px;
}
.popover.right.tooltip-error {
  margin-left: 10px;
}
.popover.bottom.tooltip-error {
  margin-top: 10px;
}
.popover.left.tooltip-error {
  margin-left: -10px;
}
.popover.bottom.tooltip-error > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.right.tooltip-error > .arrow {
  top: 50%;
  left: -10px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #c72439;
}
.popover.left.tooltip-error > .arrow {
  top: 50%;
  right: -10px;
  margin-top: -15px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #c72439;
}
/* エラーツールチップ表示 - end - */