body:not(.lang-en):not(.lang-ja) #lang_tr > .lang-en { display: none; }
body:not(.lang-en):not(.lang-ja) #lang_tr > .lang-ja { display: none; }

body.lang-en #lang_tr > .lang-none { display: none; }
body.lang-en #lang_tr > .lang-ja { display: none; }

body.lang-ja #lang_tr > .lang-none { display: none; }
body.lang-ja #lang_tr > .lang-en { display: none; }

body:not(.lang-en):not(.lang-ja) .lang-ja { display: none; }
body.lang-en:not(.lang-ja) .lang-ja { display: none; }
body.lang-ja:not(.lang-en) .lang-en { display: none; }

#service_level_tr.professional #service_level_standard { display: none; }
#service_level_tr:not(.professional) #service_level_professional { display: none; }

#complete_speed_tr.fast #complete_speed_normal  { display: none; }
#complete_speed_tr:not(.fast) #complete_speed_fast  { display: none; }

#upload_text_list { line-height: 1.1rem; font-size: 1.1rem; display: none }
#upload_text_list .upload_text_row { margin-bottom: 1rem }
#upload_text_list .upload_text_row:not([style*="display: none"]):last-child { margin-bottom: 0 }
#upload_text_list .upload_text_row i.fa-times { cursor: pointer }

#trans_form button.btn-secondary { opacity: .15 }

/*---------------------------------------------------------------------------------------------------
// overlay
---------------------------------------------------------------------------------------------------*/

#overlay {
    background: #e9e9e9;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    opacity: 0.5;
    z-index: 2000;
}

#overlay .overlay-spinner {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
}

/*---------------------------------------------------------------------------------------------------
// TIMER LOADER
---------------------------------------------------------------------------------------------------*/

@-moz-keyframes timer-loader {0% {-moz-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);transform: rotate(360deg); }
}
@-webkit-keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.timer-loader:not(:required) {
  border: 12px solid #333;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 96px;
  height: 96px;
}

.timer-loader:not(:required)::before {
  -moz-animation: timer-loader 1250ms infinite linear;
  -webkit-animation: timer-loader 1250ms infinite linear;
  animation: timer-loader 1250ms infinite linear;
  -moz-transform-origin: 6px 6px;
  -ms-transform-origin: 6px 6px;
  -webkit-transform-origin: 6px 6px;
  transform-origin: 6px 6px;
  background: #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 38.4px;
  left: 30px;
  top: 30px;
}

.timer-loader:not(:required)::after {
  -moz-animation: timer-loader 15000ms infinite linear;
  -webkit-animation: timer-loader 15000ms infinite linear;
  animation: timer-loader 15000ms infinite linear;
  -moz-transform-origin: 6px 6px;
  -ms-transform-origin: 6px 6px;
  -webkit-transform-origin: 6px 6px;
  transform-origin: 6px 6px;
  background: #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 32px;
  left: 30px;
  top: 30px;
}
