@charset "UTF-8";
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/*!
 * rtk original style.css • v1.0.0
 * 2021-01-30
 * NTT Resonant Technology 
 */
body, html {
  height: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  word-break: normal;
  text-align: justify;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}

img,
svg {
  display: inline-block;
  vertical-align: top;
}

a {
  text-decoration: none;
}

.red {
  color: #8f0c29 !important;
}

#wrapper:first-of-type {
  width: 100%;
  min-width: 1024px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  background-color: #FFFFFF;
}

#wrapper.device {
  min-width: auto;
}

#wrapper.sharing {
  min-width: 320px;
}

header {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #FFFFFF;
  min-width: 1024px;
}
header .inner {
  height: 60px;
  position: relative;
  width: 100vw;
}
header::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #D5D7D8;
  height: 1px;
  width: 100vw;
}
header h1 {
  display: inline-block;
  padding: 12px;
}
header .header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  right: 8px;
  top: 0;
}
header .header__menu .switch {
  padding: 14px 8px;
}
header .header__menu .switch div {
  cursor: pointer;
  display: inline-block;
  line-height: 32px;
  height: 32px;
  border-radius: 18px;
  padding: 0 12px;
  color: #949698;
  font-size: 13px;
  font-weight: bold;
}
header .header__menu .switch div.active {
  background-color: #cf4d4c;
  color: #FFFFFF;
}
header .header__menu .switch div:not(.active):hover {
  opacity: 0.8;
}
header .header__menu .plan div {
  line-height: 20px;
  width: 100%;
  height: 20px;
  display: grid;
  grid-template-rows: 20px;
  grid-template-columns: 120px 12px 60px;
}
header .header__menu .plan div.wide {
  grid-template-columns: 160px 12px 60px;
}
header .header__menu .plan div span {
  white-space: nowrap;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
header .header__menu .plan div span:first-of-type {
  text-align: right;
}
header .header__menu .plan div span:nth-of-type(3) {
  white-space: nowrap;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
header .header__menu .info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 60px;
  padding: 18px;
  position: relative;
  cursor: pointer;
}
header .header__menu .info:hover {
  background-color: #fce9e9;
}
header .header__menu .account {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 176px;
          flex: 0 0 176px;
  height: 60px;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  padding: 0 28px 0 8px;
  cursor: pointer;
}
header .header__menu .account::after {
  content: "";
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-top: solid 6px #545658;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
header .header__menu .account:hover {
  background-color: #fce9e9;
}
header .header__menu .account svg.account__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
header .header__menu .account svg.account__image path {
  fill: #cf4d4c;
}
header .header__menu .account span {
  margin-left: 8px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

[class^=m_btn_] {
  display: block;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}
[class^=m_btn_]:hover {
  opacity: 0.8;
}

.m_btn_login {
  display: block;
  background-color: #a61e22;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
}
.m_btn_login.disabled {
  background-color: #E4E6E8;
  cursor: not-allowed;
}
.m_btn_login.disabled:hover {
  opacity: 1;
}

.m_btn_cancel {
  width: 148px;
  background-color: #E4E6E8;
  color: #747678;
}

.m_btn_confirm1 {
  width: 148px;
  background-color: #cf4d4c;
  color: #FFFFFF;
}

.m_btn_confirm2 {
  width: 148px;
  background-color: #a61e22;
  color: #FFFFFF;
}

.m_btn_confirm3 {
  width: 148px;
  background-color: #4cb967;
  color: #FFFFFF;
}

[class^=r_btn_] {
  display: block;
  cursor: pointer;
}
[class^=r_btn_]:hover {
  opacity: 0.8;
}

.r_btn_rental {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}

.r_btn_extension1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 32px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  border-radius: 18px;
}
.r_btn_extension1 svg {
  fill: #FFFFFF;
}
.r_btn_extension1 span:first-of-type {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  margin-right: 4px;
}
.r_btn_extension1:lang(en) {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

.r_btn_return1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 32px;
  background-color: #E4E6E8;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  color: #009B27;
  border-radius: 18px;
  margin-left: 8px;
}
.r_btn_return1 svg {
  fill: #009B27;
}
.r_btn_return1 span:first-of-type {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  margin-right: 2px;
}
.r_btn_return1:lang(en) {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  color: #009B27;
}

.r_btn_extension2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 36px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  border-radius: 18px;
}
.r_btn_extension2 svg {
  fill: #FFFFFF;
}
.r_btn_extension2 span:first-of-type {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  margin-right: 4px;
}
.r_btn_extension2:lang(en) {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

.r_btn_return2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 36px;
  background-color: #E4E6E8;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  color: #009B27;
  border-radius: 18px;
  margin-left: 8px;
}
.r_btn_return2 svg {
  fill: #009B27;
}
.r_btn_return2 span:first-of-type {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  height: 14px;
  margin-right: 2px;
}
.r_btn_return2:lang(en) {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  color: #009B27;
}

.r_btn_cloud_recording_detail {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}

.r_btn_cloud_recording_download {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}

.r_btn_cloud_recording_delete {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  background-color: #8f0c29;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}

.r_btn_cloud_recording_refresh {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin-left: auto;
  margin-right: 1em;
}

label.check {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
label.check input[type=checkbox] {
  display: none;
}
label.check input[type=checkbox]:checked + .c {
  position: relative;
  border: none;
  background-color: #cf4d4c;
}
label.check input[type=checkbox]:checked + .c::after {
  content: "";
  display: block;
  width: 12px;
  height: 8px;
  border-left: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 4px;
  top: 4px;
}
label.check .c {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
}

label.favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 42px;
  width: 42px;
}
label.favorite input[type=checkbox] {
  display: none;
}
label.favorite input[type=checkbox]:checked + .c {
  background: url("../img/fav_on.svg") no-repeat center center;
}
label.favorite .c {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  background: url("../img/fav_off.svg") no-repeat center center;
}

label.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
label.radio input[type=radio] {
  display: none;
}
label.radio input[type=radio]:checked + .r {
  border-color: #cf4d4c;
}
label.radio input[type=radio]:checked + .r::after {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #cf4d4c;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
}
label.radio .r {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
  border-radius: 10px;
  border: solid 1px #C0C2C4;
}

th.desc {
  font-weight: bold;
}
th.desc span {
  width: 10px;
  height: 14px;
  margin-left: 4px;
  background: url("../img/desc.svg") no-repeat;
}
th.asc {
  font-weight: bold;
}
th.asc span {
  width: 10px;
  height: 14px;
  margin-left: 4px;
  background: url("../img/asc.svg") no-repeat;
}
th .pi-sort-amount-up-alt {
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 14px;
  background: url("../img/desc.svg") no-repeat;
}
th .pi-sort-amount-down {
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 14px;
  background: url("../img/asc.svg") no-repeat;
}

/*
 * login style
 */
#wrapper.login {
  padding-bottom: 24px;
  min-height: 700px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
  background-color: #F0F2F4;
}
#wrapper.login:lang(en) {
  min-height: 760px;
}

#wrapper.terms {
  padding-bottom: 24px;
  min-height: 700px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
  background-color: #FFFFFF;
}

