
html {
	margin: 0;
}
table {
    border-collapse: collapse;
}
body {
    font-size: 14px;
    color: #333B48;
	margin: 0;
	overflow-y: hidden;
    font-family: sans-serif;
}
h1 {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 0;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
li {
    font-size: 12px;
    padding: 0px;
    line-height: 64px;
    list-style:none;
    vertical-align: middle;
    padding-left: 18px;
}
li:hover {
    background-color: #5171cb;
}
li img {
  display: inline;
  vertical-align: middle;
  padding-right: 8px;
}
.el-radio__input.is-checked+.el-radio__label {
    color: #5171cb;
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: #5171cb;
    background: #5171cb;
}
.el-badge.badge-item {
    position: absolute;
    padding-top: 5px;
    padding-left: 5px;
}
.el-badge.badge-item-narrow {
    position: absolute;
    left: 35px;
    padding-top: 12px;
}
.badge-item > .el-badge__content,
.badge-item-narrow > .el-badge__content {
    background-color: #d55169;
    border: none;
    width: 8px;
    padding: 4px;
    height: 8px;
    line-height: 7px;
    font-size: 10px;
}
.left-content {
    color: #ffffff;
    width: 30%;
    display: table-cell;
    text-align: left;
    padding-left: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
}
.right-content {
    width: 70%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
}
button.el-button--primary {
    color: #ffffff;
    background-color: #5171cb!important;
    border-color: #5171cb!important;
}
button.el-button--primary:focus, button.el-button--primary:hover {
    color: #ffffff!important;
    background-color: #5171cb!important;
    border-color: #5171cb!important;
    opacity: 0.8;
}
button.el-button, button.el-button {
    background-color: #fafafa;
}
button.el-button:focus, button.el-button:hover {
    color: #000000;
    background-color: #fafafa;
    opacity: 0.8;
}
button.transparent {
    border-style: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
button.menu-change-button {
    height: 45px;
    vertical-align: middle;
    border-style: none;
    background-color: transparent;
    color: #fff;
    outline: 0;
    cursor: pointer;
}
.button-icon {
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
}
.subtitle {
    color: #848991;
}
.subtitlebox {
  width: 100%;
  display: table;
}
.subtitlebox-left {
    font-weight: normal;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 20px;
    color: #848991;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.subtitlebox-right {
    padding-right: 24px;
    position: relative;
    width: 50%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
}
button.item-record-button {
    border-style: none;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    width: 100%
}
button.item-record-button img {
    display: inline;
    vertical-align: middle;
    height: 18px;
}
button.transparent-button {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}
button.transparent-button-disabled {
    border-style: none;
    font-size: 12px;
    color: #848991;
    background-color: transparent;
    cursor: not-allowed	;
    outline: 0;
}
.transparent-button img ,
.transparent-button-disabled img {
  display: inline;
  vertical-align: middle;
  height: 18px;
  padding-right: 4px;
}

/* remove spin button from input box */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

/*
 * panel , dialog
 */
.dialog-modal-mask {
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.main-panel {
	height: 100%;
	background-color: #ffffff;
	overflow-y: auto;
}
.user-panel {
	height: 100%;
	background-color: #ffffff;
}
.large-panel-fix {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 80vh;
    margin-left: -500px;
    margin-top: -40vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.large-panel {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 80vh;
    margin-left: -500px;
    margin-top: -40vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.small-panel {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 500px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}
.import-panel {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 1200px;
    height: auto;
    margin-left: -600px;
    margin-top: -40vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.inner-panel {
	position:relative;
    height: calc(100% - 40px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.inner-panel-dialog {
	position:relative;
    height: calc(80vh - 180px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.inner-panel-userselect {
	position:relative;
    height: calc(80vh - 240px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.inner-panel-header {
    height: 32px;
    width:100%;
    vertical-align: middle;
    display: inline-table;
    background-color: #f6f6f6;
}
.inner-panel-title {
    padding: 6px;
    font-size: 12px;
    height: 28px;
    color: #848991;
    background-color: #f6f6f6;
    padding-left: 20px;
    vertical-align: middle;
    display: table-cell;
}
.inner-panel-title-left {
  float: left;
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
}
.inner-panel-title-right {
  padding-right: 20px;
  position: relative;
  text-align : right;
  vertical-align: middle;
  font-size: 12px;
}
.inner-panel-user-select {
	position:relative;
    height: calc(80vh - 240px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.panel-title-title {
    color: #848991;
}
.panel-title-box {
  width: 100%;
  display: table;
}
.panel-title-box img {
  display: inline;
  vertical-align: middle;
  height: 25px;
  padding-left: 16px;
  padding-right: 4px;
}
.panel-title-box-left {
    font-weight: normal;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 20px;
    color: #848991;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}
.panel-title-box-right {
    padding-right: 24px;
    position: relative;
    width: 50%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
}
.panel-command-box {
    background-color: #ecf1fa;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    height: 56px;
    vertical-align: bottom;
}
.panel-command-box-left {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}
.panel-command-box-right {
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align : right;
    vertical-align: middle;
}
.objectTree {
	overflow: hidden;
	position: absolute;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
}
.input-with-select {
    width: 400px;
    padding-bottom: 10px;
}
.input-with-select >>> .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select >>> .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select >>> .el-button {
    width: 40px;
    padding: 0;
}
.input-with-select >>> .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.command-button {
    display: inline-block;
}
.command-button > .el-button {
    font-size: 14px;
    padding: 10px 30px;
    padding-left: 10px;
    padding-right: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    background-color: #5171cb;
    cursor: pointer;
}
.command-button > .el-button:hover,
.command-button > .el-button:active,
.command-button > .el-button:focus {
    color: #ffffff;
    background-color: #5171cb;
    border-color: #5171cb;
    opacity: 0.8;
}
.command-button > .el-button.is-disabled,
.command-button > .el-button.is-disabled:active,
.command-button > .el-button.is-disabled:focus,
.command-button > .el-button.is-disabled:hover {
    color: #ffffff;
    background-color: #5171cb;
    opacity: 0.3;
}
.selected-item-field {
    margin: 0;
    padding-left: 20px;
    padding-top: 10px;
    height: 100%;
}
.confirm-body {
    padding: 20px;
    font-size: 14px;
}
.select-option-item >>> el-select {
    width:260px;
}
.select-option-item >>> .el-input__inner {
    width:260px;
}
.el-select-dropdown__item.selected {
    color: #5171cb;
}
.select-option-item >>> .el-select-dropdown__item.selected {
    color: #5171cb;
}
.el-input.input-select-talkgroup {
    width:225px;
}
.el-input.input-enable-saml {
    width:195px;
}
.el-input-number.input-enable-saml {
    width:195px;
}
.search-type-select >>> .el-radio-button__inner {
    width: 140px;
}
.object-search-select {
    width: 400px;
}
.object-search-select >>> .el-input-group__prepend {
    background-color: #f5f7fa;
}
.object-search-select >>> .el-button {
    width: 40px;
    padding: 0;
}
.object-search-select >>> .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.object-search-select.el-input-group {
    width: 650px;
    padding-left: 20px;
    padding-bottom: 0;
}
.el-select.search-item {
    font-size: 14px;
    width: 160px;
}
.el-button.search-button {
    width: 100px;
    vertical-align: middle;
}
.foundObject-record {
  cursor: pointer;
  word-break: break-all;
}
.foundObject-record:hover {
  background-color: #ecf1fa;
}
.foundObject {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dialog-title {
    padding: 8px 20px 4px 20px;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
}
.dialog-body {
    height: -webkit-calc(100% - 140px);
    padding: 0;
    font-size: 14px;
}
.dialog-body-small {
    max-height: calc(80vh - 150px);
    padding: 10px 20px;
    font-size: 14px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.dialog-body-import {
    max-height: calc(80vh - 150px);
    font-size: 14px;
    overflow: auto;
}
hr.dialog-hr {
    border: none;
    height: 1px;
    background-color: #eee;
    margin: 0.3px;
}
hr.transparent-hr {
    border: none;
    height: 1px;
    background-color: transparent;
    margin: 20px;
}
.dialog-td {
    width: 50%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.default-message {
    position: relative;
    top: 10%;
    color: #848991;
    text-align: center;
    vertical-align: middle;
}
.no-data-message {
    display: block;
    width: 100%;
    padding-top: 10vh;
    opacity: 0.6;
    text-align: center;
}
.dialog-button-field {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
}
.dialog-form-item {
}
.dialog-form-item > .el-form-item__error {
    color: #d55169;
    padding-top: 8px;
}
.dialog-form-item > .el-form-item.is-error .el-input__inner {
    border-color:#d55169;
}
.dialog-form-item > .el-form-item.is-error {
    margin-bottom: 30px;
}
.dialog-form-item > .el-form-item.is-success .el-input__inner,
.dialog-form-item > .el-form-item.is-success .el-input__inner:focus,
.dialog-form-item > .el-form-item.is-error .el-input__inner:focus {
    border-color:#5171cb;
}
.dialog-form-item > .el-form-item.is-success {
    margin-bottom: 22px;
}
.dialog-form-item > .el-form-item .el-input__inner:focus {
    border-color:#5171cb;
}
.dialog-form-item > .el-form-item .el-form-item__label {
    text-align: left;
}
.dialog-form-item > .el-select .el-input__inner {
    color: #333B48;
    height: 50px;
}
.dialog-form-item > .el-select-dropdown__item.selected {
    color: #000000;
}
.dialog-form-item > .el-select-dropdown__item {
    text-align: left;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #5171cb;
    border-color: #5171cb;
}

/*
 * button class
 */
.el-button.enable-command-button {
     font-size: 14px;
     padding: 10px 30px;
     padding-left: 10px;
     padding-right: 16px;
     color: #ffffff;
     position: relative;
     display: inline-block;
     background-color: #5171cb;
     cursor: pointer;
}
.el-button.enable-command-button:hover,
 .el-button.enable-command-button:active,
 .el-button.enable-command-button:focus {
     color: #ffffff;
     background-color: #5171cb;
     border-color: #5171cb;
     opacity: 0.8;
}
.el-button.disable-command-button {
     font-size: 14px;
     padding: 10px 30px;
     padding-left: 10px;
     padding-right: 16px;
     color: #ffffff;
     position: relative;
     display: inline-block;
     background-color: #5171cb;
     cursor: not-allowed;
}
.el-button.disable-command-button,
 .el-button.disable-command-button,
 .el-button.disable-command-button {
     color: #ffffff;
     background-color: #5171cb;
     opacity: 0.3;
}
.el-button.disable-command-button:hover,
 .el-button.disable-command-button:active,
 .el-button.disable-command-button:focus {
     color: #ffffff;
     background-color: #5171cb;
     opacity: 0.3;
}
.dialog-ok-button {
    display: inline-block;
}
.el-button.dialog-ok-button {
    font-size: 14px;
    height: 36px;
    min-width: 104px;
    padding: 0px 10px 0px 10px;
    color: #ffffff;
    background-color: #5171cb;
    display: inline-block;
    border-color: #5171cb;
}
.el-button.dialog-ok-button:hover,
.el-button.dialog-ok-button:active,
.el-button.dialog-ok-button:focus {
    color: #ffffff;
    background-color: #5171cb;
    border-color: #5171cb;
    opacity: 0.8;
}
.el-button.dialog-ok-button.is-disabled,
.el-button.dialog-ok-button.is-disabled:active,
.el-button.dialog-ok-button.is-disabled:focus,
.el-button.dialog-ok-button.is-disabled:hover {
    color: #ffffff;
    background-color: #5171cb;
    border-color: #5171cb;
    opacity: 0.3;
}
.dialog-small-button {
    display: inline-block;
}
.el-button.dialog-small-button {
    font-size: 12px;
    height: 30px;
    min-width: 104px;
    padding: 0px 10px 0px 10px;
    color: #ffffff;
    background-color: #5171cb;
    display: inline-block;
    border-color: #5171cb;
}
.el-button.dialog-small-button:hover,
.el-button.dialog-small-button:active,
.el-button.dialog-small-button:focus {
    color: #ffffff;
    background-color: #5171cb;
    border-color: #5171cb;
    opacity: 0.8;
}
.el-button.dialog-small-button.is-disabled,
.el-button.dialog-small-button.is-disabled:active,
.el-button.dialog-small-button.is-disabled:focus,
.el-button.dialog-small-button.is-disabled:hover {
    color: #ffffff;
    background-color: #5171cb;
    border-color: #5171cb;
    opacity: 0.3;
}
.dialog-cancel-button {
    display: inline-block;
}
.el-button.dialog-cancel-button {
    font-size: 14px;
    height: 36px;
    width: 104px;
    padding: 0;
    color: #000000;
    background-color: #fafafa;
}
.el-button.dialog-cancel-button:hover,
.el-button.dialog-cancel-button:active,
.el-button.dialog-cancel-button:focus {
    color: #333B48;
    background-color: #fafafa;
    border-color: #dcdfe6;
    opacity: 0.8;
    outline: none;
}
.el-button.default-button {
    color: #ffffff;
    background-color: #5171cb;
}
.el-button.default-button:hover,
.el-button.default-button:focus {
    color: #ffffff;
    background-color: #5171cb;
    opacity: 0.8;
}
.object-titlebox {
  width: 100%;
  background-color: #f6f6f6;
  display: table;
}
.object-titlebox img {
  display: inline;
  vertical-align: middle;
  height: 18px;
  padding-right: 4px;
}
.object-titlebox-left {
  padding: 10px;
  padding-left: 20px;
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
  float: left;
}
.object-titlebox-right {
  padding: 10px;
  position: relative;
  text-align : right;
  vertical-align: middle;
  font-size: 12px;
}
.object-titlebox-text {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
}
.object-userlist-left {
  vertical-align: middle;
}
.object-userlist-right {
  text-align : right;
  float: right;
  vertical-align: middle;
}
.object-userlist-right img {
  display: inline;
  vertical-align: middle;
  height: 18px;
  padding-right: 8px;
}
.object-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
}
.object-item2 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 14px;
    text-align: center;
}
.objectitem-record {
    border-bottom:1px #eee solid;
}
.objectitem-record-bottom {
    border-bottom:none;
}
.object-value {
    color: #848991;
}
.important-command-text {
    font-size: 12px;
    color: #d55169;
}
.important-command-text:hover {
    opacity: 0.7;
}
.normal-command-text {
    font-size: 12px;
    color: #5171cb;
}
.normal-command-text:hover {
    opacity: 0.7;
}
.bidirectional {
    height: 25px;
    vertical-align: middle;
}
.delete {
    height: 25px;
    vertical-align: middle;
}
.delete:active, .delete-tag:hover {
    opacity: 0.8;
}
.delete-innactive {
    height: 25px;
    vertical-align: middle;
}
.item-list-title {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.item-list-header {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    font-size: 12px;
}
.userTagDisable {
  display: inline-block;
  border: 1px solid;
  border-radius: 30px;
  border-color: #5171cb;
  color: #5171cb;
  margin: 5px;
  padding: 6px;
  padding-left: 10px;
  opacity: 0.3;
}
.userTag {
  display: inline-block;
  border: 1px solid;
  border-radius: 30px;
  border-color: #5171cb;
  color: #5171cb;
  margin: 5px;
  padding: 6px;
  padding-left: 10px;
  white-space: nowrap;
  word-break: break-word;
  text-align: justify;
}
.userTag > .userTag-name {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  max-width: 95%;
}
.userTagDisable > .closeTag,
.userTag > .closeTag {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  margin: 4px;
  vertical-align: middle;
}
.userTagDisable > .closeTag:active,
.userTag > .closeTag:active {
  background-color: gray;
}
.defaultTalkgroup {
    opacity: 0.3
}
.option-description {
    font-size: 12px;
    font-size: 12px;
    /* color: rgb(132, 137, 145); */
    background-color: #f6f6f6;
    color: #000;
    padding: 12px;
    border-radius: 4px;
    color: rgb(132, 137, 145);
}
.required {
    background-color: #d55169;
	border-radius: 2px;
	padding: 3px;
	color: #fff;
	font-size: 10px;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(0.9);
    line-height: 11px;
	display:inline-block;
}
.license-record {
    width: 100%;
    border-bottom:1px #eee solid;
}
.license-record-no-hover-top {
    width: 100%;
    border-bottom: none;
}
.license-record-no-hover {
    width: 100%;
    border-bottom:1px #eee solid;
}
.license-record:hover
{
    background-color: #ecf1fa;
}
.license-record-bottom {
    width: 100%;
    border-bottom:none;
}
.license-record-bottom:hover
{
    background-color: #ecf1fa;
}
.license-record-no-hover-bottom {
    width: 100%;
    border-bottom:none;
}
.license-record-header {
    width: 100%;
    background-color: #f1f3f7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.license-item-title {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.license-item-value {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
}
.license-item-header {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.license-item-note {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
    color: #d55169;
}
.total-amount {
    font-size: 32px;
    color: #333b48;
}
.icon-help {
    padding-bottom: 3px;
    display: inline;
    vertical-align: middle;
    height: 15px;
}
.beside-line {
	color: #848991;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.beside-line:before, .beside-line:after {
	content: "";
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 1px;
	background: #eee;
	display: block;
}
.beside-line:before {
	margin-right: .4em;
}
.beside-line:after {
	margin-left: .4em;
}
.alertfield {
    margin-left: -10px;
    margin-top: -10px;
    width: calc(100% + 20px);
}
.alertrecord {
    background-color: #d55169;
    color: #ffffff;
    text-align: center;
    display: table-cell;
    height: 40px;
    padding-top: 10px;
}
.hint-table {
    margin: 0 50px;
}
.hint-table-title {
    padding: 5px 10px 0 10px;
    text-align: left;
    font-weight: 700;
}
.hint-table-item {
    padding:0 10px 10px 10px;
    text-align: left;
}
.notice-table {
    margin: 0 50px;
    border: solid 1px #eee;
}
.notice-table-title {
    padding: 20px 20px 0;
    text-align: left;
    font-weight: 700;
}
.notice-table-item {
    padding:5px 20px 20px 20px;
    text-align: left;
}
hr.hint-hr {
    border: none;
    height: 1px;
    background-color: #eee;
    margin: 0.3px 50px;
}
.error-message-text {
    color: #d55169;
    padding-left: 20px;
    font-size: 11px;
}
ul.el-dropdown-menu {
    background: #000;
    border: none;
    padding: 0;
    overflow: hidden;
}
li.el-dropdown-menu__item:focus, li.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #5171cb;
    color: #fff;
}
li.el-dropdown-menu__item {
    color: #fff;
    font-size: 12px;
}
ul.el-popper[x-placement^=bottom] .popper__arrow:after {
    top: unset;
}
.manual-header-record {
    background-color: #f6f6f6
}
.manual-record-item {
    padding:10px;
}
.manual-frame {
    padding: 20px;
    color: #848991;
}
.manual-notes {
    background-color:#f6f6f6;
    padding:10px;
}


.dropdown-link[data-v-a36a9786] {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}
ul.navi.selected_menuitem[data-v-a36a9786] {
    background-color: #5171cb;
}
.box[data-v-a36a9786] {
    width: 100%;
    height: 64px;
    background-color: #0e1726;
    display: table;
    min-width: 830px;
}
.root[data-v-a36a9786] {
    position: relative;
    top: 0px;
    left: 0px;
}
.aldiologo[data-v-a36a9786] {
    height: 24px;
    padding-right: 10px;
}
.console-logo[data-v-a36a9786] {
    height: 24px;
}
.console-logo-icon[data-v-a36a9786] {
    float: left;
}
.console-logo-icon img[data-v-a36a9786] {
    height: 24px;
    padding-right: 5px;
}
.console-logo-text[data-v-a36a9786] {
    font-size: 12px;
    font-weight: 700;
    float: left;
    color: #fff;
    margin-top: 5px;
}
.navi-menu[data-v-a36a9786] {
    width: 200px;
    height: 100%;
    background-color: #23282f;
}
.navi-menu-narrow[data-v-a36a9786] {
    width: 64px;
    height: 100%;
    background-color: #23282f;
}
ul.navi[data-v-a36a9786] {
  	margin: 0;
  	padding: 0;
}
ul.navi img[data-v-a36a9786] {
    height: 25px;
}
a[data-v-a36a9786]:link {
    color: #ffffff;
    text-decoration: none;
}
a[data-v-a36a9786]:visited { color: #ffffff;
}
.panel[data-v-a36a9786] {
    position: absolute;
    top: 0px;
    left: 200px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background-color: white;
    min-width: 630px;
}
.panel-wide[data-v-a36a9786] {
    position: absolute;
    top: 0px;
    left: 64px;
    min-width: 770px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    background-color: white;
}
.dropdown-menu[data-v-a36a9786] {
    padding-right:20px;
    display: inline-block;
}
.dropdown-menu[data-v-a36a9786] .el-button {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    cursor: initial;
    padding-right: 0;
    border: none;
}
.dropdown-menu[data-v-a36a9786] .el-dropdown__caret-button {
    padding-left: 10px;
    cursor: pointer;
}
.dropdown-menu[data-v-a36a9786] .el-dropdown__caret-button:before {
    background: none;
}
.dropdown-menu[data-v-a36a9786] .el-dropdown:before {
    background: none;
}
img.icon-lang[data-v-a36a9786] {
    height: 20px;
    display: block;
    position: absolute;
    left: -12px;
    top: 1px;
}
.menu-change-button-field[data-v-a36a9786] {
    display: block;
    text-align: right;
    padding-right: 20px;
}
.menu-change-icon[data-v-a36a9786] {
    height: 25px;
    padding-left: 13px;
}


.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #ecf1fa !important;
}
.el-tree-node > .el-tree-node__content:hover {
    background-color: #ecf1fa !important;
}
.el-tree-node__content {
    height: 40px !important;
}
.el-tree-node__content img {
    margin-left: -20px !important;
    padding-right: 8px !important;
}
.el-tree-node__expand-icon {
    padding: 28px !important;
}



.tree-command-text[data-v-63cc395b] {
    padding-left: 5px;
    display: inline-block;
    font-size: 12px;
    color: #5171cb;
    vertical-align: middle;
}
.tree-command-text[data-v-63cc395b]:hover {
    opacity: 0.7;
}
button.tree-command-button[data-v-63cc395b] {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    padding-top: 10px;
}
.tree-header-left[data-v-63cc395b] {
    vertical-align: middle;
    padding-top: 12px;
    padding-left: 20px;
    float: left;
}
.tree-header-right[data-v-63cc395b] {
    text-align : right;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 20px;
}
.treetitle[data-v-63cc395b] {
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
    white-space: nowrap;
    height: 42px;
}
.modal-mask[data-v-63cc395b] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-63cc395b] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 630px;
}
.modal-default-button[data-v-63cc395b] {
  float: right;
}
.el-select-dropdown__item[data-v-63cc395b] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-63cc395b] {
    color: #5171cb;
}
.common-object-tree.el-tree[data-v-63cc395b] .el-tree-node {
    min-width: 300px;
}
.common-object-tree.el-tree[data-v-63cc395b] {
    overflow-x: hidden;
    overflow-y: auto;
}
.common-object-tree.el-tree[data-v-63cc395b] {
    width: 100%;
    height: calc(100vh - 175px);
}


.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #ecf1fa !important;
}
.el-tree-node__content:hover {
    background-color: transparent !important;
}
.el-tree-node__content {
    height: 40px !important;
}


.dialoginputfield[data-v-600a87b0] {
    height: 60px;
}
.inner-panel-addgroup[data-v-600a87b0] {
	position:relative;
    height: -webkit-calc(100% - 40px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.acl-panel[data-v-600a87b0] {
	position:relative;
    height: -webkit-calc(50% - 40px);
    width: 100%;
    margin: 0;
    overflow: auto;
}
.dialog-body[data-v-600a87b0] .el-form-item {
    display: inline-block;
    color: #000000;
    height: 50px;
    width: 330px;
    padding-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.dialog-body[data-v-600a87b0] .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    width: 255px;
}
.dialog-body[data-v-600a87b0] .el-radio-button:first-child .el-radio-button__inner {
    width: 255px;
}
.dialog-tree[data-v-600a87b0] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-600a87b0] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.el-select.select-option-item[data-v-58e512e0] {
    width: 225px;
}
.el-input-number[data-v-58e512e0] {
    margin-left: 105px;
    width: 120px;
}


button.input-pass-check[data-v-5f915a33] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 270px;
    top: 2px;
    font-size: 10px;
    z-index: 10;
    color: #848991;
}


tbody[data-v-483f27d6] {
    display: block;
    height: 460px;
    overflow-y: scroll;
}
thead[data-v-483f27d6], tbody tr[data-v-483f27d6] {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.error-record-title[data-v-483f27d6] {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    background-color: #f6f6f6
}
.error-record[data-v-483f27d6] {
    width: 100%;
    border-bottom:1px #eee solid;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
.error-record-thick[data-v-483f27d6] {
    width: 100%;
    border-bottom:1px #eee solid;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    background-color: #fafafa;
}
.error-record-number[data-v-483f27d6] {
    width: 80px;
    padding-left: 10px;
}
.error-record-detail[data-v-483f27d6] {
    padding-left: 10px;
}
.dialog-description[data-v-483f27d6] {
    padding-top: 16px;
    display: block;
}



.warning-box[data-v-4a1cafbf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background-color: #fff3cd;
  color: #856404;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.warning-icon[data-v-4a1cafbf] {
  width: 16px;
  height: 16px;
}
.text-button[data-v-4a1cafbf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #d32f2f;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.text-button[data-v-4a1cafbf]:hover {
  text-decoration: underline;
  color: #b71c1c;
}
.text-button.disabled[data-v-4a1cafbf] {
  color: #b0b0b0;
  cursor: not-allowed;
  text-decoration: none;
}
.custom-button[data-v-4a1cafbf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  height: 36px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom-button[data-v-4a1cafbf]:hover {
  background-color: #e6e6e6;
}
.button-icon[data-v-4a1cafbf] {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.delete-button[data-v-4a1cafbf] {
  background-color: #ff4d4f;
  color: white;
  border-color: #ff4d4f;
}
.delete-button[data-v-4a1cafbf]:hover {
  background-color: #ff7875;
  border-color: #ff7875;
}


table[data-v-d9ce9282] {
    margin-top: 10px;
    border-collapse: collapse;
}
table[data-v-d9ce9282], th[data-v-d9ce9282], td[data-v-d9ce9282] {
    border: 1px solid #dcdfe6;
    vertical-align: middle;
}
tr[data-v-d9ce9282] {
    height: 2em;
}
th[data-v-d9ce9282] {
    font-size: 12px;
}
td[data-v-d9ce9282] {
    padding-left: 8px;
}
.csv-sample[data-v-d9ce9282] {
    /* margin-top: 20px; */
}
.csv-sample-title[data-v-d9ce9282] {
    opacity: 0.6;
}
.csv-sample-no-use[data-v-d9ce9282] {
    opacity: 0.6;
    text-align: center;
}
button.download[data-v-d9ce9282] {
    height: 35px;
    width: 150px;
    background-color: #f6f6f6;
    border-radius: 4px;
}
label[data-v-d9ce9282] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
.dialog-description[data-v-d9ce9282] {
    padding-top: 16px;
}
.downloadButton[data-v-d9ce9282] {
    line-height: 33px;
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    border-radius: 4px;
    border: solid 1px;
    width: 150px;
    border-color: #dcdfe6;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
}
.import-step[data-v-d9ce9282] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.import-step-title[data-v-d9ce9282] {
    padding-top: 32px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}
.import-step-description[data-v-d9ce9282] {
    padding-bottom: 10px;
}
.selected-filename[data-v-d9ce9282] {
    padding-left: 10px;
}
.button-icon[data-v-d9ce9282] {
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
}
.el-tabs--border-card[data-v-d9ce9282] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-d9ce9282] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb !important;
}
.el-tabs--border-card[data-v-d9ce9282] .el-tabs__header .el-tabs__item.is-active {
    color: #5171cb !important;
}
.el-tabs[data-v-d9ce9282] .el-tabs__content {
    min-height: 520px;
}
a[data-v-d9ce9282]:link { color: #333B48;
}
a[data-v-d9ce9282]:visited { color: #333B48;
}
a[data-v-d9ce9282]:hover { color: #333B48;
}
a[data-v-d9ce9282]:active { color: #333B48;
}
a[data-v-d9ce9282] { text-decoration: none;
}
.link-yes[data-v-d9ce9282] {
    color: #5171cb;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.arrow_box[data-v-d9ce9282] {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 14px;
    border-radius: 4px;
}
.arrow_box[data-v-d9ce9282]:after, .arrow_box[data-v-d9ce9282]:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box[data-v-d9ce9282]:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box[data-v-d9ce9282]:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #ddd;
	border-width: 11px;
	margin-left: -11px;
}
.dialog-advanced-menu-button[data-v-d9ce9282] {
  margin-right: auto;
  background-color: #4CAF50;
  color: white;
}



.dialog-tree[data-v-7f58ec10] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-7f58ec10] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



button.input-pass-check[data-v-17e9bbf2] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}


.el-select-dropdown__item[data-v-36941673] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-36941673] {
    color: #5171cb;
}
.dialog-tree[data-v-36941673] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-36941673] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



button.input-pass-check[data-v-6bb03b94] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.el-select.select-two-phase-method-item[data-v-6bb03b94] {
    width: 350px;
}
.middle-panel[data-v-6bb03b94] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



.confirm-body[data-v-70063482] .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-70063482] {
    background-color: #5171cb;
    border-color: #5171cb;
}
.confirm-body[data-v-70063482] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #5171cb;
}


li[data-v-0bafa036] {
  list-style:none;
}
.modal-mask[data-v-0bafa036] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-0bafa036] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-default-button[data-v-0bafa036] {
  float: right;
}
input[type="radio"][data-v-0bafa036]{
    outline: 0;
     -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RiZGVlNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPueuoeeQhuODhOODvOODq2ljb248L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3Ljg0LDUuMjNhMS4wNiwxLjA2LDAsMCwwLTEuNSwwTDguMTcsMTMuNCwzLjY0LDguODdhMS4wNiwxLjA2LDAsMCwwLTEuNSwxLjVsNS4yOCw1LjI4YTEuMDYsMS4wNiwwLDAsMCwxLjUsMGw4LjkyLTguOTJBMS4wNiwxLjA2LDAsMCwwLDE3Ljg0LDUuMjNaIi8+PC9zdmc+);
}
input[type="radio"][data-v-0bafa036]:checked {
    outline: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzZlYTEzYTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPueuoeeQhuODhOODvOODq2ljb248L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3Ljg0LDUuMjNhMS4wNiwxLjA2LDAsMCwwLTEuNSwwTDguMTcsMTMuNCwzLjY0LDguODdhMS4wNiwxLjA2LDAsMCwwLTEuNSwxLjVsNS4yOCw1LjI4YTEuMDYsMS4wNiwwLDAsMCwxLjUsMGw4LjkyLTguOTJBMS4wNiwxLjA2LDAsMCwwLDE3Ljg0LDUuMjNaIi8+PC9zdmc+);
}
input[type="radio"][data-v-0bafa036]:hover {
     cursor : pointer;
}
.talkgroup-title[data-v-0bafa036] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.talkgroup-item-header1[data-v-0bafa036] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.talkgroup-item-header2[data-v-0bafa036] {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 15%;
    text-align:center;
}
.talkgroup-item-record[data-v-0bafa036] {
    border-bottom:1px #eee solid;
}
.talkgroup-item-record[data-v-0bafa036]:hover {
    background-color: #ecf1fa;
}
.talkgroup-item1[data-v-0bafa036] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 14px;
}
.talkgroup-item2[data-v-0bafa036] {
    text-align: center;
}
.el-select-dropdown__item[data-v-0bafa036] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-0bafa036] {
    color: #5171cb;
}
.custom-checkbox-input[data-v-0bafa036] {
  display: none;
}
.action-icon[data-v-0bafa036] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.el-tabs--border-card[data-v-0bafa036] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-0bafa036] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-0bafa036] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #f6f6f6;
    border: none;
}
.el-tabs--border-card[data-v-0bafa036] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #ecf1fa;
}
.el-tabs__nav-scroll[data-v-0bafa036] {
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-0bafa036] .el-tabs__header {
    border: none;
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-0bafa036] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-0bafa036] {
    border: none;
}


