button.alert {
  background-color: var(--error-color);
  border: 1px solid var(--error-color);
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color:var(--error-active-color);
}

button.info,
a.button.info {
  background-color: var(--info-back-color);
  border: 1px solid var(--info-color);
  color: var(--info-color);
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  background-color: var(--info-active-back-color);
  color: var(--info-color);
}

#UsersViewForm input[type="submit"] {
  margin-right: 1rem;
  float: right;
}

form.left-button button[type="submit"],
form.left-button input[type="submit"] {
  float: left;
  margin-left: 2rem;
}

form button[type="submit"],
form input[type="submit"] {
  border-radius: 6px;
}


.side-nav li.heading{
  color: #222;
  padding: 0.5rem 0.625rem 0.625rem;
  border-bottom: 2px solid var(--main-color); /* #1798A5; */
}

td{
  word-wrap: break-word;
}

td.status.status-1,
td.status.status-2,
td.status.status-3,
td.status.status-4 {
   color:#ff9933;
   border: 0px;
   border-radius: 0;
}

td.status.status-9,
td.status.status-9 button {
  color:#ff0033;
  border: 0px;
  border-radius: 0;
}

/*
td.status.status-12,
td.status.status-16,
td.status.status-21,
td.status.status-22,
td.status.status-23 {
 	color:#3300ff;
}
*/

td.status .loadingImg{
  vertical-align: top;
  margin-left: 3px;
}

td.status .speechBalloonImg{
  vertical-align: top;
  margin-left: 3px;
}

td.actions button:not(disabled),
td.actions .button:not(disabled){
  margin: 0;
  font-size: 0.9em;
  padding: 1em 0.6em;
  min-width: 100%;
  background-color: var(--button-list-unselected-color);
  border-color: var(--button-list-unselected-color);
}

tr:hover td.actions button:not(disabled),
tr:hover td.actions .button:not(disabled){
  background-color: var(--button-color);
}

td.actions {
  padding: 0.5625rem 0.4rem;
}

/*
td.actions button,
td.actions .button{
  background-color: #008CBA;
  margin: 0;
  font-size: 0.8rem;
  padding: 0.5rem;
  min-width: 100%;
}

td.actions button:hover,
td.actions .button:hover,
td.actions button:focus,
td.actions .button:focus {
  background-color: #007095;
}

th.actions {
  width:12rem;
}

.analyses th.actions {
  width: 19rem;
  position: relative;
}
*/

button.analysisError {
  background: none;
  color: inherit;
  margin: 0;
  padding: 0;
  font-size: inherit;
  text-decoration: underline;
  outline: none;
}

button.analysisError:hover {
  text-decoration: none;
}

label.disabled {
  color: #cccccc;
  cursor: default;
}

label[for="sex-m"],
label[for="sex-f"]{
	display:inline;
	margin-right:1rem;
}

label[for="ecg-lead-1"],
label[for="ecg-lead-2"]{
	display:inline;
	margin-right: 0.5rem;
}

.ecgLead select[name="ecg_lead_1"],
.ecgLead select[name="ecg_lead_2"]{
	width: 5rem;
}

.ecgLead div.input.select{
	display:inline;
	margin-right: 1rem;
}

/*
* ヘッダー
*/
.top-bar.expanded .title-area {
  color: var(--main-color); /* Dark Color */
  background: #fff;
  z-index: 1000;
}

.top-bar.expanded .title-area h1 {
  font-size: 1.4em;
  height: 100%;
  margin: 0;
  padding: 0.5em 0.2em 0.2em 0.3em;
  color: var(--main-color); /* Dark Color */
}

.top-bar.expanded .title-area h1 img {
  margin-left: 0.2em;
  margin-right: 0.3em;
}

.app-logo {
  height: 45px;
}

.top-bar-section h1 {
  line-height: 1rem;
  margin: 0.3rem;
}

.app-logo-small {
  height: 34px;
}

.company-logo {
  height: 28px;
  margin-top:15px;
}

.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
  background-color: var(--main-color); /* Dark Color */
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  /*background-color: #308e97;*/
  background-color: var(--main-color); /* Dark Color */
}

