@charset "UTF-8";
html {
  height: 100%;
  font-size: 87.5%;
}

body {
  overflow-x: hidden;
  font-family: "Open Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  line-height: 2;
  word-wrap: break-word;
  line-break: strict;
  overflow-wrap: break-word;
}
body.browser-app {
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  background-color: #ECEFF1;
  color: rgba(0, 0, 0, 0.6);
}
body.browser-app-TB {
  font-size: 24px;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}

textarea {
  resize: vertical;
  vertical-align: bottom;
}

.swal2-input, .swal2-textarea, .swal2-select, .swal2-file, .jsgrid .jsgrid-edit-row input,
.jsgrid .jsgrid-edit-row select,
.jsgrid .jsgrid-edit-row textarea,
.jsgrid .jsgrid-filter-row input,
.jsgrid .jsgrid-filter-row select,
.jsgrid .jsgrid-filter-row textarea {
  display: initial;
  box-shadow: none;
  padding: 0.375rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  min-height: 38px;
  background-color: #fff;
  background-clip: padding-box;
  font-size: 1rem;
  color: #67757c;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.swal2-input:focus, .swal2-textarea:focus, .swal2-select:focus, .swal2-file:focus, .jsgrid .jsgrid-edit-row input:focus,
.jsgrid .jsgrid-edit-row select:focus,
.jsgrid .jsgrid-edit-row textarea:focus,
.jsgrid .jsgrid-filter-row input:focus,
.jsgrid .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-filter-row textarea:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border-color: #80bdff;
  color: #495057;
}
.swal2-input:disabled, .swal2-textarea:disabled, .swal2-select:disabled, .swal2-file:disabled, .jsgrid .jsgrid-edit-row input:disabled,
.jsgrid .jsgrid-edit-row select:disabled,
.jsgrid .jsgrid-edit-row textarea:disabled,
.jsgrid .jsgrid-filter-row input:disabled,
.jsgrid .jsgrid-filter-row select:disabled,
.jsgrid .jsgrid-filter-row textarea:disabled, [readonly].swal2-input, [readonly].swal2-textarea, [readonly].swal2-select, [readonly].swal2-file, .jsgrid .jsgrid-edit-row input[readonly],
.jsgrid .jsgrid-edit-row select[readonly],
.jsgrid .jsgrid-edit-row textarea[readonly],
.jsgrid .jsgrid-filter-row input[readonly],
.jsgrid .jsgrid-filter-row select[readonly],
.jsgrid .jsgrid-filter-row textarea[readonly] {
  opacity: 0.7;
  background-color: #e9ecef;
}

.alert-title > i, .card-title > i {
  display: inline-block;
  margin-right: 0.25em;
  font-size: 1.3em;
  line-height: 1;
  vertical-align: middle;
}

.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel, .jsgrid .jsgrid-button.jsgrid-edit-button, .jsgrid .jsgrid-button.jsgrid-delete-button, .jsgrid .jsgrid-button.jsgrid-update-button, .jsgrid .jsgrid-button.jsgrid-cancel-edit-button, .jsgrid .jsgrid-button.jsgrid-search-button, .jsgrid .jsgrid-button.jsgrid-clear-filter-button {
  display: inline-block;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: 0.2s ease-in;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.swal2-styled.swal2-confirm {
  box-shadow: 0 2px 2px 0 rgba(47, 61, 74, 0.14), 0 3px 1px -2px rgba(47, 61, 74, 0.2), 0 1px 5px 0 rgba(47, 61, 74, 0.12);
  border-color: #2f3d4a;
  background: #2f3d4a;
  color: #fff;
}
.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:active, .swal2-styled.swal2-confirm:focus {
  box-shadow: 0 14px 26px -12px rgba(47, 61, 74, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(47, 61, 74, 0.2);
}
.swal2-styled.swal2-confirm:focus {
  border-color: #263238;
  background-color: #263238;
}

.swal2-styled.swal2-danger {
  box-shadow: 0 2px 2px 0 rgba(252, 75, 108, 0.14), 0 3px 1px -2px rgba(252, 75, 108, 0.2), 0 1px 5px 0 rgba(252, 75, 108, 0.12);
  border-color: #fc4b6c;
  background: #fc4b6c;
  color: #fff;
}
.swal2-styled.swal2-danger:hover, .swal2-styled.swal2-danger:focus {
  box-shadow: 0 14px 26px -12px rgba(252, 75, 108, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(252, 75, 108, 0.2);
}
.swal2-styled.swal2-danger:focus {
  border-color: #e6294b;
  background-color: #e6294b;
}

.swal2-styled.swal2-cancel {
  border: 1px solid #727b84;
  background: #fff;
  color: #727b84;
}
.swal2-styled.swal2-cancel:hover, .swal2-styled.swal2-cancel:focus {
  border-color: #727b84;
  background: #727b84;
  color: #fff;
}
.swal2-styled.swal2-cancel:hover {
  opacity: 0.7;
}

.swal2-styled.swal2-deny, .btn-accent {
  box-shadow: 0 2px 2px 0 rgba(234, 85, 41, 0.14), 0 3px 1px -2px rgba(234, 85, 41, 0.2), 0 1px 5px 0 rgba(234, 85, 41, 0.12);
  border-color: #ea5529;
  background: #ea5529;
  color: #fff;
}
.swal2-styled.swal2-deny:hover, .btn-accent:hover, .swal2-styled.swal2-deny:focus, .btn-accent:focus {
  box-shadow: 0 14px 26px -12px rgba(234, 85, 41, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 85, 41, 0.2);
}
.swal2-styled.swal2-deny:focus, .btn-accent:focus {
  border-color: #de431d;
  background-color: #de431d;
}

.list-notice {
  list-style: none;
  padding-left: 1.25em;
}
.list-notice li {
  position: relative;
  line-height: 1.5;
}
.list-notice li::before {
  content: "";
  position: absolute;
}
.list-notice li:not(:first-child) {
  margin-top: 0.25em;
}
.list-notice ul,
.list-notice ol {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.eot");
  src: local(""), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.eot?#iefix") format("embedded-opentype"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.woff2") format("woff2"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.woff") format("woff"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-500.svg#NotoSansJP") format("svg");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.eot");
  src: local(""), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.eot?#iefix") format("embedded-opentype"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.woff2") format("woff2"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.woff") format("woff"), url("/ex/fonts/noto-sans-jp/noto-sans-jp-v41-latin_japanese-900.svg#NotoSansJP") format("svg");
}
.column-col-tab {
  margin-bottom: 10px;
}

.layout-fullscreen .page-wrapper {
  margin-left: 0 !important;
  padding-top: 0 !important;
}
.layout-fullscreen .page-titles {
  position: relative;
  z-index: 10;
  height: 73px;
}

.login-form {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  min-height: 100vh;
  background: url(/ex/images/common/bg-login-sp.png) center bottom/cover no-repeat;
  padding: 15px;
}
.login-form-card {
  margin-bottom: 0;
  border: none;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.9);
}
.login-form-card .card-header {
  background-color: transparent;
}
.login-form-logo {
  position: relative;
  width: 180px;
}

.maintenance-msg {
  position: relative;
  z-index: 1071;
  padding: 10px;
  background-color: #d50000;
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.browser-app .maintenance-msg {
  display: none;
}

.nav-user {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-user-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #fff;
}
.nav-user-img img {
  display: block;
}
.nav-user-img svg {
  display: block;
  width: 100%;
  height: auto;
}
.nav-user-name {
  display: none;
  overflow: hidden;
  padding-left: 0.5em;
  width: calc(100% - 32px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-user-name > .mdi {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.left-sidebar {
  position: fixed !important;
}

.sidebar-nav > ul > li.nav-small-cap {
  padding: 0 0 10px;
  font-size: 14px;
}
.sidebar-nav > ul > li > ul > li {
  position: relative;
}
.sidebar-nav > ul > li > ul > li .mdi {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.sidebar-nav > ul > li > ul > li .mdi.mdi-alert {
  font-size: 20px;
  color: #ffab00;
}

.sidebar-center {
  border-bottom: 1px solid #ced4da;
}
.sidebar-center-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 14px 35px 9px 15px;
  min-height: 77px;
  line-height: 1.6;
}
.sidebar-center-title, .sidebar-center-name {
  display: block;
}
.sidebar-center-title {
  font-size: 14px;
  color: #99abb4;
}
.sidebar-center-name {
  font-size: 18px;
  color: #263238;
}
.sidebar-center-link {
  margin-left: 0.5em;
}
.sidebar-center-btn {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  display: none;
}
.sidebar-center-btn:focus {
  outline: none;
}
.sidebar-center-btn > span {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #fac02c;
  font-size: 16px;
  color: #263238;
  line-height: 32px;
  text-align: center;
}

.topbar {
  position: fixed;
  top: 0;
  z-index: 1070;
  width: 100%;
}
.topbar-hidden .topbar {
  display: none !important;
}
.topbar .top-navbar {
  align-items: stretch;
  padding-right: 0;
}
.topbar .top-navbar .navbar-header .navbar-brand > b {
  margin-right: 0.7rem;
  margin-left: 0.7rem;
}
.topbar .top-navbar .navbar-collapse {
  align-items: stretch;
}
.topbar .navbar-nav .nav-item > .nav-link {
  min-width: 50px;
  height: 100%;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-toggler, .topbar .navbar-nav .nav-item > .nav-link.sidebartoggler {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-toggler > span, .topbar .navbar-nav .nav-item > .nav-link.sidebartoggler > span {
  margin-top: 8px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 50px;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon > .mdi {
  font-size: 28px;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon .badge-count,
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon .notify {
  position: absolute;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon .badge-count {
  top: 18px;
  right: 6px;
}
.topbar .navbar-nav .nav-item > .nav-link.nav-link-icon .notify {
  top: 31px;
  right: 5px;
}

@page {
}
.print-container {
  padding: 40px 15px 100px;
  background-color: #ededed;
}
.print-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  border: 1px solid #ced4da;
  width: 210mm;
  height: 297mm;
  background-color: #fff;
  -webkit-print-color-adjust: exact;
}
.print-item:not(:first-child) {
  margin-top: 40px;
}
.print-item-horizontal {
  width: 297mm;
  height: 209.5mm;
}
.print-item::before {
  content: attr(data-print-item-title);
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  color: #67757c;
  line-height: 1;
}

.page-wrapper {
  padding-top: 70px;
}
.mini-sidebar.topbar-hidden .page-wrapper {
  margin-left: 0;
  padding-top: 0;
}
.browser-app .page-wrapper {
  padding-bottom: 0;
  background-color: #ECEFF1;
}
.browser-app .container-fluid {
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 16px;
}
.browser-app-TB .container-fluid {
  padding-right: 32px;
  padding-left: 32px;
}

.page-titles {
  position: relative;
  z-index: 10;
  padding-bottom: 15px;
}
.browser-app .page-titles {
  display: none;
}
.page-titles h1 {
  padding-top: 4px;
  font-size: 21px;
  line-height: 1.2;
}

.browser-app .row {
  margin-right: -8px;
  margin-left: -8px;
}
.browser-app-TB .row {
  margin-right: -12px;
  margin-left: -12px;
}

.browser-app .col,
.browser-app [class^=col-sm-],
.browser-app [class^=col-md-],
.browser-app [class^=col-lg-],
.browser-app [class^=col-xl-] {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col,
.browser-app-TB [class^=col-sm-],
.browser-app-TB [class^=col-md-],
.browser-app-TB [class^=col-lg-],
.browser-app-TB [class^=col-xl-] {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-1 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-1 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-2 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-3 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-3 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-4 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-4 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-5 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-5 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-6 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-6 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-7 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-7 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-8 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-8 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-9 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-9 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-10 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-10 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-11 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-11 {
  padding-right: 12px;
  padding-left: 12px;
}

.browser-app .col-12 {
  padding-right: 8px;
  padding-left: 8px;
}
.browser-app-TB .col-12 {
  padding-right: 12px;
  padding-left: 12px;
}

.accordion-title {
  cursor: pointer;
  position: relative;
}
.accordion-title::before, .accordion-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 12px;
  height: 3px;
  background-color: #ea5529;
}
.accordion-title[aria-expanded=true]::after {
  transform: rotate(90deg);
}

.badge {
  padding: 0.3em 0.4em 0.25em;
  line-height: 1.2;
  vertical-align: middle;
}
.badge-danger {
  background-color: #d50000;
}
.badge-need {
  background-color: #d50000;
  color: #fff;
}
.badge-any {
  padding: calc(0.3em - 1px) calc(0.4em - 1px) calc(0.25em - 1px);
  border: 1px solid #99abb4;
  background-color: #fff;
  color: #67757c;
}
.browser-app .badge-any {
  border-color: rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.38);
}
.badge-accent {
  background-color: #ea5529;
  color: #fff;
}
.badge > i {
  display: inline-block;
  transform: scale(1.3);
  transform-origin: left;
  margin-right: 0.5em;
}
.badge-count {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.5em 2px;
  border-radius: 2em;
  min-width: 16px;
  height: 16px;
  background-color: #d50000;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.browser-app-TB .badge-count {
  padding: 0 0.75em 3px;
  min-width: 24px;
  height: 24px;
  font-size: 15px;
}

a.badge,
button.badge {
  position: relative;
  padding-right: 14px;
}
.browser-app-TB a.badge,
.browser-app-TB button.badge {
  padding-right: 21px;
}
a.badge:not(:disabled):not(.disabled),
button.badge:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.badge::after,
button.badge::after {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2px;
  transform: scale(1.3) translateY(-35%);
}

button.badge {
  outline: none;
  border: none;
}

.breadcrumb {
  line-height: 1.4;
}
.breadcrumb:empty {
  display: none;
}

.breadcrumb-item {
  margin: 0.25em 0;
}
+ .breadcrumb-item::before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
}

.breadcrumb-delete {
  position: relative;
  padding-left: 2.25em;
}
.breadcrumb-delete .delete-category {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 1.25em;
  transform: translateY(-50%);
}

.browser-app-TB .btn {
  font-size: 21px;
  padding: 10.5px 18px;
}
.btn.disabled, .btn:disabled {
  pointer-events: none;
}
.btn-info[data-url] {
  color: #fff !important;
}
.btn-icon i::before {
  transform: scale(1.3);
}
.btn-app-secondary {
  box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
  padding: 0 16px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87) !important;
  letter-spacing: 0.0892857143em;
}
.browser-app-TB .btn-app-secondary {
  font-size: 24px;
  padding: 0 24px;
}
.btn-group-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px -0.25em -0.5em;
}
.sticky-bottom .btn-group-bottom {
  margin-top: 0;
}
.table + .btn-group-bottom {
  margin-top: 20px;
}
.btn-group-bottom .btn {
  margin: 0 0.25em 0.5em;
  min-width: 130px;
}
.btn-group-app-vertical .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 54px;
  width: 100%;
}
.browser-app-TB .btn-group-app-vertical .btn {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  height: 81px;
}
.btn > .mdi::before {
  transform: scale(1.25);
}

.browser-app .card {
  box-shadow: none;
  margin-right: -16px;
  margin-bottom: 0;
  margin-left: -16px;
  border: none;
  border-radius: 0;
}
.browser-app-TB .card {
  margin-right: -32px;
  margin-left: -32px;
}
.card-header {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header-sticky {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
.browser-app .card-body {
  padding: 16px;
}
.browser-app-TB .card-body {
  padding: 32px;
}
.card-inverse hr {
  border-color: rgba(255, 255, 255, 0.2);
}
.card-title > img {
  position: relative;
  top: -0.1em;
  width: 30px;
}
.card-stretch-height .card {
  height: calc(100% - 30px);
}

[class*=card-mw-] {
  margin-right: auto;
  margin-left: auto;
}
.browser-app [class*=card-mw-] {
  max-width: none;
}

.card-mw-800 {
  max-width: 800px;
}
.card-mw-1000 {
  max-width: 1000px;
}
.card-mw-1200 {
  max-width: 1200px;
}
.card-mw-1400 {
  max-width: 1400px;
}
.card-mw-1600 {
  max-width: 1600px;
}

.card-full-width-sp {
  margin: 0 -15px 30px;
}

.chart-img {
  height: 200px;
}
.chart-label-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.5em -0.75em;
  padding-left: 0;
  line-height: 1;
}
.chart-label-item {
  display: flex;
  align-items: center;
  margin: 0 0.5em 0.75em;
}
.chart-label-color {
  width: 12px;
  height: 12px;
}
.browser-app .chart-label-color {
  width: 14px;
  height: 14px;
}
.browser-app-TB .chart-label-color {
  width: 21px;
  height: 21px;
}
.chart-label-text {
  margin-left: 0.25em;
  font-size: 12px;
}
.browser-app .chart-label-text {
  font-size: 14px;
  line-height: 1.2;
}
.browser-app-TB .chart-label-text {
  font-size: 21px;
  line-height: 1.2;
}

.chart-pie {
  position: relative;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background-color: #ced4da;
  font-size: 50px;
}
.browser-app-TB .chart-pie {
  font-size: 75px;
}
.chart-pie.show-workgroup-modal {
  cursor: pointer;
}
.chart-pie::before, .chart-pie::after {
  position: absolute;
  left: 50%;
  font-size: 0.85rem;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}
.browser-app-TB .chart-pie::before, .browser-app-TB .chart-pie::after {
  font-size: 1.275rem;
}
.chart-pie::before {
  content: attr(data-monitoring-title);
  top: 0;
  transform: translate(-50%, -100%);
  padding-bottom: 0.25em;
}
.chart-pie::after {
  content: attr(data-monitoring-note);
  bottom: 0;
  transform: translate(-50%, 100%);
  padding-top: 0.25em;
}
.chart-pie.chart-pie-100 {
  background-color: #00c853;
}
.chart-pie.chart-pie-100.chart-pie-danger {
  background-color: #d50000;
}
.chart-pie-fill {
  display: block;
  width: 50%;
  height: 100%;
}
.chart-pie-0 .chart-pie-fill, .chart-pie-100 .chart-pie-fill {
  display: none;
}
.chart-pie-fill::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00c853;
}
.chart-pie-danger .chart-pie-fill::before {
  background-color: #d50000;
}
.chart-pie-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10%;
  left: 10%;
  border-radius: 50%;
  width: 80%;
  height: 80%;
  background-color: #fff;
  font-size: 0.225em;
  color: #455a64;
}
.browser-app .chart-pie-label {
  color: rgba(0, 0, 0, 0.6);
}
.chart-pie-100 .chart-pie-label {
  background-color: #00c853;
  color: #fff;
}
.chart-pie-danger .chart-pie-label {
  color: transparent;
}
.chart-pie-label > span {
  margin-top: -0.1em;
  font-size: 1.5em;
  font-weight: 700;
}
.chart-pie-status {
  display: none;
}
.chart-pie-100 .chart-pie-status {
  display: block;
}
.chart-pie-danger .chart-pie-status {
  display: block;
}
.chart-pie-danger .chart-pie-status::after {
  content: "\f026";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  top: -0.025em;
  left: 0;
  z-index: 2;
  transform: scale(0.6);
  font-size: 1em;
  color: #ffab00;
}

.chart-pie-50 .chart-pie-fill, .chart-pie-49 .chart-pie-fill, .chart-pie-48 .chart-pie-fill, .chart-pie-47 .chart-pie-fill, .chart-pie-46 .chart-pie-fill, .chart-pie-45 .chart-pie-fill, .chart-pie-44 .chart-pie-fill, .chart-pie-43 .chart-pie-fill, .chart-pie-42 .chart-pie-fill, .chart-pie-41 .chart-pie-fill, .chart-pie-40 .chart-pie-fill, .chart-pie-39 .chart-pie-fill, .chart-pie-38 .chart-pie-fill, .chart-pie-37 .chart-pie-fill, .chart-pie-36 .chart-pie-fill, .chart-pie-35 .chart-pie-fill, .chart-pie-34 .chart-pie-fill, .chart-pie-33 .chart-pie-fill, .chart-pie-32 .chart-pie-fill, .chart-pie-31 .chart-pie-fill, .chart-pie-30 .chart-pie-fill, .chart-pie-29 .chart-pie-fill, .chart-pie-28 .chart-pie-fill, .chart-pie-27 .chart-pie-fill, .chart-pie-26 .chart-pie-fill, .chart-pie-25 .chart-pie-fill, .chart-pie-24 .chart-pie-fill, .chart-pie-23 .chart-pie-fill, .chart-pie-22 .chart-pie-fill, .chart-pie-21 .chart-pie-fill, .chart-pie-20 .chart-pie-fill, .chart-pie-19 .chart-pie-fill, .chart-pie-18 .chart-pie-fill, .chart-pie-17 .chart-pie-fill, .chart-pie-16 .chart-pie-fill, .chart-pie-15 .chart-pie-fill, .chart-pie-14 .chart-pie-fill, .chart-pie-13 .chart-pie-fill, .chart-pie-12 .chart-pie-fill, .chart-pie-11 .chart-pie-fill, .chart-pie-10 .chart-pie-fill, .chart-pie-9 .chart-pie-fill, .chart-pie-8 .chart-pie-fill, .chart-pie-7 .chart-pie-fill, .chart-pie-6 .chart-pie-fill, .chart-pie-5 .chart-pie-fill, .chart-pie-4 .chart-pie-fill, .chart-pie-3 .chart-pie-fill, .chart-pie-2 .chart-pie-fill, .chart-pie-1 .chart-pie-fill {
  overflow: hidden;
  margin-left: auto;
}
.chart-pie-50 .chart-pie-fill::before, .chart-pie-49 .chart-pie-fill::before, .chart-pie-48 .chart-pie-fill::before, .chart-pie-47 .chart-pie-fill::before, .chart-pie-46 .chart-pie-fill::before, .chart-pie-45 .chart-pie-fill::before, .chart-pie-44 .chart-pie-fill::before, .chart-pie-43 .chart-pie-fill::before, .chart-pie-42 .chart-pie-fill::before, .chart-pie-41 .chart-pie-fill::before, .chart-pie-40 .chart-pie-fill::before, .chart-pie-39 .chart-pie-fill::before, .chart-pie-38 .chart-pie-fill::before, .chart-pie-37 .chart-pie-fill::before, .chart-pie-36 .chart-pie-fill::before, .chart-pie-35 .chart-pie-fill::before, .chart-pie-34 .chart-pie-fill::before, .chart-pie-33 .chart-pie-fill::before, .chart-pie-32 .chart-pie-fill::before, .chart-pie-31 .chart-pie-fill::before, .chart-pie-30 .chart-pie-fill::before, .chart-pie-29 .chart-pie-fill::before, .chart-pie-28 .chart-pie-fill::before, .chart-pie-27 .chart-pie-fill::before, .chart-pie-26 .chart-pie-fill::before, .chart-pie-25 .chart-pie-fill::before, .chart-pie-24 .chart-pie-fill::before, .chart-pie-23 .chart-pie-fill::before, .chart-pie-22 .chart-pie-fill::before, .chart-pie-21 .chart-pie-fill::before, .chart-pie-20 .chart-pie-fill::before, .chart-pie-19 .chart-pie-fill::before, .chart-pie-18 .chart-pie-fill::before, .chart-pie-17 .chart-pie-fill::before, .chart-pie-16 .chart-pie-fill::before, .chart-pie-15 .chart-pie-fill::before, .chart-pie-14 .chart-pie-fill::before, .chart-pie-13 .chart-pie-fill::before, .chart-pie-12 .chart-pie-fill::before, .chart-pie-11 .chart-pie-fill::before, .chart-pie-10 .chart-pie-fill::before, .chart-pie-9 .chart-pie-fill::before, .chart-pie-8 .chart-pie-fill::before, .chart-pie-7 .chart-pie-fill::before, .chart-pie-6 .chart-pie-fill::before, .chart-pie-5 .chart-pie-fill::before, .chart-pie-4 .chart-pie-fill::before, .chart-pie-3 .chart-pie-fill::before, .chart-pie-2 .chart-pie-fill::before, .chart-pie-1 .chart-pie-fill::before {
  transform-origin: right;
  border-radius: 100% 0 0 100%/50%;
}

.chart-pie-99, .chart-pie-98, .chart-pie-97, .chart-pie-96, .chart-pie-95, .chart-pie-94, .chart-pie-93, .chart-pie-92, .chart-pie-91, .chart-pie-90, .chart-pie-89, .chart-pie-88, .chart-pie-87, .chart-pie-86, .chart-pie-85, .chart-pie-84, .chart-pie-83, .chart-pie-82, .chart-pie-81, .chart-pie-80, .chart-pie-79, .chart-pie-78, .chart-pie-77, .chart-pie-76, .chart-pie-75, .chart-pie-74, .chart-pie-73, .chart-pie-72, .chart-pie-71, .chart-pie-70, .chart-pie-69, .chart-pie-68, .chart-pie-67, .chart-pie-66, .chart-pie-65, .chart-pie-64, .chart-pie-63, .chart-pie-62, .chart-pie-61, .chart-pie-60, .chart-pie-59, .chart-pie-58, .chart-pie-57, .chart-pie-56, .chart-pie-55, .chart-pie-54, .chart-pie-53, .chart-pie-52, .chart-pie-51 {
  background-image: linear-gradient(to right, rgba(0, 200, 83, 0) 50%, #00c853 0);
}
.chart-pie-danger.chart-pie-99, .chart-pie-danger.chart-pie-98, .chart-pie-danger.chart-pie-97, .chart-pie-danger.chart-pie-96, .chart-pie-danger.chart-pie-95, .chart-pie-danger.chart-pie-94, .chart-pie-danger.chart-pie-93, .chart-pie-danger.chart-pie-92, .chart-pie-danger.chart-pie-91, .chart-pie-danger.chart-pie-90, .chart-pie-danger.chart-pie-89, .chart-pie-danger.chart-pie-88, .chart-pie-danger.chart-pie-87, .chart-pie-danger.chart-pie-86, .chart-pie-danger.chart-pie-85, .chart-pie-danger.chart-pie-84, .chart-pie-danger.chart-pie-83, .chart-pie-danger.chart-pie-82, .chart-pie-danger.chart-pie-81, .chart-pie-danger.chart-pie-80, .chart-pie-danger.chart-pie-79, .chart-pie-danger.chart-pie-78, .chart-pie-danger.chart-pie-77, .chart-pie-danger.chart-pie-76, .chart-pie-danger.chart-pie-75, .chart-pie-danger.chart-pie-74, .chart-pie-danger.chart-pie-73, .chart-pie-danger.chart-pie-72, .chart-pie-danger.chart-pie-71, .chart-pie-danger.chart-pie-70, .chart-pie-danger.chart-pie-69, .chart-pie-danger.chart-pie-68, .chart-pie-danger.chart-pie-67, .chart-pie-danger.chart-pie-66, .chart-pie-danger.chart-pie-65, .chart-pie-danger.chart-pie-64, .chart-pie-danger.chart-pie-63, .chart-pie-danger.chart-pie-62, .chart-pie-danger.chart-pie-61, .chart-pie-danger.chart-pie-60, .chart-pie-danger.chart-pie-59, .chart-pie-danger.chart-pie-58, .chart-pie-danger.chart-pie-57, .chart-pie-danger.chart-pie-56, .chart-pie-danger.chart-pie-55, .chart-pie-danger.chart-pie-54, .chart-pie-danger.chart-pie-53, .chart-pie-danger.chart-pie-52, .chart-pie-danger.chart-pie-51 {
  background-image: linear-gradient(to right, rgba(213, 0, 0, 0) 50%, #d50000 0);
}
.chart-pie-99 .chart-pie-fill, .chart-pie-98 .chart-pie-fill, .chart-pie-97 .chart-pie-fill, .chart-pie-96 .chart-pie-fill, .chart-pie-95 .chart-pie-fill, .chart-pie-94 .chart-pie-fill, .chart-pie-93 .chart-pie-fill, .chart-pie-92 .chart-pie-fill, .chart-pie-91 .chart-pie-fill, .chart-pie-90 .chart-pie-fill, .chart-pie-89 .chart-pie-fill, .chart-pie-88 .chart-pie-fill, .chart-pie-87 .chart-pie-fill, .chart-pie-86 .chart-pie-fill, .chart-pie-85 .chart-pie-fill, .chart-pie-84 .chart-pie-fill, .chart-pie-83 .chart-pie-fill, .chart-pie-82 .chart-pie-fill, .chart-pie-81 .chart-pie-fill, .chart-pie-80 .chart-pie-fill, .chart-pie-79 .chart-pie-fill, .chart-pie-78 .chart-pie-fill, .chart-pie-77 .chart-pie-fill, .chart-pie-76 .chart-pie-fill, .chart-pie-75 .chart-pie-fill, .chart-pie-74 .chart-pie-fill, .chart-pie-73 .chart-pie-fill, .chart-pie-72 .chart-pie-fill, .chart-pie-71 .chart-pie-fill, .chart-pie-70 .chart-pie-fill, .chart-pie-69 .chart-pie-fill, .chart-pie-68 .chart-pie-fill, .chart-pie-67 .chart-pie-fill, .chart-pie-66 .chart-pie-fill, .chart-pie-65 .chart-pie-fill, .chart-pie-64 .chart-pie-fill, .chart-pie-63 .chart-pie-fill, .chart-pie-62 .chart-pie-fill, .chart-pie-61 .chart-pie-fill, .chart-pie-60 .chart-pie-fill, .chart-pie-59 .chart-pie-fill, .chart-pie-58 .chart-pie-fill, .chart-pie-57 .chart-pie-fill, .chart-pie-56 .chart-pie-fill, .chart-pie-55 .chart-pie-fill, .chart-pie-54 .chart-pie-fill, .chart-pie-53 .chart-pie-fill, .chart-pie-52 .chart-pie-fill, .chart-pie-51 .chart-pie-fill {
  overflow: hidden;
}
.chart-pie-99 .chart-pie-fill::before, .chart-pie-98 .chart-pie-fill::before, .chart-pie-97 .chart-pie-fill::before, .chart-pie-96 .chart-pie-fill::before, .chart-pie-95 .chart-pie-fill::before, .chart-pie-94 .chart-pie-fill::before, .chart-pie-93 .chart-pie-fill::before, .chart-pie-92 .chart-pie-fill::before, .chart-pie-91 .chart-pie-fill::before, .chart-pie-90 .chart-pie-fill::before, .chart-pie-89 .chart-pie-fill::before, .chart-pie-88 .chart-pie-fill::before, .chart-pie-87 .chart-pie-fill::before, .chart-pie-86 .chart-pie-fill::before, .chart-pie-85 .chart-pie-fill::before, .chart-pie-84 .chart-pie-fill::before, .chart-pie-83 .chart-pie-fill::before, .chart-pie-82 .chart-pie-fill::before, .chart-pie-81 .chart-pie-fill::before, .chart-pie-80 .chart-pie-fill::before, .chart-pie-79 .chart-pie-fill::before, .chart-pie-78 .chart-pie-fill::before, .chart-pie-77 .chart-pie-fill::before, .chart-pie-76 .chart-pie-fill::before, .chart-pie-75 .chart-pie-fill::before, .chart-pie-74 .chart-pie-fill::before, .chart-pie-73 .chart-pie-fill::before, .chart-pie-72 .chart-pie-fill::before, .chart-pie-71 .chart-pie-fill::before, .chart-pie-70 .chart-pie-fill::before, .chart-pie-69 .chart-pie-fill::before, .chart-pie-68 .chart-pie-fill::before, .chart-pie-67 .chart-pie-fill::before, .chart-pie-66 .chart-pie-fill::before, .chart-pie-65 .chart-pie-fill::before, .chart-pie-64 .chart-pie-fill::before, .chart-pie-63 .chart-pie-fill::before, .chart-pie-62 .chart-pie-fill::before, .chart-pie-61 .chart-pie-fill::before, .chart-pie-60 .chart-pie-fill::before, .chart-pie-59 .chart-pie-fill::before, .chart-pie-58 .chart-pie-fill::before, .chart-pie-57 .chart-pie-fill::before, .chart-pie-56 .chart-pie-fill::before, .chart-pie-55 .chart-pie-fill::before, .chart-pie-54 .chart-pie-fill::before, .chart-pie-53 .chart-pie-fill::before, .chart-pie-52 .chart-pie-fill::before, .chart-pie-51 .chart-pie-fill::before {
  transform-origin: left;
  border-radius: 0 100% 100% 0/50%;
}

.chart-pie-1 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.01turn);
}

.chart-pie-2 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.02turn);
}

.chart-pie-3 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.03turn);
}

.chart-pie-4 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.04turn);
}

.chart-pie-5 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.05turn);
}

.chart-pie-6 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.06turn);
}

.chart-pie-7 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.07turn);
}

.chart-pie-8 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.08turn);
}

.chart-pie-9 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.09turn);
}

.chart-pie-10 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.1turn);
}

.chart-pie-11 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.11turn);
}

.chart-pie-12 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.12turn);
}

.chart-pie-13 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.13turn);
}

.chart-pie-14 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.14turn);
}

.chart-pie-15 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.15turn);
}

.chart-pie-16 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.16turn);
}

.chart-pie-17 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.17turn);
}

.chart-pie-18 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.18turn);
}

.chart-pie-19 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.19turn);
}

.chart-pie-20 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.2turn);
}

.chart-pie-21 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.21turn);
}

.chart-pie-22 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.22turn);
}

.chart-pie-23 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.23turn);
}

.chart-pie-24 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.24turn);
}

.chart-pie-25 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.25turn);
}

.chart-pie-26 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.26turn);
}

.chart-pie-27 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.27turn);
}

.chart-pie-28 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.28turn);
}

.chart-pie-29 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.29turn);
}

.chart-pie-30 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.3turn);
}

.chart-pie-31 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.31turn);
}

.chart-pie-32 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.32turn);
}

.chart-pie-33 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.33turn);
}

.chart-pie-34 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.34turn);
}

.chart-pie-35 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.35turn);
}

.chart-pie-36 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.36turn);
}

.chart-pie-37 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.37turn);
}

.chart-pie-38 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.38turn);
}

.chart-pie-39 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.39turn);
}

.chart-pie-40 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.4turn);
}

.chart-pie-41 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.41turn);
}

.chart-pie-42 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.42turn);
}

.chart-pie-43 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.43turn);
}

.chart-pie-44 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.44turn);
}

.chart-pie-45 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.45turn);
}

.chart-pie-46 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.46turn);
}

.chart-pie-47 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.47turn);
}

.chart-pie-48 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.48turn);
}

.chart-pie-49 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.49turn);
}

.chart-pie-50 .chart-pie-fill::before {
  transform: translateX(-100%) rotate(0.5turn);
}

.chart-pie-51 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.01turn);
}

.chart-pie-52 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.02turn);
}

.chart-pie-53 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.03turn);
}

.chart-pie-54 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.04turn);
}