.inner-panel-dialog-wide[data-v-5e3a7fa5] {
	position:relative;
    height: calc(80vh - 180px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.inner-panel-dialog-narrow[data-v-5e3a7fa5] {
	position:relative;
    height: calc(80vh - 240px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.el-select-dropdown__item[data-v-5e3a7fa5] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-5e3a7fa5] {
    color: #5171cb;
}
.foundUser-record[data-v-5e3a7fa5] {
  cursor: pointer;
  word-break: break-all;
}
.foundUser-record[data-v-5e3a7fa5]:hover {
  background-color: #ecf1fa;
}
.foundUser[data-v-5e3a7fa5] {
  padding: 10px 20px;
}
.dialog-tree[data-v-5e3a7fa5] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-5e3a7fa5] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



table[data-v-1d577384] {
    border-collapse: collapse;
}
tr[data-v-1d577384] {
    border-bottom:1px #eee solid;
}
.acluser-record[data-v-1d577384]:hover {
    background-color: #ecf1fa;
}
.modal-mask[data-v-1d577384] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-1d577384] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-default-button[data-v-1d577384] {
  float: right;
}
.object-command-disabled[data-v-1d577384] {
    color: #848991;
    font-size: 12px;
}
.object-command-disabled img[data-v-1d577384] {
    opacity: 0.3;
}
.object-titlebox-left[data-v-1d577384] {
  position: absolute;
  padding: 10px;
  padding-left: 20px;
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
}
.object-titlebox-right[data-v-1d577384] {
  padding: 10px;
  float: right;
  text-align : right;
  vertical-align: middle;
  font-size: 12px;
  height: 14px;
}


.dialoginputfield[data-v-565b2d95] {
    height: 60px;
}
.findedUser-record[data-v-565b2d95] {
  cursor: pointer;
}
.findedUser-record[data-v-565b2d95]:hover {
  background-color: #ecf1fa;
}
.findedUser[data-v-565b2d95] {
  padding: 10px 20px;
}
.input-with-select[data-v-565b2d95] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-565b2d95] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-565b2d95] .el-button {
    width: 40px;
    padding: 0;
}
.el-input-group[data-v-565b2d95] {
    width: 650px;
    padding-left: 20px;
    padding-bottom: 0;
}
.el-select-dropdown__item.selected[data-v-565b2d95] {
    color: #000000;
}
.el-select-dropdown__item[data-v-565b2d95] {
    font-size: 14px;
}



.dialoginputfield[data-v-464e6bba] {
    height: 60px;
}
.findedUser-record[data-v-464e6bba] {
  cursor: pointer;
}
.findedUser-record[data-v-464e6bba]:hover {
  background-color: #ecf1fa;
}
.findedUser[data-v-464e6bba] {
  padding: 10px 20px;
}
.input-with-select[data-v-464e6bba] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-464e6bba] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-464e6bba] .el-button {
    width: 40px;
    padding: 0;
}
.empty-place[data-v-464e6bba] {
    padding: 6px;
    font-size: 12px;
    height: 28px;
    color: #848991;
    padding-left: 20px;
    vertical-align: middle;
    display: table-cell;
}
.el-input-group[data-v-464e6bba] {
    width: 650px;
    padding-left: 20px;
    padding-bottom: 0;
}
.el-select-dropdown__item.selected[data-v-464e6bba] {
    color: #000000;
}
.el-select-dropdown__item[data-v-464e6bba] {
    font-size: 14px;
}
.dialog-tree[data-v-464e6bba] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-464e6bba] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.el-select.select-option-item[data-v-7bf3c98b] {
    width: 225px;
}
.el-input-number[data-v-7bf3c98b] {
    margin-left: 105px;
    width: 120px;
}


