/*
Copyright (c) 2014, Austin Andrews (http://materialdesignicons.com/),
with Reserved Font Name Material Design Icons.
Copyright (c) 2014, Google (http://www.google.com/design/)
uses the license at https://github.com/google/material-design-icons/blob/master/LICENSE
*/

@import url("reset.css");
@import url("default/base.css");
@import url("default/layout.css");
@import url("module/menu.css");
@import url("module/module.css");
@import url("module/component.css");
@import url("module/component_append.css");
@import url("module/button.css");
@import url("module/form.css");
@import url("module/table.css");
@import url("module/sp_horizontal_table.css");
@import url("module/information_list.css");
@import url("module/sp_vertical_table.css");
@import url("default/media.css");
@import url("default/color.css");
@import url("default/util.css");
@import url("default/extension.css");
@import url("module/various_functions.css");
@import url("module/index_module.css");
@import url("module/micromodal.css");
@import url("module/statements_search.css");
@import url("module/application_form.css");
@import url("default/print.css");

.notes-block p {
  color: #000;
}

input[readonly],
textarea[readonly] {
  /*color: #999999;*/
  background: #dddddd;
  color: #333333;
  cursor: text;
}
input[type="radio"][readonly],
input[type="radio"][readonly] + label {
  pointer-events: none;
}

.c-badge-representative {
  display: inline-block;
  border-radius: 25px;
  padding: 5px 10px;
  background-color: #EA0496;
  color: #ffffff;
  font-size: .8rem;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
  /*margin-left: 10px;*/
}

.theme-admin .header-nav .unread-count .system-menu-sub li .box-unread {
  position: relative;
}

.theme-admin .header-nav .unread-count .system-menu-sub li .box-unread a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 文字サイズ変更ボタン */
html.font-large,
html.font-large body {
  font-size: 118%;
}

html.font-middle,
html.font-middle body {
  font-size: 100%;
}

html.font-small,
html.font-small body {
  font-size: 90%;
}

@media screen and (max-width: 767px) {
  html.font-large,
  html.font-large body {
    font-size: 16px;
  }

  html.font-middle,
  html.font-middle body {
    font-size: 14px;
  }

  html.font-small,
  html.font-small body {
    font-size: 12px;
  }

  /* 管理画面SP */
  html:has(.theme-admin),
  body.theme-admin {
    font-size: 14px;
  }

}