#wrapper.login main a:hover,
#wrapper.terms main a:hover {
  opacity: 0.8;
}
#wrapper.login footer,
#wrapper.terms footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 24px;
  color: #747678;
  font-size: 13px;
  font-weight: normal;
}
#wrapper.login .terms_container,
#wrapper.terms .terms_container {
  width: 800px;
  padding-top: 120px;
  margin: 0 auto;
}
#wrapper.login .terms_container .terms__block h2,
#wrapper.terms .terms_container .terms__block h2 {
  position: relative;
}
#wrapper.login .terms_container .terms__block h2::after,
#wrapper.terms .terms_container .terms__block h2::after {
  content: "";
  width: 3em;
  height: 4px;
  background-color: #a61e22;
  display: block;
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -1.5em;
}
#wrapper.login .terms_container .terms__block .terms_text,
#wrapper.terms .terms_container .terms__block .terms_text {
  height: 360px;
  padding: 8px;
  border: solid 1px #D5D7D8;
  overflow-y: scroll;
  margin: 8px 0;
  white-space: pre-line;
}
#wrapper.login .terms_container .terms__block .terms_text a:not([name]),
#wrapper.terms .terms_container .terms__block .terms_text a:not([name]) {
  cursor: pointer;
  color: #a61e22;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
  display: inline-block;
  white-space: nowrap;
  margin-left: auto;
  padding-left: 8px;
}
#wrapper.login .terms_container .terms__block .terms_text + div,
#wrapper.terms .terms_container .terms__block .terms_text + div {
  text-align: center;
}
#wrapper.login .login_container,
#wrapper.terms .login_container {
  width: 380px;
  margin: 0 auto;
  padding-top: 120px;
}
#wrapper.login .login_container .login__block,
#wrapper.terms .login_container .login__block {
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 32px 20px 20px;
}
#wrapper.login .login_container .login__block .username,
#wrapper.terms .login_container .login__block .username {
  margin-bottom: 24px;
}
#wrapper.login .reset_container,
#wrapper.terms .reset_container {
  width: 500px;
  margin: 0 auto;
  padding-top: 120px;
}
#wrapper.login .reset_container .reset__block,
#wrapper.terms .reset_container .reset__block {
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 32px 20px;
}
#wrapper.login [class$=__block] h2,
#wrapper.terms [class$=__block] h2 {
  text-align: center;
  margin-bottom: 30px;
  margin-left: 10px;
  font-size: 20px;
  line-height: 1;
}
#wrapper.login [class$=__block] p,
#wrapper.terms [class$=__block] p {
  margin-bottom: 24px;
}
#wrapper.login [class$=__block] p.center,
#wrapper.terms [class$=__block] p.center {
  text-align: center;
}
#wrapper.login [class$=__block] input[type=text],
#wrapper.login [class$=__block] input[type=email],
#wrapper.login [class$=__block] input[type=password],
#wrapper.terms [class$=__block] input[type=text],
#wrapper.terms [class$=__block] input[type=email],
#wrapper.terms [class$=__block] input[type=password] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
  line-height: 100%;
  padding: 0 8px;
  font-size: 16px;
}
#wrapper.login [class$=__block] input[type=text]:focus,
#wrapper.login [class$=__block] input[type=email]:focus,
#wrapper.login [class$=__block] input[type=password]:focus,
#wrapper.terms [class$=__block] input[type=text]:focus,
#wrapper.terms [class$=__block] input[type=email]:focus,
#wrapper.terms [class$=__block] input[type=password]:focus {
  border: solid 2px #a61e22;
}
#wrapper.login [class$=__block] .username label,
#wrapper.login [class$=__block] .email label,
#wrapper.terms [class$=__block] .username label,
#wrapper.terms [class$=__block] .email label {
  display: block;
  margin-bottom: 4px;
  color: #747678;
  font-size: 15px;
  font-weight: bold;
}
#wrapper.login [class$=__block] .password label,
#wrapper.terms [class$=__block] .password label {
  display: block;
  margin-bottom: 4px;
  color: #747678;
  font-size: 15px;
  font-weight: bold;
}
#wrapper.login [class$=__block] .password .password__box,
#wrapper.terms [class$=__block] .password .password__box {
  position: relative;
}
#wrapper.login [class$=__block] .password .password__box input,
#wrapper.terms [class$=__block] .password .password__box input {
  padding-right: 48px;
}
#wrapper.login [class$=__block] .password .password__box #passview,
#wrapper.terms [class$=__block] .password .password__box #passview {
  cursor: pointer;
  background: url("../img/visible.svg") no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
}
#wrapper.login [class$=__block] .password .password__box #passview.invisible,
#wrapper.terms [class$=__block] .password .password__box #passview.invisible {
  background-image: url("../img/invisible.svg");
}
#wrapper.login [class$=__block] .note,
#wrapper.terms [class$=__block] .note {
  margin-top: 24px;
}
#wrapper.login [class$=__block] .resetnumber,
#wrapper.terms [class$=__block] .resetnumber {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#wrapper.login [class$=__block] .resetnumber input,
#wrapper.terms [class$=__block] .resetnumber input {
  -webkit-box-flex: 248px;
      -ms-flex: 248px 0 0px;
          flex: 248px 0 0;
}
#wrapper.login [class$=__block] .newpassword2,
#wrapper.terms [class$=__block] .newpassword2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#wrapper.login [class$=__block] .newpassword2 input,
#wrapper.terms [class$=__block] .newpassword2 input {
  -webkit-box-flex: 248px;
      -ms-flex: 248px 0 0px;
          flex: 248px 0 0;
}
#wrapper.login [class$=__block] .newpassword1,
#wrapper.terms [class$=__block] .newpassword1 {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#wrapper.login [class$=__block] .newpassword1 input,
#wrapper.terms [class$=__block] .newpassword1 input {
  -webkit-box-flex: 248px;
      -ms-flex: 248px 0 0px;
          flex: 248px 0 0;
}
#wrapper.login [class$=__block] .check,
#wrapper.terms [class$=__block] .check {
  margin: 16px 0;
}
#wrapper.login [class$=__block] .check span,
#wrapper.terms [class$=__block] .check span {
  margin-right: 8px;
}
#wrapper.login [class$=__block] [class^=forgot],
#wrapper.terms [class$=__block] [class^=forgot] {
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
}
#wrapper.login [class$=__block] [class^=forgot] a,
#wrapper.terms [class$=__block] [class^=forgot] a {
  text-decoration: underline;
  color: #8f0c29;
}
#wrapper.login [class$=__block] .forgot2,
#wrapper.terms [class$=__block] .forgot2 {
  text-align: right;
}
#wrapper.login [class$=__block] .btn1,
#wrapper.terms [class$=__block] .btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 340px;
  margin: 16px auto 0;
}
#wrapper.login [class$=__block] .btn2,
#wrapper.terms [class$=__block] .btn2 {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#wrapper.login [class$=__block] .btn2 div:nth-of-type(2),
#wrapper.terms [class$=__block] .btn2 div:nth-of-type(2) {
  margin-left: 16px;
}
#wrapper.login [class$=__block] .btn3,
#wrapper.terms [class$=__block] .btn3 {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#wrapper.login [class$=__block] .btn3 .m_btn_confirm1,
#wrapper.terms [class$=__block] .btn3 .m_btn_confirm1 {
  width: 248px;
}
#wrapper.login [class$=__block] .disagree,
#wrapper.terms [class$=__block] .disagree {
  display: inline-block;
  margin: 16px auto;
}
#wrapper.login [class$=__block] .disagree a,
#wrapper.terms [class$=__block] .disagree a {
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
}
#wrapper.login [class$=__block] .to_login a,
#wrapper.terms [class$=__block] .to_login a {
  display: block;
  width: 284px;
  height: 48px;
  border: solid 1px #a61e22;
  border-radius: 4px;
  margin: 0 auto;
  text-align: center;
  color: #a61e22;
  line-height: 46px;
  font-weight: bold;
}
#wrapper.login [class$=__block] + div,
#wrapper.terms [class$=__block] + div {
  font-size: 13px;
  background-color: #FFFFFF;
  border-radius: 4px;
  margin-top: 24px;
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: normal;
}
#wrapper.login [class$=__block] + div a,
#wrapper.terms [class$=__block] + div a {
  color: #a61e22;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
  display: inline-block;
  white-space: nowrap;
  margin-left: auto;
  padding-left: 8px;
}

