@import 'logpresso.css';
.isV4Enabled {
  overflow-y: hidden;
}
.isV4Enabled .progress-bar {
  background-color: #FF692A;
}
.isV4Enabled .table-wrapper .switch,
.isV4Enabled .table-wrapper .lp-flip-switch {
  zoom: 0.6;
}
.isV4Enabled .table-wrapper .switch .switch-on span,
.isV4Enabled .table-wrapper .lp-flip-switch .switch-on span {
  width: 26%;
}
.isV4Enabled .table-wrapper .switch .switch-off span,
.isV4Enabled .table-wrapper .lp-flip-switch .switch-off span {
  width: 38%;
}
.isV4Enabled .file-browser-container > .browser-container > table > tbody > tr:focus {
  background-color: #FFCEBC;
}
.isV4Enabled .table > tbody > tr.tr-selected > td {
  background-color: #FFCEBC;
}
.isV4Enabled .no-item-in-list {
  padding: 0 !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAABtJREFUGBljYCACvHjx4j9BZaOKGKgXBMDQBgDBYiUnnwD2GQAAAABJRU5ErkJggg==) repeat;
}
.isV4Enabled .wizard-contents {
  border-radius: 10px;
  border: none;
}
.isV4Enabled ol.wizard .wiz-step legend,
.isV4Enabled ol.wizard .wiz-step .fieldset-description {
  border: none;
  background: none;
  padding: 5px;
}
.isV4Enabled .inline-block {
  display: inline-block !important;
}
.isV4Enabled .full-height-v4 {
  height: 100%;
}
.isV4Enabled #view-menu {
  height: 100%;
}
.isV4Enabled .view:not(#view-pwchange) {
  top: 0 !important;
  left: 70px !important;
  background-color: #f8f8f8;
}
.isV4Enabled .dockpanel {
  top: 84px;
  left: 70px;
}
.isV4Enabled section.sidebar {
  top: 0;
  left: 70px;
}
.isV4Enabled .container-sb {
  overflow: auto;
  top: 0;
  transition: left 0s;
  left: 220px;
  background-color: #f8f8f8;
}
.isV4Enabled .container-sb::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .container-sb::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .container-sb::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .container-sb::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .container-sb::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .container-sb.deActive {
  left: 85px;
}
.isV4Enabled .container-sb.no-sidebar {
  left: 70px !important;
}
.isV4Enabled #view-query-snippet,
.isV4Enabled #view-newStream,
.isV4Enabled #view-workflow {
  left: 0 !important;
}
.isV4Enabled ul,
.isV4Enabled li {
  list-style: none;
  margin: 0;
}
.isV4Enabled a,
.isV4Enabled a:hover {
  text-decoration: none;
}
.isV4Enabled a:hover {
  color: #FF946B;
}
.isV4Enabled input[type="search"] {
  background-image: url(/images/search.svg);
  background-position: 9px 7px;
  background-repeat: no-repeat;
  text-indent: 14px;
  height: 34px;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
  box-shadow: 0px 0px 0px;
  padding: 4px 14px;
}
.isV4Enabled input[type="search"]::placeholder {
  color: #bbbbbb;
}
.isV4Enabled input[type="search"]::-webkit-input-placeholder {
  color: #bbbbbb;
}
.isV4Enabled input[type="search"]:-ms-input-placeholder {
  color: #bbbbbb;
}
.isV4Enabled input,
.isV4Enabled textarea {
  border: 1px solid #EAEAEA;
  border-radius: 5px;
  padding: 8px;
  font-size: 14px;
  color: #606161;
  transition: none;
  box-shadow: 0px 0px 0px;
}
.isV4Enabled input:focus,
.isV4Enabled textarea:focus {
  outline: none;
  border-color: #FF692A !important;
}
.isV4Enabled input::placeholder,
.isV4Enabled textarea::placeholder {
  color: #bbbbbb;
}
.isV4Enabled input::-webkit-input-placeholder,
.isV4Enabled textarea::-webkit-input-placeholder {
  color: #bbbbbb;
}
.isV4Enabled input:-ms-input-placeholder,
.isV4Enabled textarea:-ms-input-placeholder {
  color: #bbbbbb;
}
.isV4Enabled input[type="text"],
.isV4Enabled input[type="number"],
.isV4Enabled input[type="password"] {
  height: 34px;
}
.isV4Enabled input[type="color"] {
  padding: 4px 6px;
  height: 34px;
}
.isV4Enabled textarea {
  border: 1px solid #EAEAEA;
  border-radius: 5px;
  box-shadow: none;
}
.isV4Enabled .btn.btn-primary,
.isV4Enabled .btn.btn-active {
  background-color: #FF692A;
  color: #fff;
  border-color: #FF692A;
}
.isV4Enabled .btn.btn-primary:hover,
.isV4Enabled .btn.btn-active:hover {
  background-color: #FF946B;
  color: #fff;
}
.isV4Enabled .btn.btn-primary:active,
.isV4Enabled .btn.btn-active:active {
  background-color: #FF692A;
  border-color: #FF946B;
  color: #fff;
}
.isV4Enabled .btn.btn-primary:disabled,
.isV4Enabled .btn.btn-active:disabled {
  border-color: #d5d5d5;
  background: #f0f0f0;
  color: #bbb;
  cursor: not-allowed;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 {
  display: flex;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li {
  border: 1px solid #eeeeee;
  border-right: 0;
  margin: 0;
  background: #ffffff;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li .asset-tab-a-v4 {
  border: none;
  padding: 2px 80px 0 20px;
  font-size: 13px;
  color: #999;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:first-child,
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:first-child {
  border-top-left-radius: 10px;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:last-child {
  border-right: 1px solid #eeeeee;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:last-child,
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:last-child {
  border-top-right-radius: 10px;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li.active {
  color: #606161;
  border-bottom-width: 2px;
  border-bottom-color: #ff692a;
  background: none;
  font-weight: bold;
}
.isV4Enabled .asset-tab-v4 > ul.nav-tabs-v4 > li:hover .asset-tab-a-v4 {
  color: #606161;
  border: none;
  background: none;
}
.isV4Enabled .asset-tab-v4 > .tab-content-v4 {
  margin-top: -1px;
  border: 1px solid #eee;
  padding: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.isV4Enabled .table-wrapper-v4 > table tbody tr td > div,
.isV4Enabled .table-wrapper-v4 > table tbody tr td > label {
  padding-bottom: 10px;
}
.isV4Enabled .permission-select-v4 {
  padding: 5px 10px;
  min-height: 200px;
}
.isV4Enabled .permission-select-v4 .permission-select-btn-group {
  display: flex;
}
.isV4Enabled .permission-select-v4 .permission-select-btn-group .input-with-button {
  flex: 1 0 auto;
  margin-right: 10px;
}
.isV4Enabled .permission-select-v4 .permission-select-btn-group .input-with-button input {
  width: 100%;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 {
  margin-top: 10px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 td,
.isV4Enabled .permission-select-v4 .permission-select-table-v4 th {
  padding: 5px;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 th {
  font-weight: normal;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 .permission-select-table-head-v4 {
  width: 100%;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 .permission-select-table-body-v4 {
  width: 100%;
  height: 300px;
  overflow-y: auto;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 .permission-select-table-body-v4 table {
  width: 100%;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 .permission-select-table-body-v4 table tbody tr {
  background: #f8f8f8;
}
.isV4Enabled .permission-select-v4 .permission-select-table-v4 .permission-select-table-body-v4 table tbody tr:nth-child(even) {
  background: #fff;
}
.isV4Enabled .btn.btn-white {
  background-color: #fff;
}
.isV4Enabled .btn-text {
  height: 34px;
  border: 1px solid #EAEAEA;
}
.isV4Enabled .btn {
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #F8F8F8;
  color: #606161;
  border-color: #EAEAEA;
  cursor: pointer;
  transition: none;
  height: 34px;
}
.isV4Enabled .btn svg,
.isV4Enabled .btn i-feather {
  width: 18px;
  height: 18px;
}
.isV4Enabled .btn:hover {
  color: #FF946B;
  border-color: #FF946B;
}
.isV4Enabled .btn:active {
  transform: none;
  box-shadow: none;
}
.isV4Enabled .btn[disabled="disabled"],
.isV4Enabled .btn[disabled] {
  color: #bbb;
  border-color: #bbb;
  opacity: 0.5;
}
.isV4Enabled .btn[disabled="disabled"] svg,
.isV4Enabled .btn[disabled] svg,
.isV4Enabled .btn[disabled="disabled"] i-feather,
.isV4Enabled .btn[disabled] i-feather {
  color: #bbb;
}
.isV4Enabled .btn[disabled="disabled"]:hover,
.isV4Enabled .btn[disabled]:hover {
  color: #bbb;
}
.isV4Enabled .btn[disabled="disabled"]:hover svg,
.isV4Enabled .btn[disabled]:hover svg,
.isV4Enabled .btn[disabled="disabled"]:hover i-feather,
.isV4Enabled .btn[disabled]:hover i-feather {
  color: #bbb;
}
.isV4Enabled .btn.btn-logger {
  color: #828282;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-color: #eaeaea;
  width: 20px;
  height: 20px;
  padding: 0;
}
.isV4Enabled .btn.btn-logger:hover {
  color: #ff946b;
  border-color: #ff946b;
}
.isV4Enabled .btn.btn-logger:active {
  color: #ff692a;
  border-color: #ff692a;
}
.isV4Enabled .btn.btn-logger:focus {
  color: #d6d6d6;
  border-color: #d6d6d6;
}
.isV4Enabled .btn.btn-mix i,
.isV4Enabled .btn.btn-mix svg,
.isV4Enabled .btn.btn-mix i-feather {
  margin-right: 5px;
}
.isV4Enabled .select-btn {
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #F8F8F8;
  color: #606161;
  border-color: #EAEAEA;
  cursor: pointer;
  transition: none;
  height: 34px;
  padding: 0 8px;
}
.isV4Enabled .select-btn svg,
.isV4Enabled .select-btn i-feather {
  width: 18px;
  height: 18px;
}
.isV4Enabled .select-btn:hover {
  color: #FF946B;
  border-color: #FF946B;
}
.isV4Enabled .select-btn:active {
  transform: none;
  box-shadow: none;
}
.isV4Enabled .select-btn[disabled="disabled"],
.isV4Enabled .select-btn[disabled] {
  color: #bbb;
  border-color: #bbb;
  opacity: 0.5;
}
.isV4Enabled .select-btn[disabled="disabled"] svg,
.isV4Enabled .select-btn[disabled] svg,
.isV4Enabled .select-btn[disabled="disabled"] i-feather,
.isV4Enabled .select-btn[disabled] i-feather {
  color: #bbb;
}
.isV4Enabled .select-btn[disabled="disabled"]:hover,
.isV4Enabled .select-btn[disabled]:hover {
  color: #bbb;
}
.isV4Enabled .select-btn[disabled="disabled"]:hover svg,
.isV4Enabled .select-btn[disabled]:hover svg,
.isV4Enabled .select-btn[disabled="disabled"]:hover i-feather,
.isV4Enabled .select-btn[disabled]:hover i-feather {
  color: #bbb;
}
.isV4Enabled .select-btn.btn-logger {
  color: #828282;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-color: #eaeaea;
  width: 20px;
  height: 20px;
  padding: 0;
}
.isV4Enabled .select-btn.btn-logger:hover {
  color: #ff946b;
  border-color: #ff946b;
}
.isV4Enabled .select-btn.btn-logger:active {
  color: #ff692a;
  border-color: #ff692a;
}
.isV4Enabled .select-btn.btn-logger:focus {
  color: #d6d6d6;
  border-color: #d6d6d6;
}
.isV4Enabled .select-btn.btn-mix i,
.isV4Enabled .select-btn.btn-mix svg,
.isV4Enabled .select-btn.btn-mix i-feather {
  margin-right: 5px;
}
.isV4Enabled .btn-default-v4 {
  width: 34px;
  height: 34px;
  background-color: #F8F8F8;
  border: 1px solid #EAEAEA;
}
.isV4Enabled .btn-dropdown-v4 {
  height: 34px;
}
.isV4Enabled .btn-dropdown-v4 svg,
.isV4Enabled .btn-dropdown-v4 i-feather {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}
.isV4Enabled .btn-new {
  background-color: #ff692a;
  color: #fff;
  border: none;
}
.isV4Enabled .btn-new:hover {
  color: #fff;
  background-color: #ff946b;
}
.isV4Enabled .input-with-button {
  display: flex;
  float: left;
}
.isV4Enabled .input-with-button input {
  transition: none;
  width: 300px;
  background-image: none;
  text-indent: 0;
  border-radius: 5px 0 0 5px;
  border-right: 0;
}
.isV4Enabled .input-with-button button {
  width: 34px;
  height: 34px;
  background-color: #F8F8F8;
  border: 1px solid #EAEAEA;
  margin: 0 !important;
  border-radius: 0 5px 5px 0 !important;
}
.isV4Enabled .input-with-button:hover input,
.isV4Enabled .input-with-button:hover button {
  border-color: #FF946B;
}
.isV4Enabled .input-with-button:hover button {
  color: #FF946B;
}
.isV4Enabled .input-with-button input:focus,
.isV4Enabled .input-with-button input:focus + button {
  border-color: #FF692A;
}
.isV4Enabled .input-with-button input:focus + button {
  color: #fff;
  background-color: #FF692A;
}
.isV4Enabled .input-with-button input:focus + button:hover {
  color: #fff;
  background-color: #FF946B;
}
.isV4Enabled .input-with-button input:focus + button:hover svg,
.isV4Enabled .input-with-button input:focus + button:hover i-feather {
  color: #fff;
}
.isV4Enabled .nav-list > .active > a {
  color: #FF692A;
}
.isV4Enabled .active-v4 {
  font-weight: bold;
  color: #FF692A;
}
.isV4Enabled .ui-datepicker {
  margin-top: 5px;
}
.isV4Enabled .multiselect-search {
  width: 100% !important;
  margin: 2px 0px 5px 0px !important;
}
.isV4Enabled .dropdown-menu {
  border-radius: 5px;
  margin-top: 5px;
}
.isV4Enabled .dropdown-menu li:not(.divider) {
  padding: 2px 3px;
  margin: 2px 0;
}
.isV4Enabled .dropdown-menu li:not(.divider) a,
.isV4Enabled .dropdown-menu li:not(.divider) label {
  cursor: pointer;
  border-radius: 5px;
  padding: 7px 11px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 21px;
  color: #333333;
  white-space: nowrap;
}
.isV4Enabled .dropdown-menu li:not(.divider) a:hover,
.isV4Enabled .dropdown-menu li:not(.divider) label:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.isV4Enabled .dropdown-menu li:not(.divider) input[type="checkbox"] {
  margin-right: 5px;
}
.isV4Enabled .dropdown-menu .divider {
  padding: 0 !important;
}
.isV4Enabled .pointer {
  cursor: pointer !important;
}
.isV4Enabled .dropdown-toggle .caret {
  margin-left: 5px !important;
}
.isV4Enabled .reactree .reactree-dropdown-menu {
  border-radius: 5px;
  left: 208px !important;
}
.isV4Enabled .reactree ul > li.active > .node-container > .node-name-wrap > .node-name {
  font-weight: normal;
}
.isV4Enabled .reactree ul > li > .node-container:hover {
  background-color: transparent;
}
.isV4Enabled .reactree ul > li > .node-container > .node-name-wrap > .node-name > span:hover {
  color: #FF946B;
}
.isV4Enabled .reactree ul > li > .node-container > .node-name-wrap > .node-name > span {
  position: static;
}
.isV4Enabled .pane .section-list .section > legend {
  border-bottom-color: #FF692A;
}
.isV4Enabled .btn-tbl-inline {
  border-color: #FF692A;
  color: #FF692A;
}
.isV4Enabled .badge.badge-important {
  border-color: #FF692A;
  background-color: #FF692A;
  color: #fff;
}
.isV4Enabled .systemConfig-container .paneAlarmConfig .asset-tab > ul.nav-tabs > li.active > a {
  color: #FF692A;
}
.isV4Enabled .tab-comp > ul.nav-tabs > li.active .asset-tab-a {
  border-color: #FF692A;
}
.isV4Enabled .tabs > ul.tabs-inner > li a {
  color: #bbbbbb;
}
.isV4Enabled .tabs > ul.tabs-inner > li a:hover,
.isV4Enabled .tabs > ul.tabs-inner > li:hover a {
  color: #606161;
}
.isV4Enabled .tabs > ul.tabs-inner > li.active {
  border-top-color: #FF692A;
}
.isV4Enabled .tabs > ul.tabs-inner > li.active a {
  font-weight: normal;
  color: #363434;
}
.isV4Enabled .card {
  border-color: #FF946B;
  border-top-color: #FF692A;
}
.isV4Enabled .extraPane .toolbar {
  background-color: #FF692A;
}
.isV4Enabled .extraPane .extraPane-close {
  background-color: #FF692A;
}
.isV4Enabled .wizard-contents-container li.active:before {
  background-color: #FF692A;
}
.isV4Enabled .ui-datepicker .ui-datepicker-calendar > tbody .ui-state-active,
.isV4Enabled .ui-datepicker .ui-datepicker-calendar > tbody .ui-state-hover {
  background-color: #FF692A !important;
}
.isV4Enabled .rightPane.deActive {
  left: 15px;
}
.isV4Enabled .rightPane > ul {
  height: 100%;
}
.isV4Enabled .rightPane > ul > li {
  height: 100%;
}
.isV4Enabled .button-group {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  position: relative;
}
.isV4Enabled .button-group input:not([type="checkbox"]),
.isV4Enabled .button-group button,
.isV4Enabled .button-group > a {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}
.isV4Enabled .button-group .button-group-left {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isV4Enabled .button-group .button-group-left button:not(.no-margin) {
  float: left;
  margin-right: 10px;
}
.isV4Enabled .button-group .button-group-right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isV4Enabled .button-group .button-group-right input,
.isV4Enabled .button-group .button-group-right button {
  margin-left: 10px;
}
.isV4Enabled .button-group .button-group-right button:first-child {
  margin-left: 0;
}
.isV4Enabled .button-group .button-group-right div {
  float: left;
}
.isV4Enabled .button-group .button-group-right input [type="radio"] {
  display: block;
  margin-right: 5px;
}
.isV4Enabled legend > span:after {
  border: 0;
}
.isV4Enabled .is-member .extraPane-v4 {
  display: block;
}
.isV4Enabled .extraPane-v4 {
  transition: none;
  width: 100%;
  display: none;
  padding-left: 0;
  background-color: #f8f8f8;
}
.isV4Enabled .extraPane-v4.in {
  display: block;
}
.isV4Enabled .extraPane-v4 .button-group-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isV4Enabled .extraPane-v4 section article {
  padding: 15px;
}
.isV4Enabled .extraPane-v4 section .extraPane-inner {
  background: #fff;
  position: relative;
  padding: 0;
  top: 0;
}
.isV4Enabled .extraPane-v4 section .extraPane-inner > section {
  padding: 0;
}
.isV4Enabled .extraPane-v4 section table {
  border: 0;
}
.isV4Enabled .extraPane-v4 section table td {
  padding: 10px;
  color: #606161;
  font-size: 14px;
  font-family: "Noto Sans CJK KR", "Malgun Gothic";
}
.isV4Enabled .modal-content {
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 5px;
}
.isV4Enabled .modal-content .modal-header {
  border: 0;
  color: #363434;
  padding: 0;
}
.isV4Enabled .modal-content .modal-header .modal-title {
  font-size: 18px;
}
.isV4Enabled .modal-content .modal-header .close {
  color: #999999;
  background: transparent;
}
.isV4Enabled .modal-content .modal-header .close:hover {
  color: #ff946b;
  background: transparent;
}
.isV4Enabled .modal-content .modal-header .close:active {
  color: #ff692a;
}
.isV4Enabled .modal-content .modal-body {
  color: #606161;
}
.isV4Enabled .modal-content .modal-body .submit-group {
  background: none;
  padding: 15px 0 0 0;
}
.isV4Enabled .wizard-contents-container li div {
  color: #FF692A;
}
.isV4Enabled .switch {
  min-width: 0 !important;
  width: 39px;
  height: 24px;
  background: #f0f0f0;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  border-radius: 45px;
  padding: 2px;
}
.isV4Enabled .switch .switch-animate {
  height: 100%;
  transition: none;
}
.isV4Enabled .switch .switch-animate .switch-left,
.isV4Enabled .switch .switch-animate .knob,
.isV4Enabled .switch .switch-animate .switch-right {
  border-radius: 12px;
}
.isV4Enabled .switch .switch-animate .switch-left,
.isV4Enabled .switch .switch-animate .switch-right {
  color: #f0f0f0;
  background: #f0f0f0;
}
.isV4Enabled .switch .switch-animate.switch-on {
  left: -4%;
}
.isV4Enabled .switch .switch-animate.switch-on .knob {
  color: #FF692A;
  background-color: #FF692A;
  width: 18px;
  height: 18px;
  border-radius: 45px;
  border: 0;
}
.isV4Enabled .switch .switch-animate.switch-off .knob {
  background-color: #999999;
  width: 18px;
  height: 18px;
  border-radius: 45px;
  border: 0;
}
.isV4Enabled .CodeMirror {
  border-radius: 5px;
  border: 1px solid #eaeaea;
}
.isV4Enabled .alert.alert-info {
  color: #d65722;
  border-radius: 5px;
  background: #f5f5f5;
}
.isV4Enabled select {
  height: 34px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  font-size: 12px;
  padding: 5px 10px;
}
.isV4Enabled input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #fff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #999;
}
.isV4Enabled input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #fff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #FF692A;
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input) {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer;
  outline: none;
  border: 2px solid #999 !important;
  border-radius: 2px !important;
  background: #fff;
  padding: 6px !important;
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input)::before {
  content: "\2713";
  position: absolute;
  overflow: hidden;
  transform: scale(0);
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input):disabled {
  border: 2px solid #d5d5d5 !important;
  background: #f0f0f0;
  color: #bbb;
}
.isV4Enabled input[type="checkbox"]:disabled::before {
  content: "\002D";
  font-family: system-ui;
  transform: scale(1.7) translate(-30%, -36%) !important;
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input):focus {
  border: 2px solid #999 !important;
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input):checked {
  background-color: #FF692A !important;
  border-color: #FF692A !important;
  color: #fff;
}
.isV4Enabled input[type="checkbox"]:not(.lp-checkbox-input):checked::before {
  border-radius: 2px;
  font-weight: 600;
  font-family: system-ui;
  transform: scale(1) translate(-50%, -50%) !important;
}
.isV4Enabled .flat-tabs {
  border-bottom: 0px;
}
.isV4Enabled .flat-tabs ul.tabs-inner {
  display: flex;
}
.isV4Enabled .flat-tabs ul.tabs-inner li + li {
  margin-left: 10px;
}
.isV4Enabled .flat-tabs ul.tabs-inner li {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  background: #fff;
  height: 34px;
  color: #bbb;
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: normal;
}
.isV4Enabled .flat-tabs ul.tabs-inner li .tab-refresh {
  line-height: normal;
  margin-left: 10px;
  color: #bbb;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.isV4Enabled .flat-tabs ul.tabs-inner li .tab-refresh .feather-refresh-ccw {
  width: 12px;
  height: 12px;
}
.isV4Enabled .flat-tabs ul.tabs-inner li .tab-refresh:hover {
  color: #999;
}
.isV4Enabled .flat-tabs ul.tabs-inner li:hover {
  border-color: #999;
  background-color: #fff;
  color: #606161;
}
.isV4Enabled .flat-tabs ul.tabs-inner li.active {
  color: #333;
  background: #fff;
  border-top-width: 1px;
  border-color: #FF692A;
}
.isV4Enabled .active-state-v4 {
  display: inline-block;
  min-width: 47px;
  text-align: center;
  border: 2px solid #999999;
  color: #999999;
  border-radius: 10px;
  position: relative;
  font-size: 11px;
  line-height: normal;
  padding: 2px 4px;
}
.isV4Enabled .active-state-v4.active {
  border-color: #ff692a;
  color: #ff692a;
}
.isV4Enabled label > input ~ span.label-txt {
  margin-left: 5px;
}
.isV4Enabled lp-select .select-container {
  border: none!important;
  padding: 0!important;
  min-height: 0!important;
}
.isV4Enabled lp-select .select-container button {
  border: 1px solid #ccc!important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.isV4Enabled .stream-container .extraPane,
.isV4Enabled .regex-container .extraPane {
  transition: none;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  right: 20px;
  display: none;
}
.isV4Enabled .stream-container .extraPane.in,
.isV4Enabled .regex-container .extraPane.in {
  display: block;
}
.isV4Enabled .mdlDownloadProcedure,
.isV4Enabled .mdlDownloadTable,
.isV4Enabled .mdlDownload,
.isV4Enabled .mdlLocalDownload,
.isV4Enabled .mdlDownloadApiKey,
.isV4Enabled .mdlDownloadAuditlog,
.isV4Enabled .mdlDownloadQuery,
.isV4Enabled .mdlDownloadUserList,
.isV4Enabled .mdlDownloadNoti {
  padding: 0 !important;
}
.isV4Enabled .modal-backdrop {
  background: none;
}
.isV4Enabled .modal-body {
  padding: 0;
}
.isV4Enabled .modal-body .control-label,
.isV4Enabled .modal-body .label-padding {
  padding-top: 4px;
}
.isV4Enabled .modal-body .control-label ~ .controls {
  padding-top: 4px;
}
.isV4Enabled .modal-body .label-default {
  padding-top: 10px;
}
.isV4Enabled .modal-body .common-exporter,
.isV4Enabled .modal-body .logdb-exporter {
  margin: 0 !important;
  width: 100% !important;
  overflow: initial !important;
}
.isV4Enabled .modal-body .common-exporter .form-horizontal,
.isV4Enabled .modal-body .logdb-exporter .form-horizontal {
  padding: 0;
}
.isV4Enabled .modal-body .common-exporter label.control-label,
.isV4Enabled .modal-body .logdb-exporter label.control-label {
  min-width: auto !important;
  padding-right: 30px;
}
.isV4Enabled .modal-body .common-exporter .column-controls .controls-wrapper,
.isV4Enabled .modal-body .logdb-exporter .column-controls .controls-wrapper {
  width: 247px !important;
}
.isV4Enabled .modal-body .common-exporter .column-controls .controls-wrapper .input-search,
.isV4Enabled .modal-body .logdb-exporter .column-controls .controls-wrapper .input-search {
  width: 148px !important;
  margin-right: 5px !important;
}
.isV4Enabled .modal-body .common-exporter .column-controls .controls-wrapper .select-all,
.isV4Enabled .modal-body .logdb-exporter .column-controls .controls-wrapper .select-all {
  width: 94px;
  font-size: 12px;
}
.isV4Enabled .modal-body .common-exporter .column-controls .controls-wrapper .select-all .select-all-cb,
.isV4Enabled .modal-body .logdb-exporter .column-controls .controls-wrapper .select-all .select-all-cb {
  vertical-align: sub;
  margin-right: 3px;
}
.isV4Enabled .modal-body .common-exporter .column-controls .select-container,
.isV4Enabled .modal-body .logdb-exporter .column-controls .select-container {
  width: 247px !important;
  margin: 0 !important;
  margin-bottom: 5px !important;
  border: 1px solid #eaeaea;
}
.isV4Enabled .modal-body .common-exporter .column-controls .select-container > li > label > input,
.isV4Enabled .modal-body .logdb-exporter .column-controls .select-container > li > label > input {
  vertical-align: sub;
}
.isV4Enabled .modal-body .common-exporter .column-controls .btn-plus,
.isV4Enabled .modal-body .logdb-exporter .column-controls .btn-plus {
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.isV4Enabled .modal-body .common-exporter .charset,
.isV4Enabled .modal-body .logdb-exporter .charset {
  width: 247px;
}
.isV4Enabled .modal-body .common-exporter .dropdown-toggle.charset,
.isV4Enabled .modal-body .logdb-exporter .dropdown-toggle.charset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
  font-size: 12px;
  background-color: #fff;
  padding-left: 10px;
}
.isV4Enabled .modal-body .common-exporter .dropdown-toggle.charset.btn:hover,
.isV4Enabled .modal-body .logdb-exporter .dropdown-toggle.charset.btn:hover {
  color: #606161;
  border-color: #EAEAEA;
}
.isV4Enabled .modal-body .common-exporter .dropdown-menu.charset,
.isV4Enabled .modal-body .logdb-exporter .dropdown-menu.charset {
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  margin-top: 3px;
}
.isV4Enabled .modal-body .common-exporter .dropdown-menu.charset li:not(.divider),
.isV4Enabled .modal-body .logdb-exporter .dropdown-menu.charset li:not(.divider) {
  margin: 0;
}
.isV4Enabled .modal-body .common-exporter .dropdown-menu.charset li:not(.divider) a,
.isV4Enabled .modal-body .logdb-exporter .dropdown-menu.charset li:not(.divider) a {
  padding: 3px 8px;
}
.isV4Enabled .modal-body .common-exporter .dropdown-menu.charset li:not(.divider) a:hover,
.isV4Enabled .modal-body .logdb-exporter .dropdown-menu.charset li:not(.divider) a:hover {
  color: #fff;
  background-color: #ff692a;
}
.isV4Enabled .modal-body .common-exporter .input-name,
.isV4Enabled .modal-body .logdb-exporter .input-name,
.isV4Enabled .modal-body .common-exporter input[name="reason"],
.isV4Enabled .modal-body .logdb-exporter input[name="reason"],
.isV4Enabled .modal-body .common-exporter .charset,
.isV4Enabled .modal-body .logdb-exporter .charset {
  width: 247px;
}
.isV4Enabled .modal-body .common-exporter .input-from,
.isV4Enabled .modal-body .logdb-exporter .input-from,
.isV4Enabled .modal-body .common-exporter .input-to,
.isV4Enabled .modal-body .logdb-exporter .input-to {
  width: 117px !important;
}
.isV4Enabled .modal-body .common-exporter .charset:focus-visible,
.isV4Enabled .modal-body .logdb-exporter .charset:focus-visible {
  outline: none;
}
.isV4Enabled .modal-body .common-exporter .submit-group,
.isV4Enabled .modal-body .logdb-exporter .submit-group {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.isV4Enabled .modal-body .common-exporter .vertical-control,
.isV4Enabled .modal-body .logdb-exporter .vertical-control {
  display: flex;
}
.isV4Enabled .modal-body .common-exporter .vertical-control .btn.btn-plus,
.isV4Enabled .modal-body .logdb-exporter .vertical-control .btn.btn-plus {
  margin-left: 4px !important;
}
.isV4Enabled cronizer-v4 ~ .alert-info {
  border-color: #ddd;
  margin-top: -6px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.isV4Enabled .cronizer-v4 .tabs-inner:first-child {
  border-top-left-radius: 10px;
}
.isV4Enabled .cronizer-v4 .tabs-inner:last-child {
  border-top-right-radius: 10px;
}
.isV4Enabled .cronizer-v4 .tabs {
  border-bottom: 0px;
}
.isV4Enabled .cronizer-v4 .cron-table-wrapper-v4 {
  padding: 20px;
  border: 1px solid #ddd;
  border-top-right-radius: 10px;
}
.isV4Enabled .cronizer-v4 .cron-table-wrapper-v4 table {
  border: 0px;
}
.isV4Enabled .cronizer-v4 .cron-table-wrapper-v4 table td,
.isV4Enabled .cronizer-v4 .cron-table-wrapper-v4 table th {
  font-weight: normal;
}
.isV4Enabled .cronizer-v4 .tabs-inner {
  display: flex;
}
.isV4Enabled .cronizer-v4 .tabs-inner li {
  display: inline-block;
  padding: 6px 26px;
  background-color: #f0f0f0;
  color: #606161;
  font-size: 14px;
}
.isV4Enabled .cronizer-v4 .tabs-inner li:first-child {
  border-top-left-radius: 10px;
  border-right-width: 0px !important;
}
.isV4Enabled .cronizer-v4 .tabs-inner li:last-child {
  border-top-right-radius: 10px;
}
.isV4Enabled .cronizer-v4 .tabs-inner li.active {
  color: #1F1F1F;
  border-top-color: #ddd !important;
  border-top-width: 1px !important;
  border-bottom-color: #FF692A;
  background-color: #fff;
}
.isV4Enabled .cronizer-v4 .tabs-inner li.active a {
  font-weight: normal;
}
.isV4Enabled .cronizer-v4 .tabs-inner li a:hover {
  color: #FF946B;
}
.isV4Enabled .cronizer-v4 th {
  vertical-align: middle;
}
.isV4Enabled .cronizer-v4 .cron-inline-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  color: #606161;
}
.isV4Enabled .cronizer-v4 input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  background: #D8D8D8;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  padding: 0px;
  border: 0px;
}
.isV4Enabled .cronizer-v4 input[type=range]:hover {
  opacity: 1;
}
.isV4Enabled .cronizer-v4 input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #FF692A;
  cursor: pointer;
}
.isV4Enabled .cronizer-v4 input[type=range]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #FF692A;
  cursor: pointer;
}
.isV4Enabled .mdlImportUsers fieldset {
  padding: 0;
}
.isV4Enabled .hottable {
  overflow-x: auto;
}
.isV4Enabled .hottable .handsontable tr th {
  border: 0px !important;
  vertical-align: middle;
  background: inherit !important;
  position: relative;
}
.isV4Enabled .hottable .ht_clone_left,
.isV4Enabled .hottable .ht_clone_top,
.isV4Enabled .hottable .ht_clone_top_left_corner {
  padding: 0 !important;
}
.isV4Enabled .hottable .wtBorder {
  background: #FF692A !important;
}
.isV4Enabled .hottable table {
  background-color: #fff;
  border: 0;
  border-radius: 10px;
  font-size: 12px;
  z-index: 10;
}
.isV4Enabled .hottable table tr td:first-child {
  border-top-left-radius: 4px;
}
.isV4Enabled .hottable table tr td:last-child {
  border-top-right-radius: 4px;
}
.isV4Enabled .hottable table tr td:first-child {
  border-bottom-left-radius: 4px;
}
.isV4Enabled .hottable table tr td:last-child {
  border-bottom-right-radius: 4px;
}
.isV4Enabled .hottable table tr {
  height: 36px;
}
.isV4Enabled .hottable table tbody > tr:nth-child(2n + 1) {
  background-color: #F8F8F8 !important;
}
.isV4Enabled .hottable table .htCore-inner td {
  white-space: normal;
}
.isV4Enabled .hottable table > thead > tr > th:not(.col-vis):after,
.isV4Enabled .hottable table thead > th:after {
  content: "";
  vertical-align: middle;
  width: 2px;
  height: 10px;
  position: absolute;
  background-color: #bdbdbd;
  right: 0;
  top: 13px;
}
.isV4Enabled .hottable table > thead > tr > th:not(.col-vis):last-child:after,
.isV4Enabled .hottable table th:last-child:after {
  width: 0;
}
.isV4Enabled .hottable table td {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  letter-spacing: 0;
  padding-left: 7px;
  border: 1px solid transparent !important;
  background: initial !important;
}
.isV4Enabled .hottable table > thead > tr > th {
  background-color: #fff;
  border: 0 !important;
  color: #606161;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 13px;
  text-align: left;
  padding-left: 4px;
  font-weight: 600;
}
.isV4Enabled .hottable table > thead > tr > th > input {
  margin-top: 0;
  vertical-align: middle;
}
.isV4Enabled .hottable table > thead > tr > td,
.isV4Enabled .hottable table > tbody > tr > td,
.isV4Enabled .hottable table > tfoot > tr > td {
  vertical-align: middle;
}
.isV4Enabled .hottable table > thead > tr > td.no-item-in-list,
.isV4Enabled .hottable table > tbody > tr > td.no-item-in-list,
.isV4Enabled .hottable table > tfoot > tr > td.no-item-in-list {
  text-align: center;
  color: #5b5b5b;
  height: 120px;
}
.isV4Enabled .lp-btn-input {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  background: #fff;
  border: 1px solid #eee;
  padding: 5px 10px;
}
.isV4Enabled .lp-input {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  background: #fff;
  border: 1px solid #eee;
  padding: 5px 10px;
  border-radius: 5px;
  border-color: #EAEAEA;
  color: #606161;
  position: relative;
  caret-color: #1f1f1f;
}
.isV4Enabled .lp-input:focus {
  border-color: #FF692A;
}
.isV4Enabled .lp-input::placeholder {
  color: #bbbbbb;
}
.isV4Enabled .login-container-body .card {
  border: 1px solid #eee;
  border-radius: 10px;
}
.isV4Enabled .login-container-body .card .content form .form-group {
  margin-bottom: 30px;
}
.isV4Enabled .login-container-body .card .content form button {
  width: auto;
  margin-top: 10px;
}
.isV4Enabled .login-v4 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background-image: url(/images/v4-login-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.isV4Enabled .login-v4 .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px;
  width: 390px;
  height: 430px;
  left: 80%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.isV4Enabled .login-v4 .content.pw-change {
  height: 500px;
}
.isV4Enabled .login-v4 .content .logo-wrapper-v4 {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.isV4Enabled .login-v4 .content .logo-wrapper-v4 img {
  width: 100%;
}
.isV4Enabled .login-v4 .content form {
  align-self: center;
  justify-self: center;
  flex: 1 0 auto;
  margin: 30px 0;
}
.isV4Enabled .js-preview.dockpanel {
  left: 0;
}
.isV4Enabled #view-dashboard.fullscreen {
  left: 0 !important;
}
.isV4Enabled #view-dashboard.fullscreen .dockpanel {
  left: 0;
}
.isV4Enabled .dashboard-container-v4 {
  background-color: #F8F8F8 !important;
  padding: 0px 0px;
}
.isV4Enabled .dashboard-container-v4 .preset-share-modal-container-v4 {
  display: flex;
  justify-content: space-between;
}
.isV4Enabled .dashboard-container-v4 .th-drag-hl {
  background-color: #FF692A;
}
.isV4Enabled .dashboard-container-v4 .th-drag-handler:hover {
  background-color: #FF692A;
}
.isV4Enabled .dashboard-container-v4.dark {
  background-color: #000 !important;
}
.isV4Enabled .dashboard-container-v4.dark header .dashboard-legend button,
.isV4Enabled .dashboard-container-v4.dark header .dashboard-legend a {
  color: #fff;
}
.isV4Enabled .dashboard-container-v4.dark header .dashboard-header-button-group-v4 {
  background: #222;
}
.isV4Enabled .dashboard-container-v4.dark header .dashboard-header-button-group-v4 .btn {
  background: #222;
  color: #fff;
  border-color: #fff;
}
.isV4Enabled .dashboard-container-v4.dark header .dashboard-legend .btn {
  border-color: #fff;
}
.isV4Enabled .dashboard-container-v4.dark .asset-tab-a:hover a,
.isV4Enabled .dashboard-container-v4.dark .asset-tab-a:hover input {
  color: #000 !important;
}
.isV4Enabled .dashboard-container-v4.dark .asset-tab-a a {
  color: #fff !important;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShareList .fieldset-description {
  border-radius: 5px;
  border-bottom: 0px;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare .fieldset-description {
  border-radius: 5px;
  border-bottom: 0px;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare section {
  padding: 0;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare section article {
  padding: 0;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare .host {
  margin: 0 !important;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare .host .tags {
  border-radius: 5px;
  border-color: #eee;
  box-shadow: none;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare .host .tags.focused {
  border-color: #FF692A;
}
.isV4Enabled .dashboard-container-v4 .mdlPresetShare .host .tags input {
  height: 26px;
}
.isV4Enabled .dashboard-container-v4 .brandpreset a {
  color: inherit;
}
.isV4Enabled .dashboard-container-v4 .dashboard-legend {
  justify-content: space-between;
}
.isV4Enabled .dashboard-container-v4 .dashboard-legend button {
  background: transparent;
  border-color: transparent;
  color: #000;
}
.isV4Enabled .dashboard-container-v4 .dockpanel {
  top: 164px;
  border: 0;
  padding: 6px 15px 10px 15px;
  background: #F8F8F8;
}
.isV4Enabled .dashboard-container-v4 .dockpanel.readonly {
  top: 110px !important;
}
.isV4Enabled .dashboard-container-v4 .dockpanel .mybox {
  border-radius: 10px;
  border: none;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}
.isV4Enabled .dashboard-container-v4 .dock-theme-black .dockpanel {
  background: #000;
}
.isV4Enabled .dashboard-container-v4 .btn-group + .btn-group {
  margin-left: 5px;
}
.isV4Enabled .dashboard-container-v4 .dropdown-menu.right-padding {
  right: 0;
  left: auto;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 {
  padding: 10px 10px 0 10px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 > ul.nav-tabs > li {
  flex: none;
  min-width: 100px;
  max-width: 400px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 > ul.nav-tabs > li .click-to-edit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .tab-plus {
  width: 33px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .tab-plus .add-tab-item {
  width: 33px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .tab-item-wrapper {
  line-height: normal;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .click-to-edit input {
  height: 17px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .asset-tab-caret {
  top: 6px;
  padding-right: 0px;
  margin-right: 5px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .asset-tab-caret .btn-caret {
  width: auto;
  height: auto;
  padding: 1px 2px;
  background: rgba(255, 255, 255, 0.8);
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 .asset-tab-caret .caret {
  margin-left: 0px;
  color: #FF692A;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li.active .asset-tab-a {
  border-color: #FF692A !important;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li.active .asset-tab-a a {
  z-index: auto;
  font-weight: normal;
  border-color: #FF692A !important;
  color: #333;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a {
  height: 30px !important;
  border: 1px solid #eaeaea !important;
  background: #fff;
  color: #bbb !important;
  border-radius: 5px;
  line-height: normal;
  padding: 0px 11px !important;
  display: flex;
  align-items: center;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a a {
  color: inherit;
  font-weight: normal;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a i {
  margin-top: 1px;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a input:focus {
  border: 0;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a .btn-caret {
  background: #fff !important;
}
.isV4Enabled .dashboard-container-v4 .asset-tab-v4 li .asset-tab-a:not(.active):hover {
  border-color: #999 !important;
  background: #fff !important;
  color: #606161 !important;
}
.isV4Enabled .dashboard-container-v4 .mdl-container {
  padding: 10px 5px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container label > .label-inline {
  font-size: 14px;
  margin-bottom: 5px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .widget-data-directive {
  margin-top: 20px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .widget-data-directive .widget-data-query-input {
  border: none;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .widget-data-directive .well {
  margin-bottom: 20px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table thead:first-child tr:first-child th {
  border-top: 0 !important;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .tbl-container {
  border-radius: 5px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table-property-wrapper {
  margin-top: 20px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table-property-wrapper.is-model {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table-property-wrapper .table {
  border: 0px !important;
  margin-top: 3px !important;
  margin-bottom: 3px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table-property-wrapper .table-property > tbody > tr > td {
  border: 0px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .select-source-directive .table-property-wrapper .table-property > tbody > tr + tr {
  border-top: 1px solid #ccc;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container {
  border: 0px !important;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container .sortable-options-container {
  padding: 5px;
  border-radius: 5px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container section > fieldset:last-child {
  border-bottom: 0px !important;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container section {
  padding: 0;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container section + section {
  margin-top: 20px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container .section-title {
  color: #606161;
  background-color: transparent;
  padding: 0px;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container fieldset {
  padding: 0;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .grid-property-container fieldset + fieldset {
  margin-top: 15px;
}
.isV4Enabled .dashboard-container-v4 .mdl-container .tbl-container {
  border: none;
}
.isV4Enabled .submit-group {
  border: none;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main {
  width: calc(100% - 70px);
  display: flex;
  flex-direction: column;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section {
  overflow-y: inherit;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article {
  margin-bottom: 10px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well {
  display: flex;
  flex-direction: row;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well .CodeMirror-sizer {
  min-height: 34px !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring {
  padding: 0;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring .label-inline {
  display: inline-block;
  padding-top: 3px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring .control-group {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring .control-group .widget-data-query-input-wrapper {
  flex: 1;
  display: flex;
  width: 100%;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring .control-group .widget-data-query-input-wrapper .widget-data-query-input {
  border-radius: 5px;
  flex: 1;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .widget-data-directive > .well.well-querystring .control-group .alert.alert-info {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section article .well-flex {
  display: flex;
  flex-direction: row;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section.edit-property {
  padding-right: 0;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main section.edit-property > header {
  padding: 10px 10px 15px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .no-item {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQYV43M2QkAIAwEUVPS9l/ElqREUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFAyhcJ3dwnKl2AAAAAElFTkSuQmCC) repeat;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main select:focus {
  outline: none;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main select {
  border-color: #eaeaea;
  height: 34px;
  border-radius: 5px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .grid-row:nth-of-type(even) .grid-cell {
  background-color: #fff;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main table.fixed-table tbody > tr:nth-child(2n + 1) {
  background: #f8f8f8 !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .grid-cell {
  font-size: 13px !important;
  vertical-align: middle;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main tr.grid-row {
  height: 36px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .grid-outline .cont {
  top: 38px !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .grid-outline {
  border: 0 !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property button.close {
  width: 28px;
  font-size: 14px;
  vertical-align: unset;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property input[type="radio"] {
  height: auto;
  margin-right: 5px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property .btn svg {
  width: 14px;
  height: 14px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section {
  padding: 10px 0 !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section legend {
  background: none;
  padding-left: 0;
  color: #606161;
  font-weight: 600;
  font-size: 14px !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset {
  padding: 6px 0 !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset.option-container ul li button {
  height: 22px !important;
  padding: 4px 8px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset.option-container.error .controls .help-block {
  padding-left: 5px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section .condition-table .color-cell {
  min-width: 47px;
  vertical-align: middle;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section #alertbox-default-color {
  padding: 5px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property .grid-property-container {
  border: 0 !important;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .option-label > legend,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .label-inline > legend,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section > legend {
  padding-bottom: 6px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .option-label fieldset .no-item-in-list,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .label-inline fieldset .no-item-in-list,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset .no-item-in-list {
  vertical-align: middle;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .option-label fieldset .control-label label,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .label-inline fieldset .control-label label,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset .control-label label {
  color: #212121;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .option-label fieldset .control-label,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .label-inline fieldset .control-label,
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main widget-property section fieldset .control-label {
  color: #212121;
  font-size: 13px;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .js-preview.widget-container {
  background: none !important;
  bottom: 0;
}
.isV4Enabled .addnew-container.container-sb.pane.mdlAddNewWidget .main .widget-data-query-input {
  border: none;
}
.isV4Enabled .js-preview .widget-container {
  top: 0;
  bottom: 0;
}
.isV4Enabled .shared-dashboard-v4 .dockpanel {
  top: 120px;
  left: 0px;
  border-top: 0px;
}
.isV4Enabled .shared-dashboard-v4 .asset-tab-v4 {
  padding: 0;
}
.isV4Enabled .shared-dashboard-v4 .tab-content {
  background: #F8F8F8;
}
.isV4Enabled .shared-dashboard-v4 .widget-title {
  text-align: left;
  padding: 4px 12px !important;
}
.isV4Enabled .shared-dashboard-v4 .dashboard-legend {
  padding: 0px;
}
.isV4Enabled .data-source-badge {
  border-radius: 5px;
  height: 34px;
  border: 1px dotted #ccc;
  color: #afafaf;
  background-color: #edf1f6;
  padding: 6px;
  margin-right: 5px;
}
.isV4Enabled .dockpanel .k-d-col .mybox:not(.mybox-root) .handler:hover,
.isV4Enabled .newbie .k-d-col .mybox:not(.mybox-root) .handler:hover {
  background-image: linear-gradient(to bottom, #FF692A 0px, #FF692A 3px, transparent 3.1px);
}
.isV4Enabled .option-container .controls .table-condensed td {
  vertical-align: middle;
}
.isV4Enabled section > fieldset > span:first-child,
.isV4Enabled section widget-event-form > fieldset .control-label,
.isV4Enabled .option-container .control-label {
  width: 140px !important;
}
.isV4Enabled .two-level-pie-setting-wrapper tbody tr td:first-child {
  vertical-align: middle;
}
.isV4Enabled worldmap-property button.close {
  width: unset;
}
.isV4Enabled alertbox-property .color-cell {
  width: 50px;
}
.isV4Enabled .js-widget-property-edit section {
  padding: 0 0 14px 0 !important;
}
.isV4Enabled .js-widget-property-edit section fieldset:last-child {
  margin-bottom: 12px;
}
.isV4Enabled .js-widget-property-edit .section-title {
  background-color: #f6f3ef;
  color: #606161;
  border-radius: 6px;
}
.isV4Enabled .js-widget-property-edit fieldset {
  border-bottom: 0px !important;
}
.isV4Enabled .js-widget-property-edit .color-cell {
  vertical-align: middle;
}
.isV4Enabled .pie-type-fieldset {
  display: flex;
}
.isV4Enabled .pie-type-fieldset .pietype {
  display: flex;
}
.isV4Enabled .property-wrapper .control-group-body .control-group {
  align-items: flex-start !important;
}
.isV4Enabled .middle-cell {
  vertical-align: middle;
}
.isV4Enabled .sound-preview button.close {
  width: 34px;
}
.isV4Enabled .middle-control .control-label,
.isV4Enabled .middle-control .controls {
  vertical-align: middle;
}
.isV4Enabled .middle-control .controls input[type="checkbox"] {
  vertical-align: middle;
}
.isV4Enabled .middle-control .controls button {
  vertical-align: middle;
}
.isV4Enabled .editor-table-container {
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 10px;
  margin-top: 12px;
}
.isV4Enabled .editor-table-container table {
  border: 0px !important;
}
.isV4Enabled .editor-table-container table th {
  border: 0px;
  overflow: visible;
  border-top: 0px !important;
  color: #606161;
}
.isV4Enabled .editor-table-container table th + th::before {
  content: '';
  left: -2px;
  top: 10px;
  position: absolute;
  height: 12px;
  width: 2px;
  background-color: #EAEAEA;
}
.isV4Enabled .editor-table-container table tbody td {
  vertical-align: middle;
}
.isV4Enabled .editor-sortable-container {
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 10px;
  margin-top: 12px;
}
.isV4Enabled .editor-sortable-container li {
  display: flex;
  align-items: center;
  padding: 4px !important;
}
.isV4Enabled .editor-sortable-container li label {
  flex: 1;
}
.isV4Enabled .overflow-section {
  overflow-y: unset !important;
  overflow-x: unset !important;
}
.isV4Enabled .grid-event-property {
  justify-content: flex-end;
}
.isV4Enabled .mdlGridDrilldown .control-group,
.isV4Enabled .mdlGridAlert .control-group {
  display: table-row !important;
}
.isV4Enabled .mdlGridDrilldown .control-group .btn + .btn,
.isV4Enabled .mdlGridAlert .control-group .btn + .btn {
  margin-left: 5px;
}
.isV4Enabled .well label:first-child {
  margin-right: 2px;
}
.isV4Enabled .logsource-container section + section {
  padding-top: 10px;
}
.isV4Enabled .logsource-container .paneSentry .sentry-name {
  padding-left: 0;
}
.isV4Enabled .logsource-container .paneSentry .sentry-name button {
  margin-left: 20px;
}
.isV4Enabled .logsource-container .paneSentry .flat-tabs {
  margin-top: 11px;
  margin-bottom: 20px;
}
.isV4Enabled .logsource-container .sentry-container-v4 {
  height: calc(100% - 135px);
}
.isV4Enabled .logsource-container .sentry-container-v4 article + article {
  margin-top: 20px;
}
.isV4Enabled .logsource-container .sentry-container-v4 article legend {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.isV4Enabled .logsource-container .sentry-container-v4 article .card {
  border: 0px;
}
.isV4Enabled .logsource-container .sentry-container-v4 .sentry-default-info-container {
  background: #f8f8f8;
}
.isV4Enabled .logsource-container .sentry-container-v4 .chart-detail-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
.isV4Enabled .logsource-container .sentry-container-v4 .chart-detail-container .card-wrapper {
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  width: calc(50% - 10px);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07);
}
.isV4Enabled .logsource-container .sentry-container-v4 .chart-detail-container .card-wrapper .card-legend-v4 {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.isV4Enabled .logsource-container .sentry-container-v4 .tab-swapmon legend {
  display: flex;
  align-items: center;
}
.isV4Enabled .logsource-container .sentry-container-v4 .tab-swapmon legend .btn-tbl-inline {
  border: 1px solid #eee;
  color: #8B8B8B;
}
.isV4Enabled .logsource-container .sentry-container-v4 .tab-swapmon legend .btn-tbl-inline svg {
  width: 12px;
  height: 12px;
}
.isV4Enabled .logsource-container .sentry-container-v4 .tab-swapmon legend .btn-tbl-inline:hover {
  background: #f8f8f8;
}
.isV4Enabled .logsource-container .sentry-container-v4 .table-wrapper .table-focus-v4 {
  background-color: #8B8B8B;
  color: #fff;
}
.isV4Enabled .logsource-container .sentry-container-v4 .table-wrapper .btn-tbl-inline {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.isV4Enabled .logsource-container .all-sentry-container-v4 .table-td-space-between {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.isV4Enabled .logsource-container .all-sentry-container-v4 .table .progress {
  margin-bottom: 0px;
}
.isV4Enabled .logsource-container .paneManageLocalLogger .table td.nowrap a {
  line-height: 22px;
}
.isV4Enabled .sentry-logger-container-v4 .table td.nowrap a {
  line-height: 22px;
}
.btn-caret {
  background-color: transparent;
  border: 1px solid transparent;
  width: 16px;
  height: 16px;
  /*border-radius: 8px;*/
  padding: 0;
  line-height: 1;
  opacity: 0;
  transition: opacity 0.15s linear;
  box-shadow: none !important;
}
.btn-caret:focus,
.btn-caret:active,
.btn-caret:hover {
  opacity: 1;
  border: 0px;
  outline: 0px;
  box-shadow: none !important;
}
.btn-caret:focus .caret,
.btn-caret:active .caret,
.btn-caret:hover .caret {
  color: #FF692A;
}
.dock-theme-black .btn-caret {
  color: #ddd;
}
.dock-theme-black .btn-caret:focus,
.dock-theme-black .btn-caret:active {
  opacity: 1;
  border: none;
}
.isV4Enabled .tab-content {
  border-top: 1px solid #FF692A;
}
.isV4Enabled .asset-tab > ul.nav-tabs > li.active .asset-tab-a {
  border: 1px solid #FF692A;
  border-top: 3px solid #FF692A;
}
.shadow-box {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07) !important;
}
.scheduled-container,
.saved-container,
.procedure-container {
  height: 100%;
}
.isV4Enabled .stream-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.isV4Enabled .stream-container > header {
  flex: 0;
}
.isV4Enabled .stream-container section > article .table-wrapper table > tbody > tr > td lp-active-state {
  font-size: inherit;
  height: auto;
}
.isV4Enabled .stream-container section > article .table-wrapper table > tbody > tr > td lp-active-state .lp-active-state {
  height: auto;
}
.isV4Enabled .stream-container .extraPane {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  z-index: 10 !important;
  background: none;
  top: 70px;
  bottom: 20px;
  border-radius: 10px;
}
.isV4Enabled .stream-container .extraPane .section-list .section table.table-form td:first-child {
  width: 150px !important;
}
.isV4Enabled .stream-container .extraPane .toolbar {
  background: none;
}
.isV4Enabled .stream-container .extraPane .extraPane-inner {
  border-radius: 10px;
  top: 0;
  background-color: #fff;
}
.isV4Enabled .stream-container .extraPane .extraPane-inner .button-group {
  padding: 15px;
}
.isV4Enabled .stream-container .extraPane .extraPane-inner table {
  border-right: 0;
}
.isV4Enabled .stream-container .extraPane .extraPane-inner table .CodeMirror-wrap {
  border-radius: 5px;
  border-color: #eaeaea;
}
.isV4Enabled .stream-container .extraPane .extraPane-inner table .select-container {
  border-radius: 5px;
  border-color: #eaeaea;
}
.isV4Enabled .stream-container .extraPane.in {
  background: none;
  top: 70px;
  right: 20px;
  bottom: 20px;
  border-radius: 10px;
}
.isV4Enabled .scheduled-container {
  height: 100%;
}
.isV4Enabled .scheduled-container .vertical-middle-td {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  line-height: 0.2em;
}
.isV4Enabled .scheduled-container .extraPane {
  transition: none;
  width: 100%;
  display: none;
}
.isV4Enabled .scheduled-container .extraPane.in {
  display: block;
}
.isV4Enabled .scheduled-container .extraPane .button-group-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isV4Enabled .scheduled-container .extraPane section article {
  padding: 15px;
}
.isV4Enabled .scheduled-container .extraPane section .extraPane-inner {
  background: none;
  position: relative;
  padding: 0;
  top: 0;
}
.isV4Enabled .scheduled-container .extraPane section .extraPane-inner > section {
  padding: 0;
}
.isV4Enabled .procedure-container {
  height: 100%;
}
.isV4Enabled .procedure-container .extraPane {
  transition: none;
  width: 100%;
  display: none;
}
.isV4Enabled .procedure-container .extraPane.in {
  display: block;
}
.isV4Enabled .procedure-container .extraPane .button-group-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isV4Enabled .procedure-container .extraPane section article {
  padding: 15px;
}
.isV4Enabled .procedure-container .extraPane section .extraPane-inner {
  background: none;
  position: relative;
  padding: 0;
  top: 0;
}
.isV4Enabled .procedure-container .extraPane section .extraPane-inner > section {
  padding: 0;
}
.isV4Enabled .procedure-container .extraPane section table {
  border: 0;
}
.isV4Enabled .procedure-container .extraPane section table .tbl-container {
  border-radius: 5px;
}
.isV4Enabled .procedure-container .extraPane section table td {
  padding: 10px;
  color: #606161;
  font-size: 14px;
  font-family: "Noto Sans CJK KR", "Malgun Gothic";
}
.isV4Enabled .procedure-container .extraPane .grant label.control-label {
  display: none;
}
.isV4Enabled .lookup-container .leftPane {
  background-color: #f8f8f8;
  border: 0;
}
.isV4Enabled .lookup-container .leftPane > header > legend {
  min-height: 70px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  width: 100%;
  line-height: 25px;
}
.isV4Enabled .lookup-container .leftPane > header > legend > span {
  color: #363434;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.2;
  flex: none;
}
.isV4Enabled .lookup-container .leftPane .tree-wrapper {
  height: calc(100% - 90px);
  margin: 0 0 20px 20px;
  border-radius: 10px;
  background-color: #efefef;
}
.isV4Enabled .lookup-container .leftPane .tree-wrapper .tree-container > input {
  margin: 9px;
  width: 221px;
}
.isV4Enabled .lookup-container .rightPane > .main {
  min-width: 1000px;
}
.isV4Enabled .lookup-container section.lookup {
  height: 100%;
}
.isV4Enabled .lookup-container section.lookup > article {
  padding: 15px;
}
.isV4Enabled .query-container .paneNavigate {
  padding: 10px;
}
.isV4Enabled .query-container .paneNavigate .paneDetail {
  padding: 0;
  background-color: #fff !important;
}
.isV4Enabled .query-container .paneNavigate .paneDetail > legend.pane-detail-legend {
  border-radius: 4px;
  height: 34px;
  display: flex;
  align-items: center;
  color: #606161;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world {
  padding: 0 20px;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li a:hover {
  background-color: #fff;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li a {
  cursor: text !important;
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
  color: #606161;
  height: 34px;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li a span {
  cursor: auto;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li ul.nav-list.hello {
  padding: 0 0 0 20px;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li ul.nav-list.hello > li > a i {
  flex: 0;
}
.isV4Enabled .query-container .paneNavigate .paneDetail .paneDetailContentInner ul.nav-list.world li ul.nav-list.hello > li > a span.rendered-command {
  flex: 1;
}
.isV4Enabled .logquery-container {
  height: 100%;
}
.isV4Enabled .logquery-container #lqmc-stream .stream-tab.map-view {
  position: relative;
  height: 100%;
  top: 0;
}
.isV4Enabled .logquery-container #lqmc-stream .stream-tab.map-view .map-cont-scroller {
  bottom: 0;
}
.isV4Enabled .logquery-container #lqmc-query .paneQueries .paneQuery .paneMain .paneNavigate .paneDetail {
  padding-top: 0;
  overflow: visible;
}
.isV4Enabled .logquery-container #lqmc-query .paneQueries .paneQuery .paneMain .paneNavigate .paneDetail > legend {
  background-color: #f8f8f8 ;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 17px;
  border: 0;
}
.isV4Enabled .logquery-container #lqmc-query .query-container {
  display: flex;
  flex-direction: column;
}
.isV4Enabled .logquery-container #lqmc-query .query-container section {
  padding-top: 12px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container query-input-v4.loading .CodeMirror {
  animation: progress-bar-stripes 2s linear infinite;
  background-color: lightblue;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container section {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul {
  display: flex;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul .asset-tab-a {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul:first-child,
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li:first-child {
  border-top-left-radius: 10px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li {
  background: #f0f0f0;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  word-break: break-all;
  white-space: nowrap;
  height: 33px;
  max-width: 200px;
  overflow: hidden;
  position: relative;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li.tab-plus {
  border-top-right-radius: 10px;
  min-width: 49px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li.tab-plus .asset-tab-a {
  margin-top: 5px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li:not(.tab-plus) {
  padding-right: 30px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li:hover .tab-close {
  visibility: visible;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li .tab-close {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 50%;
  height: 20px;
  width: 20px;
  font-size: 10px;
  border-radius: 10px;
  padding: 0;
  transform: translateY(-50%);
  background: #FF946B;
  color: #fff;
  border-color: #fff;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li .tab-close:hover {
  background: #FF692A;
  color: #fff;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li.active {
  background: white;
  position: relative;
  border-bottom: 2px solid #FF692A;
}
.isV4Enabled .logquery-container #lqmc-query .query-container nav ul li + li {
  border-left: 1px solid #fff;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  box-shadow: unset;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneQuery {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
  margin: 0;
  position: relative;
  top: 0;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .queryInputWidth {
  width: auto !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .CodeMirror-sizer {
  min-height: 71px !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .loading-show {
  display: none;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .button-group-items {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article query-input-v4.loading ~ .button-group-items .loading-hide {
  display: none;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article query-input-v4.loading ~ .button-group-items .loading-show {
  display: inline-block;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .inline-block {
  display: inline-block;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .btn-group > .btn:first-child {
  margin-left: 5px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneMain {
  background: #F8F8F8;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneSearch {
  border-bottom: 0px !important;
  margin-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07) !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult {
  padding: 20px 20px 0px 20px;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07) !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult table {
  border-collapse: unset;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult thead > tr > td:first-child,
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult tbody > tr > td:first-child,
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult tfoot > tr > td:first-child {
  background: transparent;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult .qr-cell-header {
  font-size: 0.9em !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult thead > tr > td,
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult tbody > tr > td,
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneResult tfoot > tr > td {
  border: 0px;
  border-right: 1px solid #d5d5d5;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneError {
  border-radius: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07) !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .pager-wrapper {
  background: #fff;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding: 20px 20px;
  margin-bottom: 20px;
  height: auto;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .pager-wrapper.detail-active {
  border-radius: 0px;
  margin-bottom: 20px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneNavigate {
  background: #fff;
  border-radius: 10px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneInit {
  display: flex;
  border-radius: 10px;
  flex: unset !important;
  background: transparent;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneInit .table-wrapper {
  flex: 1;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07) !important;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneInit .table-wrapper + .table-wrapper {
  margin-left: 20px;
}
.isV4Enabled .logquery-container #lqmc-query .query-container article .paneDetail {
  border-top: 0px !important;
}
.isV4Enabled .addLogger .wizard-contents {
  border-bottom: none;
  border-radius: 10px;
}
.isV4Enabled .line {
  stroke: #FF946B;
}
.isV4Enabled #view-logquery {
  height: 100%;
}
.isV4Enabled .logsource-container .leftPane {
  width: 300px;
}
.isV4Enabled .logsource-container .rightPane {
  left: 300px;
}
.isV4Enabled .logsource-container .rightPane::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .logsource-container .rightPane::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .logsource-container .rightPane::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .logsource-container .rightPane::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .logsource-container .rightPane::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .logsource-container .rightPane .main {
  min-width: 1000px;
}
.isV4Enabled .logsource-container .rightPane.deActive {
  left: 15px;
}
.isV4Enabled .logsource-container .rightPane .tr-selected table.table-inner td {
  background-color: rgba(32, 82, 146, 0.1);
}
.isV4Enabled .logsource-container .modal-backdrop .modal .modal-dialog {
  height: calc(100% - 68px);
}
.isV4Enabled .logsource-container .modal-backdrop .modal .modal-dialog .right-fieldset {
  margin-right: 0 !important;
}
.isV4Enabled .logsource-container .sub-menu-container-lg .sub-menu-search-container {
  margin-bottom: 15px;
}
.isV4Enabled .logsource-container .sub-menu-container-lg .sub-menu-search-container input[type="search"] {
  width: 200px;
}
.isV4Enabled .logsource-container .sub-menu-container-lg .sub-menu-search-container .input-with-button {
  margin-right: 10px;
}
.isV4Enabled .logsource-container .sub-menu-container-lg .node-name {
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #606161;
}
.isV4Enabled .logsource-container .treetype {
  margin-bottom: 10px;
}
.isV4Enabled .logsource-container .reactree ul > li {
  background-color: #f0f0f0;
}
.isV4Enabled .logsource-container .reactree .reactree-dropdown-menu .reactree-dropdown-item {
  color: #606161;
  border-radius: 5px;
}
.isV4Enabled .logsource-container .reactree .reactree-dropdown-menu .reactree-dropdown-item:hover {
  background-color: #fff;
  color: #FF692A;
}
.isV4Enabled .logsource-container .addLogger .fieldset-description.align-center {
  text-align: center;
}
.isV4Enabled .table-container .leftPane {
  width: 300px;
}
.isV4Enabled .table-container .rightPane {
  left: 300px;
  background-color: #f8f8f8;
}
.isV4Enabled .table-container .rightPane::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .table-container .rightPane::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .table-container .rightPane::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .table-container .rightPane::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .table-container .rightPane::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .table-container .rightPane .main {
  min-width: 1000px;
}
.isV4Enabled .table-container .rightPane .main.multi-section .tab-general-section section {
  padding: 0 20px 10px 20px;
}
.isV4Enabled .table-container .rightPane.deActive {
  left: 15px;
}
.isV4Enabled .table-container .rightPane .tabs-container {
  height: auto;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs {
  border: 0;
  padding: 5px;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs > ul.tabs-inner > li {
  border: 0;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs > ul.tabs-inner > li.active {
  border-bottom: 2px solid #FF692A;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs > ul.tabs-inner > li.active a {
  color: #FF692A;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs > ul.tabs-inner > li a {
  font-size: 14px;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header .button-group-left .tabs > ul.tabs-inner > li a:hover {
  color: #FF946B;
}
.isV4Enabled .table-container .rightPane .tabs-container .main header > .tabs.flat-tabs {
  padding: 10px 0;
}
.isV4Enabled .table-container .rightPane .tabs-container section.disk-usage .button-group-right .well.retention {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isV4Enabled .table-container .rightPane .tabs-container section.disk-usage article .well {
  display: flex;
  justify-content: center;
}
.isV4Enabled .table-container .rightPane .tabs-container section.recent-data > article .table-wrapper table th,
.isV4Enabled .table-container .rightPane .tabs-container section.recent-data > article .table-wrapper table td {
  font-size: 12px;
}
.isV4Enabled .table-container .rightPane .tabs-container section.recent-data article .table-wrapper {
  overflow-x: auto;
}
.isV4Enabled .table-container .rightPane .tabs-container section.recent-data article table {
  table-layout: inherit;
}
.isV4Enabled .table-container .rightPane .tabs-container .integrity-btn-group {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 10px;
}
.isV4Enabled .table-container .rightPane .tabs-container .integrity-btn-group .integrity-range-btn button {
  border-color: #999;
}
.isV4Enabled .table-container .rightPane main div.modal .createTable fieldset .alert.well,
.isV4Enabled .table-container .rightPane main div.modal .createTable fieldset .fieldset-description.well {
  border: none;
  border-radius: 5px;
}
.isV4Enabled .table-container .rightPane main div.modal .createTable fieldset.form-horizontal.hr-container {
  border-bottom: 0;
}
.isV4Enabled .table-container .rightPane .main div.modal .indexSetting #indexRange {
  font-size: 12px;
}
.isV4Enabled .table-container .rightPane .main div.modal .indexSetting .tokenizer-form .table > tbody > tr > td {
  border: 1px solid #ccc;
}
.isV4Enabled .table-container .rightPane .main div.modal .indexSetting .tokenizer-form .table td.zero-padding a {
  color: #b1afaf;
}
.isV4Enabled .table-container .rightPane .indexSetting ol.wizard .wiz-step .fieldset-description {
  margin: 0;
}
.isV4Enabled .table-container .rightPane .mdlImportData ol.wizard-contents.data-upload > .wizard-contents-container {
  width: 120px;
  padding-top: 5px;
}
.isV4Enabled .table-container .rightPane .mdlImportData ol.wizard-contents.data-upload > .wizard-contents-container li div {
  padding-top: 5px;
}
.isV4Enabled .table-container .rightPane .mdlImportData ol.wizard.data-upload-wizard {
  padding-top: 10px;
}
.isV4Enabled .table-container .rightPane .mdlImportData ol.wizard.data-upload-wizard .form-horizontal.no-border {
  border: 0;
}
.isV4Enabled .table-container .rightPane .mdlImportData .btn.btn-mini {
  width: 34px;
}
.isV4Enabled .table-container .sub-menu-container-lg .sub-menu-search-container {
  margin-bottom: 15px;
}
.isV4Enabled .table-container .sub-menu-container-lg .sub-menu-search-container input[type="search"] {
  transition: none;
  margin-left: 0;
  width: 280px;
  height: 34px;
  border: 1px solid #eaeaea;
  background-image: none;
  text-indent: 0;
  border-radius: 5px;
  cursor: text;
  margin: 8px 10px;
}
.isV4Enabled .table-container .sub-menu-container-lg tree-root2 > .tree-container {
  height: auto;
}
.isV4Enabled .table-container .sub-menu-container-lg tree-root2 > .tree-container input {
  margin: 10px;
  width: 280px;
}
.isV4Enabled .table-container .sub-menu-container-lg tree-root2 > .tree-container .tree-root > li > a > span {
  font-size: 13px;
}
.isV4Enabled .table-container .sub-menu-container-lg tree-root2 .nav.nav-list a .btn-unobt,
.isV4Enabled .table-container .sub-menu-container-lg tree-element2 .nav.nav-list a .btn-unobt {
  background-image: url(/images/refresh_circle_font.svg);
  background-size: contain;
  border: none;
  margin: 0;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.isV4Enabled .table-container .sub-menu-container-lg tree-root2 .nav.nav-list a .btn-unobt > svg,
.isV4Enabled .table-container .sub-menu-container-lg tree-element2 .nav.nav-list a .btn-unobt > svg {
  width: 10px;
  height: 10px;
}
.isV4Enabled .grant-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.isV4Enabled .grant-input-wrapper input[type='search'] {
  flex: 1;
}
.isV4Enabled .grant-input-wrapper .input-search-table {
  width: 150px;
  margin-right: 3px;
}
.isV4Enabled .systemConfig-container .container-sb > ul {
  width: 100%;
}
.isV4Enabled .systemConfig-container .container-sb .section-list .section .well {
  border: 0;
}
.isV4Enabled .systemConfig-container .container-sb .main.multi-section section {
  padding: 0 20px 10px 20px;
}
.isV4Enabled .systemConfig-container .container-sb .main.multi-section section.first-section {
  padding-top: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main > header > legend > span {
  margin-right: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main > header > legend > .button-group {
  width: 100%;
}
.isV4Enabled .systemConfig-container .container-sb main > header .button-group-wrapper {
  height: 54px;
}
.isV4Enabled .systemConfig-container .container-sb main > header .button-group-wrapper .version {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 5px;
}
.isV4Enabled .systemConfig-container .container-sb main > header .button-group-wrapper .version span {
  font-size: 18px;
  color: #363434;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper > table th:first-child::after {
  width: 0;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li {
  border: 1px solid #eeeeee;
  border-right: 0;
  border-bottom: 0;
  margin: 0;
  background: #ffffff;
  height: 38px;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li .asset-tab-a {
  border: none;
  height: 38px;
  padding-top: 10px;
  background-color: #f8f8f8;
  color: #999;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:first-child,
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:first-child .asset-tab-a {
  border-top-left-radius: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:last-child {
  border-right: 1px solid #eeeeee;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:last-child,
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:last-child .asset-tab-a {
  border-top-right-radius: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li.active .asset-tab-a {
  color: #606161;
  border: none;
  border-bottom: 2px solid #ff692a;
  background: none;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper.asset-tab > ul.nav-tabs > li:hover .asset-tab-a {
  color: #606161;
  border: none;
  border-bottom: 2px solid #999;
  background: none;
}
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper > table tbody tr td > div,
.isV4Enabled .systemConfig-container .container-sb main section > article .table-wrapper > table tbody tr td > label {
  padding-bottom: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main section > header > .button-group span {
  float: left;
}
.isV4Enabled .systemConfig-container .container-sb main article .days-span {
  margin-left: 5px;
}
.isV4Enabled .systemConfig-container .container-sb main article .btn-refresh-sm {
  height: 24px;
  font-size: 12px;
  padding: 5px;
}
.isV4Enabled .systemConfig-container .container-sb main article input[type="radio"] {
  margin-right: 5px;
  display: initial;
}
.isV4Enabled .systemConfig-container .container-sb main article .table-wrapper.with-border th,
.isV4Enabled .systemConfig-container .container-sb main article .table-wrapper.with-border td {
  padding: 10px 15px;
}
.isV4Enabled .systemConfig-container .container-sb main article .well {
  display: flex;
  flex-direction: row;
}
.isV4Enabled .systemConfig-container .container-sb main article .well.alert-setting {
  align-items: center;
}
.isV4Enabled .systemConfig-container .container-sb main article .well.alert-setting .alert-msg {
  color: #999999;
}
.isV4Enabled .systemConfig-container .container-sb main article .well.well-inline {
  display: inline;
}
.isV4Enabled .systemConfig-container .container-sb main article .well.well-inline input {
  margin-right: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main article .stop-setting {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 5px !important;
  margin-bottom: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main article .stop-setting-label {
  margin-top: 20px;
}
.isV4Enabled .systemConfig-container .container-sb main article .stop-setting-label input {
  margin-right: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main article td[name="innerForm"] {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.isV4Enabled .systemConfig-container .container-sb main article td[name="innerForm"] .toolbar {
  background-color: inherit;
  border: 0;
}
.isV4Enabled .systemConfig-container .container-sb main article .table.mail tr:nth-child(2n + 1) {
  background-color: inherit;
}
.isV4Enabled .systemConfig-container .container-sb main article .createFederation .control-group > .controls > input[type=checkbox] {
  vertical-align: sub;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-header .modal-title {
  font-size: 18px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .createSyslog input[type=radio]:checked:after,
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .createSyslog input[type=radio]:after {
  top: 0;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .form-horizontal .control-group > .control-label {
  min-width: 120px;
  text-align: left;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .wizard-contents {
  border-radius: 10px;
  border: none;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section .form-horizontal .alert {
  border-radius: 5px;
  border: 0;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .form-horizontal .control-group > .controls {
  padding-right: 0;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body input.span6 {
  width: 100%;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .well.well-gray {
  background-color: #f5f5f5;
  padding: 10px 0;
  color: #606161;
  font-size: 13px;
  border: 0;
  border-radius: 5px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .clearboth {
  clear: both;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section {
  padding-top: 5px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section legend {
  font-size: 16px;
  border: none;
  text-align: left;
  width: 100%;
  margin: 0;
  padding-bottom: 10px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section legend > button {
  float: right;
  padding: 0 8px;
  height: 26px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul {
  padding: 10px;
  background: none;
  border: 0;
  display: flex;
  flex-direction: initial;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li {
  border: 1px solid #999999;
  margin: 0 5px 5px 0;
  padding: 4px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li > span {
  display: flex;
  align-items: center;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li > span svg {
  width: 13px;
  height: 13px;
  margin-right: 3px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li .menu-btn {
  padding: 1px;
  border: 0;
  height: auto;
  margin: 0;
  background: none;
  margin-left: 3px;
  display: flex;
  align-items: center;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li .menu-btn svg {
  width: 18px;
  height: 18px;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li .delete-btn {
  color: #999999;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section > ul > li .plus-btn {
  color: #FF692A;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section .available.top {
  padding-top: 0;
}
.isV4Enabled .systemConfig-container .container-sb main article .modal .modal-content > .modal-body .section .available.top li {
  cursor: default;
}
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .createParser fieldset.parser-name-fieldset,
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .editParser fieldset.parser-name-fieldset {
  padding-top: 0;
  border: 0;
}
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .createParser fieldset.parser-name-fieldset .control-label.parser-name,
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .editParser fieldset.parser-name-fieldset .control-label.parser-name {
  width: 95px;
}
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .createParser fieldset.parser-option-fieldset,
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .editParser fieldset.parser-option-fieldset {
  padding: 5px 20px;
  border: 0;
}
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .createParser fieldset.parser-option-fieldset .fieldset-description.parser-option,
.isV4Enabled .systemConfig-container .container-sb .main.parser .modal .editParser fieldset.parser-option-fieldset .fieldset-description.parser-option {
  margin: 0;
}
.isV4Enabled .systemConfig-container .container-sb .main.program .modal .mdlEditProgramProfile .program-description {
  padding: 10px !important;
}
.isV4Enabled .systemConfig-container .paneAlarmConfig .tab-content {
  padding: 10px;
  border: 1px solid #eeeeee;
  border-radius: 0 0 10px 10px;
}
.isV4Enabled .systemConfig-container .paneLogoConfig .file_input_div {
  height: 34px;
}
.isV4Enabled .systemConfig-container .paneLicenseConfig .file_input_button.btn:hover {
  width: 100px;
}
.isV4Enabled .systemConfig-container .paneLicenseConfig .file_input_button.btn.hover {
  color: #ff946b;
  border-color: #ff946b;
  background: none;
}
.isV4Enabled .systemConfig-container .paneLicenseConfig .file_input_button.btn + input {
  left: 215px !important;
  width: 100px !important;
  height: 34px !important;
}
.isV4Enabled .main-menu-container {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  float: left;
  width: 70px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.isV4Enabled .main-menu-container::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .main-menu-container::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .main-menu-container::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #fff;
}
.isV4Enabled .main-menu-container::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #fff;
}
.isV4Enabled .main-menu-container::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper {
  width: 70px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header {
  position: relative;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container.active:hover .close-btn-wrapper {
  visibility: visible;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container .logo-image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container .logo-image.logo-menu-custom {
  background-image: url(/logpresso/logo/menu_logo.png?reload=x);
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container .logo-image:hover {
  cursor: pointer;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container #appLogoImg {
  width: 100%;
  height: 100%;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container #logo-text {
  font-size: 30px;
  font-weight: bold;
  max-width: 50px;
  max-height: 50px;
  cursor: default;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container .close-btn-wrapper {
  width: 18px;
  height: 18px;
  top: 9px;
  left: 46px;
  position: absolute;
  border-radius: 50%;
  background-color: #FF692A;
  display: flex;
  justify-content: center;
  visibility: hidden;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .logo-image-container .close-btn-wrapper svg {
  color: #fff;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  stroke-width: 3;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-header .plus-button-container {
  height: 50px;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content {
  position: relative;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item .menu-link > svg {
  width: 24px;
  height: 24px;
  color: #bbbbbb;
  cursor: pointer;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item .menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 0;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item .menu-link .menu-name {
  width: 70px;
  font-size: 12px;
  color: #bbbbbb;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item .menu-link .chevron-icon-wrapper {
  visibility: hidden;
  position: absolute;
  right: -8px;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item .menu-link .chevron-icon-wrapper svg {
  color: #FF692A;
  stroke-width: 1;
  fill: #f0f0f0;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item.current .menu-link .menu-name,
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item.current .menu-link > svg {
  color: #FF692A;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item.current .menu-link .chevron-icon-wrapper {
  visibility: visible;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item:hover .menu-link .menu-name,
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-content .main-menu-item-container .main-menu-item:hover .menu-link > svg {
  color: #FF946B;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer {
  margin-top: auto;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item {
  height: 60px;
  overflow: hidden;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item.current .menu-link > svg {
  color: #FF692A;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item:hover .menu-link .menu-name,
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item:hover .menu-link > svg,
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item:hover .menu-link.program-version {
  color: #FF946B;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item .menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 0;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item .menu-link.program-version {
  text-align: center;
  color: #999999;
  font-size: 10px;
  letter-spacing: 0px;
  line-height: 1.2em;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item .menu-link svg {
  width: 24px;
  height: 24px;
  color: #bbbbbb;
  cursor: pointer;
}
.isV4Enabled .main-menu-container .v4-menu-wrapper .main-menu-footer .bottom-button-item .menu-link .menu-name {
  width: 70px;
  font-size: 12px;
  color: #bbbbbb;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.isV4Enabled .sub-menu-container {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f0f0f0;
  height: 100%;
  border-radius: 10px;
  width: 150px;
  position: absolute;
  left: 0px;
}
.isV4Enabled .sub-menu-container::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .sub-menu-container::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .sub-menu-container::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f0f0f0;
}
.isV4Enabled .sub-menu-container::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f0f0f0;
}
.isV4Enabled .sub-menu-container::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .sub-menu-container.deActivate {
  background-color: #f0f0f0;
  width: 15px;
  height: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.isV4Enabled .sub-menu-container.deActivate .sub-menu-legend-container {
  padding: 0 5px;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container .sub-menu-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container span {
  flex: 1;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container .chevron-icon-wrapper {
  display: flex;
  flex: 0;
  cursor: pointer;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container a {
  color: #626262;
  padding-right: 5px;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container a:hover {
  color: #ff946b;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container a:hover + .tooltip-submenu-change {
  visibility: visible;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container .tooltip-submenu-change {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  border-radius: 3px;
  min-width: 57px;
  height: 24px;
  margin-left: 70px;
  top: 49px;
  position: absolute;
  background-color: #ff692a;
  z-index: 1000;
  padding: 0 5px;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container .tooltip-submenu-change span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  flex: inherit;
}
.isV4Enabled .sub-menu-container .sub-menu-legend-container span {
  color: #363434;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.2;
  padding-left: 5px;
}
.isV4Enabled .sub-menu-container .sub-menu-search-container {
  display: flex;
  align-items: center;
  padding: 10px;
}
.isV4Enabled .sub-menu-container .sub-menu-search-container input {
  width: 100%;
  height: 34px;
  border-radius: 5px;
  border: 1px solid #EAEAEA;
}
.isV4Enabled .sub-menu-container .sub-menu-search-container input::placeholder,
.isV4Enabled .sub-menu-container .sub-menu-search-container input::-webkit-input-placeholder,
.isV4Enabled .sub-menu-container .sub-menu-search-container input:-ms-input-placeholder {
  color: #bbbbbb;
}
.isV4Enabled .sub-menu-container .sub-menu-list-container {
  position: relative;
}
.isV4Enabled .sub-menu-container .sub-menu-list {
  padding: 0;
}
.isV4Enabled .sub-menu-container .sub-menu-item a {
  cursor: pointer;
  color: #4e4e4e;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.isV4Enabled .sub-menu-container .sub-menu-list .sub-menu-item {
  cursor: pointer;
  padding: 0 10px;
  height: 50px;
  display: flex;
  align-items: center;
}
.isV4Enabled .sub-menu-container .sub-menu-item a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  border-radius: 5px;
  padding: 0 10px;
  color: #606161;
}
.isV4Enabled .sub-menu-container .sub-menu-item a span {
  font-size: 14px;
  font-style: normal;
  letter-spacing: 0px;
  line-height: 1.2;
  text-align: left;
}
.isV4Enabled .sub-menu-container .sub-menu-item.active a {
  color: #ff692a;
  font-weight: 700;
}
.isV4Enabled .sub-menu-container .sub-menu-item:hover a {
  color: #ff946b;
  font-weight: normal;
}
.isV4Enabled .sub-menu-container .sub-menu-item a .sub-menu-name {
  flex: 3;
}
.isV4Enabled .sub-menu-container .sub-menu-item a .app-count {
  flex: 2;
  font-size: 12px;
  color: #bbbbbb;
}
.isV4Enabled .sub-menu-container-lg {
  width: 300px;
  border-radius: 10px;
  border: 0;
  background-color: #f0f0f0;
}
.isV4Enabled .sub-menu-container-lg::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .sub-menu-container-lg::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .sub-menu-container-lg::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f0f0f0;
}
.isV4Enabled .sub-menu-container-lg::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f0f0f0;
}
.isV4Enabled .sub-menu-container-lg::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .sub-menu-container-lg.deActivate {
  background-color: #f0f0f0;
  width: 15px;
  height: 100%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container {
  height: 70px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container span {
  flex: 1;
  color: #363434;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.2;
  padding-left: 5px;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container a {
  color: #606161;
  padding-right: 5px;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container a:hover {
  color: #FF946B;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container a:hover + .tooltip-submenu-change {
  visibility: visible;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container .tooltip-submenu-change {
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  border-radius: 3px;
  min-width: 57px;
  height: 24px;
  margin-left: 236px;
  top: 49px;
  position: absolute;
  background-color: #FF692A;
  z-index: 1000;
  padding: 0 5px;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-legend-container .tooltip-submenu-change span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  flex: inherit;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-search-container {
  padding: 10px;
}
.isV4Enabled .sub-menu-container-lg .sub-menu-search-container .dropdown-menu {
  left: 128px;
}
.isV4Enabled .main {
  font-family: "Noto Sans CJK KR", "Malgun Gothic";
  height: 100%;
  background-color: #f8f8f8;
  min-width: 1000px;
}
.isV4Enabled .main > header {
  padding: 0 20px;
}
.isV4Enabled .main > header > legend {
  min-height: 70px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 10px;
  width: 100%;
  line-height: 25px;
}
.isV4Enabled .main > header > legend .card-btn {
  border: 0;
  margin-left: 0;
  color: #bbb;
  font-size: 28px;
  background-color: inherit;
  display: flex;
  align-items: center;
  float: left;
}
.isV4Enabled .main > header > legend .card-btn svg,
.isV4Enabled .main > header > legend .card-btn i-feather,
.isV4Enabled .main > header > legend .card-btn i {
  width: 20px;
  height: 20px;
}
.isV4Enabled .main > header > legend .card-btn > svg {
  margin-top: 4px;
}
.isV4Enabled .main > header > legend .card-btn.active > svg,
.isV4Enabled .main > header > legend .card-btn.active > i-feather,
.isV4Enabled .main > header > legend .card-btn.active > i {
  color: #FF692A;
}
.isV4Enabled .main > header > legend .card-btn:hover > svg,
.isV4Enabled .main > header > legend .card-btn:hover > i-feather,
.isV4Enabled .main > header > legend .card-btn:hover > i {
  color: #FF946B;
}
.isV4Enabled .main > header > legend > span {
  color: #363434;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.2;
  flex: none;
}
.isV4Enabled .main > header > legend > .button-group {
  width: 100%;
}
.isV4Enabled .main > header .button-group-wrapper {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07);
}
.isV4Enabled .main section.multi-section-lastchild {
  padding-bottom: 20px !important;
}
.isV4Enabled .main section {
  position: relative;
  width: 100%;
  overflow-y: auto;
  padding: 20px;
}
.isV4Enabled .main section > header {
  padding: 10px 0 10px 10px;
}
.isV4Enabled .main section > header .button-group .section-title {
  font-size: 18px;
  color: #363434;
}
.isV4Enabled .main section > article {
  transition: none;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  height: 100%;
  color: #606161;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07);
}
.isV4Enabled .main section > article pager {
  margin-top: 15px !important;
}
.isV4Enabled .main section > article > header {
  padding-top: 10px;
  padding-bottom: 20px;
}
.isV4Enabled .main section > article > header table .label {
  font-weight: 400;
  color: #999999;
}
.isV4Enabled .main section > article > footer {
  padding-top: 20px;
}
.isV4Enabled .main section > article header .button-group {
  font-size: 14px;
  line-height: 16px;
  color: #606161;
  font-weight: 600;
}
.isV4Enabled .main section > article .label-inline {
  color: #999999;
  font-weight: 400;
}
.isV4Enabled .main section > article .article-title {
  font-size: 16px;
  color: #363434;
  margin-left: 10px;
}
.isV4Enabled .main section > article .label-inline {
  display: inline-block;
}
.isV4Enabled .main section > article .well {
  padding: 0 0 10px 0;
  color: #606161;
}
.isV4Enabled .main section > article .well:last-child {
  padding: 0;
}
.isV4Enabled .main section > article .well label,
.isV4Enabled .main section > article .well .control-group {
  display: flex;
  align-items: center;
}
.isV4Enabled .main section > article .well .time {
  width: 180px;
  display: inline-block;
}
.isV4Enabled .main section > article .well table {
  color: #606161;
  font-family: "Noto Sans CJK KR", "Malgun Gothic";
}
.isV4Enabled .main section > article .well table .label {
  vertical-align: top;
  padding-left: 0;
  font-weight: 600;
  width: 140px;
}
.isV4Enabled .main section > article .well .table-form-body > tbody > tr > td {
  padding-left: 0;
}
.isV4Enabled .main section > article .well .table-form-body > tbody > tr:last-child > td {
  padding: 10px 15px 0 0;
}
.isV4Enabled .main section > article .table-wrapper.with-border {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 10px;
}
.isV4Enabled .main section > article .table-wrapper {
  overflow-x: auto;
}
.isV4Enabled .main section > article .table-wrapper .table > thead > tr.tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr.tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr.tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > thead > tr[tr-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr[tr-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr[tr-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > thead > tr[tr-multi-partial-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr[tr-multi-partial-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr[tr-multi-partial-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > thead > tr[tr-multi-partial-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr[tr-multi-partial-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr[tr-multi-partial-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > thead > tr[tr-multi-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr[tr-multi-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr[tr-multi-selectable].tr-single-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > thead > tr[tr-multi-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tbody > tr[tr-multi-selectable].tr-selected > td,
.isV4Enabled .main section > article .table-wrapper .table > tfoot > tr[tr-multi-selectable].tr-selected > td {
  background: none;
}
.isV4Enabled .main section > article .table-wrapper legend {
  margin: 0 10px;
}
.isV4Enabled .main section > article .table-wrapper .table-property > tbody > tr > td {
  border: 0;
}
.isV4Enabled .main section > article .table-wrapper table {
  width: 100%;
  background-color: #fff;
  border: 0;
  border-radius: 10px;
  max-width: 100%;
  font-size: 12px;
  z-index: 10;
}
.isV4Enabled .main section > article .table-wrapper table:not(.fixed-table) {
  table-layout: inherit;
}
.isV4Enabled .main section > article .table-wrapper table.fixed-table {
  table-layout: fixed;
}
.isV4Enabled .main section > article .table-wrapper table.fixed-table td {
  overflow: hidden;
}
.isV4Enabled .main section > article .table-wrapper table tr td:first-child {
  border-top-left-radius: 4px;
}
.isV4Enabled .main section > article .table-wrapper table tr td:last-child {
  border-top-right-radius: 4px;
}
.isV4Enabled .main section > article .table-wrapper table tr td:first-child {
  border-bottom-left-radius: 4px;
}
.isV4Enabled .main section > article .table-wrapper table tr td:last-child {
  border-bottom-right-radius: 4px;
}
.isV4Enabled .main section > article .table-wrapper table tr {
  height: 36px;
}
.isV4Enabled .main section > article .table-wrapper table tr .card-popup {
  position: absolute;
  display: block;
  flex-shrink: 0;
  background-color: #ffffff;
  width: 110px;
  height: auto;
  left: 1524px;
  top: 179px;
  overflow: visible;
  border-radius: 5px;
  box-shadow: #bbbbbb 0px 0px 3px 0px;
  transform: none;
  padding: 5px;
}
.isV4Enabled .main section > article .table-wrapper table tr .card-popup button {
  background-color: none;
  padding: 5px 5px;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  width: 100%;
  display: flex;
  justify-content: normal;
  margin-bottom: 5px;
}
.isV4Enabled .main section > article .table-wrapper table tr .card-popup button:hover {
  background-color: #FF946B;
  color: #fff;
}
.isV4Enabled .main section > article .table-wrapper table tr .card-popup button:last-child {
  margin-bottom: 0;
}
.isV4Enabled .main section > article .table-wrapper table tbody > tr:nth-child(2n + 1) {
  background-color: #F8F8F8;
}
.isV4Enabled .main section > article .table-wrapper table .table-inner td {
  white-space: normal;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > th:not(.col-vis):after,
.isV4Enabled .main section > article .table-wrapper table th:after {
  content: "";
  vertical-align: middle;
  width: 2px;
  height: 10px;
  position: absolute;
  background-color: #bdbdbd;
  right: 0;
  top: 13px;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > th:not(.col-vis):last-child:after,
.isV4Enabled .main section > article .table-wrapper table th:last-child:after {
  width: 0;
}
.isV4Enabled .main section > article .table-wrapper table td {
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  letter-spacing: 0;
}
.isV4Enabled .main section > article .table-wrapper table .col-check {
  width: 33px;
  text-align: center;
  vertical-align: middle;
}
.isV4Enabled .main section > article .table-wrapper table th.col-check input[type="checkbox"] {
  left: 0;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > th {
  background-color: #fff;
  border: 0 !important;
  color: #606161;
  padding: 7px;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 13px;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > th > input {
  margin-top: 0;
  vertical-align: middle;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > td,
.isV4Enabled .main section > article .table-wrapper table > tbody > tr > td,
.isV4Enabled .main section > article .table-wrapper table > tfoot > tr > td {
  vertical-align: middle;
}
.isV4Enabled .main section > article .table-wrapper table > thead > tr > td.no-item-in-list,
.isV4Enabled .main section > article .table-wrapper table > tbody > tr > td.no-item-in-list,
.isV4Enabled .main section > article .table-wrapper table > tfoot > tr > td.no-item-in-list {
  text-align: center;
  color: #5b5b5b;
  height: 120px;
}
.isV4Enabled .main section > article .pager-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 20px;
}
.isV4Enabled .main section > article .pager-wrapper .lp-pager-v2 {
  padding: 0;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  font-size: 12px;
  color: #999;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 ul li a {
  padding: 4px 8px;
  cursor: pointer;
  color: #999;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 ul li a.active {
  color: #fff;
  background: #ff7c48;
  border-radius: 3px;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 ul {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 li {
  display: inline-flex;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 div {
  flex: 1;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 .pager-v4-pager {
  text-align: center;
  flex: 1 0 auto;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 .pager-v4-move {
  display: flex;
  align-items: center;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 .pager-v4-move form {
  margin-left: auto;
  background: #eaeaea;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  display: flex;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 .pager-v4-move form input {
  flex: 1;
  box-sizing: border-box;
  width: 60px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 24px;
}
.isV4Enabled .main section > article .pager-wrapper .pager-v4 .pager-v4-move form button {
  box-sizing: border-box;
  border: none;
  flex: 1;
  border-left: 1px solid #eaeaea;
  cursor: pointer;
}
.isV4Enabled .extraPane > .main {
  height: auto;
}
.isV4Enabled i.lp-custom-icon {
  width: 24px;
  height: 24px;
}
.isV4Enabled i.lp-custom-icon.xs {
  zoom: 0.6;
}
.isV4Enabled i.lp-custom-icon[data~="vertical-divider"] {
  margin: 0 5px 0 5px;
  background-image: url("/images/vertical_divider.svg");
}
.isV4Enabled .backup-v4-container .progress {
  margin: 0;
}
.isV4Enabled .backup-v4-container div.modal ol.wizard li fieldset .select-all {
  margin-right: 5px;
}
.isV4Enabled .backup-v4-container .form-horizontal .control-group > .control-label {
  display: block;
}
.isV4Enabled #view-backup .file-browser-container > .browser-menu {
  padding: 8px;
}
.isV4Enabled #view-backup .file-browser-container > .browser-container > table > tbody > tr:focus {
  background-color: #FFCEBC;
}
.isV4Enabled #view-backup .file-browser-container > .browser-container > table > tbody > tr:focus > td,
.isV4Enabled #view-backup .file-browser-container > .browser-container > table > tbody > tr:focus > td > a,
.isV4Enabled #view-backup .file-browser-container > .browser-container > table > tbody > tr:focus > td > span {
  color: #1f1f1f;
}
.isV4Enabled #view-backup .file-browser-container > .browser-control {
  padding: 0;
  bottom: 0;
}
.isV4Enabled .wizard-contents {
  border-radius: 10px;
  border: none;
}
.isV4Enabled .orgchart-container .ht_master .wtHolder {
  overflow: auto;
  padding: 1px;
}
.isV4Enabled .orgchart-container .handsontable .ht_clone_top,
.isV4Enabled .orgchart-container .handsontable .ht_clone_left,
.isV4Enabled .orgchart-container .handsontable .ht_clone_top_left_corner {
  padding: 1px;
}
.isV4Enabled .orgchart-container .table-form td:first-child {
  width: 260px !important;
  padding-left: 6px !important;
  font-weight: normal !important;
}
.isV4Enabled .orgchart-container .active-tbl-inline {
  color: #FF692A;
}
.isV4Enabled .orgchart-container .is-member .user-list-edit-close {
  display: none;
}
.isV4Enabled .view-user-list-v4.main {
  min-width: auto;
}
.isV4Enabled .view-user-list-v4 .multiple-section section {
  padding: 0 20px 10px 20px;
}
.isV4Enabled .view-user-list-v4 .main section > article {
  height: 100%;
}
.isV4Enabled .view-user-list-v4 .section-title {
  padding-left: 10px;
}
.isV4Enabled .view-user-list-v4 .leftPane {
  top: 70px;
}
.isV4Enabled .view-user-list-v4 form {
  margin-top: 20px;
}
.isV4Enabled .view-user-list-v4 .form-horizontal .fieldset-description {
  border-bottom: 0px;
  border-radius: 5px;
}
.isV4Enabled .view-user-list-v4 .leftPane {
  left: 20px;
  bottom: 20px;
  border-radius: 10px;
  background: #f0f0f0;
  border: 0;
  transition: none;
}
.isV4Enabled .view-user-list-v4 .leftPane .orgchart-container .treetype {
  padding: 0;
}
.isV4Enabled .view-user-list-v4 .rightPane {
  left: 280px;
  transition: none;
}
.isV4Enabled .view-user-list-v4 .rightPane::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .view-user-list-v4 .rightPane::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .view-user-list-v4 .rightPane::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .view-user-list-v4 .rightPane::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .view-user-list-v4 .rightPane::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .view-user-list-v4 .rightPane .pane.full-height.main {
  min-width: 1320px;
}
.isV4Enabled .view-user-list-v4 .pane {
  background: transparent;
}
.isV4Enabled .view-user-list-v4 .no-item-in-list {
  padding: 0;
}
.isV4Enabled .view-user-list-v4 .extraPane-inner section > legend {
  border: 0;
}
.isV4Enabled .view-user-list-v4 .extraPane-inner section > legend > a {
  background-image: none;
  background-color: #fff;
}
.isV4Enabled .view-user-list-v4 .section-list .section .well {
  background-color: #fff;
}
.isV4Enabled .view-user-list-v4 .section-list .section .clearfix {
  border: 0;
}
.isV4Enabled .view-user-list-v4 .help-block {
  color: #f44336 !important;
}
.isV4Enabled .view-user-list-v4 select {
  border-color: #EAEAEA;
  border-radius: 5px;
}
.isV4Enabled .view-security-group-v4 .main {
  height: calc(100% - 80px);
}
.isV4Enabled .view-security-group-v4 .leftPane {
  top: 70px;
}
.isV4Enabled .view-security-group-v4 .leftPane {
  left: 20px;
  bottom: 20px;
  border-radius: 10px;
  background: #f0f0f0;
  border: 0;
}
.isV4Enabled .view-security-group-v4 .leftPane .orgchart-container .treetype {
  padding: 0;
}
.isV4Enabled .view-security-group-v4 .pane.rightPane.main {
  min-width: 1320px;
}
.isV4Enabled .view-security-group-v4 .rightPane {
  transition: none;
  left: 280px;
  top: 70px;
}
.isV4Enabled .view-security-group-v4 .rightPane section {
  padding-top: 0;
}
.isV4Enabled .view-security-group-v4 .rightPane header {
  display: none;
}
.isV4Enabled .view-security-group-v4 .rightPane.activeEditMode {
  top: 0px;
}
.isV4Enabled .view-security-group-v4 .rightPane.activeEditMode header {
  display: block;
}
.isV4Enabled .view-security-group-v4 .rightPane.activeEditMode section {
  padding-top: 20px;
}
.isV4Enabled .view-security-group-v4 .section + header {
  margin-bottom: 20px;
}
.isV4Enabled .view-security-group-v4 .section + header {
  margin-bottom: 20px;
}
.isV4Enabled .view-security-group-v4 .pane {
  background: transparent;
}
.isV4Enabled .view-security-group-v4 .pane-message {
  padding: 50px;
  position: relative;
  top: auto;
  margin: 0;
}
.isV4Enabled .view-security-group-v4 div.toolbar {
  background-color: transparent;
  border: 0px;
}
.isV4Enabled .view-security-group-v4 .full-right {
  float: right;
}
.isV4Enabled .view-security-group-v4 .table {
  border: 0;
  font-size: 14px;
}
.isV4Enabled .view-security-group-v4 .security-group-remove-group {
  display: flex;
  align-items: center;
}
.isV4Enabled .view-security-group-v4 .select-container {
  border-color: #eaeaea;
  border-radius: 5px;
}
.isV4Enabled .view-security-group-v4 .tree-button-group {
  padding: 10px;
}
.isV4Enabled .view-security-group-v4 .tree-button-group .tree-button-right {
  margin-left: auto;
}
.isV4Enabled .auditlog-container-v4 {
  min-width: 1340px;
}
.isV4Enabled .auditlog-container-v4 .input-ms {
  position: relative;
}
.isV4Enabled .auditlog-container-v4 .input-ms input {
  min-width: 90px;
  padding-right: 25px;
}
.isV4Enabled .auditlog-container-v4 .input-ms::before {
  content: "ms";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.isV4Enabled .auditlog-container-v4 input::-webkit-outer-spin-button,
.isV4Enabled .auditlog-container-v4 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group.query-audit {
  align-items: end;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group .button-group-left.query-audit {
  flex-direction: column;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group .button-group-left button:not(.no-margin) {
  margin: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper button {
  margin: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper label {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-item .dateTimeFrom,
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-item .dateTimeTo {
  width: 95px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-full-width {
  flex: 1;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-label {
  margin-right: 10px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .form-btn-group {
  display: flex;
  align-items: center;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-item-container {
  flex: 1;
  display: flex;
  width: 100%;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .button-group-item-container + .button-group-item-container {
  margin-top: 10px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .run-btn {
  margin-left: 20px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-group-left {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-group-left ~ input {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-menu li {
  padding: 0 5px 5px;
  margin: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-menu li a:hover {
  background-color: #f0f0f0;
  color: #363434;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-menu li:first-child {
  padding: 5px;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .dropdown-menu.dropdown-result li a {
  padding: 0 15px;
  height: 34px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #606161;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .multiselect-container.dropdown-menu li a {
  padding: 0;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .multiselect-container.dropdown-menu li a label {
  margin: 0;
  padding: 0 15px;
  height: 34px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #606161;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .multiselect-container.dropdown-menu li a label input {
  margin: 0 5px 0 0 !important;
}
.isV4Enabled .auditlog-container-v4 .button-group-wrapper .multiselect-container.dropdown-menu li .multiselect-search {
  margin: 0 !important;
}
.isV4Enabled .workflow-container .lp-pager-v2 .lp-pager-v2-move-page input,
.isV4Enabled workflow-main .lp-pager-v2 .lp-pager-v2-move-page input {
  height: 24px;
}
.isV4Enabled .regex-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: auto !important;
}
.isV4Enabled .regex-container::-webkit-scrollbar {
  width: 12px;
}
.isV4Enabled .regex-container::-webkit-scrollbar:horizontal {
  height: 12px;
}
.isV4Enabled .regex-container::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .regex-container::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 3px solid;
  border-color: #f8f8f8;
}
.isV4Enabled .regex-container::-webkit-scrollbar-button {
  display: none;
}
.isV4Enabled .regex-container > header {
  flex: 0;
}
.isV4Enabled .regex-container .main section article .well {
  display: flex;
  flex-direction: row;
}
.isV4Enabled .regex-container .extraPane {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  z-index: 10 !important;
  background: none;
  top: 70px;
  bottom: 20px;
  border-radius: 10px;
}
.isV4Enabled .regex-container .extraPane .section-list .section table.table-form td:first-child {
  width: 150px !important;
}
.isV4Enabled .regex-container .extraPane .toolbar {
  background: none;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner {
  border-radius: 10px;
  top: 0;
  background-color: #fff;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner .button-group {
  padding: 15px;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner .button-group span {
  font-size: 18px;
  font-weight: 600;
  color: #363434;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner table {
  border-right: 0;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner table .CodeMirror-wrap {
  border-radius: 5px;
  border-color: #eaeaea;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner table .select-container {
  border-radius: 5px;
  border-color: #eaeaea;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner table th {
  border: none;
}
.isV4Enabled .regex-container .extraPane .extraPane-inner section ul li {
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding: 10px;
}
.isV4Enabled .regex-container .extraPane code {
  color: #1f1f1f !important;
}
.isV4Enabled .regex-container .extraPane.in {
  background: none;
  top: 70px;
  right: 20px;
  bottom: 20px;
  border-radius: 10px;
}
.isV4Enabled .regex-container .extraPane-inner section > legend {
  border: none;
  margin-bottom: 5px;
}
.isV4Enabled .regex-container .extraPane-inner section > legend > a {
  border-radius: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #606161;
  padding-left: 15px;
}