.chart-pie-55 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.05turn);
}

.chart-pie-56 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.06turn);
}

.chart-pie-57 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.07turn);
}

.chart-pie-58 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.08turn);
}

.chart-pie-59 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.09turn);
}

.chart-pie-60 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.1turn);
}

.chart-pie-61 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.11turn);
}

.chart-pie-62 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.12turn);
}

.chart-pie-63 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.13turn);
}

.chart-pie-64 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.14turn);
}

.chart-pie-65 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.15turn);
}

.chart-pie-66 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.16turn);
}

.chart-pie-67 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.17turn);
}

.chart-pie-68 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.18turn);
}

.chart-pie-69 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.19turn);
}

.chart-pie-70 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.2turn);
}

.chart-pie-71 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.21turn);
}

.chart-pie-72 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.22turn);
}

.chart-pie-73 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.23turn);
}

.chart-pie-74 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.24turn);
}

.chart-pie-75 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.25turn);
}

.chart-pie-76 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.26turn);
}

.chart-pie-77 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.27turn);
}

.chart-pie-78 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.28turn);
}

.chart-pie-79 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.29turn);
}

.chart-pie-80 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.3turn);
}

.chart-pie-81 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.31turn);
}

.chart-pie-82 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.32turn);
}

.chart-pie-83 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.33turn);
}

.chart-pie-84 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.34turn);
}

.chart-pie-85 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.35turn);
}

.chart-pie-86 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.36turn);
}

.chart-pie-87 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.37turn);
}

.chart-pie-88 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.38turn);
}

.chart-pie-89 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.39turn);
}

.chart-pie-90 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.4turn);
}

.chart-pie-91 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.41turn);
}

.chart-pie-92 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.42turn);
}

.chart-pie-93 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.43turn);
}

.chart-pie-94 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.44turn);
}

.chart-pie-95 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.45turn);
}

.chart-pie-96 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.46turn);
}

.chart-pie-97 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.47turn);
}

.chart-pie-98 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.48turn);
}

.chart-pie-99 .chart-pie-fill::before {
  transform: translateX(100%) rotate(0.49turn);
}

.cke_top {
  margin-left: -1px !important;
  border-bottom: none !important;
  background: repeating-linear-gradient(#fff, #fff 39px, #bcbcbc 39px, #bcbcbc 40px) !important;
}

.cke_toolbar {
  position: relative !important;
  border-left: 1px solid #bcbcbc !important;
  height: 40px !important;
}

.cke_combo {
  border-right: none !important;
}

.cke_combopanel {
  width: 130px !important;
}

.cke_reset_all *,
.cke_reset_all a,
.cke_reset_all textarea {
  font-family: sans-serif !important;
}
.cke_reset_all input.cke_dialog_ui_input_tel {
  background-color: #fff;
  border: 1px solid #bcbcbc;
  padding: 4px 6px;
  outline: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  min-height: 28px;
  margin-left: 1px;
}

.cke_dialog_footer .cke_resizer {
  position: absolute;
  right: 0;
  bottom: 3px;
}

.cke_resizer + .cke_dialog_footer_buttons {
  margin-right: 15px;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox {
  display: flex;
  flex-direction: row-reverse;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_first {
  padding-right: 0;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_hbox_last {
  padding-right: 5px;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_ok,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_ok span {
  border-color: #2f3d4a !important;
  background-color: #2f3d4a !important;
  color: #fff !important;
}
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel,
.cke_dialog_footer_buttons .cke_dialog_ui_hbox .cke_dialog_ui_button_cancel span {
  border-color: #727b84 !important;
  background-color: #fff !important;
  color: #727b84 !important;
}

.cms h3,
.cms h4,
.cms h5,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_panel_listItem h3,
.cke_panel_listItem h4,
.cke_panel_listItem h5 {
  margin-bottom: 0.75em;
  line-height: 1.4;
}
.cms h3 + h3,
.cms h3 + h4,
.cms h3 + h5,
.cms h4 + h3,
.cms h4 + h4,
.cms h4 + h5,
.cms h5 + h3,
.cms h5 + h4,
.cms h5 + h5,
.cke_editable h3 + h3,
.cke_editable h3 + h4,
.cke_editable h3 + h5,
.cke_editable h4 + h3,
.cke_editable h4 + h4,
.cke_editable h4 + h5,
.cke_editable h5 + h3,
.cke_editable h5 + h4,
.cke_editable h5 + h5,
.cke_panel_listItem h3 + h3,
.cke_panel_listItem h3 + h4,
.cke_panel_listItem h3 + h5,
.cke_panel_listItem h4 + h3,
.cke_panel_listItem h4 + h4,
.cke_panel_listItem h4 + h5,
.cke_panel_listItem h5 + h3,
.cke_panel_listItem h5 + h4,
.cke_panel_listItem h5 + h5 {
  margin-top: 0;
}
.cms h3,
.cke_editable h3,
.cke_panel_listItem h3 {
  position: relative;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ced4da;
  font-size: 21px;
}
.cms h3::before,
.cke_editable h3::before,
.cke_panel_listItem h3::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 3em;
  height: 1px;
  background-color: #de431d;
}
.cms h4,
.cke_editable h4,
.cke_panel_listItem h4 {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #ced4da;
  font-size: 18px;
}
.cms h5,
.cke_editable h5,
.cke_panel_listItem h5 {
  padding-bottom: 0.25em;
  border-bottom: 1px dashed #ced4da;
  font-size: 16px;
}
.cms p,
.cke_editable p,
.cke_panel_listItem p {
  margin-bottom: 0;
}
.cms strong,
.cke_editable strong,
.cke_panel_listItem strong {
  font-weight: 700;
}
.cms a:not([class])[target=_blank]::after,
.cke_editable a:not([class])[target=_blank]::after,
.cke_panel_listItem a:not([class])[target=_blank]::after {
  content: "\f3cc";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.cms a:not([class])[href$=".pdf"]::after,
.cke_editable a:not([class])[href$=".pdf"]::after,
.cke_panel_listItem a:not([class])[href$=".pdf"]::after {
  content: "\f225";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.cms a:not([class])[href$=".doc"]::after, .cms a:not([class])[href$=".docx"]::after,
.cke_editable a:not([class])[href$=".doc"]::after,
.cke_editable a:not([class])[href$=".docx"]::after,
.cke_panel_listItem a:not([class])[href$=".doc"]::after,
.cke_panel_listItem a:not([class])[href$=".docx"]::after {
  content: "\f22c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.cms a:not([class])[href$=".xls"]::after, .cms a:not([class])[href$=".xlsx"]::after,
.cke_editable a:not([class])[href$=".xls"]::after,
.cke_editable a:not([class])[href$=".xlsx"]::after,
.cke_panel_listItem a:not([class])[href$=".xls"]::after,
.cke_panel_listItem a:not([class])[href$=".xlsx"]::after {
  content: "\f21b";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.cms a:not([class])[href$=".ppt"]::after, .cms a:not([class])[href$=".pptx"]::after,
.cke_editable a:not([class])[href$=".ppt"]::after,
.cke_editable a:not([class])[href$=".pptx"]::after,
.cke_panel_listItem a:not([class])[href$=".ppt"]::after,
.cke_panel_listItem a:not([class])[href$=".pptx"]::after {
  content: "\f227";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  margin-right: 0.25em;
  margin-left: 0.25em;
}
.cms ul,
.cms ol,
.cke_editable ul,
.cke_editable ol,
.cke_panel_listItem ul,
.cke_panel_listItem ol {
  margin-top: 1em;
  margin-bottom: 1em;
}
.cms ul ul,
.cms ul ol,
.cms ol ul,
.cms ol ol,
.cke_editable ul ul,
.cke_editable ul ol,
.cke_editable ol ul,
.cke_editable ol ol,
.cke_panel_listItem ul ul,
.cke_panel_listItem ul ol,
.cke_panel_listItem ol ul,
.cke_panel_listItem ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.cms table,
.cke_editable table,
.cke_panel_listItem table {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #ced4da;
  max-width: 100%;
}
.cms table tr th,
.cms table tr td,
.cke_editable table tr th,
.cke_editable table tr td,
.cke_panel_listItem table tr th,
.cke_panel_listItem table tr td {
  padding: 0.75rem;
  border: 1px solid #ced4da;
}
.cms table tr th,
.cke_editable table tr th,
.cke_panel_listItem table tr th {
  background-color: #f8f9fa;
}
.cms * ~ h3,
.cms * ~ h4,
.cke_editable * ~ h3,
.cke_editable * ~ h4,
.cke_panel_listItem * ~ h3,
.cke_panel_listItem * ~ h4 {
  margin-top: 1.5em;
}
.cms * ~ h5,
.cke_editable * ~ h5,
.cke_panel_listItem * ~ h5 {
  margin-top: 1em;
}

.cms::after {
  content: "";
  display: block;
  clear: both;
}

.cke_editable {
  padding: 15px;
  font-size: 14px;
  line-height: 1.42857143;
}
.cke_editable ul,
.cke_editable ol {
  padding-left: 40px;
}
.cke_editable caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  caption-side: bottom;
}

.cke_panel_listItem h3,
.cke_panel_listItem h4,
.cke_panel_listItem h5 {
  margin-bottom: 0;
}

.color-picker {
  width: 251px;
}
.color-picker-row2 {
  width: 126px;
}
.color-picker-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1px;
  padding-left: 1px;
  background-color: #ced4da;
}
.color-picker-item {
  cursor: pointer;
  position: relative;
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 3px;
  width: 24px;
  height: 24px;
  background-color: #fff;
}
.color-picker-item::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 15.6px;
  color: #fff;
  transition: opacity 0.15s;
}
.color-picker-item.checked::before {
  opacity: 1;
}
.color-picker-item[data-color-brightness=high]::before {
  color: #455a64;
}
.color-picker-swatch {
  display: block;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
}
[data-color="#fff"] .color-picker-swatch, [data-color="#ffffff"] .color-picker-swatch, [data-color="#FFF"] .color-picker-swatch, [data-color="#FFFFFF"] .color-picker-swatch {
  border-color: #ced4da;
}
.color-header-title {
  margin-right: auto;
  padding-right: 1rem;
}
.color-header-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -10px;
}
.color-header-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 5px 10px;
  padding: 1rem;
  border: 1px solid #ced4da;
  background-color: #fff;
  line-height: 1.2;
}

.context-menu-list {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  border-color: #ced4da;
  border-radius: 0.25rem;
}
.context-menu-item {
  padding: 7px 1.5rem;
  color: #263238;
}
.context-menu-item.context-menu-hover {
  background-color: #f8f9fa;
  color: #263238;
}
.browser-app .customtab li {
  flex: 1;
}
.customtab li a.nav-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.browser-app .customtab li a.nav-link {
  font-size: 14px;
  line-height: 1.2;
  padding: 13px 16px;
  font-weight: 500;
  letter-spacing: 0.089em;
  text-align: center;
}
.browser-app-TB .customtab li a.nav-link {
  font-size: 21px;
  line-height: 1.2;
  padding: 19.5px 24px;
}
.browser-app .customtab li a.nav-link.active {
  border-bottom-width: 3px;
}
.customtab li a.nav-link .badge {
  margin-left: 0.5em;
  min-width: 18px;
}
.browser-app .customtab li a.nav-link .badge {
  margin-top: 8px;
  margin-left: 0;
}
.customtab li a.nav-link > span {
  position: relative;
}
.customtab li a.nav-link > span .notify {
  position: absolute;
  top: 10px;
  right: -15px;
}

.default-pages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1000px;
  min-height: 100%;
}
body > .default-pages {
  padding: 15px;
}
.default-pages-inner {
  width: 100%;
}
.default-pages-header {
  margin-top: 20px;
  text-align: center;
}
.default-pages-icon img {
  width: 120px;
  height: auto;
  vertical-align: middle;
}
.default-pages-title {
  margin-top: 10px;
  font-size: 20px;
  color: #455a64;
  line-height: 1.5;
}
.default-pages-body {
  margin-top: 20px;
  text-align: center;
}
.default-pages-text {
  display: inline-block;
  text-align: left;
}
.default-pages-footer {
  margin-top: 20px;
  text-align: center;
}

.dropdown {
  display: inline-block;
}

.dropdown-menu {
  margin: 0;
}
.device-PC .dropdown-hover:not(.disabled):hover > .dropdown-menu {
  visibility: visible;
  display: block;
}

.dropdown-item {
  color: #212529;
}
.dropdown-item:not(.disabled), .dropdown-item:not(:disabled) {
  cursor: pointer;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #999 !important;
  pointer-events: none;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa;
  color: #263238;
}
.dropdown-item:focus, .dropdown-item:active {
  outline: none;
}
.dropdown-item > .fa,
.dropdown-item > .mdi {
  margin-right: 0.25em;
  width: 1.28571429em;
  text-align: center;
}
.dropdown-item > .mdi::before {
  margin: -5% 0;
  font-size: 110%;
}

.dropify-wrapper p {
  text-align: center;
}
.dropify-height-sm .dropify-wrapper {
  height: 120px;
}

.dtp {
  line-height: 1.5;
}
.dtp > .dtp-content {
  max-height: 550px;
}
.dtp-picker-days {
  white-space: nowrap;
}
.dtp-picker-days tbody tr td {
  vertical-align: middle;
}
.dtp-select-day {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: 400;
}

.ex-popup-box {
  display: none;
  z-index: 1080;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  width: 400px;
  max-width: calc(100% - 20px);
  height: auto;
  background-color: transparent;
}
.ex-popup-box .ex-popup-box *:focus {
  outline: none;
}
.ex-popup-box .title {
  cursor: move;
  margin: 0;
  padding: 1rem;
  border: none;
  border-bottom: 1px solid #e9ecef;
  border-radius: 4px 4px 0 0;
  background-color: #f8f9fa;
  background-image: none;
  font-size: 16px;
  color: #455a64;
  line-height: 1.5;
}
.ex-popup-box .title .close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
}
.ex-popup-box .title .close:hover {
  opacity: 0.75;
}
.ex-popup-box .detail {
  border-radius: 0 0 4px 4px;
  background-color: #fff;
}

.ex-popup-box-m {
  width: 600px;
}

.ex-popup-box-xl {
  width: 800px;
}

.ex-popup-overlay {
  display: none;
  opacity: 0.5 !important;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1079;
  background-color: #000;
}

.iframe-container iframe {
  overflow: auto;
  border: none;
  width: 100%;
  height: 100% !important;
  vertical-align: bottom;
}

.iframe-container-xxl iframe {
  min-height: 500px;
}

.iframe-container-xl iframe {
  min-height: 430px;
}

.iframe-container-l iframe {
  min-height: 350px;
}

.iframe-container-m iframe {
  min-height: 270px;
}

.iframe-container-s iframe {
  min-height: 220px;
}

.iframe-container-xs iframe {
  min-height: 170px;
}

.popup {
  height: 100%;
  background-color: transparent;
}
.popup body {
  height: 100%;
  background-color: transparent;
}
.popup-wrapper {
  padding: 1rem;
  min-height: 100%;
}
.popup-wrapper-footer-btn {
  padding-bottom: calc(66px + 1rem);
}
.popup-wrapper > div {
  min-height: 100%;
}
.popup-form {
  position: relative;
  min-height: 100%;
}
browser-ie .popup-form {
  min-height: calc(100vh - 94px);
}
.popup-form-trim-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-form-trim-image .row {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.popup-form-footer-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-radius: 0 0 4px 4px;
  width: 100%;
  background-color: #fff;
  text-align: right;
}

.flatpickr-calendar.open {
  z-index: 1090;
}
.flatpickr-prev-month, .flatpickr-next-month {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #ea5529 !important;
}
.flatpickr-current-month {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.flatpickr-monthDropdown-months {
  margin-left: 5px;
}
.flatpickr-monthDropdown-month {
  font-size: 16px;
}
.flatpickr-weekdays {
  border-bottom: 1px solid #ced4da;
}
.flatpickr-weekday {
  font-size: 14px !important;
}
.flatpickr-weekday:first-child {
  color: #e6294b;
}
.flatpickr-weekday:last-child {
  color: #1e88e5;
}
.flatpickr-day {
  font-size: 16px;
  line-height: 37px;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.flatpickr-day:hover, .flatpickr-day:focus {
  border-color: #ededed;
  background-color: #ededed;
}
.flatpickr-day.today {
  border-color: #727b84;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #727b84;
  background-color: #727b84;
}
.flatpickr-day.selected {
  border-color: #ea5529;
  background-color: #ea5529;
}
.flatpickr-day.selected:hover, .flatpickr-day.selected:focus {
  border-color: #de431d;
  background-color: #de431d;
}

.form-group {
  margin-bottom: 10px;
}

.browser-app .form-control {
  font-size: 16px;
  line-height: 1.5;
}
.browser-app-TB .form-control {
  font-size: 24px;
  line-height: 1.5;
  min-height: 57px;
}

.form-control-feedback > ul {
  list-style-type: none;
  margin-top: 0.25em;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 0.85em;
  line-height: 1.6;
}

.form-control-label,
.form-control-value,
.form-text {
  line-height: 1.6;
}

.input-group-lg .custom-file,
.input-group-lg .custom-file-input {
  height: 42px;
}

.custom-file-input {
  cursor: pointer;
}

.input-group-lg .custom-file-label {
  overflow: hidden;
  padding: 0.5rem 160px 0.5rem 1rem;
  border-radius: 0.3rem;
  height: 42px;
  font-size: 1.25rem;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-file-label::after {
  content: "ファイルを選択";
}
.input-group-lg .custom-file-label::after {
  padding: 0.5rem 1rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  height: 40px;
  font-size: 1.25rem;
  line-height: 1.5;
}

.media-form-toggle {
  cursor: pointer;
}

.check-label {
  margin: 0 !important;
  padding-left: 20px !important;
  height: 20px !important;
  vertical-align: middle;
}

.form-md-col2,
.form-md-col2 ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.form-group .form-control-label,
.form-group-md-col2 .form-control-label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25em;
}
.form-group .form-control-label .badge,
.form-group-md-col2 .form-control-label .badge {
  margin-top: 0.2em;
  margin-left: 1em;
}
.form-group .form-control-value,
.form-group-md-col2 .form-control-value {
  align-items: flex-start;
}
.form-group .form-control-value .form-inline,
.form-group-md-col2 .form-control-value .form-inline {
  padding-top: 2px;
}

.form-clear,
.form-search {
  position: relative;
}
.form-search .form-control {
  padding-left: 30px;
}
.form-search .form-btn-search {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  font-size: 1.2em;
}
.form-search .form-btn-search::before {
  content: "\f002";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.form-clear .form-control {
  padding-right: 30px;
}
.form-clear .form-btn-clear {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  font-size: 1.2em;
  color: #99abb4;
  transition: color 0.3s;
}
.form-clear .form-btn-clear::before {
  content: "\f159";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.form-clear .form-btn-clear:hover, .form-clear .form-btn-clear:focus {
  color: #67757c;
}

.icon-help {
  position: relative;
  margin-left: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  color: #99abb4;
}
.icon-help::before {
  content: "\f625";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: inline-block;
  transform: scale(1.3);
}
.icon-help::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.device-PC .icon-help::after {
  content: none;
}
.icon-back {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: left;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 1px solid #727b84;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;
  color: #727b84;
  line-height: 1;
  text-align: center;
  transition: opacity 0.15s, background-color 0.15s, color 0.15s;
}
.icon-back:hover, .icon-back:focus {
  outline: 0;
  background-color: #727b84;
  color: #fff;
}
.icon-back:hover {
  opacity: 0.7;
}
.icon-back-title {
  margin-right: 0.25em;
  width: 33px;
  height: 33px;
  font-size: 26px;
}
.icon-text-area {
  position: relative;
  padding-left: 1.5em;
}
.icon-text-area > i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.icon-app-select-menu {
  width: 100px;
}
.browser-app-TB .icon-app-select-menu {
  width: 150px;
}

.search-item-result-item {
  border-bottom: 1px solid #ced4da;
}
.browser-app .search-item-result-item {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.search-item-result-title {
  display: flex;
  align-items: center;
}
.search-item-result-owner {
  flex-shrink: 0;
  padding: 1.25rem 0.75rem;
}
.browser-app .search-item-result-owner {
  padding: 16px;
}
.browser-app-TB .search-item-result-owner {
  padding: 24px;
}
.search-item-result-name {
  margin-right: auto;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.browser-app .search-item-result-name {
  padding-top: 16px;
  padding-bottom: 16px;
}
.browser-app-TB .search-item-result-name {
  padding-top: 24px;
  padding-bottom: 24px;
}
.search-item-result-btn {
  flex-shrink: 0;
  padding: 1.25rem 0.75rem;
}
.browser-app .search-item-result-btn {
  padding: 16px;
}
.browser-app-TB .search-item-result-btn {
  padding: 24px;
}
.search-item-result-detail {
  padding: 0 0.75rem 1.25rem;
}
.browser-app .search-item-result-detail {
  padding: 16px;
  background-color: #ECEFF1;
}
.browser-app-TB .search-item-result-detail {
  padding: 24px;
}
.browser-app .search-item-result-detail table tr {
  background-color: #fff;
}

.jq-toast-wrap {
  width: auto;
  max-width: calc(100% - 20px);
}
.jq-toast-wrap.top-right {
  top: 10px;
  right: 10px;
}
.jq-toast-wrap.top-left {
  top: 10px;
  left: 10px;
}
.jq-toast-wrap.bottom-right {
  right: 10px;
  bottom: 5px;
}
.jq-toast-wrap.bottom-left {
  bottom: 10px;
  left: 5px;
}
.jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
  width: 100%;
  max-width: none;
  transition: opacity 0.15s;
}
.show-sidebar .jq-toast-wrap:not([class*=top-]):not([class*=bottom-]), .modal-open .jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) {
  opacity: 0;
}

.jq-toast-single {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  margin-right: auto;
  margin-left: auto;
  padding: 0.75em;
  border-radius: 4px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
}
.show-sidebar .jq-toast-single, .modal-open .jq-toast-single {
  pointer-events: none !important;
}
.jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) .jq-toast-single {
  padding: 0.75em 0.5em;
}
.jq-toast-single.jq-icon-error {
  box-shadow: 0 3px 5px rgba(213, 0, 0, 0.2);
  background-color: rgba(213, 0, 0, 0.87);
}
.jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) .jq-toast-single > a,
.jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) .jq-toast-single > span:not([class*=jq-toast-]) {
  display: inline-block;
  margin: 0 0.5em;
}
.jq-toast-single a {
  padding-bottom: 0;
  border-bottom: none;
  font-size: inherit;
  font-weight: 400;
  color: #fac02c;
}
.jq-toast-single a:hover, .jq-toast-single a:focus {
  color: #f8b42c;
}

.jq-has-icon {
  background-image: none !important;
}

.close-jq-toast-single {
  display: block;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  color: transparent;
}
.close-jq-toast-single::before, .close-jq-toast-single::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid #fff;
  width: 14px;
}
.close-jq-toast-single::before {
  transform: translateX(-50%) rotate(45deg);
}
.close-jq-toast-single::after {
  transform: translateX(-50%) rotate(-45deg);
}
.close-jq-toast-single:hover, .close-jq-toast-single:focus {
  opacity: 0.6;
}

.jq-toast-loader {
  background: #fac02c !important;
}

.jsgrid.js-grid-hidden-scrollbar .jsgrid-grid-header,
.jsgrid.js-grid-hidden-scrollbar .jsgrid-grid-body {
  overflow-y: visible;
}
.jsgrid .jsgrid-grid-body .jsgrid-table tbody tr:last-child .jsgrid-cell {
  border-bottom: none;
}
.jsgrid .jsgrid-edit-row > .jsgrid-cell,
.jsgrid .jsgrid-filter-row > .jsgrid-cell,
.jsgrid .jsgrid-grid-body,
.jsgrid .jsgrid-grid-header,
.jsgrid .jsgrid-header-row > .jsgrid-header-cell,
.jsgrid .jsgrid-insert-row > .jsgrid-cell,
.jsgrid .jsgrid-cell {
  border-color: #ced4da;
}
.jsgrid .jsgrid-header-cell,
.jsgrid .jsgrid-cell {
  padding: 0.75rem;
  vertical-align: middle;
}
.jsgrid .jsgrid-header-row .jsgrid-header-cell {
  background-color: #f8f9fa;
  text-align: center;
}
.jsgrid .jsgrid-header-row .jsgrid-header-cell.jsgrid-control-field .jsgrid-search-mode-button {
  display: none;
}
.jsgrid .jsgrid-row.deleted .jsgrid-cell,
.jsgrid .jsgrid-alt-row.deleted .jsgrid-cell {
  background-color: #ededed;
  color: #99abb4;
  pointer-events: none;
}
.jsgrid .jsgrid-row.deleted .jsgrid-button.jsgrid-edit-button,
.jsgrid .jsgrid-alt-row.deleted .jsgrid-button.jsgrid-edit-button {
  opacity: 0.5;
}
.jsgrid .jsgrid-row.deleted .jsgrid-button.jsgrid-delete-button,
.jsgrid .jsgrid-alt-row.deleted .jsgrid-button.jsgrid-delete-button {
  background-image: url(/ex/images/common/icon-jsgrid-restore.svg);
  pointer-events: auto;
}
.jsgrid .jsgrid-header-sortable {
  text-decoration: underline;
}
.jsgrid .jsgrid-header-sortable:hover {
  text-decoration: none;
}
.jsgrid .jsgrid-header-sortable.jsgrid-header-sort-asc, .jsgrid .jsgrid-header-sortable.jsgrid-header-sort-desc {
  position: relative;
}
.jsgrid .jsgrid-header-sortable.jsgrid-header-sort-asc::before, .jsgrid .jsgrid-header-sortable.jsgrid-header-sort-desc::before {
  position: absolute;
  top: calc(50% - 2px);
  right: 0.75rem;
  float: none;
}
.jsgrid .jsgrid-header-sortable.jsgrid-header-sort-asc::before {
  border-color: transparent transparent #ea5529;
}
.jsgrid .jsgrid-header-sortable.jsgrid-header-sort-desc::before {
  border-color: #ea5529 transparent transparent;
}
.jsgrid .jsgrid-control-field {
  width: 110px !important;
}
.jsgrid .jsgrid-selected-row > .jsgrid-cell {
  background: rgba(250, 192, 44, 0.1);
}
.jsgrid .jsgrid-edit-row > .jsgrid-cell {
  background: rgba(250, 192, 44, 0.2);
}
.jsgrid .jsgrid-filter-row > .jsgrid-cell {
  padding-top: 0;
  border-top: none;
  background: #f8f9fa;
}
.jsgrid .jsgrid-filter-row > .jsgrid-cell.jsgrid-search-empty {
  position: relative;
}
.jsgrid .jsgrid-filter-row > .jsgrid-cell.jsgrid-search-empty::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 1.5rem;
  color: #99abb4;
  transform: scale(1.3);
}
.jsgrid .jsgrid-button.jsgrid-edit-button, .jsgrid .jsgrid-button.jsgrid-delete-button, .jsgrid .jsgrid-button.jsgrid-update-button, .jsgrid .jsgrid-button.jsgrid-cancel-edit-button, .jsgrid .jsgrid-button.jsgrid-search-button, .jsgrid .jsgrid-button.jsgrid-clear-filter-button {
  border: 1px solid #ced4da;
  width: 40px;
  height: 38px;
  background: #fff center center no-repeat;
}
.jsgrid .jsgrid-button.jsgrid-edit-button:hover, .jsgrid .jsgrid-button.jsgrid-edit-button:focus, .jsgrid .jsgrid-button.jsgrid-delete-button:hover, .jsgrid .jsgrid-button.jsgrid-delete-button:focus, .jsgrid .jsgrid-button.jsgrid-update-button:hover, .jsgrid .jsgrid-button.jsgrid-update-button:focus, .jsgrid .jsgrid-button.jsgrid-cancel-edit-button:hover, .jsgrid .jsgrid-button.jsgrid-cancel-edit-button:focus, .jsgrid .jsgrid-button.jsgrid-search-button:hover, .jsgrid .jsgrid-button.jsgrid-search-button:focus, .jsgrid .jsgrid-button.jsgrid-clear-filter-button:hover, .jsgrid .jsgrid-button.jsgrid-clear-filter-button:focus {
  opacity: 1;
  background-color: #ededed;
}
.jsgrid .jsgrid-button.jsgrid-edit-button {
  background-image: url(/ex/images/common/icon-jsgrid-edit.svg);
}
.jsgrid .jsgrid-button.jsgrid-delete-button {
  background-image: url(/ex/images/common/icon-jsgrid-delete.svg);
}
.jsgrid .jsgrid-button.jsgrid-update-button {
  border-color: #00c853;
  background-color: #00c853;
  background-image: url(/ex/images/common/icon-jsgrid-update.svg);
}
.jsgrid .jsgrid-button.jsgrid-update-button:hover, .jsgrid .jsgrid-button.jsgrid-update-button:focus {
  background-color: #00c853;
}
.jsgrid .jsgrid-button.jsgrid-cancel-edit-button {
  background-image: url(/ex/images/common/icon-jsgrid-cancel.svg);
}
.jsgrid .jsgrid-button.jsgrid-search-button {
  border-color: #fac02c;
  background-color: #fac02c;
  background-image: url(/ex/images/common/icon-jsgrid-search.svg);
}
.jsgrid .jsgrid-button.jsgrid-search-button:hover, .jsgrid .jsgrid-button.jsgrid-search-button:focus {
  background-color: #f8b42c;
}
.jsgrid .jsgrid-button.jsgrid-clear-filter-button {
  background-image: url(/ex/images/common/icon-jsgrid-cancel.svg);
}
.jsgrid .jsgrid-button + .jsgrid-button {
  margin-left: 8px;
}