.dialog-input-field[data-v-014b2cc3] {
    height: 60px;
}
.inner-panel-addgroup[data-v-014b2cc3] {
	position:relative;
    height: calc(80vh - 250px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.dialog-body[data-v-014b2cc3] .el-form-item {
    display: inline-block;
    color: #000000;
    height: 50px;
    width: 330px;
    padding-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
}
.dialog-body[data-v-014b2cc3] .el-radio-button__orig-radio:checked+.el-radio-button__inner{
    width: 145px;
    font-size: 12px;
}
.dialog-body[data-v-014b2cc3] .el-radio-button:first-child .el-radio-button__inner {
    width: 145px;
    font-size: 12px;
}
.dialog-body[data-v-014b2cc3] .el-radio-button:last-child .el-radio-button__inner {
    width: 145px;
    font-size: 12px;
}
.sub-selection-header[data-v-014b2cc3] {
    height: 20px;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    color: #848991;
    background-color: #f5f7fa;
}
.el-tabs--border-card[data-v-014b2cc3] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-014b2cc3] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-014b2cc3] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #f6f6f6;
    border: none;
}
.el-tabs--border-card[data-v-014b2cc3] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #fff;
}
.el-tabs__nav-scroll[data-v-014b2cc3] {
    background: #fff;
}
.el-tabs--border-card[data-v-014b2cc3] .el-tabs__header {
    border: none;
    background: #fff;
}
.el-tabs--border-card[data-v-014b2cc3] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-014b2cc3] {
    border: solid 1px #eee;
}
.checkSubGroup[data-v-014b2cc3] {
    padding:10px;
}
.checkSubGroup[data-v-014b2cc3] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #606266;
}
.user-search-select[data-v-014b2cc3] {
    width: 600px;
}
.user-search-select[data-v-014b2cc3] .el-input-group__prepend {
    background-color: #f5f7fa;
}
.user-search-select[data-v-014b2cc3] .el-button {
    width: 80px;
    padding: 0;
    font-size: 12px;
}
.user-search-select[data-v-014b2cc3] .el-input__inner {
    font-size: 12px;
    padding-left: 10px;
}
.user-search-select.el-input-group[data-v-014b2cc3] {
    font-size: 12px;
    padding-left: 20px;
    padding-bottom: 0;
}
.foundUser-record[data-v-014b2cc3] {
  cursor: pointer;
  word-break: break-all;
}
.foundUser-record[data-v-014b2cc3]:hover {
  background-color: #ecf1fa;
}
.foundUser[data-v-014b2cc3] {
  padding: 10px 20px;
}
.dialog-tree[data-v-014b2cc3] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-014b2cc3] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



li[data-v-8261d0da] {
  list-style:none;
}
.modal-mask[data-v-8261d0da] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-8261d0da] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-default-button[data-v-8261d0da] {
  float: right;
}
.icon-delete[data-v-8261d0da] {
    height: 20px;
}
.el-select-dropdown__item[data-v-8261d0da] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-8261d0da] {
    color: #5171cb;
}
.object-titlebox-red[data-v-8261d0da] {
    width: 100%;
    background-color: #d55169;
    display: table;
    opacity: 0.3
}
.defaulttalkgroup[data-v-8261d0da] {
    opacity: 0.6;
    font-size: 12px;
}
.talkgroup-user-record[data-v-8261d0da] {
    border-bottom:1px #eee solid;
}
.talkgroup-user-record[data-v-8261d0da]:hover {
    background-color: #ecf1fa;
}
.talkgroup-user-title[data-v-8261d0da] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.talkgroup-user-header1[data-v-8261d0da] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.talkgroup-user-header2[data-v-8261d0da] {
    width: 15%;
    text-align:center;
}
.custom-checkbox-input[data-v-8261d0da] {
  display: none;
}
.action-icon[data-v-8261d0da] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.el-tabs--border-card[data-v-8261d0da] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-8261d0da] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-8261d0da] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #f6f6f6;
    border: none;
}
.el-tabs--border-card[data-v-8261d0da] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #ecf1fa;
}
.el-tabs__nav-scroll[data-v-8261d0da] {
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-8261d0da] .el-tabs__header {
    border: none;
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-8261d0da] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-8261d0da] {
    border: none;
}
.talkgroup-user-header1[data-v-8261d0da] .el-select .el-input {
    font-size: 12px;
    width: 200px;
}
.talkgroup-user-header1[data-v-8261d0da] .el-input__inner {
    height: 30px;
}
.talkgroup-user-header1[data-v-8261d0da] .el-input__icon {
    line-height: 30px;
}



tr.itemheader[data-v-4be0c509] {
}
.inner-panel[data-v-4be0c509] {
    position:relative;
    height: 100%;
    width: 100$;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.scrollable[data-v-4be0c509] {
    overflow: auto;
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    left: 0;
}
.command-area[data-v-4be0c509] {
    background-color: #ecf1fa;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    height: 56px;
    vertical-align: bottom;
}
.command-area img[data-v-4be0c509] {
  display: inline;
  vertical-align: middle;
  height: 25px;
  padding-left: 16px;
  padding-right: 4px;
}
.command-area-left[data-v-4be0c509] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}
.command-area-right[data-v-4be0c509] {
    padding-right: 24px;
    padding-top: 15px;
    text-align : right;
    vertical-align: middle;
}
.normal-command[data-v-4be0c509] {
    color: #5171cb;
}
.normal-command[data-v-4be0c509]:hover {
    opacity: 0.7;
}
.csv-progress-title[data-v-4be0c509] {
    padding: 10px 0 20px 0;
    text-align: center;
}


.el-slider[data-v-45c41d5d] {
  width: 250px !important;
}
.hidden > table[data-v-45c41d5d] {
  background-color: #ffffff;
  border-style: none;
  padding-top: 10px;
  table-layout: fixed;
  width: calc(500px - 20px - 20px);
}
.hiddeninfo-name[data-v-45c41d5d] {
    padding: 10px;
    width: 80%;
    vertical-align: top;
}
.hiddeninfo-value[data-v-45c41d5d] {
    padding: 10px;
    width: 20%;
    text-align: right;
}
.player > table[data-v-45c41d5d] {
  background-color: #f6f6f6;
  border-style: none;
}
.recordinfo > table[data-v-45c41d5d] {
  background-color: #ffffff;
  border-style: none;
  padding-top: 10px;
  table-layout: fixed;
  width: calc(500px - 20px - 20px);
}
.play-slider[data-v-45c41d5d] .el-slider__button {
    width: 12px;
    height: 12px;
    background-color: #5171cb;
    border: #5171cb;
}
.recordinfo > table[data-v-45c41d5d] {
    width: 100%;
    background-color: #ffffff;
    border-style: none;
    border-collapse: collapse;
}
.recordinfo-name[data-v-45c41d5d] {
    padding: 10px;
    width: 40%;
    vertical-align: top;
}
.recordinfo-value[data-v-45c41d5d] {
    padding: 10px;
    width: 60%;
    color: #848991;
    text-align: right;
}
.recordinfo-text[data-v-45c41d5d] {
    padding: 10px;
    color: #848991;
    text-align: left;
}
.itemrecord[data-v-45c41d5d] {
    border-bottom:1px #f6f6f6 solid;
}
.itemrecord-bottom[data-v-45c41d5d] {
    border-bottom:none;
}
.panel[data-v-45c41d5d] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-mask[data-v-45c41d5d] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.play-button[data-v-45c41d5d] {
    vertical-align: middle;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #5171cb
}
.play-button img[data-v-45c41d5d] {
    padding-right: 10px;
    display: inline;
    vertical-align: middle;
    height: 25px;
}
.play-duration[data-v-45c41d5d] {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}
.play-slider[data-v-45c41d5d] {
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle;
}
.download-button[data-v-45c41d5d] {
    text-align: left;
    float: left;
    padding-left: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #5171cb;
    outline: none;
}
.download-button img[data-v-45c41d5d] {
    padding-right: 10px;
    display: inline;
    vertical-align: middle;
    height: 25px;
}


.video-player-box[data-v-dd9af57c] {
    width: 400px;
    height: 400px;
}


.viewer[data-v-3222a403] {
    text-align: center;
    width: 100%;
    height: calc(100% - 35px);
}


tr.talkrecord-header > th {
    color: #848991;
    font-size: 12px;
    background-color: #f6f6f6;
    padding-top: 0px;
    padding-bottom: 0px;
}
tr.hiddenData-row {
    background: #cfcfcf;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: unset;
}
tr.hiddenData-row {
    background: #dddddd;
}
tr.hiddenData-row:hover {
    background-color: #cfcfcf;
}
tr.showData-row {
    background: #ffffff;
}
tr.showData-row:hover {
    background-color: #ecf1fa;
}


table[data-v-58b04872] {
    border-collapse: collapse;
}
tr.talk-record[data-v-58b04872] {
    border-bottom: 1px solid #eee;
}
tr.talk-record[data-v-58b04872] {
    border-bottom: solid;
    border-width: 1px;
    border-color: #eee;
    padding-left: 20px;
}
td.record-starttime[data-v-58b04872] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
td.record-displayname[data-v-58b04872] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
td.record-data[data-v-58b04872] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.notalkrecord[data-v-58b04872] {
    display: block;
    width: 100%;
    padding-top: 10vh;
    opacity: 0.6;
}
.talkrecord-header[data-v-58b04872] {
    width: 100%;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.talkrecord-header-item[data-v-58b04872] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.object-titlebox-right[data-v-58b04872] .el-select .el-input {
    font-size: 12px;
    width: 130px;
}
.object-titlebox-right[data-v-58b04872] .el-input__inner {
    height: 30px;
}
.object-titlebox-right[data-v-58b04872] .el-input__icon {
    line-height: 30px;
}
.el-table[data-v-58b04872]:before {
    background-color: #ffffff;
}
.el-table[data-v-58b04872] .cell {
    word-break: normal;
}


table[data-v-07706602] {
    border-collapse: collapse;
}
tr.itemheader[data-v-07706602] {
    border-top: 1px solid #eeeeee;
}
.talk-panel[data-v-07706602] {
    height: 100%;
    background-color: #ffffff;
}
.inner-panel[data-v-07706602] {
    position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.scrollable[data-v-07706602] {
    overflow: auto;
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    left: 0;
}
select[data-v-07706602] {
    height: 40px;
}
.search[data-v-07706602] {
    width: 100%;
    background-color: #ecf1fa;
    display: table;
}
.serarch-contents[data-v-07706602] {
    display: table-cell;
    vertical-align:middle;
}
.date-picker[data-v-07706602] {
    display: inline-block;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.time-picker[data-v-07706602] {
    display: inline-block;
    padding-left: 20px;
}
.display-target[data-v-07706602] {
    display: inline-block;
    padding-left: 20px;
}
.display-tags[data-v-07706602] {
    display: inline-block;
}
.p2p-tags[data-v-07706602] {
    display: inline-block;
}
.peer-user[data-v-07706602] {
    display: inline-block;
}
.selected-tag[data-v-07706602] {
    display: inline-block;
    border: 1px solid;
    border-radius: 30px;
    border-color: #5171cb;
    background-color: #ffffff;
    color: #5171cb;
    margin: 5px;
    padding: 6px;
    padding-left: 10px;
}
.selected-tag > .closeTag[data-v-07706602] {
    cursor: pointer;
    border-radius: 4px;
    margin: 4px;
}
.selected-tag > .closeTag[data-v-07706602]:active {
    background-color: gray;
}
.date-picker[data-v-07706602] .el-input__inner {
    background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2U2ZGI1O308L3N0eWxlPjwvZGVmcz48dGl0bGU+566h55CG44OE44O844OraWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuODEsMy4zMWgtMWEuNjQuNjQsMCwwLDAsMCwxLjI4aDFhMSwxLDAsMCwxLDEsMVY3Ljc1SDIuNVY1LjU5YTEsMSwwLDAsMSwxLTFoMWEuNjQuNjQsMCwwLDAsMC0xLjI4aC0xQTIuMjgsMi4yOCwwLDAsMCwxLjIyLDUuNTlWMTYuN0EyLjI4LDIuMjgsMCwwLDAsMy41LDE5SDE2LjgxYTIuMjgsMi4yOCwwLDAsMCwyLjI4LTIuMjhWNS41OUEyLjI4LDIuMjgsMCwwLDAsMTYuODEsMy4zMVptMCwxNC4zOUgzLjVhMSwxLDAsMCwxLTEtMVY5SDE3LjhWMTYuN0ExLDEsMCwwLDEsMTYuODEsMTcuN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjIxLDQuNTloMmEuNjQuNjQsMCwxLDAsMC0xLjI4aC0yYS42NC42NCwwLDAsMCwwLDEuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNyw2LjI4YS42NC42NCwwLDAsMCwuNjQtLjY0VjIuMDZhLjY0LjY0LDAsMCwwLTEuMjgsMFY1LjY0QS42NC42NCwwLDAsMCw3LDYuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNDMsNi4yOGEuNjQuNjQsMCwwLDAsLjY0LS42NFYyLjA2YS42NC42NCwwLDEsMC0xLjI4LDBWNS42NEEuNjQuNjQsMCwwLDAsMTMuNDMsNi4yOFoiLz48L3N2Zz4=);
    background-repeat:no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 16px 16px;
    height: 35px;
}
.date-picker > .el-date-editor.el-input[data-v-07706602], .el-date-editor.el-input__inner[data-v-07706602] {
    width: 140px;
}
.time-picker[data-v-07706602] .el-input__inner {
    background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2U2ZGI1O308L3N0eWxlPjwvZGVmcz48dGl0bGU+566h55CG44OE44O844OraWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuMDgsMTkuMTdhOSw5LDAsMSwxLDktOUE5LjA1LDkuMDUsMCwwLDEsMTAuMDgsMTkuMTdabTAtMTYuNzhhNy43NCw3Ljc0LDAsMSwwLDcuNzQsNy43NEE3Ljc1LDcuNzUsMCwwLDAsMTAuMDgsMi4zOVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy44OSwxMy4zMmEuNjQuNjQsMCwwLDEtLjI5LS4wN0w5LjEyLDExVjUuMDhhLjY1LjY1LDAsMCwxLDEuMywwdjUuMWwzLjc3LDEuOWEuNjUuNjUsMCwwLDEtLjI5LDEuMjNaIi8+PC9zdmc+);
    background-repeat:no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 16px 16px;
    height: 35px;
}
.time-picker > .el-date-editor.el-input[data-v-07706602], .el-date-editor.el-input__inner[data-v-07706602] {
    width: 100px;
}
.time-select-item[data-v-07706602] {
    text-align: center!important;
}
.time-select-item.selected[data-v-07706602] {
    color: #333B48!important;
}
.el-input--prefix .el-input__inner[data-v-07706602] {
    padding: 0 8px !important;
    text-align: center !important;
}



.checkbox[data-v-f4077cf6] .el-checkbox__input.is-checked+.el-checkbox__label {
    color:#5171cb
}
.checkbox[data-v-f4077cf6] .el-checkbox__input.is-checked .el-checkbox__inner,
.checkbox[data-v-f4077cf6] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #5171cb;
    border-color: #5171cb
}
.customSlider[data-v-f4077cf6] .el-slider__bar {
    background-color: #3d7dd3;
}



.customSlider .el-slider__button {
    top: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 9px 0 9px;
    border-color: #3d7dd3 transparent transparent transparent;
    background-color: transparent;
}
.customSlider .el-slider__runway.disabled .el-slider__button {
    border-color: #C0C4CC transparent transparent transparent;
}
.customSlider .el-slider__bar.disabled {
    border-color: #C0C4CC transparent transparent transparent;
}
.customSlider .el-slider__button-wrapper {
    top: -30px;
}
.customSlider .el-slider__stop {
    background-color: #e4e7ed;
}
.scalePath>hr {
    border: none;
    position: absolute;
    width: 1px;
    height: 8px;
    margin: 0 auto;
    background: #C396D1;
    top: 23px;
}
.scaleName>span {
    border: none;
    position: absolute;
    width: 50px;
    margin: 0 auto;
    background: #fff;
    top: 26px;
    text-align: center;
    font-size: 5px;
}
.customSlider {
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
}
.info {
    margin-top: 10px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.dateTimePicker>.el-input__inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2U2ZGI1O308L3N0eWxlPjwvZGVmcz48dGl0bGU+566h55CG44OE44O844OraWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuODEsMy4zMWgtMWEuNjQuNjQsMCwwLDAsMCwxLjI4aDFhMSwxLDAsMCwxLDEsMVY3Ljc1SDIuNVY1LjU5YTEsMSwwLDAsMSwxLTFoMWEuNjQuNjQsMCwwLDAsMC0xLjI4aC0xQTIuMjgsMi4yOCwwLDAsMCwxLjIyLDUuNTlWMTYuN0EyLjI4LDIuMjgsMCwwLDAsMy41LDE5SDE2LjgxYTIuMjgsMi4yOCwwLDAsMCwyLjI4LTIuMjhWNS41OUEyLjI4LDIuMjgsMCwwLDAsMTYuODEsMy4zMVptMCwxNC4zOUgzLjVhMSwxLDAsMCwxLTEtMVY5SDE3LjhWMTYuN0ExLDEsMCwwLDEsMTYuODEsMTcuN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjIxLDQuNTloMmEuNjQuNjQsMCwxLDAsMC0xLjI4aC0yYS42NC42NCwwLDAsMCwwLDEuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNyw2LjI4YS42NC42NCwwLDAsMCwuNjQtLjY0VjIuMDZhLjY0LjY0LDAsMCwwLTEuMjgsMFY1LjY0QS42NC42NCwwLDAsMCw3LDYuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNDMsNi4yOGEuNjQuNjQsMCwwLDAsLjY0LS42NFYyLjA2YS42NC42NCwwLDEsMC0xLjI4LDBWNS42NEEuNjQuNjQsMCwwLDAsMTMuNDMsNi4yOFoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 16px 16px;
    height: 35px;
    display: inline-block;
}
.block {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 0 20px;
}
.checkbox {
    margin-left: 30px;
}
.canvas {
    position: absolute;
    top: 19px;
}
.display-none {
    display: none;
}


.ap {
    position: relative;
    height: 100%;
    width: 100%;
}
.map {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(100% - 173px);
    width: 100%;
}
.map-full {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc(100% - 115px);
    width: 100%;
}
#scale {
    max-height: 140px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    padding-bottom: 10px;
}
.menu {
    width: 170px;
    -webkit-box-shadow: 3px 3px 5px #888888;
            box-shadow: 3px 3px 5px #888888;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    border-radius: 2px;
    position: fixed;
    display: none;
}
.menu-record {
    background-color: white;
}
.menu-record:hover {
    background-color: #ecf1fa;
    cursor: pointer;
}
.menu-item {
    font-size: 12px;
    padding: 5px 10px;
    display: block;
}
.marker--not-updated {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
}
.marker-info {
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    top: 50px;
    left: -5px;
    display: none;
    opacity: 0;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-name: show-marker-info;
            animation-name: show-marker-info;
}
img.marker-img {
    width: 48px;
    height: 48px;
}
.marker-img:hover + .marker-info {
    display: inline-block;
    opacity: 1;
    top: 50px;
}
.marker-info::before {
    content: "";
    position: absolute;
    bottom: 97%;
    left: 20px;
    border: 6px solid transparent;
    border-bottom: 6px solid white;
}
@-webkit-keyframes show-marker-info {
0% {
        display: none;
        opacity: 0;
        top: 30px;
}
1% {
        display: inline-block;
        opacity: 0;
        top: 30px;
}
100% {
        display: inline-block;
        opacity: 1;
        top: 50px;
}
}
@keyframes show-marker-info {
0% {
        display: none;
        opacity: 0;
        top: 30px;
}
1% {
        display: inline-block;
        opacity: 0;
        top: 30px;
}
100% {
        display: inline-block;
        opacity: 1;
        top: 50px;
}
}
.info-box {
    background-color: #5171cb
}
.info-box-title {
    color:#fff;
    padding: 4px 0px 4px 10px;
    display: block;
    font-size: 14px;
}
.info-box-table {
    background-color: #fff;
    color: #000;
}
button.transparent-copy-button {
    border: 1px solid #5171cb;
    border-radius: 5px;
    color: #5171cb;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    margin: 4px 8px 2px 8px;
    padding: 2px 8px;
    font-size: 8px;
    font-weight: bold;
    white-space:nowrap;
}
button.transparent-copy-button:active {
    background-color: #5171cb;
    opacity: 0.5;
}



button.marker-selected[data-v-a8743352] {
    padding-top: 1px;
    border: solid 1px #5171cb;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
button.marker-selected[data-v-a8743352]:active {
    /* for firefox -- prevent the moving a icon when clicked -- */
    padding-left: 6px;
    padding-right: 6px;
}
button.marker-non-selected[data-v-a8743352] {
    padding-top: 1px;
    border: solid 1px #fff;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
button.marker-non-selected[data-v-a8743352]:active {
    /* for firefox -- prevent the moving a icon when clicked -- */
    padding-left: 6px;
    padding-right: 6px;
}
img.marker-icon[data-v-a8743352] {
    margin-top: 1px;
    height: 36px;
    width: 36px;
}
img.marker-icon[data-v-a8743352]:active {
    margin-top: 1px;
}
.marker-panel[data-v-a8743352] {
    background: #fff;
    position: absolute;
    padding: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    width: 600px;
    max-height: 62vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.marker-panel-body[data-v-a8743352] {
    height: calc(62vh - 140px);
    padding: 0;
    font-size: 14px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.marker-icon[data-v-a8743352] {
    vertical-align: middle;
    text-align: center;
    width: 65px;
    padding: 5px 0;
}
.marker-icon-record[data-v-a8743352] {
    display: block;
    padding-left: 12px;
}
.sys-icon-desc[data-v-a8743352] {
    padding: 10px 20px;
    color: #848991;
    background-color: #f6f6f6;
    font-size: 12px;
}
.checkbox.el-checkbox[data-v-a8743352] {
    margin: 0;
}
.checkbox[data-v-a8743352] .el-checkbox__input.is-checked+.el-checkbox__label {
    color:#5171cb
}
.checkbox[data-v-a8743352] .el-checkbox__input.is-checked .el-checkbox__inner,
.checkbox[data-v-a8743352] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #5171cb;
    border-color: #5171cb
}



.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #ecf1fa !important;
}
.el-tree-node > .el-tree-node__content:hover {
    background-color: #ecf1fa !important;
}
.el-tree-node__content {
    height: 40px !important;
}
.el-tree-node__content img {
    margin-left: -20px !important;
    padding-right: 8px !important;
}
.el-tree-node__expand-icon {
    padding: 28px !important;
}



.tree-command-text[data-v-012853e5] {
    padding-left: 5px;
    display: inline-block;
    font-size: 12px;
    color: #5171cb;
    vertical-align: middle;
}
.tree-command-text[data-v-012853e5]:hover {
    opacity: 0.7;
}
button.tree-command-button[data-v-012853e5] {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    padding-top: 10px;
}
.tree-header-left[data-v-012853e5] {
    vertical-align: middle;
    padding-top: 12px;
    padding-left: 20px;
    float: left;
}
.tree-header-right[data-v-012853e5] {
    text-align : right;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 20px;
}
.treetitle[data-v-012853e5] {
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
    white-space: nowrap;
    height: 42px;
}
.modal-mask[data-v-012853e5] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-012853e5] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 630px;
}
.modal-default-button[data-v-012853e5] {
  float: right;
}
.el-select-dropdown__item[data-v-012853e5] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-012853e5] {
    color: #5171cb;
}
.common-object-tree.el-tree[data-v-012853e5] .el-tree-node {
    min-width: 300px;
}
.common-object-tree.el-tree[data-v-012853e5] {
    overflow-x: hidden;
    overflow-y: auto;
}
.common-object-tree.el-tree[data-v-012853e5] {
    width: 100%;
    height: calc(100vh - 105px);
}


.list {
    width: 0%;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}
.list.isOpen {
    width: 20%;
}
.mapArea {
    width: 80%;
}
.mapArea.full {
    width: 100%;
}
#maps {
    height: 100%;
    background-color: #fff;
}
table {
    border-collapse: collapse;
}
tr {
    position: relative;
}
td {
    position: relative;
}
tr.itemheader {
    border-top: 1px solid #eeeeee;
}
.talk-panel {
    position: relative;
    height: 100%;
    background-color: #ffffff;
}
.inner-panel {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.scrollable {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
select {
    height: 40px;
}
.search {
    width: 100%;
    background-color: #ecf1fa;
    display: table;
}
.serarch-contents {
    display: table-cell;
    vertical-align: middle;
}
.date-picker {
    display: inline-block;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.time-picker {
    display: inline-block;
    padding-left: 20px;
}
.display-target {
    display: inline-block;
    padding-left: 20px;
}
.display-tags {
    display: inline-block;
}
.p2p-tags {
    display: inline-block;
}
.peer-user {
    display: inline-block;
}
.selected-tag {
    display: inline-block;
    border: 1px solid;
    border-radius: 30px;
    border-color: #5171cb;
    background-color: #ffffff;
    color: #5171cb;
    margin: 5px;
    padding: 6px;
    padding-left: 10px;
}
.selected-tag>.closeTag {
    cursor: pointer;
    border-radius: 4px;
    margin: 4px;
}
.selected-tag>.closeTag:active {
    background-color: gray;
}
.date-picker>>>.el-input__inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2U2ZGI1O308L3N0eWxlPjwvZGVmcz48dGl0bGU+566h55CG44OE44O844OraWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuODEsMy4zMWgtMWEuNjQuNjQsMCwwLDAsMCwxLjI4aDFhMSwxLDAsMCwxLDEsMVY3Ljc1SDIuNVY1LjU5YTEsMSwwLDAsMSwxLTFoMWEuNjQuNjQsMCwwLDAsMC0xLjI4aC0xQTIuMjgsMi4yOCwwLDAsMCwxLjIyLDUuNTlWMTYuN0EyLjI4LDIuMjgsMCwwLDAsMy41LDE5SDE2LjgxYTIuMjgsMi4yOCwwLDAsMCwyLjI4LTIuMjhWNS41OUEyLjI4LDIuMjgsMCwwLDAsMTYuODEsMy4zMVptMCwxNC4zOUgzLjVhMSwxLDAsMCwxLTEtMVY5SDE3LjhWMTYuN0ExLDEsMCwwLDEsMTYuODEsMTcuN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjIxLDQuNTloMmEuNjQuNjQsMCwxLDAsMC0xLjI4aC0yYS42NC42NCwwLDAsMCwwLDEuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNyw2LjI4YS42NC42NCwwLDAsMCwuNjQtLjY0VjIuMDZhLjY0LjY0LDAsMCwwLTEuMjgsMFY1LjY0QS42NC42NCwwLDAsMCw3LDYuMjhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNDMsNi4yOGEuNjQuNjQsMCwwLDAsLjY0LS42NFYyLjA2YS42NC42NCwwLDEsMC0xLjI4LDBWNS42NEEuNjQuNjQsMCwwLDAsMTMuNDMsNi4yOFoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 16px 16px;
    height: 35px;
}
.time-picker>>>.el-input__inner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2U2ZGI1O308L3N0eWxlPjwvZGVmcz48dGl0bGU+566h55CG44OE44O844OraWNvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuMDgsMTkuMTdhOSw5LDAsMSwxLDktOUE5LjA1LDkuMDUsMCwwLDEsMTAuMDgsMTkuMTdabTAtMTYuNzhhNy43NCw3Ljc0LDAsMSwwLDcuNzQsNy43NEE3Ljc1LDcuNzUsMCwwLDAsMTAuMDgsMi4zOVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy44OSwxMy4zMmEuNjQuNjQsMCwwLDEtLjI5LS4wN0w5LjEyLDExVjUuMDhhLjY1LjY1LDAsMCwxLDEuMywwdjUuMWwzLjc3LDEuOWEuNjUuNjUsMCwwLDEtLjI5LDEuMjNaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    background-size: 16px 16px;
    height: 35px;
}
.overlayarea {
    height: 100%;
    width: 0px;
    right: 100%;
    left: auto;
    top: 0px;
    float: left;
}
.handle {
    position: absolute;
    top: calc(50% - 40px);
    left: 10px;
    width: 30px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.vertical-panes {
    width: 100%;
    height: 100vh;
    border: 1px solid #eee;
}
.vertical-panes > .pane {
    text-align: left;
    padding: 0px;
    overflow: hidden;
}
.vertical-panes > .pane ~ .pane {
    border-left: 1px solid #eee;
}


.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #ecf1fa !important;
}
.el-tree-node > .el-tree-node__content:hover {
    background-color: #ecf1fa !important;
}
.el-tree-node__content {
    height: 40px !important;
}
.el-tree-node__content img {
    margin-left: -20px !important;
    padding-right: 8px !important;
}
.el-tree-node__expand-icon {
    padding: 28px !important;
}



/* ::v-deep .el-pagination .el-select .el-input {
    width: 120px;
} */
.pagination-container[data-v-acccbf0c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: medium;
}
.pagination-button[data-v-acccbf0c] {
    background-color: white;
    color: #333b48;
    font-size: 20px;
    margin: 0 5px;
}
.pagination-button[data-v-acccbf0c]:disabled {
    background-color: transparent;
    color: #c0c4cc;
    cursor: not-allowed;
}
.pagination-button[data-v-acccbf0c]:hover:not(:disabled) {
    background-color: transparent;
    color: #5171cb;
}
.tree-command-text[data-v-acccbf0c] {
    padding-left: 5px;
    display: inline-block;
    font-size: 12px;
    color: #5171cb;
    vertical-align: middle;
}
.tree-command-text[data-v-acccbf0c]:hover {
    opacity: 0.7;
}
button.tree-command-button[data-v-acccbf0c] {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    padding-top: 10px;
}
.tree-header-left[data-v-acccbf0c] {
    text-align : right;
    vertical-align: middle;
    float: left;
}
.tree-header-right[data-v-acccbf0c] {
    text-align : right;
    vertical-align: middle;
    padding-right: 20px;
}
.treetitle[data-v-acccbf0c] {
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
    white-space: nowrap;
    height: 56px;
}
.modal-mask[data-v-acccbf0c] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-acccbf0c] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 630px;
}
.modal-default-button[data-v-acccbf0c] {
  float: right;
}
.el-select-dropdown__item[data-v-acccbf0c] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-acccbf0c] {
    color: #5171cb;
}
.common-object-tree.el-tree[data-v-acccbf0c] .el-tree-node {
    min-width: 300px;
}
.common-object-tree.el-tree[data-v-acccbf0c] {
    overflow-x: hidden;
    overflow-y: auto;
}
.common-object-tree.el-tree[data-v-acccbf0c] {
    width: 100%;
    height: calc(100vh - 175px);
}
.foundObject-record.selected[data-v-acccbf0c] {
    background-color: #ecf1fa;
}


.el-select-dropdown__item[data-v-e77e9e36] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-e77e9e36] {
    color: #5171cb;
}
.dialog-tree[data-v-e77e9e36] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-e77e9e36] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.dialog-body[data-v-6dd98e88] {
    max-height: calc(80vh - 170px);
    padding: 20px 30px;
    font-size: 14px;
    overflow: auto;
}
.middle-panel[data-v-6dd98e88] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 690px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -345px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.selected-target-group[data-v-6dd98e88] {
    padding-left: 10px;
}
.time-select-wrapper[data-v-6dd98e88] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* Makes the wrapper a flex container */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; /* Vertically aligns items in the center */
    margin-top: 10px; /* Optional: Adds some space between the radio group and time select */
}
.time-select-wrapper > *[data-v-6dd98e88] {
    margin-right: 5px; /* Optional: Adds some space between the time select elements */
}


table[data-v-2fe82125] {
    margin-top: 10px;
    border-collapse: collapse;
}
table[data-v-2fe82125], th[data-v-2fe82125], td[data-v-2fe82125] {
    border: 1px solid #dcdfe6;
    vertical-align: middle;
}
tr[data-v-2fe82125] {
    height: 2em;
}
th[data-v-2fe82125] {
    font-size: 12px;
}
td[data-v-2fe82125] {
    padding-left: 8px;
}
.csv-sample[data-v-2fe82125] {
    /* margin-top: 20px; */
}
.csv-sample-title[data-v-2fe82125] {
    opacity: 0.6;
}
.csv-sample-no-use[data-v-2fe82125] {
    opacity: 0.6;
    text-align: center;
}
button.download[data-v-2fe82125] {
    height: 35px;
    width: 150px;
    background-color: #f6f6f6;
    border-radius: 4px;
}
label[data-v-2fe82125] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
.dialog-description[data-v-2fe82125] {
    padding-top: 16px;
}
.downloadButton[data-v-2fe82125] {
    line-height: 33px;
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    border-radius: 4px;
    border: solid 1px;
    width: 150px;
    border-color: #dcdfe6;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
}
.import-step[data-v-2fe82125] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.import-step-title[data-v-2fe82125] {
    padding-top: 32px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
}
.import-step-description[data-v-2fe82125] {
    padding-bottom: 10px;
}
.selected-filename[data-v-2fe82125] {
    padding-left: 10px;
}
.button-icon[data-v-2fe82125] {
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
}
.el-tabs--border-card[data-v-2fe82125] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-2fe82125] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb !important;
}
.el-tabs--border-card[data-v-2fe82125] .el-tabs__header .el-tabs__item.is-active {
    color: #5171cb !important;
}
.el-tabs[data-v-2fe82125] .el-tabs__content {
    min-height: 520px;
}
a[data-v-2fe82125]:link { color: #333B48;
}
a[data-v-2fe82125]:visited { color: #333B48;
}
a[data-v-2fe82125]:hover { color: #333B48;
}
a[data-v-2fe82125]:active { color: #333B48;
}
a[data-v-2fe82125] { text-decoration: none;
}
.link-yes[data-v-2fe82125] {
    color: #5171cb;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.arrow_box[data-v-2fe82125] {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
    font-size: 14px;
    border-radius: 4px;
}
.arrow_box[data-v-2fe82125]:after, .arrow_box[data-v-2fe82125]:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box[data-v-2fe82125]:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box[data-v-2fe82125]:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #ddd;
	border-width: 11px;
	margin-left: -11px;
}


.qrcode[data-v-01a3468d] {
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
    position: relative;
}
.qrcode-img[data-v-01a3468d] {
    width: 300px;
}


.page[data-v-478e6a8c] {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow-x: scroll;
    white-space: nowrap;
}
.dialog-body[data-v-478e6a8c] {
    max-height: calc(80vh - 170px);
    padding: 20px 30px;
    font-size: 14px;
    overflow: auto;
}


.small-panel-local[data-v-5330655e] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 600px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -300px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
}



.input-with-select[data-v-78fa21ac] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-78fa21ac] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-78fa21ac] .el-button {
    width: 40px;
    padding: 0;
}



li[data-v-66a10457] {
  list-style:none;
}
.modal-mask[data-v-66a10457] {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.panel[data-v-66a10457] {
    background: #fff;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.modal-default-button[data-v-66a10457] {
  float: right;
}
input[type="radio"][data-v-66a10457]{
    outline: 0;
     -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RiZGVlNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPueuoeeQhuODhOODvOODq2ljb248L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3Ljg0LDUuMjNhMS4wNiwxLjA2LDAsMCwwLTEuNSwwTDguMTcsMTMuNCwzLjY0LDguODdhMS4wNiwxLjA2LDAsMCwwLTEuNSwxLjVsNS4yOCw1LjI4YTEuMDYsMS4wNiwwLDAsMCwxLjUsMGw4LjkyLTguOTJBMS4wNiwxLjA2LDAsMCwwLDE3Ljg0LDUuMjNaIi8+PC9zdmc+);
}
input[type="radio"][data-v-66a10457]:checked {
    outline: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzZlYTEzYTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPueuoeeQhuODhOODvOODq2ljb248L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3Ljg0LDUuMjNhMS4wNiwxLjA2LDAsMCwwLTEuNSwwTDguMTcsMTMuNCwzLjY0LDguODdhMS4wNiwxLjA2LDAsMCwwLTEuNSwxLjVsNS4yOCw1LjI4YTEuMDYsMS4wNiwwLDAsMCwxLjUsMGw4LjkyLTguOTJBMS4wNiwxLjA2LDAsMCwwLDE3Ljg0LDUuMjNaIi8+PC9zdmc+);
}
input[type="radio"][data-v-66a10457]:hover {
     cursor : pointer;
}
.authorized-user-record[data-v-66a10457] {
    border-bottom:1px #eee solid;
}
.authorized-user-record[data-v-66a10457]:hover {
    background-color: #ecf1fa;
}
.authorized-user-title[data-v-66a10457] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.authorized-user-header1[data-v-66a10457] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.authorized-user-header2[data-v-66a10457] {
    width: 15%;
    text-align:center;
}
.el-select-dropdown__item[data-v-66a10457] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-66a10457] {
    color: #5171cb;
}
.custom-checkbox-input[data-v-66a10457] {
  display: none;
}
.action-icon[data-v-66a10457] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.el-tabs--border-card[data-v-66a10457] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-66a10457] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-66a10457] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #f6f6f6;
    border: none;
}
.el-tabs--border-card[data-v-66a10457] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #ecf1fa;
}
.el-tabs__nav-scroll[data-v-66a10457] {
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-66a10457] .el-tabs__header {
    border: none;
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-66a10457] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-66a10457] {
    border: none;
}


tr.itemheader[data-v-2d4c7e40] {
}
.inner-panel[data-v-2d4c7e40] {
    position:relative;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.scrollable[data-v-2d4c7e40] {
    overflow: auto;
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    left: 0;
}
.command-area[data-v-2d4c7e40] {
    background-color: #ecf1fa;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    height: 56px;
    vertical-align: bottom;
}
.command-area img[data-v-2d4c7e40] {
  display: inline;
  vertical-align: middle;
  height: 25px;
  padding-left: 16px;
  padding-right: 4px;
}
.command-area-left[data-v-2d4c7e40] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}
.command-area-right[data-v-2d4c7e40] {
    padding-right: 24px;
    padding-top: 15px;
    text-align : right;
    vertical-align: middle;
}
.normal-command[data-v-2d4c7e40] {
    color: #5171cb;
}
.normal-command[data-v-2d4c7e40]:hover {
    opacity: 0.7;
}
.csv-progress-title[data-v-2d4c7e40] {
    padding: 10px 0 20px 0;
    text-align: center;
}
.bellList[data-v-2d4c7e40] {
    overflow: hidden;
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    left: 0;
}


.setting-items[data-v-8e997efc] {
    padding-top: 10px;
}
.setting-items[data-v-8e997efc] .el-slider__button {
    width: 12px;
    height: 12px;
    background-color: #5171cb;
    border: #5171cb;
}
.setting-items[data-v-8e997efc] .el-slider__bar {
    background-color: #5171cb;
}


.dialog-description[data-v-1a4cb508] {
    padding: 20px;
}
.dialog-body[data-v-1a4cb508] {
    padding: 20px;
    font-size: 14px;
}



.inner-panel-description[data-v-d8eb0362] {
    padding: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #fff;
    border-right: 1px #eee solid;
}
.record-header[data-v-d8eb0362] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.record-header-item[data-v-d8eb0362] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.user-talkgroup-record[data-v-d8eb0362] {
    border-bottom:1px #eee solid;
}
.record-item[data-v-d8eb0362] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
}



.object-value[data-v-255c20e2] {
    padding: 10px 10px;
}
.object-title[data-v-255c20e2] {
    padding: 10px 10px;
    font-size: 12px;
}
.icon-help[data-v-255c20e2] {
    height: 14px;
}
.title-box-right[data-v-255c20e2] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-255c20e2] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}



label.el-checkbox[data-v-4486d426] {
    margin-right: 5px;
    border: none;
    background-color: transparent;
}
label[data-v-4486d426] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
button.el-button.el-button--default[data-v-4486d426] {
    padding: 12px;
}
button.input-pass-check[data-v-4486d426] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 270px;
    top: 2px;
    font-size: 10px;
    z-index: 10;
    color: #848991;
}


.dialog-body[data-v-8d80bfbc] {
    padding: 20px;
    font-size: 14px;
}
.dialog-checkbox[data-v-8d80bfbc] {
    margin-top: 10px;
}
.dialog-title[data-v-8d80bfbc] {
    padding-top: 30px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 700;
    display: block;
}
.form-button-field[data-v-8d80bfbc] {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}
.checkAgreement[data-v-8d80bfbc] {
    padding: 20px;
    text-align: center;
}
.checkAgreement[data-v-8d80bfbc] .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-8d80bfbc] {
    background-color: #5171cb;
    border-color: #5171cb;
}
.checkAgreement[data-v-8d80bfbc] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #333b48;
}
.checkAgreement[data-v-8d80bfbc] .el-checkbox {
    color: #848991;
}



.dialog-tree[data-v-66996e26] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-66996e26] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.object-value[data-v-2f4a82c5] {
    padding: 10px 10px;
}
.object-title[data-v-2f4a82c5] {
    padding: 10px 10px;
    font-size: 12px;
}
.icon-help[data-v-2f4a82c5] {
    height: 14px;
}
.title-box-right[data-v-2f4a82c5] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-2f4a82c5] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}



.address-record-header[data-v-37a4b583] {
    width: 100%;
    background-color: #f6f6f6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.address-item-title[data-v-37a4b583] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.ip-address-record[data-v-37a4b583] {
    width: 100%;
    height: 40px;
    border-bottom:1px #eee solid;
}
.ip-address-record-no-border[data-v-37a4b583] {
    width: 100%;
    height: 40px;
    border-bottom: none;
}
.ip-address-record[data-v-37a4b583]:hover
{
    background-color: #ecf1fa;
}
.ip-address-record-header[data-v-37a4b583] {
    width: 100%;
    background-color: #f6f6f6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.receiver-item-value[data-v-37a4b583] {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
    color: #848991;
}
.receiver-item-command[data-v-37a4b583] {
    vertical-align: middle;
    width: 45px;
    color: #848991;
}


.ip-address-record[data-v-2836a92c] {
    color: #848991;
    border-bottom:1px #eee solid;
    display: block;
}
.object-value[data-v-2836a92c] {
    padding: 10px 10px;
}
.object-title[data-v-2836a92c] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-2836a92c] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-2836a92c] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-2836a92c] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}



.dialog-modal-mask[data-v-70afe096] {
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.large-panel[data-v-70afe096] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 80vh;
    margin-left: -500px;
    margin-top: -40vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.medium-panel[data-v-70afe096] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 750px;
    height: 60vh;
    margin-left: -375px;
    margin-top: -30vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.small-panel[data-v-70afe096] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 40vh;
    margin-left: -250px;
    margin-top: -20vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.dialog-title[data-v-70afe096] {
    padding: 8px 20px 4px 20px;
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
}
hr.dialog-hr[data-v-70afe096] {
    border: none;
    height: 1px;
    background-color: #eee;
    margin: 0.3px;
}
.dialog-body[data-v-70afe096] {
    height: -webkit-calc(100% - 140px);
    padding: 0;
    font-size: 14px;
    overflow: auto;
}



.setting-body[data-v-1e39043a] {
    height:465px;
    padding:0px;
    font-size: 14px;
}
.template-select-button[data-v-1e39043a] {
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.step-dialog-title[data-v-1e39043a] .el-step__title {
    font-size: 12px ;
    line-height: 25px ;
}
.step-dialog-title[data-v-1e39043a] .el-step__head.is-success {
    color: #5171cb;
    border-color: #5171cb;
}
.step-dialog-title[data-v-1e39043a] .el-step__title.is-success {
    color: #5171cb;
}
.step-dialog-title[data-v-1e39043a] {
    padding: 20px;
    width: 500px;
}
.item-titlebox[data-v-1e39043a] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item-titlebox-left[data-v-1e39043a] {
    padding: 10px 0 10px 15px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.input-form-setting[data-v-1e39043a] {
    padding-left: 15px;
    text-align: left;
}
.common-object-tree.el-tree[data-v-1e39043a] .el-tree-node {
    min-width: 300px;
}
.common-object-tree.el-tree[data-v-1e39043a] {
    overflow-x: hidden;
    overflow-y: auto;
}
.common-object-tree.el-tree[data-v-1e39043a] {
    width: 100%;
    height: 50vh;
}





.input-form-setting[data-v-52667c7d] {
    padding-left: 15px;
    text-align: left;
}
.el-form-item[data-v-52667c7d] {
    margin-right: 100px
}



.input-form-setting[data-v-6546c036] {
    padding-left: 15px;
    text-align: left;
}
.el-form-item[data-v-6546c036] {
    margin-right: 100px
}



.item-titlebox[data-v-5279acf4] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
    margin-bottom: 10px;
}
.item-titlebox-left[data-v-5279acf4] {
    padding: 10px 0 10px 15px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.el-form-item[data-v-5279acf4] {
    margin-left: 100px
}



.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    background-color: #fff;
    color: #606266;
}
.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0;
    background-color: #f6f6f6;
    color: #848991;
}


.setting-body[data-v-4b747c82] {
    padding:0;
    font-size: 14px;
}
.input-form-setting[data-v-4b747c82] {
    padding-left: 15px;
    text-align: left;
}
.el-form-item[data-v-4b747c82] {
    margin-right: 100px
}



.is-always-shadow[data-v-0c1133e4]
{
    background-color: #ecf1fa;
}
.is-hover-shadow[data-v-0c1133e4]:hover
{
    background-color: #ecf1fa;
}



.el-select-dropdown__item[data-v-108351ea] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-108351ea] {
    color: #5171cb;
}
.dialog-tree[data-v-108351ea] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-108351ea] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.template-select-button[data-v-a386d574] {
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.step-dialog-title[data-v-a386d574] .el-step__title {
    font-size: 12px ;
    line-height: 25px ;
}
.step-dialog-title[data-v-a386d574] .el-step__head.is-success {
    color: #5171cb;
    border-color: #5171cb;
}
.step-dialog-title[data-v-a386d574] .el-step__title.is-success {
    color: #5171cb;
}
.step-dialog-title[data-v-a386d574] {
    padding: 20px;
    width: 500px;
}
.item-titlebox[data-v-a386d574] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item-titlebox-left[data-v-a386d574] {
    padding: 10px 0 10px 15px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.input-form-setting[data-v-a386d574] {
    padding-left: 15px;
    text-align: left;
}
.detailed-header[data-v-a386d574] {
    width: 95%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-header-small[data-v-a386d574] {
    width: 70%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-table[data-v-a386d574] {
    width: 95%;
    margin-left: 20px;
}
.detailed-tr[data-v-a386d574] {
    border-bottom:1px #eee solid;
    overflow-wrap: anywhere;
}
.detailed-tr-bottom[data-v-a386d574] {
    border-bottom:none;
    overflow-wrap: anywhere;
}
.detailed-left[data-v-a386d574] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.title-box-left[data-v-a386d574] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}




.record-item[data-v-c6697a58] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    text-align: left;
    font-size: 12px;
}
.detailed-header[data-v-c6697a58] {
    width: 100%;
    background-color: #f6f6f6;
    font-size: 12px;
}
.detailed-tr[data-v-c6697a58] {
    border-bottom:1px #eee solid;
    overflow-wrap: anywhere;
}
.detailed-left[data-v-c6697a58] {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.title-box-left[data-v-c6697a58] {
    padding: 10px 10px 10px 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
button.transparent img[data-v-c6697a58] {
    display: inline;
    vertical-align: middle;
    height: 18px;
}
.ai-record-detail[data-v-c6697a58] {
    background-color:#ecf1fa;
    border-top: solid 1px #eee;
}
.ai-record-summary[data-v-c6697a58] {
    background-color:transparent;
    border-top: solid 1px #eee;
}



.object-value[data-v-20dfc09d] {
    padding: 10px 10px;
}
.object-title[data-v-20dfc09d] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-20dfc09d] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-20dfc09d] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.select-setting[data-v-20dfc09d] {
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
    width:35%;
    height:100%;
    valign:top
}
.vertical-line-addition[data-v-20dfc09d] {
    height: 100vh;
    margin: 0;
    padding: 0;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.header-item[data-v-20dfc09d] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    text-align: left;
    font-size: 12px;
    background-color: #f6f6f6;
    color: #848991;
}
button.transparent img[data-v-20dfc09d] {
    display: inline;
    vertical-align: middle;
    height: 18px;
}



.input-with-select[data-v-fae75878] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-fae75878] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-fae75878] .el-button {
    width: 40px;
    padding: 0;
}


.setting-items[data-v-ea19c030] {
    padding-top: 10px;
}
.setting-items[data-v-ea19c030] .el-slider__button {
    width: 12px;
    height: 12px;
    background-color: #5171cb;
    border: #5171cb;
}
.setting-items[data-v-ea19c030] .el-slider__bar {
    background-color: #5171cb;
}


.el-select-dropdown__item[data-v-13a974f3] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-13a974f3] {
    color: #5171cb;
}
.dialog-tree[data-v-13a974f3] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-13a974f3] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.el-select-dropdown__item[data-v-a29a384a] {
    font-size: 12px;
}
.el-select-dropdown__item.selected[data-v-a29a384a] {
    color: #5171cb;
}



.dialog-body-setting[data-v-5b0790c0] {
    height: calc(85vh - 180px);
    font-size: 14px;
    overflow: auto;
    padding: 20px;
}
.body-dictname[data-v-5b0790c0] {
    padding-left: 20px;
    font-size: 14px;
}
.body-lang[data-v-5b0790c0] {
    display: inline-block;
    width: 20%;
}
.body-phrase[data-v-5b0790c0] {
    width: 80%;
    float: right;
}
.header-line[data-v-5b0790c0] {
    margin-bottom: 10px;
}
div.header-line > td[data-v-5b0790c0] {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
}
.inner-scrollable[data-v-5b0790c0] {
    overflow-x: hidden;
    overflow-y: scroll;
    height:calc(85vh - 295px);
}
.phrase-record[data-v-5b0790c0] {
}
tr.phrase-record > td[data-v-5b0790c0] {
    padding: 7px 12px;
}
.phrase-column0[data-v-5b0790c0] {
    width: 27.5%;
}
.phrase-column1[data-v-5b0790c0] {
    width: 27.5%;
}
.phrase-column2[data-v-5b0790c0] {
    width: 15%;
}
.phrase-column3[data-v-5b0790c0] {
    width: 10%;
}
.gutter[data-v-5b0790c0] {
    width: 2.2% !important;
}
.phrase-column-error-bottom[data-v-5b0790c0] {
    padding-bottom: 20px;
}
.setting-items[data-v-5b0790c0] {
    margin-bottom: 0;
}
.column-button[data-v-5b0790c0] {
    text-align: center;
}


.medium-panel[data-v-62a2df85] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 64vh;
    margin-left: -300px;
    margin-top: -32vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.dialog-body[data-v-62a2df85] {
    font-size: 14px;
    padding-right: 25px;
    padding-left: 25px;
}
.import-step-title[data-v-62a2df85] {
    padding-top: 15px;
    padding-bottom: 12px;
    font-size: 12px;
    font-weight: bold;
}
.import-step-context[data-v-62a2df85] {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
}
.import-step-description[data-v-62a2df85] {
    padding-bottom: 3px;
}
label[data-v-62a2df85] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
.button-icon[data-v-62a2df85] {
    height: 18px;
    vertical-align: middle;
    margin-right: 4px;
}
.downloadButton[data-v-62a2df85] {
    line-height: 33px;
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    border-radius: 4px;
    border: solid 1px;
    width: 150px;
    border-color: #dcdfe6;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
}
.downloadErrorLogButton[data-v-62a2df85] {
    line-height: 33px;
    font-size: 14px;
    color: #ffffff;
    background-color: #ff1e1eed;
    border-radius: 4px;
    border: solid 1px;
    width: 230px;
    border-color: #ff1e1eed;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    outline: 0;
}
.selected-filename[data-v-62a2df85] {
    padding-left: 10px;
}
.comment[data-v-62a2df85] {
    padding-top:30px;
    padding-bottom: 15px;
}


.icon-help[data-v-bff5ed28] {
    height: 14px;
}
.title-box-right[data-v-bff5ed28] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-bff5ed28] {
    padding: 10px 10px 10px 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.object-item1[data-v-bff5ed28] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 12px;
}
.object-item2[data-v-bff5ed28] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 28px;
    font-size: 12px;
    width: 10%;
    text-align: center;
}
.object-item3[data-v-bff5ed28] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 28px;
    font-size: 12px;
    width: 6%;
    text-align: right;
}
.dict-title[data-v-bff5ed28] {
    background-color: #f6f6f6;
    color: #848991;
}
.dict-record[data-v-bff5ed28] {
    background-color:transparent;
    border-bottom: solid 1px #eee;
}
button.transparent img[data-v-bff5ed28] {
    display: inline;
    vertical-align: middle;
    height: 18px;
}



.title-box-left[data-v-00989a8e] {
    padding: 10px 10px 10px 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.dialog-button-field[data-v-00989a8e] {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
}
.select-option-item[data-v-00989a8e] {
    margin: 12px;
}


.icon-help[data-v-15d38d74] {
    height: 14px;
}
.title-box-right[data-v-15d38d74] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-15d38d74] {
    padding: 10px 10px 10px 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.object-item1[data-v-15d38d74] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 12px;
}
.object-item2[data-v-15d38d74] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 28px;
    font-size: 12px;
    width: 10%;
    text-align: right;
}
.dict-title[data-v-15d38d74] {
    background-color: #f6f6f6;
    color: #848991;
}
.dict-record[data-v-15d38d74] {
    background-color:transparent;
    border-bottom: solid 1px #eee;
}
button.transparent img[data-v-15d38d74] {
    display: inline;
    vertical-align: middle;
    height: 18px;
}



.dialog-body[data-v-31ac2906] {
    height: calc(65vh - 180px);
    font-size: 14px;
    overflow: auto;
    padding: 20px;
}
.setting-name-1[data-v-31ac2906] {
    padding-left: 20px;
    padding-top: 10px;
    vertical-align: middle;
}
.description[data-v-31ac2906] {
    padding-bottom: 20px;
}
.setting-switch[data-v-31ac2906] {
    text-align: right;
    padding-right: 20px;
}
.setting-switch-header[data-v-31ac2906] {
    text-align: right;
    padding-right: 20px;
    color: #848991;
    font-size: 12px;
}
.setting-input-header[data-v-31ac2906] {
    width: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    text-align: right;
    vertical-align: top;
}


.setting-item-record[data-v-1fdfd9d2] {
    border-bottom: 1px solid #eee;
    text-align: left;
}
.object-right-value[data-v-1fdfd9d2] {
    width: 65%;
    text-align: right;
    padding-right: 30px;
    color: #848991;
}
.object-value[data-v-1fdfd9d2] {
    width: 65%;
    color: #848991;
    text-align: left;
    padding-right: 80px;
    overflow-wrap: anywhere;
}
.setting-input-header[data-v-1fdfd9d2] {
    width: 35%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}


button.input-pass-check[data-v-03abf48c] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.el-select.select-two-phase-method-item[data-v-03abf48c] {
    width: 350px;
}
.middle-panel[data-v-03abf48c] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



button.input-pass-check[data-v-2b256ae7] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.el-select.select-two-phase-method-item[data-v-2b256ae7] {
    width: 350px;
}
.middle-panel[data-v-2b256ae7] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.confirmation-code-table[data-v-2b256ae7] {
    height: 120px;
}
.confirmation-code-block[data-v-2b256ae7] {
    width: 280px;
    font-size: 60px;
}



.dialoginputfield[data-v-26a9ad01] {
     height: 60px;
}
.findedUser-record[data-v-26a9ad01] {
   cursor: pointer;
}
.findedUser-record[data-v-26a9ad01]:hover {
   background-color: #ecf1fa;
}
.findedUser[data-v-26a9ad01] {
   padding: 10px 20px;
}
.input-with-select[data-v-26a9ad01] .el-input-group__prepend {
     background-color: #fff;
}
.input-with-select[data-v-26a9ad01] .el-select .el-input {
     font-size: 14px;
     width: 120px;
}
.input-with-select[data-v-26a9ad01] .el-button {
     width: 40px;
     padding: 0;
}
.el-input-group[data-v-26a9ad01] {
     width: 650px;
     padding-left: 20px;
     padding-bottom: 0;
}
.el-select-dropdown__item.selected[data-v-26a9ad01] {
     color: #000000;
}
.el-select-dropdown__item[data-v-26a9ad01] {
     font-size: 14px;
}
.inner-panel-dialog-wide[data-v-26a9ad01] {
	position:relative;
    height: calc(80vh - 180px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.inner-panel-dialog-narrow[data-v-26a9ad01] {
	position:relative;
    height: calc(80vh - 240px);
    margin: 0;
    overflow: auto;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.el-select-dropdown__item[data-v-26a9ad01] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-26a9ad01] {
    color: #5171cb;
}
.foundUser-record[data-v-26a9ad01] {
  cursor: pointer;
}
.foundUser-record[data-v-26a9ad01]:hover {
  background-color: #ecf1fa;
}
.foundUser[data-v-26a9ad01] {
  padding: 10px 20px;
}
.information-header[data-v-26a9ad01] {
    padding: 10px 0 10px 20px;
    color: #848991;
    background-color:#f6f6f6;
    font-size: 12px;
}
.two-phase-auth-info[data-v-26a9ad01] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #848991;
}
 
 

.object-value[data-v-7db846bf] {
    padding: 10px 10px;
}
.object-title[data-v-7db846bf] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-7db846bf] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-7db846bf] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-7db846bf] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.detailed-header[data-v-7db846bf] {
    width: 95%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-table[data-v-7db846bf] {
    width: 95%;
    margin-left: 20px;
}
.detailed-tr[data-v-7db846bf] {
    border-bottom:1px #eee solid;
}
.detailed-left[data-v-7db846bf] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.select-setting[data-v-7db846bf] {
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
    width:35%;
    height:100%;
    valign:top
}
.vertical-line-addition[data-v-7db846bf] {
    height: 100vh;
    margin: 0;
    padding: 0;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.code-guide-text[data-v-7db846bf] {
     font-size: 16px;
     font-weight: 600;
     color: #5171cb;
}
.search-form[data-v-7db846bf]{
    padding-bottom: 10px;
}
[data-v-7db846bf] .el-dialog__header .el-dialog__title {
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
}
[data-v-7db846bf] .el-dialog__body {
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 20px;
}




.middle-panel[data-v-f0372160] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



.object-value[data-v-c6071c1c] {
    padding: 10px 10px;
}
.object-title[data-v-c6071c1c] {
    padding: 10px 10px;
    font-size: 12px;
}


.el-textarea__inner {
    height: 40px;
    padding-top: 9px;
}


.el-textarea__inner[data-v-37968b2b] {
    height: 40px;
    padding-top: 9px;
}
.order-number-select[data-v-37968b2b] {
    width: 55px;
}


.dialog-body-setting[data-v-02a6db95] {
    height: calc(90vh - 180px);
    padding: 0;
    font-size: 14px;
    overflow: auto;
    padding: 20px;
}
.setting-switch[data-v-02a6db95] {
    text-align: right;
    padding-right: 20px;
}
.setting-switch-header[data-v-02a6db95] {
    text-align: right;
    padding-right: 20px;
    color: #848991;
    font-size: 12px;
}
.enableSwitch[data-v-02a6db95] {
    margin-bottom: 22px;
    padding-left: 20px;
}
.setting-items[data-v-02a6db95] {
}
.setting-items[data-v-02a6db95] .el-slider__button {
    width: 12px;
    height: 12px;
    background-color: #5171cb;
    border: #5171cb;
}
.disable-setting-items[data-v-02a6db95] .el-slider__button {
    width: 12px;
    height: 12px;
    background-color: #c0c4cc;
    border: #c0c4cc;
}
.setting-items[data-v-02a6db95] .el-slider__bar {
    background-color: #5171cb;
}
.setting-items[data-v-02a6db95] .el-radio__input.is-checked .el-radio__inner {
    background: #5171cb;
}
.setting-items[data-v-02a6db95] .el-radio__input.is-checked+.el-radio__label {
    color: #5171cb;
}
.setting-items[data-v-02a6db95] .el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner[data-v-02a6db95] {
    background: #f5f7fa;
}
.custom-url[data-v-02a6db95] .el-input-group__prepend {
    width: 100px;
}
.el-select[data-v-02a6db95] {
    width: 300px;
}
.setting-name-1[data-v-02a6db95] {
    padding-left: 20px;
    padding-top:20px;
    vertical-align:top;
}
.setting-name-2[data-v-02a6db95] {
    padding-left: 20px;
    padding-top:10px;
    vertical-align:top;
}
.setting-value[data-v-02a6db95] {
    padding-left: 20px;
    max-width:500px
}


.panel[data-v-3bfbd475] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 600px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -300px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}


.el-select-dropdown__item[data-v-1b01d534] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-1b01d534] {
    color: #5171cb;
}
.dialog-tree[data-v-1b01d534] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-1b01d534] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.el-slider[data-v-3e30d351] {
  /* width: 250px !important; */
  padding-left:10px;
  padding-right:20px
}
.setting-item-record[data-v-3e30d351] {
    border-bottom: 1px solid #eee;
}
.setting-switch[data-v-3e30d351] {
    text-align: right;
    padding-right: 20px;
}
.setting-switch-header[data-v-3e30d351] {
    text-align: right;
    padding-right: 20px;
    color: #848991;
    font-size: 12px;
}
.object-item1[data-v-3e30d351] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 12px;
}
.object-item2[data-v-3e30d351] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 28px;
    font-size: 12px;
    width: 10%;
    text-align: center;
}
.clientSetting-title[data-v-3e30d351] {
    background-color: #f6f6f6;
    color: #848991;
}
.clientSetting-record[data-v-3e30d351] {
    background-color:transparent;
    border-bottom: solid 1px #eee;
}
button.transparent img[data-v-3e30d351] {
    display: inline;
    vertical-align: middle;
    height: 18px;
}



.dialog-modal-mask[data-v-7c41d426] {
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.dialog-input-field[data-v-7c41d426] {
    height: 60px;
}
.title-box-command-normal[data-v-7c41d426] {
    font-size: 14px;
    color: #5171cb;
}
.default-message[data-v-7c41d426] {
    position: relative;
    top: 10%;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
}
button.transparent-button[data-v-7c41d426] {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}
.searched-user[data-v-7c41d426] {
  padding: 10px;
  padding-left: 29px;
  cursor: pointer;
}
.searched-user[data-v-7c41d426]:hover {
  background-color: #ecf1fa;
}
.input-with-select[data-v-7c41d426] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-7c41d426] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.el-input-group[data-v-7c41d426] {
    width: 650px;
    padding-left: 20px;
    padding-bottom: 0px;
}
.el-select-dropdown__item.selected[data-v-7c41d426] {
    color: #000000;
}
.el-select-dropdown__item[data-v-7c41d426] {
    font-size: 14px;
}
.input-with-select[data-v-7c41d426] .el-button {
    width: 40px;
    padding: 0;
}


.record-with-underline[data-v-72e9b75a] {
    border-bottom:1px #eee solid;
}
.input-with-select[data-v-72e9b75a] {
    width: 400px;
}
.input-with-select[data-v-72e9b75a] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-72e9b75a] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-72e9b75a] .el-button {
    width: 40px;
    padding: 0;
}
.input-with-select[data-v-72e9b75a] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select[data-v-72e9b75a] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select-dropdown__item[data-v-72e9b75a] {
    font-size: 14px;
}



button.input-pass-check[data-v-0776553d] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.el-select.select-two-phase-method-item[data-v-0776553d] {
    width: 350px;
}
.middle-panel[data-v-0776553d] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



.object-value[data-v-adca9a58] {
    padding: 10px 10px;
}
.object-title[data-v-adca9a58] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-adca9a58] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-adca9a58] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-adca9a58] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.detailed-header[data-v-adca9a58] {
    width: 95%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-table[data-v-adca9a58] {
    width: 95%;
    margin-left: 20px;
}
.detailed-tr[data-v-adca9a58] {
    border-bottom:1px #eee solid;
}
.detailed-left[data-v-adca9a58] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.select-setting[data-v-adca9a58] {
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
    width:35%;
    height:100%;
    valign:top
}
.vertical-line-addition[data-v-adca9a58] {
    height: 100vh;
    margin: 0;
    padding: 0;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.code-guide-text[data-v-adca9a58] {
     font-size: 16px;
     font-weight: 600;
     color: #5171cb;
}




button.input-pass-check[data-v-02f774a9] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.middle-panel[data-v-02f774a9] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.error-text[data-v-02f774a9] {
    color: red;
    height: 15px;
    margin-top: 1px;
    visibility: hidden;
}



.object-value[data-v-02ad4d7a] {
    padding: 10px 10px;
}
.object-title[data-v-02ad4d7a] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-02ad4d7a] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-02ad4d7a] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-02ad4d7a] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.detailed-header[data-v-02ad4d7a] {
    width: 95%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-table[data-v-02ad4d7a] {
    width: 95%;
    margin-left: 20px;
}
.detailed-tr[data-v-02ad4d7a] {
    border-bottom:1px #eee solid;
}
.detailed-left[data-v-02ad4d7a] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.select-setting[data-v-02ad4d7a] {
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
    width:35%;
    height:100%;
    valign:top
}
.vertical-line-addition[data-v-02ad4d7a] {
    height: 100vh;
    margin: 0;
    padding: 0;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.code-guide-text[data-v-02ad4d7a] {
     font-size: 16px;
     font-weight: 600;
     color: #5171cb;
}




button.input-pass-check[data-v-5d342249] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.el-select.select-two-phase-method-item[data-v-5d342249] {
    width: 350px;
}
.middle-panel[data-v-5d342249] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.el-select .el-input__inner {
    cursor: pointer;
    border-radius: 0;
    color: #606266;
    background-color: #fafafa;
}


.treetitle[data-v-e6321dca] {
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 20px; */
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    /* background-color: #f6f6f6; */
    color: #848991;
}
.table-column[data-v-e6321dca] {
    background-color: #f6f6f6;
    color: #848991;
}
.table-record[data-v-e6321dca] {
    background-color: transparent;
    border-bottom: solid 1px #eee;
}
.table-record[data-v-e6321dca]:hover {
    background-color: #ecf1fa;
}
.object-item1[data-v-e6321dca] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 12px;
}
.object-item2[data-v-e6321dca] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 28px;
    font-size: 12px;
    width: 10%;
    text-align: center;
}
.pagination-container[data-v-e6321dca] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: medium;
}
.pagination-button[data-v-e6321dca] {
    background-color: white;
    color: #333b48;
    font-size: 20px;
    margin: 0 5px;
}
.pagination-button[data-v-e6321dca]:disabled {
    background-color: transparent;
    color: #c0c4cc;
    cursor: not-allowed;
}
.pagination-button[data-v-e6321dca]:hover:not(:disabled) {
    background-color: transparent;
    color: #5171cb;
}


.object-value[data-v-2f220774] {
    padding: 10px 10px;
}
.object-title[data-v-2f220774] {
    padding: 10px 10px;
    font-size: 12px;
}
.header-value[data-v-2f220774] {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #848991;
    font-size: 12px;
}
.title-box-right[data-v-2f220774] {
    position: relative;
    text-align: right;
    vertical-align: middle;
    font-size: 12px;
    float: right;
}
.title-box-left[data-v-2f220774] {
    padding: 10px;
    padding-left: 20px;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.detailed-header[data-v-2f220774] {
    width: 95%;
    background-color: #f6f6f6;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
}
.detailed-table[data-v-2f220774] {
    width: 95%;
    margin-left: 20px;
}
.detailed-tr[data-v-2f220774] {
    border-bottom: 1px #eee solid;
}
.detailed-left[data-v-2f220774] {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 40%;
}
.select-setting[data-v-2f220774] {
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
    width: 35%;
    height: 100%;
}
.vertical-line-addition[data-v-2f220774] {
    height: 100vh;
    margin: 0;
    padding: 0;
    border-right: solid;
    border-color: #eee;
    border-width: 1px;
}
.code-guide-text[data-v-2f220774] {
    font-size: 16px;
    font-weight: 600;
    color: #5171cb;
}


.dialog-ok-button-dangerous[data-v-41c68dd7] {
    display: inline-block;
}
.el-button.dialog-ok-button-dangerous[data-v-41c68dd7] {
    font-size: 14px;
    height: 36px;
    min-width: 104px;
    padding: 0px 10px 0px 10px;
    color: #ffffff;
    background-color: #d55169;
    display: inline-block;
    border-color: #d55169;
}
.el-button.dialog-ok-button-dangerous[data-v-41c68dd7]:hover,
.el-button.dialog-ok-button-dangerous[data-v-41c68dd7]:active,
.el-button.dialog-ok-button-dangerous[data-v-41c68dd7]:focus {
    color: #ffffff;
    background-color: #d55169;
    border-color: #d55169;
    opacity: 0.8;
}


.table-column[data-v-217373a2] {
    background-color: #f6f6f6;
    color: #848991;
}
.table-column[data-v-217373a2] {
    background-color: #f6f6f6;
    color: #848991;
}
.object-item1[data-v-217373a2] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    font-size: 14px;
}
.el-button.dangerous-enable-command-button[data-v-217373a2] {
    font-size: 14px;
    padding: 10px 30px;
    padding-left: 10px;
    padding-right: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    background-color: #d55169;
    cursor: pointer;
}
.el-button.dangerous-enable-command-button[data-v-217373a2]:hover,
.el-button.dangerous-enable-command-button[data-v-217373a2]:active,
.el-button.dangerous-enable-command-button[data-v-217373a2]:focus {
    color: #ffffff;
    background-color: #d55169;
    border-color: #d55169;
    opacity: 0.8;
}
.el-button.dangerous-disable-command-button[data-v-217373a2] {
    font-size: 14px;
    padding: 10px 30px;
    padding-left: 10px;
    padding-right: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    background-color: #d55169;
    cursor: not-allowed;
}
.el-button.dangerous-disable-command-button[data-v-217373a2],
.el-button.dangerous-disable-command-button[data-v-217373a2],
.el-button.dangerous-disable-command-button[data-v-217373a2] {
    color: #ffffff;
    background-color: #d55169;
    opacity: 0.3;
}
.el-button.dangerous-disable-command-button[data-v-217373a2]:hover,
.el-button.dangerous-disable-command-button[data-v-217373a2]:active,
.el-button.dangerous-disable-command-button[data-v-217373a2]:focus {
    color: #ffffff;
    background-color: #d55169;
    opacity: 0.3;
}


.payload-sample-modal[data-v-3c0c6a0c] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 500px;
    max-height: 80vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}
.sample-dialog-modal-mask[data-v-3c0c6a0c] {
    position: absolute;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.confirm-body[data-v-3c0c6a0c] {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}


.error-text[data-v-7a42e790] {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1.5;
    margin-left: 10px;
}
.dialog-title-container[data-v-7a42e790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dialog-title[data-v-7a42e790] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-align: left;
}
.dialog-button-group[data-v-7a42e790] {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.sample-dialog-button[data-v-7a42e790] {
    margin: 10px;
}
.dropdown-label[data-v-7a42e790] {
    width: 150px;
}


.el-select-dropdown__item[data-v-25d88710] {
    font-size: 12px;
}
.el-select-dropdown__item selected[data-v-25d88710] {
    color: #5171cb;
}
.dialog-tree[data-v-25d88710] .el-tree-node__content {
    min-height: 40px !important;
    height: auto !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-align: justify;
}
.dialog-tree[data-v-25d88710] .el-tree-node__expand-icon {
    padding: 0px 28px !important;
}



.token-modal[data-v-7938f2be] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-60%, -100%);
            transform: translate(-60%, -100%);
    width: 300px;
    max-height: 80vh;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}
.token-modal-mask[data-v-7938f2be] {
    position: absolute;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.dialog-title[data-v-7938f2be] {
    font-size: 18px;
    font-weight: bold;
}
.confirm-body[data-v-7938f2be] {
    font-size: 14px;
    color: #333;
}
.dialog-button-field[data-v-7938f2be] {
    text-align: right;
}
.dialog-ok-button[data-v-7938f2be] {
    background-color: #5171cb;
    color: white;
}


.dialog-modal-mask[data-v-151caa44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.small-panel[data-v-151caa44] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    width: 400px;
}
.dialog-title[data-v-151caa44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-align: left;
}
.dialog-title-container[data-v-151caa44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dialog-hr[data-v-151caa44] {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #ccc;
}
.confirm-body[data-v-151caa44] {
    font-size: 14px;
    color: #333;
}
.dialog-button-field[data-v-151caa44] {
    text-align: right;
}
.dialog-ok-button[data-v-151caa44] {
    background-color: #5171cb;
    color: white;
}


.el-tree-node__content img {
    margin-left: -20px !important;
    padding-right: 8px !important;
}



.inner-panel[data-v-7e6b2505] {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.keyvalut-header-record[data-v-7e6b2505] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.keyvalut-header-item[data-v-7e6b2505] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.keyvalut-header-text[data-v-7e6b2505] {
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}



table[data-v-9b9e1894] {
    border-collapse: collapse;
}
table.no-alert[data-v-9b9e1894] {
    height: 100%;
    width: 100%;
    cellpadding: 0;
    cellspacing: 0;
}
table.with-alert[data-v-9b9e1894] {
    height: calc(100% - 53px);
    width: 100%;
    cellpadding: 0;
    cellspacing: 0;
}
.treetitle[data-v-9b9e1894] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
}
.user-panel[data-v-9b9e1894] {
    height: 100%;
    background-color: #ffffff;
}
.inner-panel[data-v-9b9e1894] {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    background-color: #ffffff;
}
.scrollable[data-v-9b9e1894] {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: solid;
    border-color: #eee;
    border-width: 1px;
}
.command-area[data-v-9b9e1894] {
    background-color: #ecf1fa;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    height: 56px;
    vertical-align: bottom;
}
.command-area-left[data-v-9b9e1894] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}
.command-area-right[data-v-9b9e1894] {
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    vertical-align: middle;
}
.setting-table[data-v-9b9e1894] {
    padding-top: 20px;
    padding-left: 20px;
    width: 480px;
}
.optionItem[data-v-9b9e1894] {
    width: 500px;
}
.setting-tree.el-tree[data-v-9b9e1894] .el-tree-node {
    min-width: 300px;
}
.setting-tree.el-tree[data-v-9b9e1894] {
    overflow: auto;
}
.setting-tree.el-tree[data-v-9b9e1894] {
    width: 100%;
    height: calc(100vh - 120px);
}


.el-tabs--border-card[data-v-5954cb22] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-5954cb22] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-5954cb22] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #ffffff;
    border: none;
}
.el-tabs--border-card[data-v-5954cb22] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #f6f6f6;
}
.el-tabs__nav-scroll[data-v-5954cb22] {
    background: #f6f6f6;
}
.el-tabs--border-card[data-v-5954cb22] .el-tabs__header {
    border: none;
    background: #f6f6f6;
}
.el-tabs--border-card[data-v-5954cb22] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-5954cb22] {
    border: none;
}
.manual-title[data-v-5954cb22] {
    padding: 20px;
    font-size: 14px;
    color: #848991;
}
.manual-item-language[data-v-5954cb22] {
    padding: 10px;
    width: 120px;
}
.manual-body[data-v-5954cb22] {
    color: #848991;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}


.el-tabs--border-card[data-v-9d8dd546] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-9d8dd546] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-9d8dd546] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #ffffff;
    border: none;
}
.el-tabs--border-card[data-v-9d8dd546] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #f6f6f6;
}
.el-tabs__nav-scroll[data-v-9d8dd546] {
    background: #f6f6f6;
}
.el-tabs--border-card[data-v-9d8dd546] .el-tabs__header {
    border: none;
    background: #f6f6f6;
}
.el-tabs--border-card[data-v-9d8dd546] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-9d8dd546] {
    border: none;
}
.manual-title[data-v-9d8dd546] {
    padding: 20px;
    font-size: 14px;
    color: #848991;
}
.manual-header-record[data-v-9d8dd546] {
    background-color: #f6f6f6
}
.manual-record-item[data-v-9d8dd546] {
    padding:10px;
}
.manual-item-language[data-v-9d8dd546] {
    padding: 10px;
    width: 120px;
}
.manual-body[data-v-9d8dd546] {
    color: #848991;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}



.inner-panel[data-v-5afb16f6] {
    overflow-x: hidden;
    overflow-y: auto;
}
a[data-v-5afb16f6], a[data-v-5afb16f6]:hover, a[data-v-5afb16f6]:visited, a[data-v-5afb16f6]:link, a[data-v-5afb16f6]:active {
    color: #333B48;
    text-decoration: none;
}
td a[data-v-5afb16f6] {
    display: block;
}
.panel-group-title[data-v-5afb16f6] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
}
button.transparent[data-v-5afb16f6] {
    border-style: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    outline: 0;
    width: 100%;
}
.manual-category[data-v-5afb16f6] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
}
.manual-record[data-v-5afb16f6] {
    color: #848991;
    border-bottom:1px #eee solid;
    display: block;
}
.manual-record-selected[data-v-5afb16f6] {
    background-color: #ecf1fa;
    color: #848991;
    border-bottom:1px #eee solid;
    display: block;
}
.manual-record[data-v-5afb16f6]:hover {
    background-color: #ecf1fa;
}
.manual-name[data-v-5afb16f6] {
  padding: 10px;
  padding-left: 20px;
  color: #848991;
  font-size: 14px;
  vertical-align: middle;
}
.manual-size[data-v-5afb16f6] {
  padding: 10px;
  position: relative;
  text-align : right;
  vertical-align: middle;
  font-size: 14px;
}
.default-message[data-v-5afb16f6] {
    position: relative;
    top: 10%;
    color: #848991;
    text-align: center;
    vertical-align: middle;
}


.dialog-description[data-v-f3eb8e0c] {
    padding: 20px;
}
.dialog-body[data-v-f3eb8e0c] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: calc(80vh - 290px);
    overflow: auto;
}
.license-item-value[data-v-f3eb8e0c] .el-input-number {
    width: 160px;
}
.item[data-v-f3eb8e0c] .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff;
}



.dialog-description[data-v-74165cad] {
    padding: 20px;
}
.dialog-body[data-v-74165cad] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: calc(80vh - 290px);
    overflow: auto;
}
.license-item-value[data-v-74165cad] .el-input-number {
    width: 160px;
}
.item[data-v-74165cad] .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff;
}



.contract-change-notice[data-v-0bfd1586] {
    padding-left: 10px;
    color: #d55169;
    font-size: 14px;
    font-weight: normal;
}
.confirm-item-table > table[data-v-0bfd1586] {
    border-collapse: collapse;
    border-spacing: 0px;
}
.date-picker > .el-date-editor.el-input[data-v-0bfd1586], .el-date-editor.el-input__inner[data-v-0bfd1586] {
    width: 180px!important;
}
.dialog-form-item-price[data-v-0bfd1586] .el-input__inner {
    text-align: right;
}
.dialog-description[data-v-0bfd1586] {
    padding-bottom: 20px;
}
.dialog-body[data-v-0bfd1586] {
    height: calc(90vh - 210px);
    overflow: auto;
}
.dialog-body-year[data-v-0bfd1586] {
    height: calc(90vh - 260px);
    overflow: auto;
}
.dialog-body-confirm[data-v-0bfd1586] {
    height: calc(90vh - 5px);
}
.inputform[data-v-0bfd1586] {
    padding: 20px;
}
.icon-help[data-v-0bfd1586] {
    height: 14px;
}
.license-item-value[data-v-0bfd1586] .el-input-number {
    width: 170px;
}
.term-date[data-v-0bfd1586] {
    font-size: 14px;
}
.purchase-amount[data-v-0bfd1586] {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    font-size: 14px;
}
.contract-term[data-v-0bfd1586] {
    text-align: center;
    color:#848991;
    padding-top: 24px;
    padding-left: 20px;
    font-size: 14px;
}



.gmo-logo[data-v-1092fe9c] {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}
.gmo-logo-small[data-v-1092fe9c] {
    padding-left:72px;
    display: inline-block;
    vertical-align: middle;
}
.card-item-title[data-v-1092fe9c] {
    padding-left:10px;
    width:150px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.card-item-title_sm[data-v-1092fe9c] {
    font-size: 12px;
    padding-left:10px;
    width:150px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.credit-card-box[data-v-1092fe9c] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6;
}
.credit-card-information[data-v-1092fe9c] {
    padding: 10px;
}
.credit-card-record[data-v-1092fe9c] {
    padding-top: 10px;
}
.card-item[data-v-1092fe9c] {
    padding-left: 15px;
    padding-top: 10px;
    text-align: left;
/*    padding-bottom: 10px; */
}
.card-item-error[data-v-1092fe9c] {
    padding-left: 15px;
    padding-top: 10px;
}
.card-item[data-v-1092fe9c] .el-input__inner {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
.card-security-code[data-v-1092fe9c] {
    width: 65px;
    padding-right: 10px;
}
.card-security-code[data-v-1092fe9c] .el-input__inner {
    padding-left: 15px;
    text-align: left;
}
.card-number[data-v-1092fe9c] {
    width: 280px;
}
.card-number_sm[data-v-1092fe9c] {
    width: 205px;
}
.card-number[data-v-1092fe9c] .el-input__inner,
.card-number_sm[data-v-1092fe9c] .el-input__inner {
    padding-left: 15px;
    text-align: left;
}
.card-icon[data-v-1092fe9c] {
    height: 30px;
    padding: 10px;
}
.card-expire[data-v-1092fe9c] {
    width: 65px;
    padding-right: 10px;
}
.card-expire[data-v-1092fe9c] .el-input__inner {
    padding-left: 15px;
    text-align: left;
}
.card-holder[data-v-1092fe9c] {
    width: 280px;
}
.card-holder_sm[data-v-1092fe9c] {
    width: 205px;
}
.card-holder[data-v-1092fe9c] .el-input__inner,
.card-holder_sm[data-v-1092fe9c] .el-input__inner {
    padding-left: 15px;
    padding-right: 0px;
    text-align: left;
}
.title-font[data-v-1092fe9c] {
    font-size: 14px;
}
.title-font_sm[data-v-1092fe9c] {
    font-size:12px;
}
.errorMessage[data-v-1092fe9c] {
    color: #d55169;
    font-size: 11px;
    height: 11px;
    padding-top: 4px;
}


.dialog-description[data-v-6f299412] {
    padding: 20px;
}
.dialog-body[data-v-6f299412] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    height: calc(90vh - 230px);
    overflow: auto;
}
.dialog-body-confirm[data-v-6f299412] {
    height: calc(90vh - 5px);
}
.credit-card-box[data-v-6f299412] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6;
    width: 520px;
}
.license-item-value[data-v-6f299412] .el-input-number {
    width: 160px;
}
.item[data-v-6f299412] .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff;
}
.item[data-v-6f299412] .el-radio__input.is-checked .el-radio__inner {
    background: #5171cb;
}
.item[data-v-6f299412] .el-radio__input.is-checked+.el-radio__label {
    color: #5171cb;
}
.iframe-container[data-v-6f299412] {
    width: 100%;
    height: 90vh;
}
.iframe-container iframe[data-v-6f299412] {
    width: 100%;
    height: 100%;
    border: none;
}



.dialog-description[data-v-10a898b6] {
    padding: 20px;
}
.dialog-body[data-v-10a898b6] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: calc(80vh - 290px);
    overflow: auto;
}
.license-item-value[data-v-10a898b6] .el-input-number {
    width: 160px;
}
.item[data-v-10a898b6] .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff;
}



.dialog-description[data-v-59c68a76] {
    padding: 20px;
}
.dialog-body[data-v-59c68a76] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: calc(80vh - 290px);
    overflow: auto;
}
.license-item-value[data-v-59c68a76] .el-input-number {
    width: 160px;
}
.item[data-v-59c68a76] .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff;
}



.plan-name[data-v-5c110ca8] {
    font-size: 18px;
    font-weight: bolder;
}
.plan-status[data-v-5c110ca8] {
    padding-left: 20px;
    font-size: 14px;
    color: #d55169;
    font-weight: bolder;
}
.plan-description[data-v-5c110ca8] {
    height: 90px;
    padding-top: 10px;
    font-size: 14px;
    vertical-align: top;
}
.purchase-button[data-v-5c110ca8] {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}


th.feature-selected {
    padding-top: 10px;
    text-align: center !important;
    background-color: #f6f6f6;
}
.feature-selected {
    padding-top: 10px;
    text-align: center !important;
    background-color: #f6f6f6;
}
.feature-non-selected {
    padding: 10px;
    text-align: center !important;
}


.item-record[data-v-285f0ae8] {
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
}
.description-table[data-v-285f0ae8] {
    width:100%;
    text-align:center;
}


.alertfield[data-v-ed1fae50] {
    margin-left: -10px;
    margin-top: -10px;
    width: calc(100% + 20px);
}
.alertrecord[data-v-ed1fae50] {
    background-color: #d55169;
    color: #ffffff;
    text-align: center;
    display: table-cell;
    height: 40px;
    padding-top: 10px;
}
.el-button.auto-update[data-v-ed1fae50] {
    font-size: 14px;
    color: #5171cb;
    border: none;
}
.el-button.auto-update[data-v-ed1fae50]:hover {
    background: transparent;
}
.el-button.auto-update-disabled[data-v-ed1fae50] {
    font-size: 14px;
    border: none;
    background: transparent;
    color: #848991;
    cursor: not-allowed;
}
.el-inputpartner[data-v-ed1fae50] {
    width: 400px;
}
.el-inputcontractdate[data-v-ed1fae50] {
    width: 200px;
}
.license-change-title[data-v-ed1fae50] {
    padding: 5px;
}
.license-change-input[data-v-ed1fae50] {
    padding-top: 5px;
    padding-bottom: 5px;
}
.license-description[data-v-ed1fae50] {
    padding: 5px;
    font-size: 12px;
}
.popup-box-command[data-v-ed1fae50] {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.license-table[data-v-ed1fae50] {
    margin: 20px 30px;
}
.license-title-box[data-v-ed1fae50] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
}
.license-title-box-left[data-v-ed1fae50] {
    padding: 10px 0 10px 28px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.license-title-box-right[data-v-ed1fae50] {
    padding: 10px 28px 10px 28px;
    position: relative;
    width: 50%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
    font-size: 12px;
}
.selectedrecord[data-v-ed1fae50] {
    width: 100%;
    border-bottom:1px #eee solid;
    background-color: #ecf1fa;
}
.contractMode-record[data-v-ed1fae50] {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
.icon-contract-status[data-v-ed1fae50] {
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}


.confirm-panel[data-v-147602fe] {
    text-align: center;
    padding-bottom: 20px;
    background-color: #ecf1fa;
}
.title[data-v-147602fe] {
    padding-top: 10px;
}
.description[data-v-147602fe] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.confirm-message[data-v-147602fe] {
    padding-top: 50px;
}
.confirm-error[data-v-147602fe] {
    padding-bottom: 15px;
    height: 35px;
    color: #d55169;
}
.check-number[data-v-147602fe] {
    width: 45px;
    padding-left: 15px;
    font-size: 20px;
}
.check-number-sm[data-v-147602fe] {
    width: 40px;
    padding-left: 4px;
    font-size: 20px;
}
.check-code[data-v-147602fe] .el-input__inner {
    padding-left: 15px;
}
.check-code-sm[data-v-147602fe] .el-input__inner {
    padding-left: 14px;
    padding-right: 0px;
}
.console-logo[data-v-147602fe] {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 36px;
}



.confirm-panel[data-v-1f0c5c42] {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ecf1fa;
}
.el-input-half-item[data-v-1f0c5c42] {
    width: 100px;
}
.el-input.el-input-half-item[data-v-1f0c5c42] .el-form-item__error {
    margin-left: 0px;
}
.el-input-half-item[data-v-1f0c5c42] .el-form-item__error {
    margin-left: 0px;
}
.el-input-half-item .el-input .el-input--large[data-v-1f0c5c42] .el-form-item__error {
    margin-left: 0px;
}
.el-input-half-item[data-v-1f0c5c42] .el-input__inner {
    padding-left: 10px;
}
.el-input-half-item[data-v-1f0c5c42] .el-input {
    width: 100px;
}
.dialog-form-item > .el-form-item.is-success[data-v-1f0c5c42] {
    margin-bottom: 22px;
}
.el-form-item.el-form-half-item[data-v-1f0c5c42] {
    margin-bottom: 30px;
}
.form-item-label[data-v-1f0c5c42] {
    text-align: left;
}
.form-button-field[data-v-1f0c5c42] {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}
.check-code[data-v-1f0c5c42] {
    text-align: center;
    padding-top: 30px;
}
.check-number[data-v-1f0c5c42] {
    width: 45px;
    padding-left: 15px;
    font-size: 20px;
}
.check-code[data-v-1f0c5c42] .el-input__inner {
    padding-left: 15px;
}
.confirm-message[data-v-1f0c5c42] {
    padding-top: 40px;
    text-align: center;
}
.confirm-error[data-v-1f0c5c42] {
    padding-bottom: 15px;
    height: 20px;
    color: #d55169;
}



.credit-card-box[data-v-28f0b2e2] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6;
}
.iframe-container[data-v-28f0b2e2] {
    width: 100%;
    height: 90vh;
}
.iframe-container iframe[data-v-28f0b2e2] {
    width: 100%;
    height: 100%;
    border: none;
}


.license-title-box[data-v-4dbe32f5] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
}
.license-title-box-left[data-v-4dbe32f5] {
    padding: 10px 0 10px 28px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.license-title-box-right[data-v-4dbe32f5] {
    padding: 10px 28px 10px 28px;
    position: relative;
    width: 50%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
    font-size: 12px;
}
.account-record[data-v-4dbe32f5] {
    width: 100%;
    border-bottom:1px #eee solid;
}
.account-record-no-hover[data-v-4dbe32f5] {
    width: 100%;
    border-bottom:1px #eee solid;
}
.account-record[data-v-4dbe32f5]:hover
{
    background-color: #ecf1fa;
}
.account-record-bottom[data-v-4dbe32f5] {
    width: 100%;
    border-bottom:none;
}
.account-record-bottom-no-hover[data-v-4dbe32f5] {
    width: 100%;
    border-bottom:none;
}
.account-record-bottom[data-v-4dbe32f5]:hover
{
    background-color: #ecf1fa;
}
.account-record-header[data-v-4dbe32f5] {
    width: 100%;
    background-color: #f6f6f6;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.account-item-title[data-v-4dbe32f5] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.account-item-no-update[data-v-4dbe32f5] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
    color: #848991;
}
.account-item-value[data-v-4dbe32f5] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
    color: #333b38;
}
.account-command[data-v-4dbe32f5] {
  position: relative;
  text-align : right;
  vertical-align: middle;
}
.account-command-left[data-v-4dbe32f5] {
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
  float: left;
}
.account-command-right[data-v-4dbe32f5] {
  padding-right: 20px;
  position: relative;
  text-align : right;
  vertical-align: middle;
}
.account-command img[data-v-4dbe32f5] {
  display: inline;
  vertical-align: middle;
  height: 18px;
  padding-right: 4px;
}
.el-tabs--border-card[data-v-4dbe32f5] {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.el-tabs--border-card[data-v-4dbe32f5] .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #5171cb;
    opacity: 0.7;
}
.el-tabs--border-card[data-v-4dbe32f5] .el-tabs__header .el-tabs__item.is-active {
    color: #848991;
    background: #f6f6f6;
    border: none;
}
.el-tabs--border-card[data-v-4dbe32f5] .el-tabs__header .el-tabs__item {
    color: #5171cb;
    background: #ecf1fa;
}
.el-tabs__nav-scroll[data-v-4dbe32f5] {
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-4dbe32f5] .el-tabs__header {
    border: none;
    background: #ecf1fa;
}
.el-tabs--border-card[data-v-4dbe32f5] .el-tabs__content {
    padding: 0px;
}
.el-tabs--border-card[data-v-4dbe32f5] {
    border: none;
}
.bluetext[data-v-4dbe32f5] {
    color: #5171cb;
}


.invoice-titlebox[data-v-6ca0e164] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
}
.invoice-titlebox-left[data-v-6ca0e164] {
    padding: 10px 0 10px 28px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.invoice-titlebox-right[data-v-6ca0e164] {
    padding: 10px 28px 10px 28px;
    position: relative;
    width: 50%;
    display: table-cell;
    text-align : right;
    vertical-align: middle;
    font-size: 12px;
}
.billing-info-header[data-v-6ca0e164] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.billing-total-title[data-v-6ca0e164] {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}
.billing-total-value[data-v-6ca0e164] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
    width: 140px;
    text-align: right;
}
.invoice-table[data-v-6ca0e164] {
    margin: 20px 30px;
    min-width: 630px;
}
.invoice-table[data-v-6ca0e164] .el-table {
    color: inherit;
}
.invoice-table[data-v-6ca0e164] .el-table th {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #848991;
    font-size: 12px;
    font-weight: normal;
    background-color: #f1f3f7;
}
.invoice-table[data-v-6ca0e164] .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: transparent;
}
.invoice-table[data-v-6ca0e164] .el-table .cell {
    padding-left: 20px;
}


.date-picker[data-v-01f85054] {
    padding-top: 0px;
    padding-bottom: 0px;
}
.date-picker[data-v-01f85054] .el-input__inner {
    height: 36px;
}
.billing-panel[data-v-01f85054] {
	height: 100%;
	overflow-y: auto;
	min-width: 630px;
}
.inner-panel[data-v-01f85054] {
	position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
	background-color: #ffffff;
}
.invoice-table[data-v-01f85054] {
    margin: 20px;
}



.dialog-modal-mask[data-v-24e1650a] {
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.dialog-input-field[data-v-24e1650a] {
    height: 60px;
}
.title-box-command-normal[data-v-24e1650a] {
    font-size: 14px;
    color: #5171cb;
}
.default-message[data-v-24e1650a] {
    position: relative;
    top: 10%;
    opacity: 0.6;
    text-align: center;
    vertical-align: middle;
}
button.transparent-button[data-v-24e1650a] {
    border-style: none;
    color: #333B48;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
}
.searched-user[data-v-24e1650a] {
  padding: 10px;
  padding-left: 29px;
  cursor: pointer;
}
.searched-user[data-v-24e1650a]:hover {
  background-color: #ecf1fa;
}
.input-with-select[data-v-24e1650a] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-24e1650a] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.el-input-group[data-v-24e1650a] {
    width: 650px;
    padding-left: 20px;
    padding-bottom: 0px;
}
.el-select-dropdown__item.selected[data-v-24e1650a] {
    color: #000000;
}
.el-select-dropdown__item[data-v-24e1650a] {
    font-size: 14px;
}
.input-with-select[data-v-24e1650a] .el-button {
    width: 40px;
    padding: 0;
}


.record-with-underline[data-v-59e04bae] {
    border-bottom:1px #eee solid;
}
.input-with-select[data-v-59e04bae] {
    width: 400px;
}
.input-with-select[data-v-59e04bae] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-59e04bae] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-59e04bae] .el-button {
    width: 40px;
    padding: 0;
}
.input-with-select[data-v-59e04bae] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select[data-v-59e04bae] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select-dropdown__item[data-v-59e04bae] {
    font-size: 14px;
}



.record-with-underline[data-v-fc6543a0] {
    border-bottom:1px #eee solid;
}
.input-with-select[data-v-fc6543a0] {
    width: 400px;
}
.input-with-select[data-v-fc6543a0] .el-input-group__prepend {
    background-color: #fff;
}
.input-with-select[data-v-fc6543a0] .el-select .el-input {
    font-size: 14px;
    width: 120px;
}
.input-with-select[data-v-fc6543a0] .el-button {
    width: 40px;
    padding: 0;
}
.input-with-select[data-v-fc6543a0] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select[data-v-fc6543a0] .el-input__inner {
    font-size: 14px;
    padding-left: 10px;
}
.el-select-dropdown__item[data-v-fc6543a0] {
    font-size: 14px;
}



table[data-v-0bb2216e] {
    border-collapse: collapse;
}
.treetitle[data-v-0bb2216e] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
    width: 100%;
    vertical-align: middle;
    background-color: #f6f6f6;
    color: #848991;
}
.user-panel[data-v-0bb2216e] {
	height: 100%;
	background-color: #ffffff;
}
.inner-panel[data-v-0bb2216e] {
	position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
	background-color: #ffffff;
}
.scrollable[data-v-0bb2216e] {
	overflow: auto;
	position: absolute;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
    border-top: solid;
    border-color: #eee;
    border-width: 1px;
}
.command-area[data-v-0bb2216e] {
    background-color: #ecf1fa;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 20px;
    height: 56px;
    vertical-align: bottom;
}
.command-area-left[data-v-0bb2216e] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left;
}
.command-area-right[data-v-0bb2216e] {
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align : right;
    vertical-align: middle;
}
.setting-table[data-v-0bb2216e] {
    padding-top: 20px;
    padding-left: 20px;
    width: 480px;
}
.optionItem[data-v-0bb2216e] {
    width: 500px;
}
.rights-tree.el-tree[data-v-0bb2216e] .el-tree-node {
    min-width: 300px;
}
.rights-tree.el-tree[data-v-0bb2216e] {
    overflow: auto;
}
.rights-tree.el-tree[data-v-0bb2216e] {
    width: 100%;
    height: calc(100vh - 120px);
}



.el-switch__label.log-switch[data-v-f420332a] {
    color: #848991;
}
.el-switch__label.log-switch.is-active[data-v-f420332a] {
    color: #5171cb;
}
.inner-panel[data-v-f420332a] {
	position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
	background-color: #ffffff;
}
.information-header[data-v-f420332a] {
    padding: 10px 0 10px 20px;
    color: #848991;
    background-color:#f6f6f6;
    font-size: 12px;
}
.information-header-left[data-v-f420332a] {
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
  float: left;
}
.information-header-right[data-v-f420332a] {
  padding-right: 10px;
  position: relative;
  text-align : right;
  vertical-align: middle;
  font-size: 12px;
}
.partner-record-title[data-v-f420332a] {
  width: 100%;
  background-color: #f6f6f6;
}
.partner-record[data-v-f420332a] {
    border-bottom:1px #eee solid;
}
.partner-item-title[data-v-f420332a] {
    width: 40%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 14px;
}
.audit-log[data-v-f420332a] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #848991;
}


label[data-v-4ff7a13c] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
.selected-filename[data-v-4ff7a13c] {
    padding-left: 10px;
}



label[data-v-d1e2ed2e] {
    font-size: 14px;
    color: #333B48;
    background-color: #f6f6f6;
    padding: 6px;
    border-radius: 4px;
    border: solid 1px;
    line-height: 33px;
    border-color: #dcdfe6;
    cursor: pointer;
}
.selected-filename[data-v-d1e2ed2e] {
    padding-left: 10px;
}



.setting-body[data-v-c8b15ca6] {
    height:465px;
    padding:0px;
    font-size: 14px;
}
.template-select-button[data-v-c8b15ca6] {
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.step-dialog-title[data-v-c8b15ca6] .el-step__title {
    font-size: 12px ;
    line-height: 25px ;
}
.step-dialog-title[data-v-c8b15ca6] .el-step__head.is-success {
    color: #5171cb;
    border-color: #5171cb;
}
.step-dialog-title[data-v-c8b15ca6] .el-step__title.is-success {
    color: #5171cb;
}
.step-dialog-title[data-v-c8b15ca6] {
    padding: 20px;
    width: 500px;
}
.item-titlebox[data-v-c8b15ca6] {
    width: 100%;
    background-color: #f6f6f6;
    display: table;
    border-bottom: 1px #fff solid;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item-titlebox-left[data-v-c8b15ca6] {
    padding: 10px 0 10px 15px;
    width: 50%;
    display: table-cell;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
}
.input-form-setting[data-v-c8b15ca6] {
    padding-left: 15px;
    text-align: left;
}
.url-panel[data-v-c8b15ca6] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 40%;
    top: 50%;
    width: 700px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}





.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #ecf1fa !important;
}
.el-tree-node > .el-tree-node__content:hover {
    background-color: #ecf1fa !important;
}
.el-tree-node__content {
    height: 40px !important;
}
.el-tree-node__content img {
    margin-left: -20px !important;
    padding-right: 8px !important;
}
.el-tree-node__expand-icon {
    padding: 28px !important;
}


.inner-panel[data-v-97df47d2] {
	position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
	background-color: #ffffff;
}
.key-tree.el-tree[data-v-97df47d2] .el-tree-node {
    min-width: 300px;
}
.key-tree.el-tree[data-v-97df47d2] {
    overflow: auto;
}
.key-tree.el-tree[data-v-97df47d2] {
    width: 100%;
    height: calc(100vh - 120px);
}
.keyvalut-header-record[data-v-97df47d2] {
    width: 100%;
    padding: 10px 0 10px 28px;
    display: table-row;
    color: #848991;
    font-size: 12px;
    vertical-align: middle;
    background-color: #f6f6f6;
}
.keyvalut-header-item[data-v-97df47d2] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 12px;
}
.keyvalut-header-text[data-v-97df47d2] {
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
}



button.input-pass-check[data-v-4a397d66] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.middle-panel[data-v-4a397d66] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}
.el-row[data-v-4a397d66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.el-col[data-v-4a397d66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.card-container[data-v-4a397d66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}
.el-card[data-v-4a397d66] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}
.card-content[data-v-4a397d66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 100%;
}
.card-icon[data-v-4a397d66] {
    width: 30%;
    height: 30%;
    margin-top: 10px;
}
.using-mark[data-v-4a397d66] {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #5171cb;
    color: white;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 0.8em;
}
.selected-card[data-v-4a397d66] {
    border: 2px solid #5171cb;
    -webkit-box-shadow: 0 4px 8px 0 rgba(81, 113, 203, 0.5);
            box-shadow: 0 4px 8px 0 rgba(81, 113, 203, 0.5);
}
.dialog-form-item[data-v-4a397d66] {
    overflow: hidden;
}
.dialog-body-small[data-v-4a397d66] {
    overflow: hidden;
}


button.input-pass-check[data-v-3c96335a] {
    border-style: none;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    position: absolute;
    height: 20px;
    width: 44px;
    left: 305px;
    top: 2px;
    z-index: 10;
    color: #848991;
    font-size: 10px;
}
.middle-panel[data-v-3c96335a] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}
.content-container[data-v-3c96335a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.qr-container[data-v-3c96335a] {
    width: 202px;
    height: 202px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f1f1f1;
}
.input-container[data-v-3c96335a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.register-button[data-v-3c96335a] {
    margin-top: 10px;
}
.code-input[data-v-3c96335a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  height: 40px;
  margin: 0 5px;
  font-size: 20px;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.code-input[data-v-3c96335a]:focus {
  border-color: #007bff;
  outline: none;
}
.dialog-body-small[data-v-3c96335a] {
    overflow: hidden;
}
.confirm-message[data-v-3c96335a] {
    padding-top: 10px;
}
.confirm-error[data-v-3c96335a] {
    padding-bottom: 15px;
    height: 35px;
    color: #d55169;
}



.middle-panel[data-v-19b559bb] {
    background: #fff;
    position: absolute;
    padding: 0;
    left: 50%;
    top: 50%;
    width: 580px;
    max-height: 80vh;
    margin-top: -40vh;
    margin-left: -250px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.confirm-panel[data-v-19b559bb] {
    text-align: center;
    padding-bottom: 20px;
}
.title[data-v-19b559bb] {
    padding-top: 10px;
}
.description[data-v-19b559bb] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.confirm-message[data-v-19b559bb] {
    padding-top: 50px;
}
.confirm-error[data-v-19b559bb] {
    padding-bottom: 15px;
    height: 35px;
    color: #d55169;
}
.dialog-body-small[data-v-19b559bb] {
    overflow: hidden;
}
.check-code[data-v-19b559bb] {
    padding-top: 30px;
    padding-left: 15px;
}
.code-input[data-v-19b559bb] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  height: 40px;
  margin: 0 5px;
  font-size: 20px;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 5px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.code-input[data-v-19b559bb]:focus {
  border-color: #007bff;
  outline: none;
}
.console-logo[data-v-19b559bb] {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 36px;
}



.method[data-v-7500cb7e] {
    height: 90px;
    padding-top: 10px;
    font-size: 14px;
    vertical-align: top;
}
.code-guide-text[data-v-7500cb7e] {
     font-size: 16px;
     font-weight: 600;
     color: #5171cb;
}
.two-phase-auth-info[data-v-7500cb7e] {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    color: #848991;
}
.record[data-v-7500cb7e] {
    border-bottom:1px #eee solid;
}
.information-header[data-v-7500cb7e] {
    padding: 10px 0 10px 20px;
    color: #848991;
    background-color:#f6f6f6;
    font-size: 12px;
}
.information-header-left[data-v-7500cb7e] {
  color: #848991;
  font-size: 12px;
  vertical-align: middle;
  float: left;
}
.information-header-right[data-v-7500cb7e] {
  padding-right: 10px;
  position: relative;
  text-align : right;
  vertical-align: middle;
  font-size: 12px;
}
.information-message[data-v-7500cb7e] {
    padding-bottom: 20px;
    font-size: 14px;
    text-align: center;
}



/*# sourceMappingURL=app.56f7deb35ac4608f7581.css.map*/