/*
.top-bar .patient-info,
.top-bar .org-info{
    text-align: center;
}

.top-bar .patient-info p{
    color: #ff6;
    font-size: 0.7rem;
    display: inline-block;
    margin: 0;
}

.top-bar .org-info p{
    color: #ff6;
    font-size: 0.8125rem;
    margin: 0;
    height: 2.8125rem;
    line-height: 2.8125rem;
}
*/

.top-bar {
  height: auto;
}

.top-bar-section ul li {
  float: left;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  padding:0 0.5rem;
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: 0.5rem 52%;
  background-size: 1.0rem 1.0rem;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background-color: var(--hover-color);
}

.top-bar-section li.menu-01:not(.has-form) a,
.top-bar-section li.menu-01:not(.has-form):active a:hover {
  background-image: url('../img/01.svg') !important;
}

.top-bar-section li.menu-02:not(.has-form) a,
.top-bar-section li.menu-02:not(.has-form) a:hover {
  background-image: url('../img/02.svg') !important;
}

.top-bar-section li.menu-05:not(.has-form) a,
.top-bar-section li.menu-05:not(.has-form) a:hover {
  background-image: url('../img/05.svg') !important;
}

.top-bar-section li.menu-11:not(.has-form) a,
.top-bar-section li.menu-11:not(.has-form) a:hover {
  background-image: url('../img/11.svg') !important;
}

.top-bar-section li.menu-12:not(.has-form) a,
.top-bar-section li.menu-12:not(.has-form) a:hover {
  background-image: url('../img/12.svg') !important;
}

.top-bar-section li.menu-13:not(.has-form) a,
.top-bar-section li.menu-13:not(.has-form) a:hover {
  background-image: url('../img/13.svg') !important;
}

.top-bar-section li.menu-14:not(.has-form) a,
.top-bar-section li.menu-14:not(.has-form) a:hover {
  background-image: url('../img/14.svg') !important;
}

.top-bar-section li.menu-15:not(.has-form) a,
.top-bar-section li.menu-15:not(.has-form) a:hover {
  background-image: url('../img/15.svg') !important;
}

.top-bar-section li.menu-16:not(.has-form) a,
.top-bar-section li.menu-16:not(.has-form) a:hover {
  background-image: url('../img/12.svg') !important;
}

@media only screen and (max-width: 40.0625em) {
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar-section li:not(.has-form) a:not(.button):hover,
  .top-bar-section li.active:not(.has-form) a:not(.button),
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    padding:0.5rem;
    padding-left: 2rem;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button),
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background-color: var(--hover-color);
  }
}

.org-info, .patient-info {
  font-size: 0.8125rem;
  padding-left: 0.5em;
  color: #fff;
}

.sub-title {
  display: block;
  font-size: 0.8em;
  margin: 0;
  padding: 0.5em;
}

.sub-title a {
  color: var(--main-color) !important; /* Dark Color */
}

/*
* パンくず
*/
.current-location {
  padding: 0.5em 2em;
  font-size: 0.9em;
}
.current-location, .current-location a:link,
.current-location a:hover, .current-location a:visited, .current-location a:focus {
  color: var(--breadcrumbs-color);
  font-weight: bold;
}
.current-location a:hover, .current-location a:focus {
  text-decoration: underline;
}

/*
* ログイン
*/
.panel {
  background-color: var(--panel-base-color);
  border-color: var(--panel-outline-color);
}

.panel p {
  color: var(--font-color);
  font-size: 0.9em;
}

.login-panel fieldset {
  margin: 0;
  padding-bottom: 0;
}

.login-panel button[type="submit"] {
  margin-top: 1.25em;
}

/*
* 確認画面
*/

#confirmWindow{
  position: fixed;
  z-index: 1030;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255,255,255,0.7);
  top:0;
  left:0;
}

#confirmWindow .wrap{
  position: relative;
  top: 40%;
  background-color: #ffffff;
  box-shadow: 4px 4px 8px 2px #cccccc;
  border-radius: 0px;
  width: 50%;
  min-width: 20rem;
  max-width: 40rem;
  overflow: hidden;
  margin: auto;
}

#confirmWindow .confirmMsg {
  font-size: 0.9rem;
  margin: 1rem;
  line-height: 1.4rem;
}

#confirmWindow .confirmMsg ul {
  margin-left: 2rem;
  margin-top: 0.5rem;
}