.label {
  line-height: 1.3;
}

.lg-backdrop {
  z-index: 1081;
}
.lg-backdrop.in {
  background-color: rgba(0, 0, 0, 0.8);
}
.lg-outer {
  z-index: 1082;
}

.list-group {
  line-height: 1.6;
}
.list-group-flush a.list-group-item.unread {
  background: rgba(250, 192, 44, 0.1);
}
.list-group-flush a.list-group-item.unread:hover, .list-group-flush a.list-group-item.unread:focus {
  background: rgba(250, 192, 44, 0.2);
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 1px solid #ced4da;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 1px solid #ced4da;
}
.list-group-select .list-group-item {
  cursor: pointer;
  padding-right: 5rem;
}
.list-group-select .list-group-item .badge {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}
.list-group-post .list-group-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.browser-app .list-group-post .list-group-item:first-child .list-group-label,
.browser-app .list-group-post .list-group-item:first-child .list-group-text {
  border-top: none;
}
.list-group-post .list-group-label {
  margin-right: 8px;
}
.list-group-post .list-group-label-date {
  white-space: nowrap;
}
.list-group-post .list-group-label .badge {
  width: 100%;
  text-align: center;
}
.list-group-post .list-group-text {
  margin-top: 0.25em;
  width: 100%;
}
.list-group-item {
  border-color: #ced4da !important;
}
.list-group-item:focus {
  outline: none;
}
.list-group-item.active, .list-group .list-group-item.active:hover {
  background: rgba(250, 192, 44, 0.2);
  color: #455a64;
}
.list-group a.list-group-item {
  color: #67757c;
}
.browser-app .list-group a.list-group-item {
  color: rgba(0, 0, 0, 0.6);
}
.list-group a.list-group-item:hover, .list-group a.list-group-item:focus {
  background-color: #f8f9fa;
}
.list-sorter-title {
  cursor: pointer;
}
.list-sorter-title .fa {
  margin-left: 0.5rem;
  font-size: 16px;
  color: #ea5529;
}
.list-sorter-title .list-sorter-text {
  color: #67757c;
  text-decoration: underline;
}
.list-sorter-title:hover, .list-sorter-title:focus {
  outline: none;
}
.list-sorter-title:hover .list-sorter-text, .list-sorter-title:focus .list-sorter-text {
  text-decoration: none;
}
.list-notice > li::before {
  content: "※";
  top: 0;
  left: -1.25em;
}

.mdi-format-color-fill::before {
  position: relative;
  bottom: -0.1em;
}
.mdi-format-color-text::before {
  position: relative;
  bottom: -0.1em;
}

.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
  text-align: center;
}
.browser-app-TB .message {
  padding: 1.5em 0;
}
.message-img .mdi {
  color: rgba(153, 171, 180, 0.5);
}
.browser-app .message-img .mdi {
  color: #b0bec5;
}
.message-img .mdi::before {
  font-size: 120px;
}
.message-sm .message-img .mdi::before {
  font-size: 80px;
}
.message-img svg {
  margin: 1em;
  width: 100px;
  height: auto;
}
.message-img svg path {
  fill: rgba(153, 171, 180, 0.5);
}
.message-text > p:last-child {
  margin-bottom: 0;
}

.modal {
  z-index: 1080;
}
.modal-backdrop {
  z-index: 1079;
}
.browser-app .modal-dialog {
  margin: 16px auto;
}
.browser-app-TB .modal-dialog {
  margin: 32px auto;
}
.browser-app .modal-dialog-centered {
  min-height: calc(100% - (16px * 2));
}
.browser-app-TB .modal-dialog-centered {
  min-height: calc(100% - (32px * 2));
}
.modal-header {
  border-radius: 3px 3px 0 0;
  height: 55px;
  background-color: #f8f9fa;
}
.browser-app-TB .modal-header {
  padding: 24px;
  height: 87px;
}
.modal-lg-card .modal-header {
  height: auto;
}
.browser-app-TB .modal-header .close {
  margin: -24px -24px -24px auto;
  padding: 24px;
}
.modal-header .close > span {
  font-size: 1.8rem;
}
.browser-app-TB .modal-header .close > span {
  font-size: 2.7rem;
}
.modal-title {
  overflow: hidden;
  color: #455a64;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-body {
  scrollbar-color: rgba(153, 171, 180, 0.5) rgba(153, 171, 180, 0.2);
  scrollbar-width: thin;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 141px);
}
.modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.modal-body::-webkit-scrollbar-track {
  background-color: rgba(153, 171, 180, 0.2);
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(153, 171, 180, 0.5);
}
.browser-app .modal-body {
  padding: 16px;
  max-height: calc(100vh - 153px);
}
.browser-app-TB .modal-body {
  padding: 24px;
  max-height: calc(100vh - 255px);
}
.modal-footer-none .modal-body {
  max-height: calc(100vh - 75px);
}
.browser-app .modal-footer-none .modal-body {
  max-height: calc(100vh - 87px);
}
.browser-app-TB .modal-footer-none .modal-body {
  max-height: calc(100vh - 151px);
}
.modal-footer {
  height: 66px;
}
.browser-app-TB .modal-footer {
  padding: 24px;
  height: 104px;
}
.modal-lg-card .modal-footer {
  height: auto;
}
.modal-footer .form-group {
  margin: 0;
}
.modal-header-btn-group {
  display: flex;
  margin: -1rem -1rem -1rem auto;
  height: 50px;
}
.modal-header-btn-group > button {
  flex: none;
}
.modal-header-btn-group .close {
  display: block;
  margin: 0;
}
.modal-header-btn, .modal-header .close {
  opacity: 0.5;
}
.modal-header-btn:hover, .modal-header-btn:focus, .modal-header .close:hover, .modal-header .close:focus {
  opacity: 0.75;
}
.modal-header-btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border: none;
  width: 42px;
  height: 100%;
  background-color: transparent;
  font-size: 16px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}
.browser-app-TB .modal-lg-card .modal-header {
  padding: 24px !important;
}
.browser-app-TB .modal-lg-card .modal-body {
  padding: 24px !important;
}

.monitoring-detail {
  position: relative;
  padding: 15px;
  border: 2px solid #99abb4;
  border-radius: 4px;
  background-color: #fff;
}
.browser-app .monitoring-detail {
  padding: 16px;
  border-color: rgba(0, 0, 0, 0.38);
}
.browser-app-TB .monitoring-detail {
  padding: 24px;
}
.monitoring-detail-title {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #99abb4;
  font-weight: 700;
  color: #455a64;
}
.browser-app .monitoring-detail-title {
  border-bottom-color: rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.6);
}
.monitoring-detail-title::before {
  display: inline-block;
  padding: 0 0.5em;
  border: 1px solid #ced4da;
  border-radius: 3px;
  font-weight: 400;
  color: #455a64;
  content: attr(data-monitoring-title);
  margin-right: 0.5em;
}
.monitoring-detail-label br {
  display: none;
}
* + .monitoring-detail-label {
  margin-left: 1em;
}
.browser-app .monitoring-detail-list {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.browser-app-TB .monitoring-detail-list {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.monitoring-detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ced4da;
  font-weight: 700;
  text-align: right;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.browser-app .monitoring-detail-item {
  padding: 8px 0;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .monitoring-detail-item {
  padding: 12px 0;
}
.monitoring-detail-item::before {
  content: attr(data-monitoring-title);
  margin-right: auto;
  padding-right: 1em;
  width: calc(50% + 1em);
  font-weight: 400;
  color: #67757c;
}
.browser-app .monitoring-detail-item::before {
  color: rgba(0, 0, 0, 0.6);
}

.monitoring-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ced4da;
}
.monitoring-header-name {
  display: none;
}
.monitoring-header-progress {
  display: none;
}
.monitoring-header-detail {
  display: table;
  width: 100%;
  text-align: center;
  table-layout: fixed;
}
.monitoring-header-item {
  padding: 0.75rem;
}
.monitoring-header-detail .monitoring-header-item {
  display: table-cell;
  vertical-align: middle;
}
.monitoring-header-detail .monitoring-header-item:nth-child(odd) {
  background-color: #f8f9fa;
}
.monitoring-header-colspan {
  margin: 0.75rem 0.75rem 0;
  padding: 0.25em 0.5em;
  border: 1px solid #ced4da;
  border-radius: 3px;
  width: 100%;
  text-align: center;
}

.monitoring-list {
  margin: -15px -15px 0;
  border-top: 1px solid #ced4da;
  line-height: 1.6;
}
.browser-app .monitoring-list {
  margin-top: 0;
  margin-right: -16px;
  margin-left: -16px;
  border-top: none;
  max-width: none;
}
.browser-app-TB .monitoring-list {
  margin-right: -32px;
  margin-left: -32px;
}
.monitoring-list-item {
  background-color: #fff;
}
.monitoring-list-title {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  left: 0;
  z-index: 5;
  margin-bottom: 0;
  padding: 10px 15px;
  border-bottom: 1px solid #ced4da;
  background-color: #f8f9fa;
  font-size: 1.25rem;
  font-weight: 700;
  color: #455a64;
  line-height: 1.4;
}
.browser-app .monitoring-list-title {
  top: 0;
  padding: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .monitoring-list-title {
  padding: 16px 32px;
  height: 65px;
  font-size: 1.875rem;
}
.monitoring-list-header {
  display: none;
}
.browser-app-TB .monitoring-list-header {
  top: 0;
}
.browser-app-TB .monitoring-list-title + .monitoring-list-header {
  top: 65px;
}
.monitoring-list-row {
  padding: 15px;
  border-bottom: 1px solid #ced4da;
}
.browser-app .monitoring-list-row {
  padding: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .monitoring-list-row {
  padding: 32px;
}
.browser-app .monitoring-list-row:last-child {
  border-bottom: none;
}
.monitoring-list-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #455a64;
}
.browser-app .monitoring-list-name {
  color: rgba(0, 0, 0, 0.6);
}
.browser-app-TB .monitoring-list-name {
  font-size: 1.875rem;
}
.monitoring-list-progress {
  margin: 10px auto;
  max-width: 500px;
}
.browser-app-TB .monitoring-list-progress {
  margin: 15px auto;
  max-width: 750px;
}
.monitoring-list-detail {
  margin-top: 10px;
}

.monitoring-progress {
  display: flex;
  justify-content: space-between;
  padding: 1.5em 0;
}
.monitoring-progress-item {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}
.monitoring-progress-item::before, .monitoring-progress-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  width: 50%;
  height: 4px;
  background-color: #ced4da;
}
.monitoring-progress-item::before {
  left: -1px;
}
.monitoring-progress-item::after {
  right: -1px;
}
.monitoring-progress-item:first-child::before {
  content: none;
}
.monitoring-progress-item:last-child::after {
  content: none;
}
.monitoring-progress-item-danger {
  cursor: pointer;
}
.monitoring-progress-item.current::before {
  background-color: #00c853;
}
.monitoring-progress-item.finished::before, .monitoring-progress-item.finished::after {
  background-color: #00c853;
}
.monitoring-progress-item .chart-pie {
  position: relative;
  z-index: 2;
}

.name-card {
  display: flex;
  flex-wrap: wrap;
  width: 172mm;
  height: 270mm;
}
.name-card-back {
  flex-direction: row-reverse;
}
.name-card-trim {
  position: relative;
}
.name-card-trim::before, .name-card-trim::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  border-top: 1pt solid #000;
  width: 8mm;
}
.name-card-trim::before {
  left: -12mm;
}
.name-card-trim::after {
  right: -12mm;
}
.name-card-line {
  display: none;
}
.name-card-trim .name-card-line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.name-card-trim .name-card-line::before, .name-card-trim .name-card-line::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  border-left: 1pt solid #000;
  height: 8mm;
}
.name-card-trim .name-card-line::before {
  top: -12mm;
}
.name-card-trim .name-card-line::after {
  bottom: -12mm;
}
.name-card-item {
  position: relative;
  padding: 6mm;
  border: 1px dashed #1e88e5;
  width: 86mm;
  height: 54mm;
  font-family: "Noto Sans JP", Open Sans, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
  font-weight: 500;
  color: #000;
}
.name-card-trim .name-card-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  border-top: 1pt solid #000;
  width: 8mm;
}
.name-card-front.name-card-trim .name-card-item:nth-of-type(odd)::before {
  left: -12mm;
}
.name-card-back.name-card-trim .name-card-item:nth-of-type(odd)::before {
  right: -12mm;
}
.name-card-front.name-card-trim .name-card-item:nth-of-type(even)::before {
  right: -12mm;
}
.name-card-back.name-card-trim .name-card-item:nth-of-type(even)::before {
  left: -12mm;
}
.name-card-trim .name-card-item:nth-of-type(1)::after, .name-card-trim .name-card-item:nth-of-type(2)::after, .name-card-trim .name-card-item:nth-last-of-type(1)::after, .name-card-trim .name-card-item:nth-last-of-type(2)::after {
  content: "";
  display: block;
  position: absolute;
  border-left: 1pt solid #000;
  height: 8mm;
}
.name-card-trim .name-card-item:nth-of-type(1)::after, .name-card-trim .name-card-item:nth-of-type(2)::after {
  top: -12mm;
}
.name-card-front.name-card-trim .name-card-item:nth-of-type(1)::after {
  left: 0;
}
.name-card-back.name-card-trim .name-card-item:nth-of-type(1)::after {
  right: 0;
}
.name-card-front.name-card-trim .name-card-item:nth-of-type(2)::after {
  right: 0;
}
.name-card-back.name-card-trim .name-card-item:nth-of-type(2)::after {
  left: 0;
}
.name-card-trim .name-card-item:nth-last-of-type(1)::after, .name-card-trim .name-card-item:nth-last-of-type(2)::after {
  bottom: -12mm;
}
.name-card-front.name-card-trim .name-card-item:nth-last-of-type(1)::after {
  right: 0;
}
.name-card-back.name-card-trim .name-card-item:nth-last-of-type(1)::after {
  left: 0;
}
.name-card-front.name-card-trim .name-card-item:nth-last-of-type(2)::after {
  left: 0;
}
.name-card-back.name-card-trim .name-card-item:nth-last-of-type(2)::after {
  right: 0;
}
.name-card-logo {
  overflow: hidden;
  height: 4mm;
  font-size: 9pt;
  line-height: 1;
  white-space: nowrap;
}
.name-card-logo img {
  width: auto;
  max-width: none;
  height: 100%;
}
.name-card-name {
  overflow: hidden;
  text-align: center;
}
.name-card-front .name-card-name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 4mm);
  font-size: 20pt;
  line-height: 26pt;
}
.name-card-back .name-card-name {
  margin-top: 2.5mm;
  font-size: 9pt;
  line-height: 1;
  white-space: nowrap;
}
.name-card-qrcode {
  overflow: hidden;
  margin: 2.5mm auto 0;
  width: 30mm;
  height: 30mm;
}
.name-card-qrcode img {
  width: auto;
  max-width: none;
  height: 100%;
}
.name-card-barcode {
  overflow: hidden;
  margin: 8mm auto;
  width: 66mm;
}
.name-card-barcode img {
  width: 100%;
  max-width: none;
}

.nav-category {
  list-style: none;
  padding-left: 0;
  line-height: 1.6;
}
.nav-category-item {
  position: relative;
}
.nav-category-link {
  display: block;
  padding: 0.5em 0;
  color: #67757c;
}
.nav-category-link:hover, .nav-category-link:focus {
  color: #ea5529;
}
.nav-category-link.active {
  font-weight: 700;
  color: #ea5529;
}

.nav-tabs-scroll {
  flex-wrap: nowrap;
  overflow: auto hidden;
}
.nav-tabs-scroll .nav-item {
  flex: none;
}

.preloader {
  left: 0;
}
.popup .preloader {
  border-radius: 0 0 4px 4px;
}
.preloader-translucent {
  background-color: rgba(255, 255, 255, 0.25);
}
.preloader-text {
  position: absolute;
  top: calc(50% + 40px);
  left: 0;
  padding: 0 15px;
  width: 100%;
  line-height: 1.6;
  text-align: center;
}
.preloader-text > span {
  display: inline-block;
  padding: 0.25em 1em;
  border-radius: 1em;
  max-width: 400px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #67757c;
}
.tooltipster-sidetip .tooltipster-box {
  font-size: 0.9rem;
}
.tooltipster-sidetip .tooltipster-content {
  padding: 0.5em 0.75em;
  line-height: 1.5;
}

.dtp {
  line-height: 1.5;
}

.dtp-picker-month {
  padding-bottom: 0.5em;
  font-size: 1.2rem;
}

.dtp-picker-days {
  white-space: nowrap;
}
.dtp-picker-days tbody tr td {
  vertical-align: middle;
}

.dtp-select-day {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: 400;
}

.ui-autocomplete li .ui-state-active {
  background: #26c6da !important;
  color: #ffffff !important;
}

.ui-selected {
  background-color: #ddd !important;
}

.divider {
  margin: 7px 0;
  border: none;
  height: 1px;
  background-color: rgba(120, 130, 140, 0.13);
}

.alert-title {
  font-size: 1.25em;
  line-height: 1.5;
}
.alert ul {
  line-height: 1.6;
}

.notify {
  display: block;
  top: -21px;
  right: -5px;
}
.notify .point {
  top: -11px;
  right: 5px;
  border: 1px solid #fff;
  width: 8px;
  height: 8px;
  background-color: #d50000;
}
.notify .heartbit {
  border-color: #d50000;
  width: 26px;
  height: 26px;
}

#ex-debug {
  overflow-x: hidden;
  padding: 15px;
  word-break: break-all;
}

.pagination {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: center;
  margin-top: -5px;
  margin-bottom: 0;
}
.browser-app .pagination {
  justify-content: space-between;
  margin-top: 0;
}
.pagination-wrapper {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.browser-app .pagination-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
.browser-app .pagination-limit {
  padding: 8px 16px;
}
.browser-app-TB .pagination-limit {
  padding: 12px 24px;
}
.pagination-limit .form-control {
  width: auto;
}
.pagination-nav {
  margin-top: 1rem;
}
.browser-app .pagination-nav {
  margin-top: 0;
}

.browser-app .page-item {
  display: none;
}
.browser-app .page-item-first, .browser-app .page-item-last, .browser-app .page-item-prev, .browser-app .page-item-next, .browser-app .page-item-total {
  display: block;
}
.browser-app .page-item-first .page-link::before, .browser-app .page-item-prev .page-link::before {
  margin-right: 4px;
  font-size: 24px !important;
}
.browser-app-TB .page-item-first .page-link::before, .browser-app-TB .page-item-prev .page-link::before {
  margin-right: 6px;
  font-size: 36px !important;
}
.browser-app .page-item-last .page-link::after, .browser-app .page-item-next .page-link::after {
  margin-left: 4px;
  font-size: 24px !important;
}
.browser-app-TB .page-item-last .page-link::after, .browser-app-TB .page-item-next .page-link::after {
  margin-left: 6px;
  font-size: 36px !important;
}
.browser-app .page-item-first .page-link::before {
  content: "\f600";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.browser-app .page-item-last .page-link::after {
  content: "\f601";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.browser-app .page-item-prev .page-link::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.browser-app .page-item-next {
  margin-left: auto;
}
.browser-app .page-item-next .page-link::after {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.page-item-total {
  display: none;
}
.browser-app .page-item-total {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
}
.browser-app-TB .page-item-total {
  padding: 24px;
}
.page-item.disabled .page-link {
  color: rgba(103, 117, 124, 0.5);
}
.browser-app .page-item.disabled .page-link {
  color: rgba(0, 0, 0, 0.38);
}

.page-link {
  margin-top: 5px;
  white-space: nowrap;
}
.browser-app .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 16px;
  border: none;
}
.browser-app-TB .page-link {
  padding: 24px;
}

.quantity-change-list {
  margin-bottom: 1rem;
  border: 1px solid #ced4da;
  line-height: 1.6;
}
.quantity-change-list-item:not(:first-child) {
  border-top: 1px solid #ced4da;
}
.quantity-change-list-header {
  padding: 0.75rem;
  background-color: #f8f9fa;
  font-size: 16px;
}
.quantity-change-list-row {
  border-top: 1px solid #ced4da;
}
.quantity-change-list-name {
  padding: 0.75rem 0.75rem 0;
}
.quantity-change-list-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quantity-change-list-before, .quantity-change-list-after, .quantity-change-list-time {
  padding: 0.75rem;
}
.quantity-change-list-after {
  position: relative;
  color: #d50000;
}
.quantity-change-list-after::before {
  content: "→";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: translateY(-50%);
  color: #99abb4;
}
.quantity-change-list-time {
  margin-left: auto;
  white-space: nowrap;
}

.scrollbar-sm {
  scrollbar-color: rgba(255, 255, 255, 0.5) inherit;
  scrollbar-width: thin;
}
.scrollbar-sm::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar-sm::-webkit-scrollbar-track {
  background-color: inherit;
}
.scrollbar-sm::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.5);
}

.search-result {
  display: flex;
  flex-wrap: wrap;
}
.search-result-title {
  color: #99abb4;
}
.search-result-item:not(:last-child)::after {
  content: "/";
  margin: 0 0.25em;
  color: #ced4da;
}

.select2-container--default {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  border-color: #ced4da;
  height: 38px;
}
.form-control-lg + .select2-container--default .select2-selection--single {
  height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 13px;
  border-radius: 0.3rem;
  height: 100%;
  color: #67757c;
  line-height: 36px;
}
.form-control-lg + .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 17px;
  font-size: 1.25rem;
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.form-control-lg + .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  transform: rotate(45deg);
  margin-top: -4px;
  margin-left: -3px;
  border-top: none !important;
  border-right: 2px solid #67757c !important;
  border-bottom: 2px solid #67757c !important;
  border-left: none !important;
  width: 7px;
  height: 7px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  opacity: 0.7;
  background-color: #e9ecef;
}
.select2-container--default .select2-search--dropdown {
  position: relative;
  padding: 8px;
}
.select2-container--default .select2-search--dropdown::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 1.5rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  padding-left: 30px;
  border-color: #ced4da;
  border-radius: 0.3rem;
  line-height: 28px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border-color: #80bdff;
}
.select2-container--default .select2-results .select2-results__option {
  padding: 0.25rem 1rem;
}

.sequence-table-title {
  cursor: pointer;
}
.sequence-table-title .fa {
  margin-left: 0.5rem;
  font-size: 16px;
  color: #ea5529;
}
.sequence-table-title .sequence-table-text {
  color: #67757c;
  text-decoration: underline;
}
.sequence-table-title:hover, .sequence-table-title:focus {
  outline: none;
}
.sequence-table-title:hover .sequence-table-text, .sequence-table-title:focus .sequence-table-text {
  text-decoration: none;
}
.sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 15mm;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans JP", Open Sans, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
  font-weight: 500;
  color: #000;
}
.sign-num {
  margin-bottom: 5mm;
  font-size: 96pt;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
}
.sign-main {
  font-size: 48pt;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
}
.sign-main-variable {
  line-height: 1.1;
  white-space: nowrap;
}
.sign-sub {
  margin-top: 10mm;
  line-height: 1.1;
  text-align: center;
}
.sign-qrcode {
  margin: 0 auto;
  width: 20mm;
  background-color: #fff;
}
.sign-qrcode img {
  width: 100%;
}
.sign-info {
  margin-top: 3mm;
  font-size: 12pt;
}

.sticky-bottom, .sticky-table-header > thead > tr > th, .sticky-btn-table-header .top-btn-box,
.sticky-btn-table-header .sticky-mediaTableMenu,
.sticky-btn-table-header table thead tr th {
  position: -webkit-sticky;
  position: sticky;
}

.sticky-table-header > thead > tr > th, .sticky-btn-table-header table > thead > tr > th {
  z-index: 2;
  background-color: #fff;
  background-clip: padding-box;
}
.browser-ie .sticky-table-header > thead > tr > th, .browser-ie .sticky-btn-table-header table > thead > tr > th, .sticky-btn-table-header .browser-ie table > thead > tr > th {
  position: static;
  top: 0;
}

.sticky-table-header > thead > tr > th::after, .sticky-btn-table-header table > thead > tr > th::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  width: 100%;
  height: calc(100% + 1px);
  pointer-events: none;
}
.browser-ie .sticky-table-header > thead > tr > th::after, .browser-ie .sticky-btn-table-header table > thead > tr > th::after, .sticky-btn-table-header .browser-ie table > thead > tr > th::after {
  content: none;
}

.sticky-btn-table-header table {
  border-top: none;
}
.sticky-btn-table-header table > thead > tr > th {
  top: 126px;
}
.popup .sticky-btn-table-header table > thead > tr > th {
  top: 61px;
}
.topbar-hidden .sticky-btn-table-header table > thead > tr > th {
  top: 56px;
}
.sticky-btn-table-header.top-btn-media-table .top-btn-box {
  padding-right: 150px;
}
.sticky-btn-table-header .top-btn-box,
.sticky-btn-table-header .sticky-mediaTableMenu {
  top: 69px;
  z-index: 3;
  transform: translateZ(0);
}
.popup .sticky-btn-table-header .top-btn-box,
.popup .sticky-btn-table-header .sticky-mediaTableMenu {
  top: 0;
}
.topbar-hidden .sticky-btn-table-header .top-btn-box,
.topbar-hidden .sticky-btn-table-header .sticky-mediaTableMenu {
  top: -1px;
}
.sticky-btn-table-header .top-btn-box {
  transform: translateZ(0);
  background-color: #fff;
}
.browser-ie .sticky-btn-table-header .top-btn-box {
  position: relative;
  top: 0;
}
.sticky-btn-table-header .sticky-mediaTableMenu {
  margin-top: -57px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 140px;
  height: 57px;
}
.popup .sticky-btn-table-header .sticky-mediaTableMenu {
  margin-top: -61px;
  padding-top: 14px;
  height: 61px;
}
.sticky-btn-table-header .sticky-mediaTableMenu .mediaTableMenu {
  top: 10px;
}
.popup .sticky-btn-table-header .sticky-mediaTableMenu .mediaTableMenu {
  top: 14px;
}
.sticky-btn-table-header:not(.top-btn-media-table) .sticky-mediaTableMenu {
  width: 100%;
  background-color: #fff;
}

.sticky-table-header {
  border-top: none;
}
.sticky-table-header > thead > tr > th {
  top: 69px;
}
.popup .sticky-table-header > thead > tr > th {
  top: 0;
}
.topbar-hidden .sticky-table-header > thead > tr > th {
  top: -1px;
}
.modal-body .sticky-table-header > thead > tr > th {
  top: -1rem;
}
.browser-app .modal-body .sticky-table-header > thead > tr > th {
  top: -16px;
}
.browser-app-TB .modal-body .sticky-table-header > thead > tr > th {
  top: -24px;
}

.sticky-bottom {
  bottom: 0;
  z-index: 1030;
  background-color: #fff;
}
.browser-ie .sticky-bottom {
  position: static;
}

.summary-header {
  border-bottom: 1px solid #ced4da;
}
.summary-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
}
.summary-date {
  font-size: 18px;
  line-height: 1;
}
.summary-menu {
  border-top: 1px solid #ced4da;
}
.summary-menu .nav {
  flex-wrap: nowrap;
}
.summary-menu .nav-item {
  flex: 1;
}
.summary-menu .nav-item:not(:first-child) {
  border-left: 1px solid #ced4da;
}
.summary-menu .nav-link {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid transparent !important;
  height: 100%;
}
.summary-menu .nav-link:hover, .summary-menu .nav-link:focus {
  background-color: rgba(250, 192, 44, 0.1);
  color: #67757c !important;
}
.summary-menu .nav-link.active {
  border-bottom-color: #ea5529 !important;
  color: #67757c !important;
}
.summary-menu .nav-tabs {
  border-bottom: none;
}
.summary-data {
  margin-top: auto;
  font-size: 10px;
  color: #455a64 !important;
  line-height: 1.1;
  text-align: right;
}
.summary-data > span {
  position: relative;
  bottom: -0.05em;
  margin-right: 0.1em;
  font-size: 18px;
}
.summary-body {
  padding: 1.25rem;
}
.summary-chart-title {
  margin-bottom: 0.5em;
}
.summary-chart-title .label {
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

.swal2-container {
  z-index: 1090;
}
.swal2-popup {
  padding-bottom: 15px;
  color: #67757c;
}
.swal2-icon {
  margin-top: 25px;
  margin-bottom: 1em;
}
.swal2-title {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #455a64;
  line-height: 1.6;
}
.swal2-html-container {
  overflow: visible;
  margin-right: 15px;
  margin-left: 15px;
}
.swal2-input, .swal2-textarea, .swal2-select, .swal2-file {
  margin-right: 15px;
  margin-left: 15px;
  width: auto !important;
  height: auto;
}
.swal2-checkbox, .swal2-radio {
  font-size: 1rem !important;
  line-height: 1.6;
}
.swal2-checkbox input[type=checkbox] {
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
}
.swal2-checkbox input[type=checkbox] + .swal2-label {
  position: relative;
  padding-left: 26px;
}
.swal2-checkbox input[type=checkbox] + .swal2-label::before, .swal2-checkbox input[type=checkbox] + .swal2-label::after {
  content: "";
  display: block;
  position: absolute;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
}
.swal2-checkbox input[type=checkbox] + .swal2-label::before {
  top: 10px;
  left: 6px;
  z-index: 1;
  width: 0;
  height: 0;
}
.swal2-checkbox input[type=checkbox] + .swal2-label::after {
  top: 1px;
  left: 0;
  border: 2px solid #5a5a5a;
  border-radius: 2px;
  width: 20px;
  height: 20px;
}
.swal2-checkbox input[type=checkbox]:checked + .swal2-label::before {
  top: 3px;
  left: 1px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
  border-top: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid transparent;
  border-radius: 1px;
  width: 8px;
  height: 13px;
}
.swal2-checkbox input[type=checkbox]:checked + .swal2-label::after {
  border-color: #ea5529;
  background-color: #ea5529;
}
.swal2-radio label {
  position: relative;
  padding-left: 26px;
}
.swal2-radio label input[type=radio] + .swal2-label::before, .swal2-radio label input[type=radio] + .swal2-label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 4px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: 0.28s ease;
}
.swal2-radio label input[type=radio] + .swal2-label::before {
  border: 2px solid transparent;
  -webkit-animation: ripple 0.2s linear forwards;
          animation: ripple 0.2s linear forwards;
}
.swal2-radio label input[type=radio] + .swal2-label::after {
  border: 2px solid #5a5a5a;
}
.swal2-radio label input[type=radio]:checked + .swal2-label::after {
  z-index: 0;
  transform: scale(1.02);
  border: 2px solid #26a69a;
  background-color: #26a69a;
}
.swal2-actions {
  flex-direction: row-reverse;
  margin-bottom: -5px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
  flex: 1 1 130px;
  margin: 5px;
  padding: 0.5em 0.75em;
  min-width: auto;
  white-space: nowrap;
}
.swal2-footer {
  padding: 15px 15px 0;
}

.browser-app .tab-pane {
  margin-top: 0 !important;
}

.table {
  line-height: 1.6;
}
.table td,
.table th {
  border-color: #ced4da;
  word-break: break-all;
}
.browser-firefox .table td.nowrap,
.browser-firefox .table th.nowrap {
  white-space: normal;
  word-break: keep-all;
}
.table-bordered {
  border-color: #ced4da;
}
.table-detail th {
  border: 1px solid #ced4da;
  width: 10em;
  background-color: #f8f9fa;
  font-weight: 400;
}
.table-responsive table {
  table-layout: fixed;
}
.table-responsive table > .table-bordered {
  border: 1px solid #dee2e6;
}
.browser-app .table-app {
  border: none;
}
.browser-app .table-app:last-of-type {
  margin-bottom: 0;
}
.browser-app .table-app th {
  background-color: transparent;
}
.browser-app .table-app th,
.browser-app .table-app td {
  padding: 16px;
  border-top: none;
  border-right: none;
  border-left: none;
}
.browser-app-TB .table-app th,
.browser-app-TB .table-app td {
  padding: 24px;
}
.table-middle thead th {
  text-align: center;
  vertical-align: middle;
}
.table-middle tbody th,
.table-middle tbody td {
  vertical-align: middle;
}
.table-select-btn {
  overflow: hidden;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width: auto !important;
  border-spacing: 0;
  border-collapse: separate;
}
.table-select-btn tr:first-child td {
  border-top: none;
}
.table-select-btn tr td[onclick] {
  cursor: pointer;
}
.table-select-btn tr td.selected-td {
  background-color: #26c6da;
  color: #ffffff;
}
.table-select-btn tr td + td {
  border-left: 1px solid #ced4da;
}
.browser-app .table-item {
  display: block;
  border: none;
}
.browser-app .table-item thead {
  display: none;
}
.browser-app .table-item tbody {
  display: block;
}
.browser-app .table-item tbody tr {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.browser-app .table-item tbody tr:not(:first-child) {
  margin-top: 8px;
}
.browser-app-TB .table-item tbody tr:not(:first-child) {
  margin-top: 12px;
}
.browser-app .table-item-name, .browser-app .table-item-detail {
  padding: 8px 16px;
  border-right: none;
  border-bottom: none;
  border-left: none;
  width: 100%;
}
.browser-app-TB .table-item-name, .browser-app-TB .table-item-detail {
  padding: 12px 24px;
}
.browser-app .table-item-name {
  display: block;
  border-top: none;
}
.browser-app .table-item-detail {
  display: flex;
  align-items: center;
  padding-left: 32px;
  border-top-color: rgba(0, 0, 0, 0.12);
}
.browser-app-TB .table-item-detail {
  padding-left: 48px;
}
.browser-app .table-item-detail::before {
  content: attr(data-td-title);
  padding-right: 1em;
  width: 8em;
  color: #67757c;
  text-align: left;
}
.browser-app .table-item-detail:first-child {
  border-top: none;
}
.table-productivity-latest {
  color: rgba(0, 0, 0, 0.87);
}
.table-productivity-latest-category .table-productivity-latest-name {
  background-repeat: no-repeat;
  background-position: right 16px bottom 12px;
}
.browser-app-TB .table-productivity-latest-category .table-productivity-latest-name {
  background-position: right 24px bottom 18px;
}
.table-productivity-latest-category-picking-forklift .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-picking-forklift.svg);
  background-size: 80px 50px;
}
.browser-app-TB .table-productivity-latest-category-picking-forklift .table-productivity-latest-name {
  background-size: 120px 75px;
}
.table-productivity-latest-category-picking-walking .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-picking-walking.svg);
  background-size: 58px 50px;
}
.browser-app-TB .table-productivity-latest-category-picking-walking .table-productivity-latest-name {
  background-size: 87px 75px;
}
.table-productivity-latest-category-sorting .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-sorting.svg);
  background-size: 80px 36px;
}
.browser-app-TB .table-productivity-latest-category-sorting .table-productivity-latest-name {
  background-size: 120px 54px;
}
.table-productivity-latest-category-packing .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-packing.svg);
  background-size: 80px 52px;
}
.browser-app-TB .table-productivity-latest-category-packing .table-productivity-latest-name {
  background-size: 120px 78px;
}
.table-productivity-latest-category-arrival-sorting .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-arrival-sorting.svg);
  background-size: 80px 34px;
}
.browser-app-TB .table-productivity-latest-category-arrival-sorting .table-productivity-latest-name {
  background-size: 120px 51px;
}
.table-productivity-latest-category-receiving .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-receiving.svg);
  background-size: 80px 34px;
}
.browser-app-TB .table-productivity-latest-category-receiving .table-productivity-latest-name {
  background-size: 120px 51px;
}
.table-productivity-latest-category-storing .table-productivity-latest-name {
  background-image: url(/ex/images/webview/icon-process-storing.svg);
  background-size: 80px 50px;
}
.browser-app-TB .table-productivity-latest-category-storing .table-productivity-latest-name {
  background-size: 120px 75px;
}
.table-productivity-latest-name {
  padding-right: 96px !important;
}
.browser-app-TB .table-productivity-latest-name {
  padding-right: 144px !important;
}
.table-productivity-latest-icon, .table-productivity-latest-value, .table-productivity-latest-average {
  line-height: 1.2;
  white-space: nowrap;
}
.table-productivity-latest-icon {
  width: 80px;
  text-align: center;
}
.browser-app-TB .table-productivity-latest-icon {
  width: 120px;
}
.table-productivity-latest-icon img {
  max-width: none;
}
.browser-app-TB .table-productivity-latest-icon img {
  width: 72px;
}
.table-productivity-latest-value {
  width: 137px;
  text-align: right;
}
.browser-app-TB .table-productivity-latest-value {
  width: 206px;
}
.table-productivity-latest-value span {
  font-size: 40px;
}
.browser-app-TB .table-productivity-latest-value span {
  font-size: 60px;
}
.table-productivity-latest-average {
  width: 105px;
  font-size: 14px;
  text-align: right;
}
.browser-app-TB .table-productivity-latest-average {
  width: 158px;
  font-size: 21px;
}
.table-productivity-latest-average span {
  font-size: 24px;
}
.browser-app-TB .table-productivity-latest-average span {
  font-size: 36px;
}
.table-productivity-latest-label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  text-align: center;
}
.browser-app-TB .table-productivity-latest-label {
  font-size: 21px;
}

.tablesorter-bootstrap thead th,
.tablesorter-bootstrap thead td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
  padding: 0.75rem;
  background-color: #f8f9fa;
  font: inherit;
}
.tablesorter-bootstrap .tablesorter-header .tablesorter-header-inner {
  padding: 0;
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
  padding-right: 1em;
  text-decoration: underline;
}
.tablesorter-bootstrap .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ea5529;
}
.tablesorter-bootstrap .tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner::after {
  content: "\f0d7";
  font: normal normal normal 16px/1 FontAwesome;
}
.tablesorter-bootstrap .tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner::after {
  content: "\f0d8";
  font: normal normal normal 16px/1 FontAwesome;
}
.tablesorter-bootstrap.table-thead-filter thead,
.tablesorter-bootstrap.table-thead-filter tbody {
  display: block;
}
.tablesorter-bootstrap.table-thead-filter thead tr,
.tablesorter-bootstrap.table-thead-filter tbody tr {
  display: flex;
  background-color: #fff;
}
.tablesorter-bootstrap.table-thead-filter thead tr td,
.tablesorter-bootstrap.table-thead-filter tbody tr td {
  border-top: none;
  border-left: none;
}
.tablesorter-bootstrap.table-thead-filter thead tr td:last-child,
.tablesorter-bootstrap.table-thead-filter tbody tr td:last-child {
  border-right-color: transparent;
}
.tablesorter-bootstrap.table-thead-filter thead {
  border-bottom: 1px solid #ced4da;
  background-color: #f8f9fa;
}
.tablesorter-bootstrap.table-thead-filter thead tr th,
.tablesorter-bootstrap.table-thead-filter thead tr td {
  margin: 0;
}
.tablesorter-bootstrap.table-thead-filter thead tr td {
  border-bottom: none;
}
.tablesorter-bootstrap.table-thead-filter tbody {
  position: relative;
  overflow-y: scroll;
}
.tablesorter-bootstrap.table-thead-filter tbody.empty::before {
  content: "データがありません";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #99abb4;
  pointer-events: none;
}
.tablesorter-bootstrap.table-thead-filter tbody tr {
  cursor: pointer;
}
.tablesorter-bootstrap.table-thead-filter tbody tr.selected {
  background-color: rgba(250, 192, 44, 0.1);
}
.tablesorter-bootstrap.table-thead-filter-col3 thead tr th,
.tablesorter-bootstrap.table-thead-filter-col3 thead tr td,
.tablesorter-bootstrap.table-thead-filter-col3 tbody tr th,
.tablesorter-bootstrap.table-thead-filter-col3 tbody tr td {
  width: 33.3333333333%;
}
.tablesorter-bootstrap.table-thead-filter-col4 thead tr th,
.tablesorter-bootstrap.table-thead-filter-col4 thead tr td,
.tablesorter-bootstrap.table-thead-filter-col4 tbody tr th,
.tablesorter-bootstrap.table-thead-filter-col4 tbody tr td {
  width: 25%;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner {
  text-decoration: none;
  text-align: center;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner .table-thead-filter-form {
  position: relative;
  margin-top: 0.75rem;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header .tablesorter-header-inner .table-thead-filter-form.table-thead-filter-form-empty::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: inherit;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0.75rem;
  transform: scale(1.3);
  color: #99abb4;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner {
  padding-right: 0;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner::after {
  top: 0;
  transform: none;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:not(.sorter-false) .tablesorter-header-inner > span {
  display: inline-block;
  padding: 0 1em;
  text-decoration: underline;
}
.tablesorter-bootstrap.table-thead-filter .tablesorter-header:hover:not(.sorter-false) .tablesorter-header-inner > span {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.browser-app h1,
.browser-app h2,
.browser-app h3,
.browser-app h4,
.browser-app h5,
.browser-app h6 {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.2;
}

.browser-app h2 {
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.2;
}
.browser-app-TB h2 {
  font-size: 30px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.2;
}

.browser-app h3,
.browser-app h4 {
  font-size: 18px;
  line-height: 1.5;
}
.browser-app-TB h3,
.browser-app-TB h4 {
  font-size: 27px;
  line-height: 1.5;
}

.browser-app h5 {
  font-size: 16px;
}
.browser-app-TB h5 {
  font-size: 24px;
}

.title-label {
  margin-bottom: 0.75rem;
}
.title-label .label {
  width: 100%;
  text-align: center;
}

.top-btn-box {
  padding-bottom: 10px;
  min-height: 57px;
}
.sticky-table-header .top-btn-box, .sticky-btn-table-header .top-btn-box {
  margin-top: -10px;
  padding-top: 10px;
}
.iframe-body .sticky-table-header .top-btn-box, .iframe-body .sticky-btn-table-header .top-btn-box {
  margin-top: -14px;
  padding-top: 14px;
}

.top-btn-media-table .mediaTableWrapperWithMenu,
.top-btn-media-table .mediaFormWrapperWithMenu {
  padding-top: 0;
}
.top-btn-media-table .mediaTableMenu,
.top-btn-media-table .mediaFormMenu {
  top: -47px;
  transform: translateZ(0);
}
.top-btn-media-table .mediaTableMenu {
  z-index: 4;
}
.top-btn-media-table .mediaFormMenu {
  z-index: 5;
}

.ui-widget.ui-widget-content.ui-dialog {
  padding: 0;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  background-color: transparent;
}

.ui-dialog {
  max-width: calc(100% - 20px);
}
.ui-dialog a {
  color: #007bff;
}
.ui-dialog a:hover {
  color: #0056b3;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 1rem;
  border: none;
  border-radius: 4px 4px 0 0;
  background-color: #fac02c;
  background-image: none;
  color: #455a64;
}
.ui-dialog .ui-dialog-title {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.ui-dialog .ui-dialog-titlebar-close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  margin: 0;
  border: none;
  width: 50px;
  height: 50px;
  background-color: transparent;
  outline: none;
  color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close::before {
  content: "×";
  opacity: 0.5;
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
}
.ui-dialog .ui-dialog-titlebar-close:hover::before {
  opacity: 0.75;
}
.ui-dialog .ui-dialog-content {
  padding: 1rem;
  background-color: #fff;
  color: #67757c;
}
.ui-dialog .ui-dialog-content label {
  margin-bottom: 0;
  width: 100%;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  border-radius: 0 0 4px 4px;
}
.ui-dialog .ui-dialog-buttonpane button {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 0 0 0 5px;
  padding: 7px 12px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus {
  outline: none;
  box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}
.ui-dialog .ui-dialog-buttonpane button:nth-child(1) {
  border-color: #727b84;
  background-color: transparent;
  color: #727b84;
}
.ui-dialog .ui-dialog-buttonpane button:nth-child(1):hover, .ui-dialog .ui-dialog-buttonpane button:nth-child(1):focus {
  border-color: #fac02c;
  background: #fac02c;
  color: #455a64;
}
.ui-dialog .ui-dialog-buttonpane button:nth-child(2) {
  background: #fac02c;
  color: #455a64;
}

.ui-widget-overlay {
  opacity: 0.5;
  background-color: #000;
}

.icon-member-no-image {
  vertical-align: bottom;
}

.icon-member-no-image.color-1 .bg {
  fill: #DA6272;
}
.icon-member-no-image.color-1 .body {
  fill: #F6D4D8;
}

.icon-member-no-image.color-2 .bg {
  fill: #F5F9D3;
}
.icon-member-no-image.color-2 .body {
  fill: #D7E55C;
}

.icon-member-no-image.color-3 .bg {
  fill: #3EBC9E;
}
.icon-member-no-image.color-3 .body {
  fill: #C6EEE5;
}

.icon-member-no-image.color-4 .bg {
  fill: #E1DAEE;
}
.icon-member-no-image.color-4 .body {
  fill: #947BBC;
}

.icon-member-no-image.color-5 .bg {
  fill: #E27360;
}
.icon-member-no-image.color-5 .body {
  fill: #F8DAD5;
}

.icon-member-no-image.color-6 .bg {
  fill: #EEF5D3;
}
.icon-member-no-image.color-6 .body {
  fill: #C0D860;
}

.icon-member-no-image.color-7 .bg {
  fill: #40C2C2;
}
.icon-member-no-image.color-7 .body {
  fill: #C8F0F0;
}

.icon-member-no-image.color-8 .bg {
  fill: #E9D5EE;
}
.icon-member-no-image.color-8 .body {
  fill: #AC6CBA;
}

.icon-member-no-image.color-9 .bg {
  fill: #EA9A5D;
}
.icon-member-no-image.color-9 .body {
  fill: #FAE4D4;
}

.icon-member-no-image.color-10 .bg {
  fill: #DCF3CE;
}
.icon-member-no-image.color-10 .body {
  fill: #7ECD53;
}

.icon-member-no-image.color-11 .bg {
  fill: #42AAC7;
}
.icon-member-no-image.color-11 .body {
  fill: #C9E8F1;
}

.icon-member-no-image.color-12 .bg {
  fill: #EFCFE4;
}
.icon-member-no-image.color-12 .body {
  fill: #BF5B9E;
}

.icon-member-no-image.color-13 .bg {
  fill: #F3C759;
}
.icon-member-no-image.color-13 .body {
  fill: #FCF1D3;
}

.icon-member-no-image.color-14 .bg {
  fill: #C9F0CE;
}
.icon-member-no-image.color-14 .body {
  fill: #47C254;
}

.icon-member-no-image.color-15 .bg {
  fill: #5D92CA;
}
.icon-member-no-image.color-15 .body {
  fill: #D1E1F2;
}

.icon-member-no-image.color-16 .bg {
  fill: #F3D1E5;
}
.icon-member-no-image.color-16 .body {
  fill: #CE579B;
}

.icon-member-no-image.color-17 .bg {
  fill: #FAD82D;
}
.icon-member-no-image.color-17 .body {
  fill: #FEF7D4;
}

.icon-member-no-image.color-18 .bg {
  fill: #C6EDDB;
}
.icon-member-no-image.color-18 .body {
  fill: #3DB680;
}

.icon-member-no-image.color-19 .bg {
  fill: #758BC4;
}
.icon-member-no-image.color-19 .body {
  fill: #D8DFF0;
}

.icon-member-no-image.color-20 .bg {
  fill: #F5D2DC;
}
.icon-member-no-image.color-20 .body {
  fill: #D66081;
}

.icon-member-no-image.color-21 .bg {
  fill: #F6D4D8;
}
.icon-member-no-image.color-21 .body {
  fill: #DA6272;
}

.icon-member-no-image.color-22 .bg {
  fill: #D7E55C;
}
.icon-member-no-image.color-22 .body {
  fill: #F5F9D3;
}

.icon-member-no-image.color-23 .bg {
  fill: #C6EEE5;
}
.icon-member-no-image.color-23 .body {
  fill: #3EBC9E;
}

.icon-member-no-image.color-24 .bg {
  fill: #947BBC;
}
.icon-member-no-image.color-24 .body {
  fill: #E1DAEE;
}

.icon-member-no-image.color-25 .bg {
  fill: #F8DAD5;
}
.icon-member-no-image.color-25 .body {
  fill: #E27360;
}

.icon-member-no-image.color-26 .bg {
  fill: #C0D860;
}
.icon-member-no-image.color-26 .body {
  fill: #EEF5D3;
}

.icon-member-no-image.color-27 .bg {
  fill: #C8F0F0;
}
.icon-member-no-image.color-27 .body {
  fill: #40C2C2;
}

.icon-member-no-image.color-28 .bg {
  fill: #AC6CBA;
}
.icon-member-no-image.color-28 .body {
  fill: #E9D5EE;
}

.icon-member-no-image.color-29 .bg {
  fill: #FAE4D4;
}
.icon-member-no-image.color-29 .body {
  fill: #EA9A5D;
}

.icon-member-no-image.color-30 .bg {
  fill: #7ECD53;
}
.icon-member-no-image.color-30 .body {
  fill: #DCF3CE;
}

.icon-member-no-image.color-31 .bg {
  fill: #C9E8F1;
}
.icon-member-no-image.color-31 .body {
  fill: #42AAC7;
}

.icon-member-no-image.color-32 .bg {
  fill: #BF5B9E;
}
.icon-member-no-image.color-32 .body {
  fill: #EFCFE4;
}

.icon-member-no-image.color-33 .bg {
  fill: #FCF1D3;
}
.icon-member-no-image.color-33 .body {
  fill: #F3C759;
}

.icon-member-no-image.color-34 .bg {
  fill: #47C254;
}
.icon-member-no-image.color-34 .body {
  fill: #C9F0CE;
}

.icon-member-no-image.color-35 .bg {
  fill: #D1E1F2;
}
.icon-member-no-image.color-35 .body {
  fill: #5D92CA;
}

.icon-member-no-image.color-36 .bg {
  fill: #CE579B;
}
.icon-member-no-image.color-36 .body {
  fill: #F3D1E5;
}

.icon-member-no-image.color-37 .bg {
  fill: #FEF7D4;
}
.icon-member-no-image.color-37 .body {
  fill: #FAD82D;
}

.icon-member-no-image.color-38 .bg {
  fill: #3DB680;
}
.icon-member-no-image.color-38 .body {
  fill: #C6EDDB;
}

.icon-member-no-image.color-39 .bg {
  fill: #D8DFF0;
}
.icon-member-no-image.color-39 .body {
  fill: #758BC4;
}

.icon-member-no-image.color-40 .bg {
  fill: #D66081;
}
.icon-member-no-image.color-40 .body {
  fill: #F5D2DC;
}

.bg-gray {
  background-color: #ededed;
}
.bg-primary-light {
  background-color: rgba(250, 192, 44, 0.1);
}
.bg-danger-pale {
  background-color: #fae2e4 !important;
}
.browser-app .bg-app-white {
  background-color: #fff;
}

.border, .border-top, .border-right, .border-bottom, .border-left {
  border-color: #ced4da !important;
}

body:not([class*=browser-app]) .d-web-none {
  display: none;
}
.browser-app .d-app-none {
  display: none;
}

.font-11 {
  font-size: 11px;
}
.browser-app-TB .font-11 {
  font-size: 17px !important;
}
.font-12 {
  font-size: 12px;
}
.browser-app .font-app-14 {
  font-size: 14px !important;
}
.browser-app-TB .font-app-14 {
  font-size: 21px !important;
}

.browser-app-TB .font-10 {
  font-size: 15px !important;
}

.browser-app-TB .font-12 {
  font-size: 18px !important;
}

.browser-app-TB .font-14 {
  font-size: 21px !important;
}

.browser-app-TB .font-16 {
  font-size: 24px !important;
}

.browser-app-TB .font-18 {
  font-size: 27px !important;
}

.browser-app-TB .font-20 {
  font-size: 30px !important;
}

.browser-app .p-app-0 {
  padding: 0;
}
.browser-app .p-app-0 .row {
  margin-right: 0;
  margin-left: 0;
}
.browser-app .p-app-0 .row .col,
.browser-app .p-app-0 .row [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.browser-app .p-app-container {
  padding: 16px;
}
.browser-app-TB .p-app-container {
  padding: 24px;
}

.text-break-all {
  word-break: break-all;
}
.browser-app .text-muted {
  color: rgba(0, 0, 0, 0.38) !important;
}
.text-primary {
  color: #fac02c !important;
}
.text-success {
  color: #00c853 !important;
}
.text-warning {
  color: #ffab00 !important;
}
.text-danger {
  color: #d50000 !important;
}
.text-dark {
  color: #455a64 !important;
}
.text-link-underline {
  color: #67757c;
  text-decoration: underline;
}
.text-link-underline:hover, .text-link-underline:focus, .text-link-underline:active {
  color: #67757c;
  text-decoration: none;
}
.text-app-dark {
  color: rgba(0, 0, 0, 0.87);
}

.small,
small {
  line-height: 1.75;
}

.notice {
  color: #d50000;
}

.nowrap {
  white-space: nowrap;
}
.browser-app .nowrap-app {
  white-space: nowrap;
}

.w-2em {
  width: 2em !important;
}

.w-4em {
  width: 4em !important;
}

.w-6em {
  width: 6em !important;
}

.w-8em {
  width: 8em !important;
}

.w-10em {
  width: 10em !important;
}

.w-12em {
  width: 12em !important;
}

.w-14em {
  width: 14em !important;
}

.w-16em {
  width: 16em !important;
}

.w-18em {
  width: 18em !important;
}

.w-20em {
  width: 20em !important;
}

.w-22em {
  width: 22em !important;
}

.w-24em {
  width: 24em !important;
}

.w-26em {
  width: 26em !important;
}

.w-28em {
  width: 28em !important;
}

.w-30em {
  width: 30em !important;
}

@media (min-width: 576px) {
  .nav-user {
    padding-right: 40px !important;
    max-width: 300px;
  }
  .nav-user-name {
    display: block;
  }
  .browser-app .customtab li a.nav-link .badge {
    margin-top: 0;
    margin-left: 8px;
  }
  .default-pages-header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
  }
  .default-pages-icon {
    flex-shrink: 0;
  }
  .default-pages-title {
    margin-top: 0;
    margin-left: 15px;
  }
  .list-group-post {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .list-group-post .list-group-item {
    display: table-row;
    padding: 0;
  }
  .list-group-post .list-group-item:last-child .list-group-label,
.list-group-post .list-group-item:last-child .list-group-text {
    border-bottom: 1px solid #ced4da;
  }
  .browser-app .list-group-post .list-group-item:last-child .list-group-label,
.browser-app .list-group-post .list-group-item:last-child .list-group-text {
    border-color: rgba(0, 0, 0, 0.12);
  }
  .list-group-post .list-group-label,
.list-group-post .list-group-text {
    display: table-cell;
    border-top: 1px solid #ced4da;
    vertical-align: middle;
  }
  .browser-app .list-group-post .list-group-label,
.browser-app .list-group-post .list-group-text {
    padding: 16px 4px;
    border-color: rgba(0, 0, 0, 0.12);
  }
  .browser-app-TB .list-group-post .list-group-label,
.browser-app-TB .list-group-post .list-group-text {
    padding: 24px 6px;
  }
  .list-group-post .list-group-label {
    margin-right: 0;
    padding: 0.75rem 4px;
  }
  .list-group-post .list-group-label:first-child {
    padding-left: 1.25rem;
  }
  .browser-app .list-group-post .list-group-label:first-child {
    padding-left: 16px;
  }
  .browser-app-TB .list-group-post .list-group-label:first-child {
    padding-left: 24px;
  }
  .list-group-post .list-group-label-read {
    width: calc(35px + 1.25rem);
  }
  .browser-app .list-group-post .list-group-label-read {
    width: 60px;
  }
  .browser-app-TB .list-group-post .list-group-label-read {
    width: 90px;
  }
  .list-group-post .list-group-label-date {
    width: 98px;
  }
  .browser-app .list-group-post .list-group-label-date {
    width: 108px;
  }
  .browser-app-TB .list-group-post .list-group-label-date {
    width: 162px;
  }
  .list-group-post .list-group-label-center {
    width: 105px;
  }
  .browser-app .list-group-post .list-group-label-center {
    width: 132px;
  }
  .browser-app-TB .list-group-post .list-group-label-center {
    width: 198px;
  }
  .list-group-post .list-group-label-category {
    width: 56px;
  }
  .browser-app .list-group-post .list-group-label-category {
    width: 69px;
  }
  .browser-app-TB .list-group-post .list-group-label-category {
    width: 104px;
  }
  .list-group-post .list-group-text {
    margin-top: 0;
    padding: 0.75rem 1.25rem 0.75rem 0.75em;
    width: auto;
  }
  .browser-app .list-group-post .list-group-text {
    overflow: hidden;
    padding: 16px 16px 16px 0.75em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .browser-app-TB .list-group-post .list-group-text {
    padding: 24px 24px 24px 1.125em;
  }
  .list-group-post-sm {
    display: block;
  }
  .list-group-post-sm .list-group-item {
    display: flex;
    padding: 0.75rem 1.25rem;
  }
  .list-group-post-sm .list-group-label,
.list-group-post-sm .list-group-text {
    padding: 0 !important;
    border: none !important;
  }
  .list-group-post-sm .list-group-label {
    margin-right: 8px;
  }
  .list-group-post-sm .list-group-text {
    margin-top: 0.25em;
    width: 100%;
  }
  .modal-body {
    max-height: calc(100vh - 181px);
  }
  .modal-footer-none .modal-body {
    max-height: calc(100vh - 115px);
  }
  .modal-xl {
    margin-right: 1.75rem;
    margin-left: 1.75rem;
    max-width: none;
  }
  .browser-app .modal-xl {
    margin-right: 16px;
    margin-left: 16px;
  }
  .browser-app-TB .modal-xl {
    margin-right: 32px;
    margin-left: 32px;
  }
  .monitoring-detail-list {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
  .nav-category {
    display: flex;
    flex-wrap: wrap;
  }
  .nav-category-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.5em;
    right: 0;
    border-right: 1px solid #ced4da;
    height: calc(100% - 1em);
  }
  .nav-category-link {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  .summary-data > span {
    font-size: 24px;
  }
  .table-detail th {
    width: 12em;
  }
  .title-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .title-label .label {
    width: auto;
  }
}

@media (min-width: 640px) {
  .browser-app .pagination-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .browser-app .page-item-next {
    margin-left: 0;
  }
  .browser-app .page-item-total {
    position: static;
    min-width: 140px;
    text-align: center;
  }
  .browser-app-TB .page-item-total {
    min-width: 210px;
  }
}

@media (min-width: 768px) {
  .login-form {
    background-image: url(/ex/images/common/bg-login-pc.png);
  }
  .login-form-card {
    max-width: 400px;
  }
  .mini-sidebar .sidebar-center-info {
    display: none;
  }
  .mini-sidebar .sidebar-center-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 77px;
  }
  .topbar .top-navbar .navbar-header .navbar-brand > b {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .page-titles h1 {
    padding-top: 1px;
    font-size: 28px;
  }
  .btn-group-bottom .btn {
    min-width: 150px;
  }
  .card-full-width-sp {
    margin: 0 0 30px;
  }
  .default-pages-icon img {
    width: 160px;
  }
  .default-pages-title {
    font-size: 28px;
  }
  .form-md-col2 > li > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .form-md-col2 > li > ul > li {
    padding: 0 15px;
    width: 50%;
  }
  .form-md-col2 > li > ul > li .control-label,
.form-md-col2 > li > ul > li .form-control-label {
    justify-content: flex-end;
    padding-right: 0;
    text-align: right;
  }
  .form-md-col2 .bottom-btn-box {
    width: 100%;
  }
  .form-group .form-control-value,
.form-group-md-col2 .form-control-value {
    padding-top: 10px;
  }
  .form-group-md-col2 {
    align-items: flex-start;
  }
  .form-group-md-col2 .form-control-label {
    justify-content: flex-end;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: right;
  }
  .icon-back-title {
    width: 36px;
    height: 36px;
    font-size: 28px;
  }
  .jq-toast-wrap {
    max-width: calc(100% - 280px);
  }
  .jq-toast-wrap.top-right {
    top: 20px;
    right: 20px;
  }
  .jq-toast-wrap.top-left {
    top: 20px;
    left: 20px;
  }
  .jq-toast-wrap.bottom-right {
    right: 20px;
    bottom: 15px;
  }
  .jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 15px;
  }
  .jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) {
    width: calc(100% - 240px);
  }
  .mini-sidebar .jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) {
    width: calc(100% - 60px);
  }
  .jq-toast-single {
    padding: 1em 1.5em;
  }
  .jq-toast-wrap:not([class*=top-]):not([class*=bottom-]) .jq-toast-single {
    padding: 1em;
  }
  .message-img .mdi::before {
    font-size: 160px;
  }
  .message-sm .message-img .mdi::before {
    font-size: 100px;
  }
  .message-img svg {
    width: 140px;
  }
  .modal-md {
    max-width: 650px;
  }
  .browser-app-TB .modal-md {
    max-width: 975px;
  }
  .modal-edit {
    max-width: calc(100% - 30px);
  }
  .monitoring-list {
    margin: 0 auto;
    border-top: none;
    max-width: 1500px;
  }
  .monitoring-list-item {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin: 0;
    border: 1px solid #d7dfe3;
    border-radius: 4px;
  }
  .browser-app .monitoring-list-item {
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  .monitoring-list-item:not(:first-child) {
    margin-top: 30px;
  }
  .monitoring-list-title {
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    height: 48px;
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .monitoring-list-row:last-child {
    border-bottom: none;
  }
  #ex-debug {
    overflow-x: auto;
    word-break: normal;
  }
  .summary-data {
    font-size: 14px;
  }
  .summary-data > span {
    font-size: 32px;
  }
  .swal2-icon {
    margin-top: 30px;
  }
  .swal2-title {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 20px;
  }
  .swal2-html-container {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-input, .swal2-textarea, .swal2-select, .swal2-file {
    margin-right: 20px;
    margin-left: 20px;
  }
  .swal2-actions {
    margin-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .swal2-styled.swal2-confirm, .swal2-styled.swal2-deny, .swal2-styled.swal2-cancel {
    max-width: calc(50% - 10px);
  }
  .swal2-footer {
    padding-right: 20px;
    padding-left: 20px;
  }
  .table-detail th {
    width: 16em;
  }
  .table-responsive table {
    table-layout: auto;
  }
}

@media (min-width: 992px) {
  .column {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
  }
  .browser-app .column {
    margin-right: -8px;
    margin-left: -8px;
  }
  .column-col {
    padding-right: 15px;
    padding-left: 15px;
  }
  .browser-app .column-col {
    padding-right: 8px;
    padding-left: 8px;
    min-height: 100vh;
  }
  .column-col-side {
    width: 280px;
  }
  .browser-app .column-col-side .card {
    margin-right: -8px;
    border-top: none;
    border-right: 1px solid #ced4da;
    border-bottom: none;
    border-left: none;
  }
  .column-col-main {
    width: calc(100% - 280px);
  }
  .browser-app .column-col-main .card {
    margin-left: -8px;
  }
  .column-col-tab {
    margin-bottom: 0;
    width: 180px;
  }
  .column-col-tab .nav {
    display: block;
  }
  .column-col-content {
    width: calc(100% - 180px);
  }
  .chart-img {
    height: 400px;
  }
  .form-group-lg-col2 {
    align-items: flex-start;
  }
  .form-group-lg-col2 .form-control-label {
    justify-content: flex-end;
    padding-top: 10px;
    text-align: right;
  }
  .form-group-lg-col2 .form-control-value {
    padding-top: 10px;
  }
  .modal-lg-card .modal-body {
    overflow-y: visible !important;
    max-height: none !important;
  }
  .modal-xl {
    max-width: none;
  }
  .modal-edit {
    width: calc(100% - 30px);
    max-width: 1000px;
  }
  .modal-lg-card {
    display: block !important;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: inherit;
    overflow: visible;
  }
  .browser-app .modal-lg-card {
    margin-right: -8px;
    margin-left: -16px;
    border-right: 1px solid #ced4da;
    height: 100%;
  }
  .browser-app-TB .modal-lg-card {
    margin-left: -32px;
  }
  .modal-lg-card .modal-dialog {
    margin: 0 0 1rem;
    max-width: 100%;
    min-height: auto;
  }
  .browser-app .modal-lg-card .modal-dialog {
    margin-bottom: 0;
  }
  .modal-lg-card .modal-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-color: #d7dfe3;
  }
  .browser-app .modal-lg-card .modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
  .modal-lg-card .modal-header {
    position: relative;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .browser-app .modal-lg-card .modal-header {
    padding: 16px;
  }
  .modal-lg-card .modal-header .close {
    display: none;
  }
  .modal-lg-card .modal-body {
    padding: 1.25rem;
  }
  .browser-app .modal-lg-card .modal-body {
    padding: 16px;
  }
  .modal-lg-card .modal-footer {
    display: none;
  }
  .monitoring-detail-list {
    -moz-columns: 3;
         columns: 3;
  }
  .column-col-side .nav-category {
    display: block;
  }
  .nav-category-item:not(:last-child)::after {
    content: none;
  }
  .nav-category-link {
    padding-right: 0;
    padding-left: 0;
  }
  .quantity-change-list-row {
    display: flex;
    align-items: center;
  }
  .quantity-change-list-name {
    padding: 0.75rem;
    width: calc(100% - 21em);
  }
  .quantity-change-list-detail {
    width: 21em;
  }
  .quantity-change-list-before, .quantity-change-list-after {
    width: 8em;
    text-align: center;
  }
  .quantity-change-list-time {
    margin-left: 0;
    width: 5em;
    text-align: right;
  }
  .sticky-card {
    position: -webkit-sticky;
    position: sticky;
    top: 94px;
    max-height: calc(100vh - 119px);
  }
  .browser-ie .sticky-card {
    position: relative;
    top: 0;
  }
  .sticky-card .card-body {
    scrollbar-color: rgba(153, 171, 180, 0.5) rgba(153, 171, 180, 0.2);
    scrollbar-width: thin;
    overflow-y: auto;
    height: calc(100% - 44px);
  }
  .sticky-card .card-body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  .sticky-card .card-body::-webkit-scrollbar-track {
    background-color: rgba(153, 171, 180, 0.2);
  }
  .sticky-card .card-body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(153, 171, 180, 0.5);
  }
  .summary-header {
    display: flex;
  }
  .summary-title {
    display: block;
    width: 25%;
  }
  .summary-date {
    padding-left: calc(30px + 0.5rem);
  }
  .summary-menu {
    border-top: none;
    border-left: 1px solid #ced4da;
    width: 75%;
  }
  .summary-data > span {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .form-xl-col3 > li > ul > li {
    width: 33.3333%;
  }
  .modal-xl {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1140px;
  }
}

@media (min-width: 1500px) {
  .color-picker-row2 {
    width: 251px;
  }
}

@media (min-width: 1600px) {
  .browser-app-TB .chart-pie {
    font-size: 50px;
  }
  .browser-app-TB .chart-pie::before, .browser-app-TB .chart-pie::after {
    font-size: 0.85rem;
  }
  .color-header {
    display: flex;
    justify-content: space-between;
  }
  .monitoring-detail {
    display: flex;
    justify-content: space-between;
    padding: 0;
    border: none;
    height: 100%;
    background-color: transparent;
  }
  .browser-app-TB .monitoring-detail {
    padding: 0;
  }
  .monitoring-detail-title {
    justify-content: center;
    padding: 0.75rem;
    border-bottom: none;
    width: 75px;
    background-color: #f8f9fa;
    font-weight: 400;
    text-align: center;
  }
  .browser-app .monitoring-detail-title {
    width: 85px;
  }
  .monitoring-detail-title::before {
    content: none;
  }
  .browser-app .monitoring-detail-label {
    padding-right: 14px !important;
    font-size: 12px !important;
  }
  .monitoring-detail-label br {
    display: block;
  }
  * + .monitoring-detail-label {
    margin-top: 0.25em;
    margin-left: 0;
  }
  .monitoring-detail-list {
    display: table;
    width: calc(100% - 75px);
    height: 100%;
    table-layout: fixed;
    -moz-columns: auto;
         columns: auto;
    -moz-column-gap: normal;
         column-gap: normal;
  }
  .browser-app .monitoring-detail-list {
    width: calc(100% - 85px);
  }
  .monitoring-detail-item {
    display: table-cell;
    padding: 0.75rem;
    border-bottom: none;
    font-weight: 400;
    vertical-align: middle;
  }
  .browser-app-TB .monitoring-detail-item {
    padding: 0.75rem;
  }
  .monitoring-detail-list .monitoring-detail-item:nth-child(even) {
    background-color: #f8f9fa;
  }
  .monitoring-detail-item::before {
    content: none;
  }
  .monitoring-detail-item.text-success, .monitoring-detail-item.text-danger {
    font-weight: 700;
  }
  .monitoring-header-name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 1205px);
  }
  .monitoring-list-arrival .monitoring-header-name {
    width: calc(100% - 1100px);
  }
  .browser-app .monitoring-header-name {
    width: calc(100% - 1335px);
  }
  .browser-app .monitoring-list-arrival .monitoring-header-name {
    width: calc(100% - 1420px);
  }
  .monitoring-header-progress {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 380px;
    text-align: center;
  }
  .monitoring-list-arrival .monitoring-header-progress {
    width: 200px;
  }
  .browser-app .monitoring-header-progress {
    width: 400px;
  }
  .monitoring-header-detail {
    width: 825px;
  }
  .monitoring-list-arrival .monitoring-header-detail {
    width: 900px;
  }
  .browser-app .monitoring-header-detail {
    width: 935px;
  }
  .browser-app .monitoring-list-arrival .monitoring-header-detail {
    width: 1020px;
  }
  .browser-app .monitoring-list {
    font-size: 16px;
  }
  .browser-app-TB .monitoring-list-title {
    padding-right: 16px;
    padding-left: 16px;
  }
  .monitoring-list-header {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 5;
    background-color: #fff;
  }
  .monitoring-list-title + .monitoring-list-header {
    top: 118px;
  }
  .monitoring-list-row {
    display: flex;
    padding: 0;
  }
  .browser-app-TB .monitoring-list-row {
    padding: 0;
  }
  .monitoring-list-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0.75rem;
    width: calc(100% - 1205px);
    font-size: 1rem;
    font-weight: 400;
  }
  .monitoring-list-arrival .monitoring-list-name {
    width: calc(100% - 1100px);
  }
  .browser-app .monitoring-list-name {
    width: calc(100% - 1335px);
  }
  .browser-app .monitoring-list-arrival .monitoring-list-name {
    width: calc(100% - 1420px);
  }
  .browser-app-TB .monitoring-list-name {
    font-size: 16px;
  }
  .monitoring-list-name > .badge {
    margin-top: 0.5em;
  }
  .monitoring-list-progress {
    margin: 0 auto;
    padding: 0.75rem;
    width: 380px;
  }
  .monitoring-list-arrival .monitoring-list-progress {
    width: 200px;
  }
  .browser-app .monitoring-list-progress {
    width: 400px;
  }
  .monitoring-list-detail {
    margin-top: 0;
    width: 825px;
  }
  .monitoring-list-arrival .monitoring-list-detail {
    width: 900px;
  }
  .browser-app .monitoring-list-detail {
    width: 935px;
  }
  .browser-app .monitoring-list-arrival .monitoring-list-detail {
    width: 1020px;
  }
}

@media print {
  body {
    min-width: auto !important;
  }
  .maintenance-msg {
    display: none;
  }
  @page{
    margin: 0;
    size: A4 portrait;
  }
  .print-container {
    padding: 0;
    background-color: transparent;
  }
  .print-item {
    margin: 0;
    border: none;
  }
  .print-item:not(:first-child) {
    margin-top: 0;
  }
  .print-item:not(:last-of-type) {
    page-break-after: always;
  }
  .print-item::before {
    content: none;
  }
  .name-card-item {
    border: none;
  }
}

@media (orientation: landscape) {
  .login-form {
    background-image: url(/ex/images/common/bg-login-pc.png);
  }
}

@media (max-width: 767px) {
  .mini-sidebar:not(.show-sidebar) .left-sidebar {
    box-shadow: none;
  }
  .container-fluid {
    padding: 0 15px 15px;
  }
  .page-titles {
    margin: 0 -15px 15px;
    padding-right: 0;
    padding-left: 0;
  }
  .table-under-md-col1, .table-under-md-checkbox-col1 {
    border: 0;
  }
  .table-under-md-col1 thead, .table-under-md-checkbox-col1 thead {
    display: none;
  }
  .table-under-md-col1 tbody, .table-under-md-checkbox-col1 tbody {
    display: block;
  }
  .table-under-md-col1 tbody tr, .table-under-md-checkbox-col1 tbody tr {
    display: block;
  }
  .table-under-md-col1 tbody tr:first-child th:first-child,
.table-under-md-col1 tbody tr:first-child td:first-child, .table-under-md-checkbox-col1 tbody tr:first-child th:first-child,
.table-under-md-checkbox-col1 tbody tr:first-child td:first-child {
    border: 1px solid #ced4da;
  }
  .table-under-md-col1 tbody tr th,
.table-under-md-col1 tbody tr td, .table-under-md-checkbox-col1 tbody tr th,
.table-under-md-checkbox-col1 tbody tr td {
    display: block;
    border-top: 0;
    width: 100% !important;
  }
  .table-under-md-col1 tbody tr th:empty,
.table-under-md-col1 tbody tr td:empty, .table-under-md-checkbox-col1 tbody tr th:empty,
.table-under-md-checkbox-col1 tbody tr td:empty {
    display: none;
  }
  .table-under-md-col1 tbody tr td:not(:empty)::before, .table-under-md-checkbox-col1 tbody tr td:not(:empty)::before {
    content: attr(data-td-title);
    display: block;
    padding-bottom: 0.25em;
    text-align: left;
  }
  .table-under-md-checkbox-col1 tbody tr {
    position: relative;
  }
  .table-under-md-checkbox-col1 tbody tr:first-child td:nth-child(2) {
    border-top: 1px solid #ced4da;
  }
  .table-under-md-checkbox-col1 tbody tr td:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(4em + 1px) !important;
    height: 100%;
  }
  .table-under-md-checkbox-col1 tbody tr td:not(:first-child) {
    margin-left: 4em;
    width: calc(100% - 4em) !important;
  }
}