/* app_style.css**************************************************************************************** */
#top_bar {
  /*margin-bottom:20px;*/
  height: 70px;
  /*background-color:#ccc;*/
  margin-top: 10px;
  margin-bottom: 15px;
}

body {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

#logo {
  width: 50px;
  float: left;
}

#member_action_tool_bar {
  display: block;
  float: right;
  /*margin-bottom:40px;*/
}

.member_action_btn {
  display: inline;
  margin-right: 15px;
}

.member_data_title {
  background-color: #d2efd4;
  width: 20%;
}

.member_data_detail {
  background-color: #f7f7ca;
  width: 80%;
}

.member_data_head {
  background-color: #d0e9ea;
}

.file_data_head {
  /*text-align:center;
  vertical-align: middle;*/
  background-color: #d0e9ea;
}

.file_data_title {
  background-color: #d2efd4;
}

.file_data_detail {
  /*text-align:center;*/
  /*vertical-align: middle;*/
  background-color: #f7f7ca;
}

table.list_table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 15px;
  overflow: hidden;
}

table.list_table thead th {
  vertical-align: middle;
  text-align: center;
}

table.list_table tbody tr td {
  vertical-align: middle;
  text-align: center;
  padding: 9px;
  overflow-wrap: break-word;
}

table thead tr th.feedback {
  width: 14%;
}

.feedback_select_font_color {
  color: white;
}

#feedback_radio_group_ich {
  padding-left: 30px;
}
#feedback_radio_group_mls {
  padding-left: 30px;
}
/* app_style.css  firt then****************************************************************************************** */

body {
  background-color: #262b38;
  color: white;
}
.login_body {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; /*centers items on the line (the x-axis by default)*/
  align-items: center; /*centers items on the cross-axis (y by default)*/
}

.member_data_head {
  background-color: #595959;
  color: white;
  border: 2px solid rgb(82, 166, 218) !important;
}

.member_data_title {
  background-color: #808080;
  color: white;
  border: 2px solid rgb(82, 166, 218) !important;
}

.member_data_detail {
  background-color: #808080;
  color: white;
  border: 2px solid rgb(82, 166, 218) !important;
}

.file_data_head {
  background-color: #656d8c;
  color: white;
  /*border: 2px solid rgb(82, 166, 218) !important;*/
}

.file_data_title {
  background-color: #808080;
  color: white;
  /*border: 2px solid rgb(82, 166, 218) !important;*/
}

.file_data_detail {
  background: #434b67;
  color: white;
  /*border: 2px solid rgb(82, 166, 218) !important;*/
}

/*a:link {*/
/*color: rgb(82, 166, 218)*/
/*}*/

/*a:visited {*/
/*color: rgb(82, 166, 218)*/
/*}*/

.member_data_detail > a:link {
  color: greenyellow;
}

.member_data_detail > a:visited {
  color: greenyellow;
}

.file_data_detail > a:link {
  color: white;
}

.file_data_detail > a:visited {
  color: white;
}

#login_form {
  color: white;
}

.progress_gif {
  width: 100px;
  height: 25px;
}

.ich_column {
  width: 50%;
}

/*DICOM Setup頁面*/
.DICOM_Setup_Deep01_block {
  background-color: skyblue;
  color: black;
}

.DICOM_Setup_Hospital_Sending_block {
  background-color: #ffe680;
  color: black;
}
.DICOM_Setup_Hospital_Receiving_block {
  background-color: #99e699;
  color: black;
}

.cursor_not_allowe {
  cursor: not-allowed;
}

.btn.btn-outline-dark.addrule-link {
  text-align: center;
  border-color: greenyellow;
  background-color: #6c757d;
}

input[type="password"],
input[type="text"] {
  width: 350px;
  height: 46px;
  left: 0px;
  top: 48px;

  background: #ffffff;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 27px;
  padding-left: 10px;
}
label {
  margin-top: 20px;
  margin-left: 10px;
  font-weight: 500;
  font-size: 22px;
  line-height: 150%;
}
input[type="submit"],
.submit,
.contact {
  width: 350px;
  height: 46px;
  left: 1119px;
  top: 633px;

  /* logo blue */

  background: #0ec5ff;
  font-size: 30px;
  color: white;
  margin-top: 40px;
  padding-bottom: 50px;
  border-radius: 27px;
}

.submit:disabled {
  background: #bdbec0;
}

.link {
  font-size: 22px;
}
.dark_button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #0ec5ff;
  box-sizing: border-box;

  border-radius: 27px;
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  /* or 45px */

  letter-spacing: 0.06em;

  /* logo blue */

  color: #0ec5ff;
}

.dark_button:disabled {
  border: 1px solid #bdbec0;
  color: #bdbec0;
}
#member_action_tool_bar a {
  color: white;
  font-weight: 600;
  font-size: 20px;
  margin-right: 20px;
}
#member_action_tool_bar a:hover {
  text-decoration: none;
}

th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
}

.table td,
.table th {
  border-top: 0px solid #dee2e6;
}

tbody tr {
  border-top: 1px solid #262b38;
}

.table thead th {
  border-bottom: 0px solid #dee2e6;
}

.column_td_id {
  color: #6ff6d6;
}

#switch_column_panel label,
#switch_column_panel a,
#switch_column_panel > span {
  font-size: 16px;
  margin-top: 5px;
  font-weight: 500;
  line-height: 150%;
  margin-left: 10px;
}

input[type="checkbox"]:checked {
  background: red;
}

table {
  margin-top: 13px;
}

tr:hover td {
  background-color: #656d8c;
}

#switch_column_panel a {
  color: #0ec5ff;
}

#dropdownMenuButton {
  cursor: pointer;
}

#account-dropdown.dropdown-menu {
  /* logo blue */
  background: #262b38;
  border: 2px solid #0ec5ff;
  box-sizing: border-box;
  box-shadow: -2px 2px 3px 1px rgba(0, 0, 0, 0.25);
  border-radius: 11px;
  width: 320px;
}

#account-dropdown .disk-info {
  color: white;
  margin: 1rem 0;
}

#account-dropdown .disk-info .progress {
  height: 8px;
  border-radius: 100px;
}

#account-dropdown .disk-info .progress .progress-bar {
  width: 0%;
  background-color: #0ec5ff;
}

#account-dropdown .disk-info .usage-container {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  gap: 24px;
}

#account-dropdown .disk-info .usage-unit {
  display: inline-flex;
  place-items: center;
  gap: 8px;
}

#account-dropdown .disk-info .system-usage-icon {
  width: 12px;
  height: 12px;
  background-color: #0ec5ff;
  border-radius: 100%;
}

#account-dropdown .disk-info .system-usage-title {
  font-size: 14px !important;
}

#account-dropdown .disk-info .data-usage-icon {
  width: 12px;
  height: 12px;
  background-color: #8fdda5;
  border-radius: 100%;
}

#account-dropdown .disk-info .data-usage-title {
  font-size: 14px !important;
}

#account-dropdown .disk-info .last-clean {
  margin-top: 1rem;
  font-size: 14px;
}

#member_action_tool_bar .dropdown-item {
  font-size: 16px;
}
#member_action_tool_bar .dropdown-item:hover {
  background-color: #656d8c;
}

#switch_column_panel input[type="date"],
#switch_column_panel input[type="text"] {
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  width: revert;
  height: 30px;
}

#switch_column_panel select {
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  /*width: 50px;*/
  /*height: 30px;*/
}
.reset,
.search {
  border: 1px solid #0ec5ff;
  box-sizing: border-box;

  border-radius: 27px;
  color: #0ec5ff;

  /* logo blue */

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.search:hover {
  text-decoration: none;
}

.fix {
  position: fixed;
  top: 0px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
#top_bar {
  background-color: #262b38;
  margin-top: 0px;
  padding-top: 10px;
  height: auto;
  margin-bottom: 15px;
  z-index: 10;
}

#logo {
  width: auto;
}

#content {
  margin-top: 20px;
}

#page_all span,
#page_all a,
#page_all {
  color: #0ec5ff;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
}

#member_action_tool_bar .dropdown-menu a {
  font-weight: normal;
}
/*.dropdown-menu{*/
/*z-index: 10;*/
/*}*/

.dropdown-divider {
  border-top: 2px solid #0ec5ff;
}

.resolution {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 400px;
  height: 30px;
  background-color: #262b38;
  opacity: 0.7;
  padding: 5px;
  color: #0ec5ff;
}
footer {
  position: fixed;
  bottom: 40px;
}

#switch_column_panel #sql {
  /*border: 1px solid #0EC5FF;*/
  box-sizing: border-box;
  background: #0ec5ff;

  border-radius: 27px;
  color: white;

  /* logo blue */

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#switch_column_panel #sql:hover {
  text-decoration: none;
  color: white;
}

#switch_column_panel #sql:visited {
  color: white;
}
.modal-content {
  background: #434b67;
  border-color: #0ec5ff;
}

.modal-dialog .close {
  color: #0ec5ff;
}

.modal-header {
  border-bottom: 0px solid #dee2e6;
}

.modal-footer {
  border-top: 0px solid #dee2e6;
}
.modal-footer button {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

.modal-title {
  margin-left: auto;
  font-weight: 600;
  font-size: 48px;
  line-height: 150%;
}
.modal-body-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 150%;
}
.modal-body {
  margin-left: auto;
  margin-right: auto;
  height: 650px;
}
td a {
  cursor: auto;
}

#loading-modal .modal-content {
  border-radius: 30px;
  width: 455px;
  height: 397px;
  background: #434b67;
  font-size: 30px;
  font-weight: 600;
  border: 4px solid #0ec5ff;
}

#loading-modal img {
  content: url("../img/icon/loading.svg");
  animation: loadingSpin 2s linear infinite;
}

@keyframes loadingSpin {
  100% {
    transform: rotate(360deg);
  }
}

.process-error-link {
  cursor: pointer;
  color: hsla(194, 100%, 53%, 1) !important;
  text-decoration: underline !important;
}