#confirmWindow .confirmMsg li {
  font-size: 0.9rem;
}

#confirmWindow .confirmTitle {
  height: 2rem;
  background: var(--main-color);
  border-radius: 0;
  margin: 0;
  color: #ffffff;
  padding: 0.25rem 0 0 0;
  text-align: center;
}

#confirmWindow .buttons {
    text-align: center;
}

#confirmWindow button {
    border-radius: 10px;
    min-width: 6rem;
    padding: 1rem;
    margin: 0 0 1rem 0;
}

#confirmWindow .comment {
    background-color: #eee;
    display: block;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 0.3rem 0 0 0;
    line-height: 1.2rem;
}


/*
* アップロードのみのユーザーのレポートアップロード画面
*/

#reportWindow {
  position: fixed;
  z-index: 29;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255,255,255,0.7);
  top:0;
  left:0;
}

#reportWindow .wrap{
  position: relative;
  left: 50%;
  top: 40%;
  margin-left: -25%;
  margin-top: -6rem;
  background-color: #ffffff;
  box-shadow: 4px 4px 8px 2px #cccccc;
  border-radius: 0px;
  width: 50%;
  min-width: 20rem;
  max-width: 40rem;
  overflow: hidden;
  padding: 1.25rem;
  font-size: 0.9rem;
}

#reportWindow .patient_info {
  margin-bottom: 0.8rem;
  padding: 0.8rem;
  background-color: #eeeeee;
}

#reportWindow .patient_info .title {
  font-weight: bold;
}

#reportWindow .patient_info .title::after {
  content: '：';
}

#reportWindow .patient_info .value {
  margin-right: 1rem;
}

#reportWindow .msg {
  margin-bottom: 0.8rem;
}

#reportWindow button {
  padding: 0.31rem 0.625rem 0.34rem 0.625rem;
}

#reportWindow button.close_button {
  margin-bottom: 0;
}


.container {
  margin-bottom: 2rem; /* footer height */
  padding-bottom: 2rem;
}

footer {
  position: fixed;
  height: 2rem;
  width: 100%;
  bottom: 0px;
  padding: 8px 1.5em;
  font-size: 8px;
  color: var(--font-color);
  border-top: 2px solid var(--hover-color);
  background-color: #fff;
}

.auto-registered-waveform label{
  display: inline-block;
  margin-right: 1rem;
}

.auto-registered-waveform label.title{
    cursor: default;
    font-size: 1rem;
    width:200px;
}

.auto-registered-waveform .disabled label{
  color: #cccccc;
  cursor: default;
}

.default-analysis-parameter-setting label {
  display: inline-block;
  margin: 0 1rem 0 0;
}

.default-analysis-parameter-setting input[type="number"] {
  display: inline-block;
  margin: 0 0.1rem 0 0;
  width: 5rem;
}

.default-analysis-parameter-setting .unit {
  display: inline-block;
  margin: 0 1rem 0 0;
  font-size: 0.875rem;
}

.default-analysis-parameter-setting .input.number {
  display: inline-block;
  margin: 0 0.1rem 0 0;
}

.default-analysis-parameter-setting .columns {
  margin: 0 0 1rem 0;

}

button#restore-default-button {
    float: right;
    margin-right: 1rem;
}

.datetime {
  font-size: 0.875rem;
}

.datetime select {
  padding-right: 25px;
  margin-right: 3px;
}

.datetime input {
    width: auto;
    display: inline-block;
    margin-right: 0.5rem;
}

.datetime .unit {
  margin-right: 10px;
  vertical-align: middle;
}

/*
* ローディングイメージ
*/

#loadingImg .wrap{
    position: fixed;
    right: 0;
    bottom: 0;
    margin-left: -32px;
    padding: 10px;
    width: 84px;
    height: 84px;
    z-index: 1;
}

#loadingImg .wrap img{
    margin: auto;
    display: block;
    box-shadow: 0px 0px 20px 13px #ffffff;
    border-radius: 40px;
}

#loadingImg .imgStr{
    position: absolute;
    top: 28px;
    left: 26px;
    margin: 0;
    color: var(--main-color);
}

#loadingImg{
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
}

#loadingImg .info{
  display: none;
}

#loadingImg button {
  display: none;
}

#loadingImg.full .wrap{
    position: fixed;
    bottom: 45%;
    padding: 10px;
    width: 316px;
    height: auto;
    z-index: 1;
    left: 50%;
    margin-left: -158px;
}

#loadingImg.full .imgStr{
    position: absolute;
    top: 28px;
    left: 140px;
    margin: 0;
    color: var(--main-color);
}

#loadingImg.full .info{
    display: block;
    margin: 20px auto;
    line-height: normal;
    text-align: center;
    font-size: 0.9rem;
    background-color: rgba(255,255,255, 0.7);
    box-shadow: 0px 0px 100px 100px rgba(255,255,255,0.7);
    color: var(--main-color);
}

#loadingImg.full{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1030;
  width: 100vw;
  height: 100vh;
  margin: 0px;
  background-color: rgba(255,255,255,0.7);
}

#loadingImg.full button {
    font-size: 0.9rem;
    padding: 10px 20px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 0px 20px 10px #ffffff;
}

#loadingImg.full.no-back button {
  display: none;
}

#loadingImg.full.no-back .info {
  display: none;
}

.analyses {
  /*overflow: auto;*/
  /*position: relative;*/
  /*margin-bottom: -99949px;*/
  padding: 0;
}

.flex-container {
  display: flex;
}

.flex-container table {
  margin-top: 0;
}


.content, #actions-sidebar {
  margin-bottom: 0;
  padding-bottom: 0;
}

:root {
  --legend-margin: 4rem;
}

fieldset {
  font-size: 0.9em;
  margin: 0.5em 2rem;
  padding: 0 var(--legend-margin);
  clear: both;
}

fieldset legend {
  margin-bottom: 1em;
  margin-left: calc(-1 * var(--legend-margin));
  width: calc(100% + (var(--legend-margin) * 2));
}

fieldset + button[type="submit"]{
  margin-right: calc(2rem + var(--legend-margin));
  min-width: 8em;
}

fieldset div label, fieldset div input {
  display: inline-block !important;
}

fieldset div label:nth-of-type(n+2) {
  margin-right: 1em;
}

fieldset div label:nth-of-type(n+2)::after {
  content: '';
}

fieldset div label:first-child {
  width: 10em;
}

.users fieldset div label:first-child {
  width: 12em;
}

.default-analysis-parameter-setting fieldset div label:first-child {
  width: 18em;
}

.default-analysis-parameter-setting fieldset div.pair-item {
  margin-top: 0.5rem;
}

.default-analysis-parameter-setting fieldset div.pair-item .required > label:after {
  content: '';
}

.invoice-settings-edit fieldset div label:first-child {
  width: 14em;
}

fieldset .ecgLead div label  {
  width: auto;
}

fieldset .from-to .input {
  float: left;
}

fieldset .from-to div:last-child label {
  width: auto;
  margin: 0 1.2em;
  padding: 0;
}

fieldset .from-to + div {
  clear: both;
}

fieldset .next-subbutton .input {
  float: left;
}

fieldset .next-subbutton button {
  width: auto;
  margin: 0 2rem;
}

fieldset .next-subbutton + div {
  clear: both;
}


.analyses #search-criteria {
  padding: 0 2em;
}

.analyses table {
  table-layout: auto;
  min-width: 960px;
}

.analyses table th, .analyses table td {
  font-size: 0.8em;
}

/* ID (解析ID) */
.analyses table.headquater td:nth-child(1),
.analyses table.headquater th:nth-child(1),
.analyses table.technician td:nth-child(1),
.analyses table.technician th:nth-child(1),
.analyses table.doctor td:nth-child(1),
.analyses table.doctor th:nth-child(1),
.analyses table.staff td:nth-child(1),
.analyses table.staff th:nth-child(1),
.analyses table.hansha td:nth-child(2),
.analyses table.hansha th:nth-child(2),
.analyses table.partnerAdministrator td:nth-child(1),
.analyses table.partnerAdministrator th:nth-child(1){
  min-width: 8em;
}

/* 施設 */
.analyses table.headquater td:nth-child(2),
.analyses table.headquater th:nth-child(2),
.analyses table.technician td:nth-child(2),
.analyses table.technician th:nth-child(2),
.analyses table.doctor td:nth-child(2),
.analyses table.doctor th:nth-child(2),
.analyses table.hansha td:nth-child(1),
.analyses table.hansha th:nth-child(1),
.analyses table.partnerAdministrator td:nth-child(2),
.analyses table.partnerAdministrator th:nth-child(2){
  min-width: 6em;
  max-width: 12em;
  width: auto;
}

/* 患者ID */
.analyses table.headquater td:nth-child(3),
.analyses table.headquater th:nth-child(3),
.analyses table.technician td:nth-child(3),
.analyses table.technician th:nth-child(3),
.analyses table.doctor td:nth-child(3),
.analyses table.doctor th:nth-child(3),
.analyses table.staff td:nth-child(2),
.analyses table.staff th:nth-child(2),
.analyses table.partnerAdministrator td:nth-child(3),
.analyses table.partnerAdministrator th:nth-child(3){
  min-width: 6em;
  max-width: 12em;
  width: auto;
}

/* イニシャル */
.analyses table.headquater td:nth-child(4),
.analyses table.headquater th:nth-child(4),
.analyses table.technician td:nth-child(4),
.analyses table.technician th:nth-child(4),
.analyses table.doctor td:nth-child(4),
.analyses table.doctor th:nth-child(4),
.analyses table.staff td:nth-child(3),
.analyses table.staff th:nth-child(3),
.analyses table.partnerAdministrator td:nth-child(4),
.analyses table.partnerAdministrator th:nth-child(4) {
  min-width: 8em;
}

/* 年齢 */
.analyses table.headquater td:nth-child(5),
.analyses table.headquater th:nth-child(5),
.analyses table.technician td:nth-child(5),
.analyses table.technician th:nth-child(5),
.analyses table.doctor td:nth-child(5),
.analyses table.doctor th:nth-child(5),
.analyses table.staff td:nth-child(4),
.analyses table.staff th:nth-child(4),
.analyses table.partnerAdministrator td:nth-child(5),
.analyses table.partnerAdministrator th:nth-child(5) {
  min-width: 5em;
}

/* 性別 */
.analyses table.headquater td:nth-child(6),
.analyses table.headquater th:nth-child(6),
.analyses table.technician td:nth-child(6),
.analyses table.technician th:nth-child(6),
.analyses table.doctor td:nth-child(6),
.analyses table.doctor th:nth-child(6),
.analyses table.staff td:nth-child(5),
.analyses table.staff th:nth-child(5),
.analyses table.partnerAdministrator td:nth-child(6),
.analyses table.partnerAdministrator th:nth-child(6) {
  min-width: 5em;
}

/* 担当者 */
.analyses table.headquater td:nth-child(7),
.analyses table.headquater th:nth-child(7),
.analyses table.technician td:nth-child(7),
.analyses table.technician th:nth-child(7),
.analyses table.doctor td:nth-child(7),
.analyses table.doctor th:nth-child(7),
.analyses table.staff td:nth-child(6),
.analyses table.staff th:nth-child(6),
.analyses table.partnerAdministrator td:nth-child(7),
.analyses table.partnerAdministrator th:nth-child(7) {
  width: 8em;
  min-width: 6em;
}

/* 解析状況 */
.analyses table.headquater td:nth-child(8),
.analyses table.headquater th:nth-child(8),
.analyses table.technician td:nth-child(8),
.analyses table.technician th:nth-child(8),
.analyses table.doctor td:nth-child(8),
.analyses table.doctor th:nth-child(8),
.analyses table.staff td:nth-child(7),
.analyses table.staff th:nth-child(7),
.analyses table.hansha td:nth-child(3),
.analyses table.hansha th:nth-child(3),
.analyses table.partnerAdministrator td:nth-child(8),
.analyses table.partnerAdministrator th:nth-child(8) {
  min-width: 8em;
}

/* 解析日時 */
.analyses table.headquater td:nth-child(9),
.analyses table.headquater th:nth-child(9),
.analyses table.technician td:nth-child(9),
.analyses table.technician th:nth-child(9),
.analyses table.doctor td:nth-child(9),
.analyses table.doctor th:nth-child(9),
.analyses table.staff td:nth-child(8),
.analyses table.staff th:nth-child(8),
.analyses table.hansha td:nth-child(4),
.analyses table.hansha th:nth-child(4),
.analyses table.partnerAdministrator td:nth-child(9),
.analyses table.partnerAdministrator th:nth-child(9) {
  min-width: 8em;
}