/*
 * main window, device window style start
 */
.left_nav {
  width: 60px;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 60px;
  bottom: 0;
  background-color: #a61e22;
  min-height: 400px;
}
.left_nav__top {
  position: absolute;
  top: 8px;
}
.left_nav__top a {
  display: block;
  width: 60px;
  height: 72px;
  position: relative;
  padding: 16px 10px;
}
.left_nav__top a .i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.left_nav__top a.current .i {
  background-color: #cf4d4c;
}
.left_nav__top a .t {
  display: none;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  line-height: 32px;
  white-space: nowrap;
  padding: 0 8px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 72px;
}
.left_nav__top a .t::before {
  content: "";
  display: block;
  border: solid 6px transparent;
  border-right: solid 10px #333333;
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  top: 50%;
  margin-top: -6px;
}
.left_nav__top a:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.left_nav__top a:hover .t {
  display: block;
}
.left_nav__top a.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.left_nav__bottom {
  position: absolute;
  bottom: 8px;
  left: 0;
}
.left_nav__bottom a, .left_nav__bottom div {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  text-align: center;
  padding-top: 12px;
}
.left_nav__bottom a .i, .left_nav__bottom div .i {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 2px;
}
.left_nav__bottom a .t, .left_nav__bottom div .t {
  display: block;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}
.left_nav__bottom a:hover, .left_nav__bottom div:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.list_table_parent, .cloud_recording_detail_container__list .list_table, .storage_application_list_table, .cloud_recording_list_container__list .list_table, .main_container__list .list_table {
  width: 100%;
  display: block;
  border-collapse: collapse;
}
.list_table_parent th, .cloud_recording_detail_container__list .list_table th, .storage_application_list_table th, .cloud_recording_list_container__list .list_table th, .main_container__list .list_table th, .list_table_parent td, .cloud_recording_detail_container__list .list_table td, .storage_application_list_table td, .cloud_recording_list_container__list .list_table td, .main_container__list .list_table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 104px;
  padding: 0 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  line-height: 1;
}
.list_table_parent thead, .cloud_recording_detail_container__list .list_table thead, .storage_application_list_table thead, .cloud_recording_list_container__list .list_table thead, .main_container__list .list_table thead {
  display: block;
  width: 100%;
  position: relative;
}
.list_table_parent thead::after, .cloud_recording_detail_container__list .list_table thead::after, .storage_application_list_table thead::after, .cloud_recording_list_container__list .list_table thead::after, .main_container__list .list_table thead::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  height: 36px;
  width: 20px;
  background-color: #f3d1d1;
}
.list_table_parent thead tr, .cloud_recording_detail_container__list .list_table thead tr, .storage_application_list_table thead tr, .cloud_recording_list_container__list .list_table thead tr, .main_container__list .list_table thead tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3d1d1;
  height: 36px;
  line-height: 1.2;
  position: relative;
  overflow-y: scroll;
}
.list_table_parent thead tr th, .cloud_recording_detail_container__list .list_table thead tr th, .storage_application_list_table thead tr th, .cloud_recording_list_container__list .list_table thead tr th, .main_container__list .list_table thead tr th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list_table_parent tbody, .cloud_recording_detail_container__list .list_table tbody, .storage_application_list_table tbody, .cloud_recording_list_container__list .list_table tbody, .main_container__list .list_table tbody {
  display: block;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.list_table_parent tbody tr, .cloud_recording_detail_container__list .list_table tbody tr, .storage_application_list_table tbody tr, .cloud_recording_list_container__list .list_table tbody tr, .main_container__list .list_table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  height: 72px;
  border-bottom: solid 1px #D5D7D8;
  position: relative;
  overflow: hidden;
}
.list_table_parent tbody tr:hover, .cloud_recording_detail_container__list .list_table tbody tr:hover, .storage_application_list_table tbody tr:hover, .cloud_recording_list_container__list .list_table tbody tr:hover, .main_container__list .list_table tbody tr:hover {
  background-color: #fce9e9;
}

.search_box_parent, .cloud_recording_detail_container__list .header .search_box, .main_container__list .list_filter .search_box {
  height: 32px;
  border-radius: 16px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
  border: solid 1px #C0C2C4;
  width: 288px;
  padding-left: 32px;
  background-image: url("../img/search.svg");
  background-position: 8px center;
}
.search_box_parent:focus, .cloud_recording_detail_container__list .header .search_box:focus, .main_container__list .list_filter .search_box:focus {
  border: solid 2px #a61e22;
}

.main_container,
.device_container,
.cloud_recording_list_container,
.cloud_recording_detail_container {
  position: absolute;
  top: 60px;
  bottom: 0;
  overflow: hidden;
  width: calc(100% - 60px);
  margin-left: 60px;
}