/* 解析／所見 */
.analyses table.headquater td:nth-child(10),
.analyses table.headquater th:nth-child(10),
.analyses table.staff td:nth-child(9),
.analyses table.staff th:nth-child(9),
.analyses table.hansha td:nth-child(5),
.analyses table.hansha th:nth-child(5),
.analyses table.partnerAdministrator td:nth-child(10),
.analyses table.partnerAdministrator th:nth-child(10) {
  min-width: 10em;
}

/* 完了日時 or 解析完了 */
.analyses table.headquater td:nth-child(11),
.analyses table.headquater th:nth-child(11),
.analyses table.staff td:nth-child(10),
.analyses table.staff th:nth-child(10),
.analyses table.hansha td:nth-child(6),
.analyses table.hansha th:nth-child(6),
.analyses table.partnerAdministrator td:nth-child(11),
.analyses table.partnerAdministrator th:nth-child(11) {
  min-width: 8em;
}

/* 依頼者 */
.analyses table.headquater td:nth-child(12),
.analyses table.headquater th:nth-child(12) {
  min-width: 10em;
}

/* 課金 */
.analyses table.headquater td:nth-child(13),
.analyses table.headquater th:nth-child(13) {
  min-width: 8em;
}

/* 医師／技師 */
.analyses table.technician td:nth-child(12),
.analyses table.technician th:nth-child(12),
.analyses table.doctor td:nth-child(12),
.analyses table.doctor th:nth-child(12),
.analyses table.partnerAdministrator td:nth-child(12),
.analyses table.partnerAdministrator th:nth-child(12) {
  width: 8em;
  min-width: 11em;
}

/* 解析センター */
.analyses table.headquater td:nth-child(14),
.analyses table.headquater th:nth-child(14)  {
  min-width: 8em;
}

/* 患者情報 */
.analyses table.headquater td:nth-child(15),
.analyses table.technician td:nth-child(10),
.analyses table.doctor td:nth-child(10),
.analyses table.staff td:nth-child(11),
.analyses table.hansha td:nth-child(7),
.analyses table.partnerAdministrator td:nth-child(13) {
  min-width: 10em;
}


/* 解析編集 */
.analyses table.headquater td:nth-child(16),
.analyses table.technician td:nth-child(11),
.analyses table.doctor td:nth-child(11),
.analyses table.staff td:nth-child(12),
.analyses table.partnerAdministrator td:nth-child(14) {
  min-width: 8em;
}

/* レポート */
.analyses table.headquater td:nth-child(17),
.analyses table.technician td:nth-child(12),
.analyses table.doctor td:nth-child(12),
.analyses table.staff td:nth-child(13),
.analyses table.hansha td:nth-child(8),
.analyses table.partnerAdministrator td:nth-child(15) {
  min-width: 8em;
}

/* 完了 or 再解析 */
.analyses table.headquater td:nth-child(18),
.analyses table.partnerAdministrator td:nth-child(16) {
  min-width: 6em;
}

/* レポート履歴 */
.analyses table.headquater td:nth-child(19),
.analyses table.technician td:nth-child(13),
.analyses table.doctor td:nth-child(13),
.analyses table.staff td:nth-child(14),
.analyses table.partnerAdministrator td:nth-child(17) {
  min-width: 10em;
}

.analyses table.headquater td.assign div,
.analyses table.technician td.assign div,
.analyses table.doctor td.assign div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.analyses table.headquater td.assign select,
.analyses table.technician td.assign select,
.analyses table.doctor td.assign select {
  margin: 0;
  padding: 0 1rem 0 0.5rem;
  height: 1.8rem;
  font-size: 0.875rem;
  line-height: 1.8rem;
}

.analyses table .patient .button,
.analyses table .edit button,
.analyses table .report button {
  padding-left: 2em;
  background-repeat: no-repeat;
  background-size: 1.2em;
  background-position: 15% 50%;
}

.analyses table .patient .button {
  background-image: url('../img/06.svg');
}

.analyses table .patient .button.upload {
  background-image: url('../img/10.svg');
  padding-left: 3em;
}

.analyses table .edit button {
  background-image: url('../img/07.svg');
}

.analyses table .report button {
  background-image: url('../img/08.svg');
}

#search-criteria {
  position: relative;
}

#search-criteria form {
  box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
  padding: 0 2rem;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  max-height: 0;
  transition: 300ms 0s;
  border-radius: 3px;
  visibility: hidden;
}

#search-criteria.visible form{
  box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.5);
  margin: 0.5rem 0 1.5rem 0;
  padding: 2rem;
  max-height: 28rem;
  opacity: 1;
  visibility: visible;
}

#search-criteria .search-view {
  z-index: 10;
  display: inline-block;
  cursor: pointer;
  font-size: 0.8rem;
  background-color: #f7faff;
  border: 1px solid #869fbf;
  border-radius: 6px;
  padding: 0.51rem 2rem;
  color: #666;
}

#search-criteria .search-view:after {
  content: '';
  border-right: 0.4rem solid transparent;
  border-top: 0.7rem solid #666;
  border-left: 0.4rem solid transparent;
  position: relative;
  top: 0.8rem;
  margin: 0 0 0 0.2rem;
}

#search-criteria.visible .search-view:after {
  border-bottom: 0.7rem solid #666;
  border-top: none;
  top: -0.9rem;
}

#search-criteria .search-wrap {
  display: flex;
  margin: 0 2rem 1rem 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  float: left;
}

#search-criteria .statuses {
  clear: both;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#search-criteria .statuses > label{
  float: left;
}

#search-criteria .statuses .statuses-wrap {
  border: 1px solid #cccccc;
  overflow: hidden;
  padding: 0.3rem 1rem;
  margin: 0;
}

#search-criteria .statuses .search-wrap {
  display: flex;
  margin: 0 0.5rem 0 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#search-criteria .statuses .search-wrap.exclude-reported {
  background-color: #fbe6c4;
  padding: 0 0 0 0.5rem;
  border-radius: 3px;
  float: right;
}

#search-criteria input,
#search-criteria select {
  margin: 0;
  padding: 0 0.5rem;
  height: 1.8rem;
  font-size: 0.8rem;
  line-height: 1.8rem;
}

#search-criteria label {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}

#search-criteria span {
  margin: 0 0.3rem;
  padding: 0;
}

#search-criteria label {
  margin: 0 1rem 0 0;
  word-break: keep-all;
}

#search-criteria input[type="checkbox"] {
  margin: 0 0.5rem 0 0;
}

#search-criteria input[name="search-id-start"],
#search-criteria input[name="search-id-end"] {
  width: 4rem;
}

#search-criteria input[name="search-org"] {
  width: 10rem;
}

#search-criteria input[name="search-patientid"] {
  width: 7rem;
}

#search-criteria input[name="search-initials"] {
  width: 7rem;
}

#search-criteria input[name="search-age-start"],
#search-criteria input[name="search-age-end"] {
  width: 4rem;
}

#search-criteria input[name="search-analysis-done-start"],
#search-criteria input[name="search-analysis-done-end"] {
  width: 7rem;
}

#search-criteria select[name="search-analysis-opinion"]{
  width: 10rem;
}

#search-criteria input[name="search-analyzing-time-start"],
#search-criteria input[name="search-analyzing-time-end"] {
  width: 7rem;
}

#search-criteria select[name="search-charged-type"]{
  width: 7rem;
}

#search-criteria select[name="search-technician"],
#search-criteria select[name="search-doctor"] {
  width: 7rem;
}

#search-criteria button, #search-criteria .button {
  font-size: 0.8rem;
  padding: 0.7rem 2rem;
  margin-bottom: 0;
}

/*
#search-criteria button:hover {
  background-color: #007095;
}

#search-criteria button.clear {
  background-color: #966600;
}
#search-criteria button.clear:hover {
  background-color: #755001;
}
*/

#search-criteria .button-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  clear: both;
}

#search-criteria .button-wrap .clear {
  margin-right: 1rem;
  background-color: var(--secondary-button-color);
  border: 1px solid var(--secondary-button-border-color);
  color: var(--secondary-button-font-color);
}

#search-criteria .button-wrap .clear:hover {
  background-color: var(--secondary-button-active-color);
}

.analyses #search-criteria .requestButton {
  padding: 0.7rem 1rem 0.7rem 2.6rem;
  background-image: url('../img/10.svg');
  background-repeat: no-repeat;
  background-size: 1.2em;
  background-position: 1rem 50%;
}

.center-button  {
  text-align: center;
  padding: 1rem 0;
}

.center-button button {
  float: none !important;
  width: 20em;
}

#UsersViewForm .center-button button[type="submit"] {
  margin-right: 0;
}

#err-msg {
  display: none;
  color: var(--error-color);
  background-color: bisque;
  padding: 1rem 1.2rem;
  border-radius: 1rem;
  margin-top: 0.7rem;
}

#err-msg ul {
  margin: 0.5rem 0 0 2rem;
  font-size: 0.875rem;
}

#err-msg p{
  margin: 0;
  font-size: 0.875rem;
}

.select_file_button {
  margin-left: 2rem;
}

.files_list_area {
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

.files_list_area label {
  display: block;
  float:left;
}

.files_list_area label.long {
  width: 17em !important;
}

.files_list_area label i {
  vertical-align: text-bottom;
  margin: 0 0.2rem 0 0;
  font-size: 1rem;
}

.files_list_area .wrap_list {
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  padding: 1.5rem;
}

.files_list_area .wrap_list table {
}

.files_list_area table tr th {
  border-bottom: 1px solid var(--main-color); /* #1798A5; */
  font-weight: normal;
}

.files_list_area table,
.files_list_area table input,
.files_list_area table p {
  margin: 0;
}

.files_list_area table button,
.files_list_area table a.button {
  margin: 0 0.625rem 0 0;
}

.files_list_area table td:nth-child(1),
.files_list_area table th:nth-child(1) {
  width: 3rem;
  text-align: center;
}

.files_list_area table td:nth-child(2),
.files_list_area table th:nth-child(2) {
  width: 30%;
}


.files_list_area table td:nth-child(3),
.files_list_area table th:nth-child(3) {
  width: 7rem;
}

.files_list_area .actions_selected p {
  display: inline-block;
  margin: 0 0.625rem 0 0;
  font-size: 0.875rem;
  color: var(--main-color); /* #1798A5; */
}

.files_list_area .actions_selected {
  padding-top: 1rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--main-color); /* #1798A5; */
}

.files_list_area .actions_selected button,
.files_list_area .actions_selected a.button {
  margin: 0 0.625rem 0 0;
}

.files_list_area .wrap_list button,
.files_list_area .wrap_list a.button,
a.button.download  {
  padding: 0.4rem 0.825rem;
}

.analyses.edit .files_list_area table td:nth-child(3),
.analyses.edit .files_list_area table th:nth-child(3) {
  width: 5rem;
}

.analyses.edit .files_list_area table td:nth-child(4),
.analyses.edit .files_list_area table th:nth-child(4) {
  width: 10rem;
}

.analyses.edit .files_list_area tr.new {
  background-color: #e6eff3;
}

.admin-password-change-area {
  border: 1px solid var(--main-color);
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.admin-password-change-area button {
  margin-bottom: 0;
}

.admin-password-change-area label:first-child {
  width: calc(10em - 1.5rem);
}

table tr.tmp_disabled {
  background-color: #dddddd;
}

table tr.tmp_disabled td {
  color: #aaaaaa;
}

Table.salesListTable {
  table-layout: auto;
  min-width: 600px;
}

Table.salesListTable .analysisManuCol {
  color: #999;
  font-weight: normal;
}


@media print  {
  textarea.doctor_technician,
  td.adjustment_amount{
    border: none;
  }
}

.invoiceList table th.checkbox,
.invoiceList table td.checkbox {
  text-align: right;
}

.invoiceList table th.checkbox input[type="checkbox"],
.invoiceList table td.checkbox input[type="checkbox"] {
  margin: 0.5em;
}

/*
.invoiceList table th:not(:first-of-type) {
  max-width: 10em;
}
*/

.invoiceList table th:last-child {
  width: auto;
  min-width: 0;
}

.button-menu .button-group.even-3 li button,
.button-menu .button-group.even-3 li .button  {
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
}

.react-base {
  background-color: var(--react-back-color);
}