.main_container #card_close {
  display: none;
  overflow: hidden;
}
.main_container #card_close:checked + label:after {
  margin-top: 9px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.main_container #card_close:checked + label + .main_container__card .card {
  display: none;
}
.main_container #card_close:checked + label + .main_container__card + .main_container__list {
  top: 64px;
}
.main_container #card_close + label {
  position: absolute;
  top: 23px;
  left: 330px;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 18px;
  cursor: pointer;
}
.main_container #card_close + label:hover {
  background-color: #fce9e9;
}
.main_container #card_close + label::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-top: solid 2px #545658;
  border-right: solid 2px #545658;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  margin-top: 12px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.main_container .subtitle {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0 0 20px;
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
}
.main_container .subtitle span {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
.main_container__card .card {
  font-size: 0;
  padding: 4px 20px 8px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #E4E6E8 #FFFFFF;
  scrollbar-width: thin;
}
.main_container__card .card::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
}
.main_container__card .card::-webkit-scrollbar-thumb {
  background-color: #E4E6E8;
  border-radius: 4px;
}
.main_container__card .card::-webkit-scrollbar-thumb:hover {
  background-color: #f3d1d1;
}
.main_container__card .card__item {
  position: relative;
  white-space: normal;
  height: 142px;
  padding: 12px 0;
  border-radius: 8px;
  border: solid 1px #D5D7D8;
  display: inline-block;
  margin-right: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.main_container__card .card__item:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fce9e9;
}
.main_container__card .card__item .l {
  width: 82px;
  padding: 0 9px;
  display: inline-block;
  vertical-align: top;
}
.main_container__card .card__item .l .i {
  display: inline-block;
  margin-bottom: 18px;
  width: 64px;
  height: 64px;
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
}
.main_container__card .card__item .l .i img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.main_container__card .card__item .l .t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.1;
}
.main_container__card .card__item .l .t span:first-of-type {
  color: #747678;
  font-size: 10px;
  font-weight: normal;
}
.main_container__card .card__item .l .t span:last-of-type {
  color: #333333;
  font-size: 17px;
  font-weight: bold;
}
.main_container__card .card__item .r {
  border-left: solid 1px #D5D7D8;
  padding: 0 12px 0 16px;
  display: inline-block;
  width: 204px;
  height: 100%;
  vertical-align: top;
}
.main_container__card .card__item .r .maker {
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1;
  margin-bottom: 5px;
}
.main_container__card .card__item .r .names {
  height: 46px;
  margin-bottom: 5px;
}
.main_container__card .card__item .r .name {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.2;
  margin-bottom: 3px;
}
.main_container__card .card__item .r .id {
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: -0.2px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1;
}
.main_container__card .card__item .r .os {
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  width: 50%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
}
.main_container__card .card__item .r .resolution {
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  width: 48%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
}
.main_container__card .card__item .r .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
  position: absolute;
  width: 202px;
  right: 0;
  bottom: 0;
  padding: 12px 12px 8px;
}
.main_container__card .card__item.disabled {
  pointer-events: none;
  background-color: #F0F2F4;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main_container__card .card__item.disabled .btn div {
  width: 100%;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
  color: #cf4d4c;
  font-weight: bold;
}
.main_container__card .card .empty {
  color: #949698;
  font-size: 13px;
  font-weight: normal;
  margin-top: 44px;
}
.main_container__list {
  position: absolute;
  top: 220px;
  bottom: 20px;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main_container__list .list_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 20px 8px;
}
.main_container__list .list_filter .filter {
  margin-left: 8px;
  position: relative;
  height: 32px;
  width: 144px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  line-height: 32px;
  padding-left: 8px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main_container__list .list_filter .filter::after {
  content: "";
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-top: solid 6px #545658;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
.main_container__list .list_filter .filter:hover {
  border-color: #a61e22;
}
.main_container__list .list_table .favorite_column {
  width: 42px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
}
.main_container__list .list_table .product_name_column {
  width: 270px;
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 8px 0 0;
}
.main_container__list .list_table .state_column {
  width: 128px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 16px 0 8px;
}
@media (max-width: 1366px) {
  .main_container__list .list_table .country_column,
  .main_container__list .list_table .processor_column,
  .main_container__list .list_table .gpu_column,
  .main_container__list .list_table .ram_column {
    display: none !important;
  }
}
.main_container__list .list_table thead tr th {
  color: #333333;
  font-size: 11px;
  font-weight: normal;
  cursor: pointer;
  height: 100%;
}
.main_container__list .list_table thead tr th:hover {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
}
.main_container__list .list_table thead tr th:first-child {
  pointer-events: none;
}
.main_container__list .list_table tbody {
  top: 136px;
}
.main_container__list .list_table tbody tr .product_name_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_container__list .list_table tbody tr .product_name_column .i {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 12px;
  -webkit-box-flex: 48px;
      -ms-flex: 48px 0 0px;
          flex: 48px 0 0;
  height: 48px;
}
.main_container__list .list_table tbody tr .product_name_column .i img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.main_container__list .list_table tbody tr .product_name_column .t {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.main_container__list .list_table tbody tr .product_name_column .t .name {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.1;
  margin-bottom: 4px;
}
.main_container__list .list_table tbody tr .product_name_column .t .id {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1;
}
.main_container__list .list_table tbody tr .state_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.main_container__list .list_table tbody tr .state_column div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
}
.main_container__list .list_table tbody tr .state_column div svg {
  margin-right: 4px;
}
.main_container__list .list_table tbody tr.rented {
  color: #949698;
  font-size: 11px;
  font-weight: normal;
  background-color: #F0F2F4;
}
.main_container__list .list_table tbody tr.rented td.product_name_column .name {
  color: #949698;
  font-size: 13px;
  font-weight: bold;
}
.main_container__list .list_table tbody tr.rented td.state_column div:nth-of-type(2) {
  border-top: solid 1px #C0C2C4;
}
.main_container__list .list_table tbody tr.rented td.state_column div a {
  text-decoration: underline;
  color: #949698;
  font-size: 11px;
  font-weight: normal;
}
.main_container__list .list_table tbody tr.rented td.state_column div a:hover {
  color: #a61e22;
  font-size: 11px;
  font-weight: normal;
}
.main_container__list .list_table tbody tr.available_for_admin_only {
  background-color: #8f0c29;
}
.main_container__list .list_table tbody tr.available_for_admin_only td.product_name_column .name {
  color: #FFFFFF;
}
.main_container__list .list_table tbody tr.available_for_admin_only td {
  color: #FFFFFF;
}
.main_container__list .list_table tbody tr.available_for_admin_only .status_icon {
  fill: #FFFFFF;
}
.main_container__list .list_table tbody tr.unavailable {
  background-color: #F0F2F4;
}
.main_container__list .list_table tbody tr.unavailable td.product_name_column .name {
  color: #747678;
}
.main_container__list .list_table tbody tr.unavailable td {
  color: #747678;
}
.main_container__list .list_table tbody tr .status_icon {
  fill: #8f0c29;
}
.main_container__list .list_table tbody tr .subscription_required_message {
  line-height: 16px;
}
.main_container footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background-color: #F0F2F4;
  border-top: solid 1px #C0C2C4;
}
.main_container footer ul {
  text-align: right;
  padding-right: 8px;
}
.main_container footer ul li {
  display: inline-block;
  color: #747678;
  font-size: 11px;
  font-weight: normal;
  margin-right: 8px;
}
.main_container footer ul li a {
  color: #747678;
  font-size: 10px;
  font-weight: normal;
}
.main_container footer ul li a:hover {
  text-decoration: underline;
}

.device_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.device_container__control {
  height: 100%;
  display: inline-block;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  border-right: solid 1px #C0C2C4;
}
.device_container__control #control_close {
  display: none;
  overflow: hidden;
}
.device_container__control #control_close:checked + label {
  width: 56px;
}
.device_container__control #control_close:checked + label .inner .i {
  background: url("../img/open.svg") no-repeat;
}
.device_container__control #control_close:checked + label .inner .t {
  display: none;
}
.device_container__control #control_close:checked + label + .control_bar {
  width: 56px;
}
.device_container__control #control_close:checked + label + .control_bar ul li .t {
  display: none;
}
.device_container__control #control_close + label {
  display: block;
  padding: 8px 0;
  width: 265px;
  border-bottom: solid 1px #D5D7D8;
  -webkit-transition: width 0.1s ease;
  transition: width 0.1s ease;
}
.device_container__control #control_close + label .inner {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.device_container__control #control_close + label .inner .i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 16px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../img/close.svg") no-repeat;
}
.device_container__control #control_close + label .inner .t {
  color: #949698;
  font-size: 11px;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.device_container__control #control_close + label .inner:hover {
  background-color: #fce9e9;
}
.device_container__control .control_bar {
  width: 265px;
  height: calc(100% - 48px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: width 0.1s ease;
  transition: width 0.1s ease;
  scrollbar-color: #E4E6E8 #FFFFFF;
  scrollbar-width: thin;
}
.device_container__control .control_bar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #FFFFFF;
}
.device_container__control .control_bar::-webkit-scrollbar-thumb {
  background-color: #E4E6E8;
  border-radius: 4px;
}
.device_container__control .control_bar::-webkit-scrollbar-thumb:hover {
  background-color: #f3d1d1;
}
.device_container__control .control_bar ul {
  padding: 8px 0;
  border-bottom: solid 1px #D5D7D8;
}
.device_container__control .control_bar ul:last-of-type {
  border: none;
}
.device_container__control .control_bar ul li {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.device_container__control .control_bar ul li:hover {
  background-color: #fce9e9;
}
.device_container__control .control_bar ul li .i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 16px;
  width: 56px;
  height: 100%;
}
.device_container__control .control_bar ul li .i svg {
  fill: #545658;
}
.device_container__control .control_bar ul li .t {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.device_container__control .control_bar ul li.disabled {
  pointer-events: none;
  color: #C0C2C4;
}
.device_container__control .control_bar ul li.disabled .i svg {
  fill: #C0C2C4;
}
.device_container__control .control_bar ul:first-of-type {
  font-size: 15px;
}
.device_container__control .control_bar ul:first-of-type li {
  height: 56px;
}
.device_container__viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.device_container__viewer.full {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.device_container__viewer.full .viewer {
  width: 100%;
}
.device_container__viewer.full .viewer:not(.active) {
  display: none;
}
.device_container__viewer.full .viewer.landscape {
  width: 100%;
}
.device_container__viewer.full .viewer__prev {
  line-height: 1.1;
  width: 216px;
  height: 52px;
  color: #747678;
  font-size: 15px;
  font-weight: bold;
  padding: 0 8px 0 48px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device_container__viewer.full .viewer__prev::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: solid 2px #545658;
  border-left: solid 2px #545658;
  position: absolute;
  top: 21px;
  left: 18px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.device_container__viewer.full .viewer__prev:hover {
  background-color: #fce9e9;
}
.device_container__viewer.full .viewer__next {
  line-height: 1.1;
  width: 216px;
  height: 52px;
  color: #747678;
  font-size: 15px;
  font-weight: bold;
  padding: 0 48px 0 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device_container__viewer.full .viewer__next::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: solid 2px #545658;
  border-right: solid 2px #545658;
  position: absolute;
  top: 21px;
  right: 18px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.device_container__viewer.full .viewer__next:hover {
  background-color: #fce9e9;
}
.device_container__viewer.full .viewer__bottom ul li.maximize_button_column {
  display: none;
}
.device_container__viewer.full .viewer__bottom ul li.unmaximize_button_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.device_container__viewer.full .to_main_window {
  display: none;
}
.device_container__viewer .viewer {
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 401px;
  height: 100%;
  position: relative;
  background-color: #D5D7D8;
  border-right: solid 1px #C0C2C4;
  vertical-align: top;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.device_container__viewer .viewer.sharing {
  width: 100%;
}
.device_container__viewer .viewer.landscape {
  width: 1024px;
}
.device_container__viewer .viewer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.device_container__viewer .viewer__prev, .device_container__viewer .viewer__next {
  display: none;
}
.device_container__viewer .viewer__details {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 400px;
          flex: 1 0 400px;
}
.device_container__viewer .viewer__details .inner {
  position: relative;
  margin: 0 auto;
  width: 400px;
  height: 52px;
  padding-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.device_container__viewer .viewer__details--name {
  color: #747678;
  font-size: 13px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 176px;
          flex: 0 0 176px;
  border-right: solid 1px #D5D7D8;
  position: relative;
  padding: 0 28px 0 12px;
  cursor: pointer;
}
.device_container__viewer .viewer__details--name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.device_container__viewer .viewer__details--name span::after {
  content: "";
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-top: solid 6px #545658;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
.device_container__viewer .viewer__details--time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  padding-left: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  line-height: 1.6;
  color: #747678;
  font-size: 11px;
  font-weight: bold;
}
.device_container__viewer .viewer__details--time .time {
  line-height: 1.1;
  font-size: 20px;
}
.device_container__viewer .viewer__details--btn {
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device_container__viewer .viewer__center {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.device_container__viewer .viewer__center .canvas_container {
  width: 100%;
  height: 100%;
  position: relative;
}
.device_container__viewer .viewer__center canvas {
  max-width: 100%;
  max-height: 100%;
}
.device_container__viewer .viewer__bottom {
  display: block;
  background-color: #FFFFFF;
  bottom: 0;
  width: 100%;
  visibility: hidden;
}
.device_container__viewer .viewer__bottom.sharing {
  visibility: visible;
}
.device_container__viewer .viewer__bottom ul {
  width: 400px;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
}
.device_container__viewer .viewer__bottom ul.sharing {
  width: 320px;
}
.device_container__viewer .viewer__bottom ul li {
  height: 100%;
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4px;
  cursor: pointer;
}
.device_container__viewer .viewer__bottom ul li span {
  pointer-events: none;
}
.device_container__viewer .viewer__bottom ul li.sharing {
  width: 25%;
}
.device_container__viewer .viewer__bottom ul li.unmaximize_button_column {
  display: none;
}
.device_container__viewer .viewer__bottom ul li .i svg {
  fill: #545658;
}
.device_container__viewer .viewer__bottom ul li .t {
  margin-top: 2px;
  color: #747678;
  font-size: 10px;
  font-weight: normal;
}
@media (hover: hover) {
  .device_container__viewer .viewer__bottom ul li:hover {
    background-color: #fce9e9;
  }
  .device_container__viewer .viewer__bottom ul li:hover .i svg {
    fill: #a61e22;
  }
  .device_container__viewer .viewer__bottom ul li:hover .t {
    color: #a61e22;
  }
}
.device_container__viewer .viewer__bottom ul li.disabled {
  pointer-events: none;
  color: #C0C2C4;
}
.device_container__viewer .viewer__bottom ul li.disabled .i svg {
  fill: #C0C2C4;
}
.device_container__viewer .viewer__bottom ul li.disabled .t {
  color: #C0C2C4;
}
.device_container__viewer .viewer .small_control_bar {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.device_container__viewer .viewer .small_control_bar ul {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.device_container__viewer .viewer .small_control_bar ul li {
  width: 40px;
  height: 40px;
}
.device_container__viewer .viewer .small_control_bar ul li span {
  pointer-events: none;
}
.device_container__viewer .viewer .progress {
  visibility: hidden;
}
.device_container__viewer .viewer .progress__area {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device_container__viewer .viewer .progress__indicator {
  position: absolute;
  width: 172px;
  height: 172px;
}
.device_container__viewer .viewer .progress__message {
  visibility: hidden;
  position: absolute;
  font-size: 13px;
  padding-top: 172px;
  color: white;
}
.device_container__viewer .viewer.in_progress .progress {
  visibility: visible;
  pointer-events: none;
}
.device_container__viewer .viewer.in_progress .progress__cancel {
  visibility: hidden;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: white;
  color: black;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
  pointer-events: auto;
}
.device_container__viewer .viewer.in_progress .progress__cancel:hover {
  background-color: lightgray;
}
.device_container__viewer .viewer.in_progress.in_progress.cancelable .progress__cancel {
  visibility: visible;
}
.device_container__viewer .viewer.in_progress.in_progress.progress_message_visible .progress__message {
  visibility: visible;
}
.device_container__viewer .viewer.in_progress .viewer__bottom {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
  pointer-events: none;
}
.device_container__viewer .viewer .uitree {
  position: absolute;
  width: 100%;
  height: 100%;
}
.device_container__viewer .viewer .uitree_container {
  font-size: initial;
  color: transparent;
}
.device_container__viewer .viewer .uitree_container input {
  color: transparent;
}
.device_container__viewer .viewer .uitree_container input::-moz-selection {
  color: transparent;
}
.device_container__viewer .viewer .uitree_container input::selection {
  color: transparent;
}
.device_container__viewer .viewer .device_sharing_indicator {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 4px;
  font-weight: normal;
  font-size: 13px;
  text-shadow: 1px 1px 0 #F0F2F4, -1px -1px 0 #F0F2F4, -1px 1px 0 #F0F2F4, 1px -1px 0 #F0F2F4, 0px 1px 0 #F0F2F4, 0 -1px 0 #F0F2F4, -1px 0 0 #F0F2F4, 1px 0 0 #F0F2F4;
  color: #009B27;
}
.device_container__viewer .viewer.in_device_sharing .device_sharing_indicator {
  visibility: visible;
  pointer-events: none;
}
.device_container__viewer .viewer .view_only_indicator {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 4px;
  font-weight: normal;
  font-size: 13px;
  text-shadow: 1px 1px 0 #F0F2F4, -1px -1px 0 #F0F2F4, -1px 1px 0 #F0F2F4, 1px -1px 0 #F0F2F4, 0px 1px 0 #F0F2F4, 0 -1px 0 #F0F2F4, -1px 0 0 #F0F2F4, 1px 0 0 #F0F2F4;
  color: red;
}
.device_container__viewer .viewer.view_only .view_only_indicator {
  visibility: visible;
  pointer-events: none;
}
.device_container__viewer .viewer.active {
  background-color: #F0F2F4;
}
.device_container__viewer .viewer.active .viewer__top {
  background-color: #FFFFFF;
}
.device_container__viewer .viewer.active .viewer__bottom {
  visibility: visible;
}
.device_container__viewer .viewer.active .viewer__details .inner::after {
  position: absolute;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #a61e22;
  top: 0;
}
.device_container__viewer .viewer.active .viewer__details--name {
  color: #333333;
}
.device_container__viewer .viewer.active .viewer__details--name:hover {
  background-color: #fce9e9;
}
.device_container__viewer .viewer.active .viewer__details--time .time {
  color: #333333;
}
.device_container__viewer .to_main_window {
  white-space: normal;
  display: inline-block;
  width: 208px;
  padding: 150px 24px;
  background-color: #FFFFFF;
  border-right: none;
  vertical-align: top;
}
.device_container__viewer .to_main_window a {
  display: block;
  width: 160px;
  height: 256px;
  border-radius: 18px;
  border: dashed 2px #a61e22;
  padding-top: 80px;
}
.device_container__viewer .to_main_window a:hover {
  background-color: #F0F2F4;
}
.device_container__viewer .to_main_window a div:first-of-type {
  padding-top: 60px;
  position: relative;
  color: #a61e22;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.device_container__viewer .to_main_window a div:first-of-type::before {
  content: "";
  width: 4px;
  height: 40px;
  display: block;
  background-color: #a61e22;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2px;
}
.device_container__viewer .to_main_window a div:first-of-type::after {
  content: "";
  width: 40px;
  height: 4px;
  display: block;
  background-color: #a61e22;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -20px;
}
.device_container__viewer .to_main_window a div:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.device_container__viewer .to_main_window a div:nth-of-type(2) svg.to_main_window__image {
  fill: #a61e22;
}
.device_container__viewer .to_main_window a div:nth-of-type(2) .t {
  margin-left: 4px;
  color: #a61e22;
  font-size: 13px;
  font-weight: normal;
}

.cloud_recording_list_container .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 10px 10px;
  gap: 0.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 70px;
}
.cloud_recording_list_container .header .title {
  color: #333333;
  font-size: 17px;
  font-weight: bold;
}
.cloud_recording_list_container .header .capacity {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
.cloud_recording_list_container .header .automatic_deletion {
  padding: 0 10px;
  color: #333333;
  font-size: 10px;
  font-weight: normal;
}
.cloud_recording_list_container .header .automatic_deletion .capacityWarning {
  color: red;
}
.cloud_recording_list_container__list {
  bottom: 20px;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cloud_recording_list_container__list .list_table .start_datetime_column {
  width: 20ch;
}
.cloud_recording_list_container__list .list_table .end_datetime_column {
  width: 20ch;
}
.cloud_recording_list_container__list .list_table thead tr th {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_list_container__list .list_table thead tr th:hover {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
.cloud_recording_list_container__list .list_table thead tr td {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_list_container__list .list_table tbody {
  top: 105px;
}
.cloud_recording_list_container__list .list_table tbody tr td {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_list_container__lock_icon {
  font-size: 17px;
  display: inline-block;
  width: 1.5em;
  text-align: center;
  vertical-align: middle;
}
.cloud_recording_list_container .dynamic_link {
  display: none;
}

.storage_application_list_table {
  height: 400px;
  position: relative;
}
.storage_application_list_table th, .storage_application_list_table td {
  white-space: normal;
  word-break: break-all;
}
.storage_application_list_table .upload_timestamp_column {
  width: 20ch;
}
.storage_application_list_table .file_name_column {
  width: 25ch;
}
.storage_application_list_table .file_type_column,
.storage_application_list_table .file_size_column {
  width: 10ch;
}
.storage_application_list_table .select_column {
  width: 30ch;
}
.storage_application_list_table .select_column .installFromStorage {
  width: 100px;
  height: 36px;
  border-radius: 18px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  margin-right: 8px;
}
.storage_application_list_table .select_column .delete {
  width: 100px;
  height: 36px;
  border-radius: 18px;
  background-color: #8f0c29;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}
.storage_application_list_table thead tr th {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.storage_application_list_table thead tr th:hover {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}
.storage_application_list_table tbody {
  top: 36px;
}
.storage_application_list_table tbody tr {
  cursor: pointer;
}
.storage_application_list_table tbody tr td {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.storage_application_list_table tbody .selected {
  background-color: #fce9e9;
}

.cloud_recording_detail_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  margin: 0 0 0 60px;
  padding-bottom: 20px;
}
.cloud_recording_detail_container .header {
  padding: 10px;
}
.cloud_recording_detail_container .header .grid-table {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 5), -webkit-max-content);
  grid-template-columns: repeat(var(--grid-cols, 5), max-content);
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_detail_container .header .grid-cell {
  padding: 8px;
}
.cloud_recording_detail_container .header .grid-header {
  background-color: #f3d1d1;
}
.cloud_recording_detail_container__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 20px;
  height: 100%;
  width: calc(100vw - 60px);
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1024px) {
  .cloud_recording_detail_container__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cloud_recording_detail_container__wrapper .list_wrapper {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .cloud_recording_detail_container__wrapper .list_wrapper {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    overflow: hidden;
  }
}
.cloud_recording_detail_container__wrapper .video_wrapper {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .cloud_recording_detail_container__wrapper .video_wrapper {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    overflow: hidden;
  }
}
.cloud_recording_detail_container__list {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
.cloud_recording_detail_container__list .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
}
.cloud_recording_detail_container__list .header .search_box {
  width: 150px;
  height: 24px;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_detail_container__list .list_table {
  table-layout: auto;
}
.cloud_recording_detail_container__list .list_table th, .cloud_recording_detail_container__list .list_table td {
  text-align: start;
  line-height: 1.2;
}
.cloud_recording_detail_container__list .list_table .row_expansion_button_column {
  width: 25px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cloud_recording_detail_container__list .list_table .time_column {
  width: 74px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cloud_recording_detail_container__list .list_table .method_column {
  width: 74px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cloud_recording_detail_container__list .list_table .command_column {
  width: 80px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cloud_recording_detail_container__list .list_table .status_column {
  width: 74px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cloud_recording_detail_container__list .list_table thead tr th {
  color: #333333;
  font-size: 11px;
  font-weight: normal;
  height: 100%;
}
.cloud_recording_detail_container__list .list_table tbody {
  top: 70px;
}
@media (max-width: 1024px) {
  .cloud_recording_detail_container__list .list_table tbody {
    width: 100%;
  }
}
.cloud_recording_detail_container__list .list_table tbody tr.list_table__item td {
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.cloud_recording_detail_container__list .list_table tbody tr.highlighted {
  background: #cf4d4c;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: auto;
  background-color: #E4E6E8;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td {
  width: 100%;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td .detail_list {
  width: 100%;
  margin: 0 0 0 10px;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td .detail_list .detail_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td .detail_list .detail_item:not(:last-child) {
  border-bottom: solid 1px #D5D7D8;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td .detail_list .label {
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 0;
  font-weight: bold;
}
.cloud_recording_detail_container__list .list_table tbody tr.detail_tr .detail_td .detail_list .value {
  width: 100%;
  padding: 8px 0;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  word-wrap: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}
.cloud_recording_detail_container .video_player_container {
  height: 100%;
}
@media (max-width: 1024px) {
  .cloud_recording_detail_container .video_player_container {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 30px;
  }
}
.cloud_recording_detail_container .video_player_container .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding: 5px 10px;
}
.cloud_recording_detail_container .video_player_container app-video-player {
  background: #222;
  width: 100%;
  height: calc(100% - 24px);
  display: block;
}

.pu_details {
  display: none;
  width: 400px;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
}
.pu_details dl {
  font-size: 0;
  padding: 24px 16px;
}
.pu_details dt {
  vertical-align: top;
  display: inline-block;
  width: 94px;
  padding: 4px;
  text-align: right;
  font-size: 11px;
  color: #D5D7D8;
  line-height: 16px;
}
.pu_details dd {
  vertical-align: top;
  display: inline-block;
  width: 258px;
  padding: 4px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}
.pu_details.open {
  display: block;
}

.pu_info {
  display: none;
  background-color: #FFFFFF;
  width: 224px;
  position: fixed;
  top: 64px;
  right: 184px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 20px;
  z-index: 999;
}
.pu_info.open {
  display: block;
}
.pu_info p {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  cursor: default;
}
.pu_info ul {
  list-style-type: none;
}
.pu_info ul li {
  margin-top: 16px;
}
.pu_info ul li a:hover {
  -webkit-text-decoration: underline #a61e22;
          text-decoration: underline #a61e22;
}
.pu_info ul li a:hover div:first-of-type, .pu_info ul li a:hover div:last-of-type {
  color: #a61e22;
}
.pu_info ul li a div:first-of-type {
  color: #747678;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 4px;
}
.pu_info ul li a div:last-of-type {
  color: #333333;
  font-size: 15px;
  font-weight: normal;
}
.pu_info ul li + :last-child {
  text-align: right;
}

.pu_account {
  display: none;
  background-color: #FFFFFF;
  width: 240px;
  position: fixed;
  top: 64px;
  right: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 8px 16px;
  z-index: 999;
}
.pu_account.open {
  display: block;
}
.pu_account ul {
  list-style-type: none;
  border-bottom: solid 1px #D5D7D8;
}
.pu_account ul:last-child {
  border-bottom: initial;
}
.pu_account ul li a {
  cursor: pointer;
  padding: 0 8px;
  display: block;
  line-height: 44px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
}
.pu_account ul li a:hover {
  background-color: #fce9e9;
}
.pu_account ul li.logout a {
  color: #8f0c29;
}
.pu_account .download {
  padding: 16px 0 8px;
}
.pu_account .download a {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #a61e22;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pu_account .download a:hover {
  background-color: #fce9e9;
}
.pu_account .download a svg.download__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin-right: 8px;
}
.pu_account .download a svg.download__image path {
  fill: #a61e22;
}
.pu_account .download a span {
  display: block;
  margin: 2px 0;
  line-height: 1;
  color: #333333;
  font-size: 11px;
  font-weight: normal;
}
.pu_account .download a span:nth-of-type(2) {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
}

.pu_filter {
  display: none;
  color: #333333;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.1;
  width: 200px;
  height: 240px;
  overflow: auto;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 99;
}
.pu_filter label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
  height: 44px;
  border-bottom: solid 1px #D5D7D8;
}
.pu_filter label:hover {
  background-color: #fce9e9;
}
.pu_filter.open {
  display: block;
}

.d_open {
  cursor: pointer;
}

.modal_dialog {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
}
.modal_dialog .inner {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dialog_bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.dialog_box {
  width: 360px;
  color: #333333;
  font-size: 15px;
  font-weight: normal;
  padding: 32px 24px 16px;
  border-radius: 4px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 999;
}
.dialog_box.wide {
  width: 500px;
}
.dialog_box.wide .btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dialog_box.wide .btn div:nth-of-type(2) {
  margin-left: 16px;
}
.dialog_box.wide .btn .footer-action-button {
  margin-right: auto;
}
.dialog_box.super_wide {
  width: 800px;
}
.dialog_box.super_wide .btn {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dialog_box.super_wide .btn div:nth-of-type(2) {
  margin-left: 16px;
}
.dialog_box.super_wide .btn .footer-action-button {
  margin-right: auto;
}
.dialog_box .title {
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 24px;
}
.dialog_box .subtitle {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
}
.dialog_box .container {
  color: #333333;
  font-size: 15px;
  font-weight: normal;
}
.dialog_box .container div {
  margin-bottom: 16px;
}
.dialog_box .container_in_progress {
  position: relative;
}
.dialog_box .container_in_progress .dialog_progress {
  visibility: hidden;
}
.dialog_box .container_in_progress .dialog_progress__area {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog_box .container_in_progress .dialog_progress__indicator {
  position: absolute;
  width: 172px;
  height: 172px;
}
.dialog_box .container_in_progress .dialog_progress__message {
  visibility: hidden;
  position: absolute;
  font-size: 13px;
  padding-top: 172px;
  color: white;
}
.dialog_box .container_in_progress .dialog_progress__cancel {
  visibility: hidden;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: white;
  color: black;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
  pointer-events: auto;
}
.dialog_box .container_in_progress .dialog_progress__cancel:hover {
  background-color: lightgray;
}
.dialog_box .container_in_progress.in_dialog_progress {
  display: block;
  pointer-events: none;
}
.dialog_box .container_in_progress.in_dialog_progress .dialog_progress {
  visibility: visible;
}
.dialog_box .container_in_progress.in_dialog_progress.in_dialog_progress.cancelable .dialog_progress__cancel {
  visibility: visible;
}
.dialog_box .container_in_progress.in_dialog_progress.in_dialog_progress.progress_message_visible .dialog_progress__message {
  visibility: visible;
}
.dialog_box .dialog_drop_area {
  position: relative;
}
.dialog_box .dialog_drop_area .dragdrop_enter {
  visibility: hidden;
}
.dialog_box .dialog_drop_area .dragdrop_enter__area {
  background-color: #fce9e9;
  border: dashed 2px #a61e22;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a61e22;
  font-size: 15px;
  font-weight: normal;
  opacity: 0.9;
  border-radius: 4px;
}
.dialog_box .dialog_drop_area .dragdrop_enter__area .i {
  margin-right: 1px;
}
.dialog_box .dialog_drop_area .dragdrop_enter__area svg.dragdrop__image path {
  fill: #a61e22;
}
.dialog_box .dialog_drop_area.in_dragdrop_enter {
  display: block;
}
.dialog_box .dialog_drop_area.in_dragdrop_enter .dragdrop_enter {
  visibility: visible;
}
.dialog_box .indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  line-height: 1.5;
}
.dialog_box .indent span {
  display: inline-block;
  width: 1.25em;
}
.dialog_box .check span {
  margin-right: 8px;
}
.dialog_box .selectbox {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.dialog_box .selectbox::after {
  content: "";
  width: 0;
  height: 0;
  border: solid 5px transparent;
  border-top: solid 6px #545658;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}
.dialog_box .selectbox select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
  line-height: 48px;
  z-index: 999;
  padding-left: 16px;
}
.dialog_box .selectbox select:hover {
  border-color: #a61e22;
}
.dialog_box .selectbox select.select_time {
  width: 200px;
}
.dialog_box .switchbox {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog_box .textbox {
  text-align: left;
}
.dialog_box .textbox input {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
  line-height: 100%;
  padding: 0 8px;
  font-size: 16px;
}
.dialog_box .textbox input:focus {
  border: solid 2px #a61e22;
}
.dialog_box .selectfile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F2F4;
  padding: 8px;
  height: 56px;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
}
.dialog_box .selectfile input[type=button] {
  margin-right: 8px;
  background-color: #FFFFFF;
  height: 36px;
  border-radius: 4px;
  border: solid 2px #a61e22;
  color: #a61e22;
  font-size: 13px;
  font-weight: bold;
  padding: 0 8px;
}
.dialog_box .selectfile input[type=button]:hover {
  background-color: #fce9e9;
}
.dialog_box .dragdrop {
  height: 120px;
  background-color: #fce9e9;
  border: dashed 2px #a61e22;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #a61e22;
  font-size: 15px;
  font-weight: normal;
}
.dialog_box .dragdrop .i {
  margin-right: 8px;
}
.dialog_box .dragdrop svg.dragdrop__image path {
  fill: #a61e22;
}
.dialog_box .listbox {
  width: 100%;
  border: solid 1px #D5D7D8;
  border-radius: 4px;
  height: 194px;
  overflow-y: auto;
}
.dialog_box .listbox ul {
  list-style: none;
}
.dialog_box .listbox li input[type=radio] {
  display: none;
}
.dialog_box .listbox li input[type=radio]:checked + label {
  background-color: #fce9e9;
}
.dialog_box .listbox li input[type=radio]:checked + label .r {
  background-color: #cf4d4c;
  border: none;
}
.dialog_box .listbox li input[type=radio]:checked + label .r::after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background-color: #FFFFFF;
  position: absolute;
  top: 9px;
  left: 4px;
}
.dialog_box .listbox li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
  width: 100%;
  padding: 8px 16px;
  line-height: 1.2;
  overflow: hidden;
}
.dialog_box .listbox li label:hover {
  background-color: #fce9e9;
}
.dialog_box .listbox li label .i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  height: 36px;
  margin-right: 16px;
}
.dialog_box .listbox li label .i img {
  width: 100%;
}
.dialog_box .listbox li label .t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dialog_box .listbox li label .t span:first-of-type {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
}
.dialog_box .listbox li label .t span:nth-of-type(2) {
  color: #747678;
  font-size: 13px;
  font-weight: normal;
}
.dialog_box .listbox li label .r {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin: 0 0 0 auto;
  position: relative;
}
.dialog_box .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
}
.dialog_box .horizontal_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.dialog_box .access_token_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 13px 0 0 0;
}
.dialog_box .access_token_area input {
  width: 65%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #C0C2C4;
  line-height: 100%;
  padding: 0 8px;
  font-size: 16px;
  margin-right: auto;
  text-overflow: ellipsis;
}
.dialog_box .access_token_area input:focus {
  border: solid 2px #a61e22;
}
.dialog_box .action_buttons {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
}
.dialog_box .action_buttons .action_button {
  height: 100%;
  width: 60px;
  margin: 13px 13px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #cf4d4c;
  color: #FFFFFF;
  cursor: pointer;
  padding-top: 4px;
}
.dialog_box .action_buttons .action_button .i svg {
  fill: #FFFFFF;
}
.dialog_box .action_buttons .action_button .t {
  margin-top: 2px;
  color: #747678;
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}

#override sortalticon {
  display: none;
}
#override sortamountupalticon::before {
  content: "↓";
}
#override sortamountdownicon::before {
  content: "↑";
}
#override sortamountupalticon svg,
#override sortamountdownicon svg {
  display: none;
}
#override sortamountupalticon::before,
#override sortamountdownicon::before {
  font-size: 1rem;
  margin-top: -10px;
  margin-left: 0;
  color: var(--blue3);
  margin-left: 0.3em;
  font-weight: 300;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */