@charset "utf-8";
/* CSS Document */

/*reset部分*/
html {
    -webkit-text-size-adjust: none;
    font-family: Manrope;
    font-size: 12px;
    color: #000000;
}
body {
    /*	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/

    cursor: default;

    overflow-y: hidden;
    overflow-x: auto;
}
input,
button {
    font-family: Verdana, Geneva, sans-serif;
    color: #000000;
    background: #f0f0f0;
    border: 1px solid #acacac;
}
button:hover {
    color: #fff;
    background: #05c178;
}
label,
span,
a {
    vertical-align: middle;
}
a {
    color: #00A870;
}
noscript h2 {
    text-align: center;
    color: #00A870;
    font-size: 14px;
    font-weight: bold;
    margin-top: 40px;
}

/************widget 扩展******************/
div.widget-container {
    margin: 5px 0;
}
div.widget-container.inline-block {
    margin: 0;
}
/*div.widget-container.inline{
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}
div.widget-container.form-inner{
	margin-left: 27px;
}*/
div.widget-container div.widget-wrap {
    border: 1px solid transparent;
}
div.widget-container div.widget-wrap-outer {
    position: relative;
}
div.widget-wrap-outer.s {
    max-width: 520px;
}
div.widget-wrap-outer.m {
    max-width: 560px;
}
div.widget-wrap-outer.l {
    max-width: 600px;
}
div.widget-container.disabled div.widget-fieldlabel-wrap {
    color: #b2b2b2;
}
div.widget-container.disabled div.widget-checkbox-wrap {
    color: #b2b2b2;
}
div.widget-container.disabled div.widget-tips {
    color: #b2b2b2;
    vertical-align: middle;
}
div.widget-container div.widget-tips {
    /*margin-left: 9px;
	height: 90px;
	margin-top: -30px;*/
}
div.widget-container div.widget-tips div.tips-content {
    margin-left: 9px;
}

div.widget-container div.widget-error-tips {
    position: absolute;
    margin-left: -3px;
    margin-top: 36px;
    z-index: 98;
    display: none;
}
form#form-login div.widget-container div.widget-error-tips {
    margin-top: 30px;
}
div.widget-container div.widget-error-tips span.widget-error-tips-delta {
    display: block;
    background: url(../img/icons-02.png) no-repeat -329px -58px;
    width: 13px;
    height: 8px;

    position: absolute;
    left: 15px;
    top: -6px;
}
div.widget-container div.widget-error-tips div.widget-error-tips-wrap {
    /*box-shadow: 1px 1px 8px #898989;*/
    background-color: #ee385c;
    border-radius: 3px;
    padding: 10px 12px;
    color: white;

    min-width: 166px;
    max-width: 350px;
}
div.widget-container div.widget-error-tips div.widget-error-tips-wrap div.error-tips-content {
    white-space: nowrap;
    width: 100%;
}

/*div.widget-container.error div.widget-tips{
	color: #e00000;
}*/
/*div.widget-container div.widget-tips div.content{
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	white-space: normal;
	width: 100%;
}*/
div.widget-container div.widget-wrap input {
    background: transparent;
    color: #1a1a1a;
}
div.widget-container.page-container {
    position: static;
}
/*panel*/
div.panel-container {
    position: relative;
    margin-bottom: 40px;
}

div.panel-container .grid-panel {
    margin-bottom: 200px;
}
div.panel-container div.panel-header {
    /*border-bottom: 1px solid #cccccc;*/
}
div.editor-content-container div.panel-container div.panel-header {
    margin-left: -15px;
    margin-bottom: 20px;
}
div.panel-container div.panel-header h3.panel-title,
div.grid-container .panel-title {
    color: #2b2b2b;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 8px 0 8px 15px;
    background: #f0f0f0;
}
div.grid-container .panel-title {
    margin: 10px 0 12px;
}
div.panel-container div.panel-content {
    padding-top: 11px;
    padding-left: 15px;
}

/*textbox*/
div.textbox-container {
}
div.text-container div.widget-wrap {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    position: relative;
}
div.text-container div.widget-wrap span.text-wrap {
    display: inline-block;
}
div.text-container.read-only div.widget-wrap,
div.text-container.read-only.valid div.widget-wrap,
div.text-container.read-only.focus div.widget-wrap,
div.text-container.read-only div.widget-wrap:hover {
    background: transparent;
    border: 1px solid transparent;
}
div.text-container.read-only div.widget-wrap input.text-text {
    border-color: transparent;
    color: #000000;
}
div.text-container.disabled div.widget-wrap input.text-text {
    color: #b3b3b3;
}
div.text-container div.widget-wrap span.text-hint {
    position: absolute;
    left: 0;
    top: 0;
    margin: 1px;
}
div.text-container div.widget-wrap input.text-hint {
    border: 0px none;
    color: #b3b3b3;
    font-style: oblique;
    font-family: '微软雅黑';
    cursor: text;
}
div.text-container div.widget-wrap input.text-hint,
div.text-container div.widget-wrap input.text-text {
    padding: 2px 8px;
}

div.text-container div.widget-wrap input.text-hint.lp,
div.text-container div.widget-wrap input.text-text.lp {
    padding: 2px;
}

/*div.text-container div.widget-wrap:hover,*/
div.text-container.focus div.widget-wrap,
/*div.combobox-container div.widget-wrap:hover,*/
div.combobox-container.focus div.widget-wrap {
    border-color: #00A870;
}
div.text-container.error div.widget-wrap,
div.combobox-container.error div.widget-wrap {
    border-color: #ee385c;
}
div.text-container.disabled div.widget-wrap,
div.combobox-container.disabled div.widget-wrap {
    border-color: #e6e6e6;
    background-color: #e1e1e1;
}
div.combobox-container.read-only div.widget-wrap {
    background: transparent;
    border: 1px solid transparent;
}

/*password*/
div.password-container div.widget-wrap span.allow-visible-btn {
    display: inline-block;
    background: url(../img/icons-06.png) no-repeat -532px -85px;
    width: 18px;
    height: 18px;
    transform: scale(0.9);

    cursor: pointer;

    margin-right: 2px;
}
div.password-container div.widget-wrap span.allow-visible-btn.visible {
    background-position: -532px -69px;
}
div.password-container div.widget-wrap span.allow-visible-btn.disabled {
    cursor: default;
    background: none;
}
div.text-container.password-container.level {
    margin-bottom: 22px;
}
div.password-container div.password-level {
    position: absolute;
    top: 34px;
    left: -1px;
}
div.password-container div.password-level span.level {
    display: inline-block;
    width: 61px;
    height: 13px;
    line-height: 12px;

    background-color: #c9c9ca;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    margin-right: 1px;
}
/* 合并疑惑 */
/* div.password-container div.password-level span.level {
    display: inline-block;
    width: 61px;
    height: 13px;
    line-height: 12px;
} */
div.password-container div.widget-wrap div.password-level span.level.high {
    margin-right: 0;
}
div.password-container div.widget-wrap div.password-level.level-1 span.level.low {
    background-color: #ee385c;
}
div.password-container div.widget-wrap div.password-level.level-2 span.level.middle {
    background-color: #ffcb00;
}
div.password-container div.widget-wrap div.password-level.level-3 span.level.high {
    background-color: #00A870;
}

/*textarea*/
div.textarea-container {
}
div.textarea-container div.textarea-wrap {
    border: 1px solid #e6e6e6;
    overflow-x: hidden;
    overflow-y: auto;
}
div.textarea-container div.textarea-wrap textarea.textarea-text {
    text-indent: inherit;
    padding: 4px 0 4px 8px;
    line-height: 18px;
}
div.textarea-container.read-only div.widget-wrap,
div.textarea-container.read-only.valid div.widget-wrap,
div.textarea-container.read-only.focus div.widget-wrap,
div.textarea-container.read-only div.widget-wrap:hover {
    background: transparent;
    border: 1px solid transparent;
}
div.textarea-container.read-only div.widget-wrap textarea.textarea-text {
    background: transparent;
    color: #000000;
    padding-left: 12px;

    word-wrap: break-word;

    overflow: auto;
}

/*combobox*/
div.combobox-container div.widget-wrap {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
}
/*div.combobox-container.selected div.widget-wrap{
	border-color: #10abe1;
}*/

div.combobox-container div.combobox-wrap div.combobox-list-wrap div.combobox-list-content-wrap {
    max-height: 210px;
}
div.combobox-container div.widget-wrap input.combobox-text {
    padding: 2px 8px;
    cursor: default;
}
div.combobox-container.none-items div.widget-wrap input.combobox-text,
div.combobox-container.disabled div.widget-wrap input.combobox-text {
    color: #b3b3b3;
    background-color: #e1e1e1;
}
div.combobox-container.read-only div.widget-wrap input.combobox-text {
    border-color: transparent;
    color: #000000;
    margin-left: -15px;
}
div.combobox-container div.combobox-wrap div.combobox-list-wrap {
    top: 34px;
    left: -1px;
    box-shadow: 1px 1px 5px #898989;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}
div.combobox-container div.combobox-wrap ul.combobox-list li label.combobox-label {
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.combobox-container div.combobox-wrap ul.combobox-list li:hover label.combobox-label {
    background-color: #00A870;
    color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected label.combobox-label {
    white-space: nowrap;
    color: #00A870;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.selected:hover label.combobox-label {
    background-color: #00A870;
    color: #ffffff;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled label.combobox-label {
    color: #b3b3b3;
}
div.combobox-container div.combobox-wrap ul.combobox-list li.disabled:hover label.combobox-label {
    background-color: transparent;
    cursor: default;
    color: #b3b3b3;
}
div.combobox-container div.widget-wrap a.combobox-switch {
    width: 26px;
    height: 26px;
    border: 0px none;
}
div.combobox-container.read-only div.widget-wrap a.combobox-switch,
div.combobox-container.disabled div.widget-wrap a.combobox-switch,
div.combobox-container.none-items div.widget-wrap a.combobox-switch {
    cursor: default;
}
div.combobox-container div.widget-wrap a.combobox-switch span.icon {
    display: block;
    background: url(../img/icons-06.png) no-repeat;
    margin: 10px auto;
    width: 10px;
    height: 6px;
    background-position: -228px -100px;
}
div.combobox-container.read-only div.widget-wrap a.combobox-switch span.icon,
div.combobox-container.disabled div.widget-wrap a.combobox-switch span.icon,
div.combobox-container.none-items div.widget-wrap a.combobox-switch span.icon {
    background-position: -514px -128px;
}

div.combobox-container.multiple div.combobox-wrap ul.combobox-list span.icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    display: inline-block;
    background: url(../img/icons-02.png) no-repeat;
    background-position: -162px -74px;
}
div.combobox-container.multiple div.combobox-wrap ul.combobox-list li.selected span.icon {
    background-position: -199px -74px;
}
/*button*/

div.button-container button.button-button {
    /*height: inherit;*/
    /*min-width: 80px;*/
    padding: 1px 7px;
    /*    color: #000000;
    border: 1px solid #EBEBEB;
    background-color: #54c7e2;
  border-radius: 3px;
    border: 0px none;
    color: #ffffff;*/
}
div.button-container button.button-button span.text {
    font-size: 12px;
}
div.button-container.clicked button.button-button,
div.button-container button.button-button:hover {
    /*background-color: #61bcd1;*/
}
div.button-container.field-buttons {
    margin: 8px 0;
}
div.button-container.submit {
    text-align: left;
}

/*div.button-container.submit.form-submit{
	margin-top: 26px;
}*/
div.wizard-container div.wizard-btn button.button-button,
div.msg-btn-container div.button-container button.button-button,
div.button-container.submit button.button-button {
    /*background-color: #ffffff;*/
    padding: 1px 6px;
    /*min-width: 90px;*/
}
button.disabled {
    color: graytext;
}
div.wizard-container div.wizard-btn button.button-button span.text,
div.msg-btn-container div.button-container button.button-button span.text,
div.button-container.submit button.button-button span.text {
    font-size: 12px;
}
div.wizard-container div.wizard-btn.clicked button.button-button,
div.wizard-container div.wizard-btn button.button-button:hover,
div.msg-btn-container div.button-container.clicked button.button-button,
div.msg-btn-container div.button-container button.button-button:hover,
div.button-container.submit.clicked button.button-button,
div.button-container.submit button.button-button:hover {
    /*background-color: #7eb73d;*/
}
div.widget-container.button-container.disabled.clicked button.button-button,
div.widget-container.button-container.disabled button.button-button,
div.widget-container.button-container.disabled button.button-button:hover {
    background-color: #b2b2b2;
    cursor: default;
}
div.button-container.gap {
    margin-right: 10px;
}
div.button-container.gap.l {
    margin-right: 30px;
}

/*button-group*/
div.button-group-container {
    height: 30px;
}
div.button-group-container div.button-group-wrap {
    margin-left: -1px;
}
div.button-group-container ul.button-group-container li {
    margin-left: -1px;
}
div.button-group-container ul.button-group-container li button.button-group-button {
    padding: 2px 6px;
    border: 1px solid #96cc56;
    color: #6da500;
}
div.button-group-container ul.button-group-container li button.button-group-button.fst {
    border-radius: 5px 0 0 5px;
}
div.button-group-container ul.button-group-container li button.button-group-button.lst {
    border-radius: 0 5px 5px 0;
}
div.button-group-container ul.button-group-container li button.button-group-button.selected {
    background-color: #96cc56;
    color: #ffffff;
}
div.button-group-container.on-off-container {
    margin-bottom: 16px;
}
div.button-group-container.on-off-container ul.button-group-container li button.button-group-button {
    width: 45px;
    text-transform: uppercase;
}
div.button-group-container.disabled ul.button-group-container li button.button-group-button {
    border: 1px solid #cccccc;
    color: #b2b2b2;
    cursor: default;
}
div.button-group-container.disabled ul.button-group-container li button.button-group-button.selected {
    background-color: #cccccc;
    color: #ffffff;
}

/*switch-button*/
div.switch-button-container {
    margin-bottom: 5px;
    margin-top: 5px;
    height: 30px;
}
div.switch-button-container a.switch-button-btn {
    display: inline-block;
}
div.switch-button-container .widget-fieldlabel-wrap.m {
    margin-top: 7px;
}
div.switch-button-container span.switch-button-btn-wrap {
    display: inline-block;
    margin-top: 7px;
    width: 24px;
    height: 12px;

    border-radius: 8px;

    position: relative;
}

div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap {
    background-color: #00A870;
    border: 2px solid #00A870;
}
div.switch-button-container a.switch-button-btn.off span.switch-button-btn-wrap {
    background-color: #a5a5a5;
    border: 2px solid #a5a5a5;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap {
    display: inline-block;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text {
    color: #ffffff;

    line-height: 24px;
    text-align: center;
    width: 32px;

    display: none;
}
div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.on {
    display: block;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.off {
    display: block;
    margin-left: 23px;
}
div.switch-button-container a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-text-wrap span.switch-button-text.off {
    display: none;
}
div.switch-button-container a.switch-button-btn span.switch-button-btn-wrap span.switch-button-btn-slider {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;
    width: 12px;
    height: 100%;

    background-color: #ffffff;

    border-radius: 8px;
}
/*div.switch-button-container.on a.switch-button-btn.on span.switch-button-btn-wrap span.switch-button-btn-slider{
	border-radius: 0 2px 2px 0;
}*/
div.switch-button-container a.switch-button-btn.disabled {
    cursor: default;
}
div.switch-button-container a.switch-button-btn.disabled span.switch-button-btn-wrap {
    opacity: 0.6;
}
div.switch-button-container a.switch-button-btn.disabled span.switch-button-btn-wrap span.switch-button-btn-slider {
    background-color: #f2f2f2;
}
div.switch-button-container div.loading-wrap {
    margin: auto 12px;
    display: inline-block;
    min-width: 20px;
}
div.switch-button-container div.loading-wrap-outer {
    display: none;
}
div.switch-button-container div.loading-wrap-outer span.loading {
    margin-top: 6px;
    display: inline-block;
    background: url(../img/waiting_small.gif) top left;
    width: 12px;
    height: 12px;
}

/*checkbox radio*/
div.radio-group-container,
div.checkbox-group-container {
}
div.radio-group-container div.radio-group-wrap,
div.checkbox-group-container div.checkbox-group-wrap {
    vertical-align: top;
}
div.radio-group-container div.widget-fieldlabel-wrap,
div.checkbox-group-container div.widget-fieldlabel-wrap {
    vertical-align: top;
    margin-top: 7px;
}
div.radio-group-container label.radio-label input.radio-radio,
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox {
    display: none;
}
div.radio-group-container label.radio-label input.radio-radio + span.icon,
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/icons-06.png) no-repeat -21px -21px;
    margin-right: 8px;
}
div.radio-group-container label.radio-label.checked span.text,
div.radio-group-container label.radio-label:hover span.text,
div.checkbox-group-container label.checkbox-label.checked span.text,
div.checkbox-group-container label.checkbox-label:hover span.text {
    /*color: #599e00;*/
}
div.radio-group-container label.radio-label input.radio-radio + span.icon {
    background-position: -368px -2px;
}
div.radio-group-container label.radio-label:hover input.radio-radio + span.icon {
    background-position: -368px -16px;
}
div.radio-group-container label.radio-label.checked input.radio-radio + span.icon {
    background-position: -372px -72px;
}
div.radio-group-container label.radio-label.checked:hover input.radio-radio + span.icon {
    background-position: -388px -83px;
}
div.radio-group-container label.radio-label.disabled input.radio-radio + span.icon,
div.radio-group-container label.radio-label.disabled:hover input.radio-radio + span.icon {
    background-position: -368px -2px;
}
div.radio-group-container label.radio-label.checked.disabled input.radio-radio + span.icon,
div.radio-group-container label.radio-label.checked.disabled:hover input.radio-radio + span.icon {
    background-position: -372px -72px;
}
div.radio-group-container label.radio-label.disabled span.text,
div.radio-group-container label.radio-label.disabled:hover span.text,
div.radio-group-container label.radio-label.disabled.checked span.text,
div.radio-group-container label.radio-label.disabled.checked:hover span.text,
div.radio-group-container label.radio-label.read-only span.text,
div.radio-group-container label.radio-label.read-only:hover span.text,
div.radio-group-container label.radio-label.read-only.checked span.text,
div.radio-group-container label.radio-label.read-only.checked:hover span.text,
div.checkbox-group-container label.checkbox-label.disabled span.text,
div.checkbox-group-container label.checkbox-label.disabled:hover span.text,
div.checkbox-group-container label.checkbox-label.disabled.checked span.text,
div.checkbox-group-container label.checkbox-label.disabled.checked:hover span.text,
div.checkbox-group-container label.checkbox-label.readonly span.text,
div.checkbox-group-container label.checkbox-label.readonly:hover span.text,
div.checkbox-group-container label.checkbox-label.readonly.checked span.text,
div.checkbox-group-container label.checkbox-label.readonly.checked:hover span.text {
    color: #b3b3b3;
}
div.radio-content-wrap div.widget-container {
    margin: 0;
}
div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background-position: -386px -69px;
}
div.checkbox-group-container label.checkbox-label:hover input.checkbox-checkbox + span.icon {
    background-position: -386px -69px;
}
div.checkbox-group-container label.checkbox-label.checked input.checkbox-checkbox + span.icon {
    background-position: -373px -30px;
}
div.checkbox-group-container label.checkbox-label.checked:hover input.checkbox-checkbox + span.icon {
    background-position: -373px -30px;
}
div.checkbox-group-container label.checkbox-label.disabled input.checkbox-checkbox + span.icon,
div.checkbox-group-container label.checkbox-label.disabled:hover input.checkbox-checkbox + span.icon {
    background-position: -386px -69px;
}
div.checkbox-group-container label.checkbox-label.disabled.checked input.checkbox-checkbox + span.icon,
div.checkbox-group-container label.checkbox-label.disabled.checked:hover input.checkbox-checkbox + span.icon {
    background-position: -373px -30px;
}

div.radio-group-container div.widget-tips-wrap,
div.checkbox-group-container div.widget-tips-wrap {
    display: table;
    height: 30px;
    margin-left: 9px;
}
div.radio-group-container div.widget-tips-wrap div.tips-content,
div.checkbox-group-container div.widget-tips-wrap div.tips-content {
    display: table-cell;
    vertical-align: middle;
}
/*form*/
.form-panel {
    /*padding-left: 27px;*/
}
.form-panel.no-padding {
    padding-left: 0;
}
.form-panel div.form-prompt {
}
.form-panel div.form-prompt div.bg {
    background-color: #00A870;
    opacity: 0.8;
    border-radius: 5px;
}
.form-panel div.form-prompt div.content {
    margin: 28px 24px;
}
.form-panel div.form-prompt span.icon {
    background: url(../img/icons-01.png) no-repeat -216px 0;
    width: 38px;
    height: 38px;
    margin-right: 5px;
}
.form-panel div.form-prompt.successed span.icon {
    background-position: -216px -72px;
    display: none;
}
.form-panel div.form-prompt.failed span.icon {
    background-position: -216px 0;
    display: none;
}
.form-panel div.form-prompt span.text {
    color: #ffffff;
    font-size: 16px;
}
.form-panel div.button-container.form-submit {
    margin-top: 24px;
}
.form-panel div.button-container.form-submit div.form-submit-wrap {
    display: inline-block;
}
.form-panel div.button-container.form-submit span.loading {
    background: url(../img/waiting.gif) no-repeat top left;
    width: 20px;
    height: 20px;
    margin: 13px -27px 8px 0;
    display: none;
}
.form-panel span.form-error-tips {
    color: #e00000;
    margin-left: 12px;
    display: inline-block;
    max-width: 550px;
}
div.custom_loading_ctn {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
div.custom_loading_ctn.gap {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -30px;
}
div.custom_loading_ctn span.loading {
    position: relative;
    background: url(../img/waiting.gif) no-repeat top left;
    width: 20px;
    height: 20px;
    top: 4px;
    display: inline-block;
}

/*grid*/
div.grid-container {
    /*border-right: 1px solid #d9d9d9;*/
}
div.grid-container div.grid-header-container {
    background-color: #fafafa;
}
div.grid-container div.grid-header-container table tr.grid-header-tr,
div.grid-container div.grid-content-container table tr.grid-content-tr {
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    /*border-bottom: 1px solid #d9d9d9;*/
}
div.grid-container div.grid-header-container table tr.grid-header-tr {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    color: #1a1a1a;
}
div.grid-container div.grid-content-container table tr.grid-content-tr {
    height: 42px;
}
div.grid-container div.grid-content-container {
    border-top: 0px none;
    /*float: left;
	top: 1px;
	left: 0;*/
    margin-top: -1px;
    margin-bottom: -1px;
    overflow: visible;
    /*width: calc(100% + 1px);*/
}
div.grid-container div.grid-content-container-outer {
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9d9;
    /*border-right: 1px solid #d9d9d9;
	display: inline-block;*/
}
div.grid-container.allow-scroll div.grid-content-container {
    margin-top: 0;
}
div.grid-container.allow-scroll div.grid-content-container table {
    margin-top: -1px;
}
div.grid-container.allow-scroll div.grid-content-container-outer {
    border-right: 1px solid #d9d9d9;
}
div.grid-container div.grid-header-container table th.grid-header,
div.grid-container div.grid-content-container table td.grid-content-td {
    height: 42px;
    line-height: inherit;
    border: 0px none;
    border-right: 1px solid #d9d9d9;
    word-wrap: break-word;
}
div.grid-container div.grid-content-container table td.grid-content-td.disabled {
    color: #b3b3b3;
}

div.grid-container.allow-scroll div.grid-content-container table td.grid-content-td.lst {
    border-right: 0px none;
}
/*div.grid-container div.grid-header-container table th.grid-header.lst,
div.grid-container div.grid-content-container table td.grid-content-td.lst{
	border-right: 0px none;
}*/

div.grid-container div.grid-header-container table th.grid-header span.content,
div.grid-container div.grid-content-container table td.grid-content-td span.content {
    line-height: 16px;
    height: inherit;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td {
    color: #b3b3b3;
}
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column span.content,
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-check-column div.checkbox-group-container,
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column.disabled div.checkbox-group-container {
    display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-check-column span.content,
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column.disabled span.content,
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-check-column div.checkbox-group-container {
    display: inline;
}

/*grid的控件组*/
.grid-content-td .content .btn-detail {
    color: #00A870;
}

div.grid-container td.grid-content-td div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label {
    height: inherit;
}
div.grid-container th.grid-header div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon,
div.grid-container td.grid-content-td div.checkbox-group-container label.checkbox-label input.checkbox-checkbox + span.icon {
    margin-right: 0;
    cursor: pointer;
}
/*div.grid-container td.grid-content-td div.grid-header-checkbox.selected label.checkbox-label input.checkbox-checkbox + span.icon,
div.grid-container td.grid-content-td div.grid-content-container table tr.grid-content-tr.selected label.checkbox-label input.checkbox-checkbox + span.icon{
	background-position: -182px -489px;
}*/

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn {
    margin: 6px;
    display: inline-block;
}
div.grid-container div.grid-content-container tr.grid-content-tr td.grid-content-td-settings-column span.content {
    display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn {
    cursor: default;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-settings-column a.grid-content-btn {
    display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-status-column span.icon {
    display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled td.grid-content-td-settings-column span.content {
    display: inline;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn span.text {
    display: none;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn-status span.text {
    display: inline-block;
    color: #000000;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn span.icon {
    background: url(../img/icons-06.png) no-repeat -54px -36px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-unblock span.icon {
    width: 20px;
    height: 19px;
    background-position: -244px -80px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-unblock:hover span.icon {
    width: 20px;
    height: 19px;
    background-position: -236px -62px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-unblock span.icon {
    width: 20px;
    height: 19px;
    background-position: -236px -62px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-edit span.icon {
    width: 21px;
    height: 19px;
    background-position: -528px -1px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-edit:hover span.icon {
    width: 21px;
    height: 19px;
    background-position: -530px -25px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-edit span.icon {
    width: 21px;
    height: 19px;
    background-position: -530px -25px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-delete span.icon {
    width: 12px;
    height: 16px;
    background-position: -384px -110px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-delete:hover span.icon {
    width: 12px;
    height: 16px;
    background-position: -370px -110px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-delete span.icon {
    width: 12px;
    height: 16px;
    background-position: -370px -110px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status span.icon {
    height: 19px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.enabled span.icon {
    width: 16px;
    height: 16px;
    background-position: -246px -82px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.enabled:hover span.icon {
    width: 16px;
    height: 16px;
    background-position: -238px -64px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-status.enabled span.icon {
    background-position: -18px 0px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.disabled span.icon {
    width: 16px;
    height: 16px;
    background-position: -226px -108px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-status.disabled:hover span.icon {
    width: 16px;
    height: 16px;
    background-position: -208px -108px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-status.disabled span.icon {
    background-position: -36px 0px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reset span.icon {
    background-position: -435px -21px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reset:hover span.icon {
    background-position: -435px -2px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block span.icon {
    background-position: -126px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block:hover span.icon {
    background-position: -234px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-block span.icon {
    background-position: -446px -37px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-block:hover span.icon {
    background-position: -446px -37px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind span.icon {
    background-position: -198px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind:hover span.icon {
    background-position: -162px -54px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-bind.disabled span.icon {
    background-position: -216px -36px;
    cursor: default;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-openvpn-disconn span.icon {
    background-position: -144px -36px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-openvpn-disconn:hover span.icon {
    background-position: -90px -0px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-refresh span.icon {
    width: 16px;
    height: 16px;
    background-position: -244px -108px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-refresh:hover span.icon {
    width: 16px;
    height: 16px;
    background-position: -256px -64px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-locate span.icon {
    background: url(../img/icons-mesh-01.png) no-repeat -278px -8px;
    display: inline-block;
    height: 24px;
    width: 24px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-locate:hover span.icon {
    background: url(../img/icons-mesh-01.png) no-repeat -241px -8px;
    display: inline-block;
    height: 24px;
    width: 24px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-locate-clicked span.icon {
    background: url(../img/icons-mesh-01.png) no-repeat -376px -6px;
    display: inline-block;
    height: 24px;
    width: 24px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-locate-clicked:hover span.icon {
    opacity: 0.7;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reboot span.icon {
    background: url(../img/icons-mesh-01.png) no-repeat -345px -8px;
    display: inline-block;
    height: 24px;
    width: 24px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-reboot:hover span.icon {
    background: url(../img/icons-mesh-01.png) no-repeat -311px -8px;
    display: inline-block;
    height: 24px;
    width: 24px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-play span.icon {
    background: url(../img/play.png) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-play:hover span.icon {
    opacity: 0.8;
}

div.grid-container div.grid-content-container tr.grid-content-tr span.signal-icon {
    background: url(../img/icons-03.png) no-repeat -54px -36px;
    display: inline-block;
    width: 32px;
    height: 30px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-0 {
    background-position: -161px -251px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-1 {
    background-position: -192px -251px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-2 {
    background-position: -223px -251px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-3 {
    background-position: -254px -251px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-4 {
    background-position: -285px -251px;
}
div.grid-container div.grid-content-container tr.grid-content-tr span.signal-level-5 {
    background-position: -316px -251px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline span.icon {
    background: url(../img/icons-01.png) no-repeat -54px -36px;
    width: 19px;
    height: 19px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-pause span.icon {
    background-position: -106px -363px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-pause:hover span.icon {
    background-position: -7px -453px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-offline.btn-pause span.icon {
    background-position: -7px -429px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-download span.icon {
    background-position: -130px -363px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-download:hover span.icon {
    background-position: -31px -453px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-offline.btn-download span.icon {
    background-position: -31px -429px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-resume span.icon {
    background-position: -154px -363px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-resume:hover span.icon {
    background-position: -55px -453px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-offline.btn-resume span.icon {
    background-position: -55px -429px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-status-active span.icon {
    background-position: -163px -404px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-status-complete span.icon {
    background-position: -184px -404px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-status-waiting span.icon {
    background: url(../img/icons-02.png) no-repeat -18px -35px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-status-pause span.icon {
    background-position: -207px -404px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-offline.btn-status-error span.icon {
    background-position: -143px -404px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-link span.icon {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 17px;
    height: 18px;
    background-position: -475px -2px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-link:hover span.icon {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 17px;
    height: 18px;
    background-position: -476px -21px;
}

div#checkListGrid div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-link span.icon {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 20px;
    height: 18px;
    background-position: -509px -1px;
}
div#checkListGrid div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-link:hover span.icon {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 20px;
    height: 18px;
    background-position: -510px -23px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-export span.icon {
    background: url(../img/icons-06.png) no-repeat -513px -48px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-export:hover span.icon {
    background: url(../img/icons-06.png) no-repeat -513px -69px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-info span.icon {
    background: url(../img/icons-06.png) no-repeat -334px -72px;
    margin-right: 4px;
    width: 18px;
    height: 19px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-info:hover span.icon {
    background: url(../img/icons-06.png) no-repeat -326px -54px;
    margin-right: 4px;
    width: 18px;
    height: 19px;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.grid-content-btn.btn-info span.icon {
    background: url(../img/icons-06.png) no-repeat -326px -54px;
    margin-right: 4px;
    width: 18px;
    height: 19px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-unlink span.icon {
    background: url(../img/icons-06.png) no-repeat;
    width: 15px;
    height: 15px;
    background-position: -364px -55px;
}

div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-speed span.icon {
    background: url(../img/Speed-Limit-normal.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 16px;
    transform: scale(1.3);
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-speed:hover span.icon {
    opacity: 0.8;
}
div.grid-container div.grid-content-container tr.grid-content-tr.disabled a.choose {
    cursor: default;
    color: #b3b3b3;
}

div.grid-panel div.panel-content {
    padding: 0;
}
div.grid-panel div.operation-container {
    text-align: right;
    margin-bottom: 8px;
    position: relative;
    height: 19px;
}
div.grid-panel div.operation-container div.widget-container {
    margin: 0;
}
div.grid-panel div.operation-container div.widget-wrap {
    height: inherit;
    padding: 0;
}
div.grid-panel div.operation-container div.widget-container div.widget-fieldlabel-wrap {
    width: inherit;
}
div.grid-panel div.operation-container div.widget-container.left {
    float: left;
}
div.grid-panel div.operation-container div.widget-wrap input {
    line-height: inherit;
    height: inherit;
    padding: 0;
}
div.grid-panel div.operation-container a.operation-btn {
    margin: 0 8px;
    padding-right: 2px;
    display: inline-block;
}
div.grid-panel div.operation-container a.operation-btn.fst {
    margin-left: 0;
}
div.grid-panel div.operation-container a.operation-btn.lst {
    margin-right: 0;
}
div.grid-panel div.operation-container a.operation-btn span.icon {
    background: url(../img/icons-02.png) no-repeat -198px -432px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
div.grid-panel div.operation-container a.operation-btn span.icon {
    background: url(../img/icons-06.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
div.grid-panel div.operation-container a.operation-btn.btn-add span.icon {
    background-position: -264px -82px;
}
div.grid-panel div.operation-container a.operation-btn.btn-add:hover span.icon {
    background-position: -262px -100px;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete span.icon,
div.grid-panel div.operation-container a.operation-btn.btn-delete-all span.icon {
    width: 16px;
    height: 16px;
    background-position: -298px -100px;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete:hover span.icon,
div.grid-panel div.operation-container a.operation-btn.btn-delete-all:hover span.icon {
    width: 16px;
    height: 16px;
    background-position: -292px -64px;
}
div.grid-panel div.operation-container a.operation-btn.btn-refresh span.icon {
    width: 16px;
    height: 16px;
    background-position: -244px -108px;
}
div.grid-panel div.operation-container a.operation-btn.btn-refresh:hover span.icon {
    width: 16px;
    height: 16px;
    background-position: -256px -64px;
}

div.grid-panel div.operation-container a.operation-btn.btn-link span.icon {
    background-position: -252px -36px;
}
div.grid-panel div.operation-container a.operation-btn.btn-link:hover span.icon {
    background-position: -216px -54px;
}

div.grid-panel div.operation-container a.operation-btn.btn-clear span.icon {
    width: 12px;
    height: 16px;
    background-position: -384px -110px;
}
div.grid-panel div.operation-container a.operation-btn.btn-clear:hover span.icon {
    width: 12px;
    height: 16px;
    background-position: -370px -110px;
}

div.grid-panel div.operation-container a.operation-btn.btn-import span.icon {
    width: 22px;
    height: 22px;
    background-position: -529px -45px;
    transform: scale(0.8);
}
div.grid-panel div.operation-container a.operation-btn.btn-import:hover span.icon {
    opacity: 0.8;
}

div.grid-panel div.operation-container a.operation-btn.btn-export span.icon {
    background-position: -513px -48px;
}
div.grid-panel div.operation-container a.operation-btn.btn-export:hover span.icon {
    opacity: 0.8;
}

div.container.widget-container.text-container.search-container span a.btn-search span.icon {
    background: url(../img/icons-06.png) no-repeat -352px -110px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
div.container.widget-container.text-container.search-container span a.btn-search:hover span.icon {
    opacity: 0.8;
}

/*div.grid-panel div.operation-container a.operation-btn.btn-block span.icon{
	background-position: -144px 0px;
}
div.grid-panel div.operation-container a.operation-btn.btn-block:hover span.icon{
	background-position: -72px -54px;
}*/
div.grid-panel div.operation-container a.operation-btn span.text {
    /*padding-bottom: 2px;*/
}
div.grid-panel div.operation-container a.operation-btn span.text,
div.grid-panel div.operation-container button.button-button span.text {
    /*color: #599e00;*/
    color: #00A870;
}
div.grid-panel div.operation-container a.operation-btn:hover span.text,
div.grid-panel div.operation-container button.button-button:hover span.text {
    /*color: #96cc56;*/
    cursor: pointer;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete-all span.text,
div.grid-panel div.operation-container a.operation-btn.btn-delete span.text,
div.grid-panel div.operation-container button.button-unlink span.text {
    color: #ee385c;
}
div.grid-panel div.operation-container a.operation-btn.btn-delete-all:hover span.text,
div.grid-panel div.operation-container a.operation-btn.btn-delete:hover span.text,
div.grid-panel div.operation-container button.button-unlink:hover span.text {
    color: #ee385c;
}

div.grid-panel div.operation-container div.button-container {
    margin-left: 8px;
}
div.grid-panel div.operation-container button.button-button {
    min-width: inherit;
}
div.grid-panel div.operation-container button.bind {
    margin: 0 8px;
}
div.grid-panel div.operation-container button.bind:hover {
    margin: 0 8px;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button {
    background-color: transparent;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button span.text {
    color: #b2b2b2;
}
div.grid-panel div.operation-container button.button-button span.icon {
    background: url(../img/icons-06.png) no-repeat -244px -108px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
}

div.grid-panel div.operation-container button.button-button span.icon.btn-refresh {
    background-position: -244px -108px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-refresh {
    background-position: -256px -64px;
}
div.grid-panel div.operation-container div.button-container.disabled button.button-button span.icon.btn-refresh {
    background-position: -296px -4px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-reset-all {
    background-position: -126px 0px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-reset-all {
    background-position: -54px -54px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-block {
    background-position: -144px 0px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-block {
    background-position: -72px -54px;
}
div.grid-panel div.operation-container button.button-button span.icon.btn-safely-remove {
    background-position: -342px -55px;
}
div.grid-panel div.operation-container button.button-button:hover span.icon.btn-safely-remove {
    background-position: -360px -55px;
}

div.grid-panel div.operation-container button.button-button span.icon.delete {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-position: -298px -100px;
}
div.grid-panel div.operation-container button.button-button span.icon.delete:hover {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-position: -292px -64px;
}
div.grid-panel div.operation-container button.button-button span.icon.pause {
    background: url(../img/icons-01.png) no-repeat -218px -364px;
    margin-right: 4px;
    width: 18px;
    height: 18px;
}
div.grid-panel div.operation-container button.button-button span.icon.resume {
    background: url(../img/icons-01.png) no-repeat -239px -364px;
    margin-right: 4px;
    width: 18px;
    height: 18px;
}
div.grid-panel div.operation-container button.button-button span.icon.bind {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 17px;
    height: 18px;
    background-position: -475px -2px;
}
div.grid-panel div.operation-container button.button-button span.icon.bind:hover {
    background: url(../img/icons-06.png) no-repeat;
    margin-right: 4px;
    width: 17px;
    height: 18px;
    background-position: -476px -21px;
}
div.grid-panel div.operation-container button,
div.grid-panel div.operation-container button:hover {
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #000000;
    border-radius: 0;
    border: 0px none;
}
div.grid-panel div.operation-container button span.text {
    font-size: 12px;
}
div.grid-panel div.operation-container div.grid-prompt span.icon {
}
div.grid-panel div.operation-container div.grid-prompt.successed span.icon {
    background-image: none;
}
div.grid-panel div.operation-container div.grid-prompt.failed span.icon {
    background-image: none;
}
div.grid-panel div.operation-container div.grid-prompt span.text-successed {
    display: none;
}
div.grid-panel div.operation-container div.grid-prompt.failed span.text-successed,
div.grid-panel div.operation-container div.grid-prompt.successed span.text-failed {
    display: none;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    display: none;
}
/*div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-text{
	position: absolute;
	right: 0;
	margin-right: -30px;
	color: #595757;
	bottom: 9px;
}*/
div.grid-panel div.operation-container div.gird-prompt-progressbar div.widget-wrap {
    border: 0px none;
    width: inherit;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-content {
    /*border: 1px solid #b2b2b2;*/
    background-color: #cccccc;
    height: 4px;

    /*padding: 1px;*/
    display: block;
    width: 100%;
    overflow: hidden;
}
div.grid-panel div.operation-container div.gird-prompt-progressbar div.progressbar-value {
    position: relative;
    height: inherit;
    max-width: 672px;
    left: 0;
    width: 0px;
}

div.grid-panel div.paging-container {
    text-align: right;
    margin: 10px 0;
}
div.grid-panel div.paging-container.disabled {
    display: none;
}
div.grid-panel div.paging-container a.paging-btn {
    color: #000000;
    margin-left: 14px;
}
div.grid-panel div.paging-container a.paging-btn:hover,
div.grid-panel div.paging-container a.paging-btn.current {
    /*color: #599e00;*/
    color: #00A870;
}
div.grid-panel div.paging-container a.paging-btn.disabled {
    cursor: default;
}
div.grid-panel div.paging-container span.dots {
    display: none;
    margin-left: 14px;
}
div.grid-panel div.paging-container span.dots.more {
    display: inline-block;
}
/*div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev.disabled,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled{
	display: none;
}*/
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.icon,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon {
    background: url(../img/icons-06.png) no-repeat -410px -41px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon {
    background-position: -434px -41px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev.disabled span.icon {
    background-position: -410px -89px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled span.icon {
    background-position: -434px -89px;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.text,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.text {
    display: none;
}

div.grid-container div.grid-content-container table tr.grid-content-tr.disabled {
    border: 1px solid #d9d9d9;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.editing {
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.editing td.grid-content-td.lst {
    border-right: 1px solid #d9d9d9;
}
div.grid-container div.grid-content-container table tr.grid-content-tr.error {
    border-top: 1px solid #dd4040;
    border-left: 1px solid #dd4040;
    /*border-bottom: 1px solid #dd4040;*/
}
div.grid-container div.grid-content-container table tr.grid-content-tr.error td.grid-content-td.lst {
    border-right: 1px solid #dd4040;
}
div.grid-container div.grid-content-container table tr.editor-container {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
div.grid-container div.grid-content-container table tr.editor-container.error {
    border-left: 1px solid #dd4040;
    border-right: 1px solid #dd4040;
    border-bottom: 1px solid #dd4040;
}
div.grid-panel div.editor-content-container {
    text-align: left;
    padding: 22px 0 0 48px;
}
div.grid-panel div.editor-buttons-container {
    text-align: left;
    margin-bottom: 22px;
    padding-left: 38px;
    margin-top: 16px;
}
div.grid-panel div.editor-buttons-container div.button-container.submit {
    display: inline-block;
    margin: 0 9px;
}
div.grid-panel div.editor-buttons-container span.form-error-tips {
    width: 340px;
}
div.grid-panel div.editor-area-title {
    margin: 10px 0;
    height: 35px;
    line-height: 35px;
}
div.warning h4.title span.icon {
    /*display: inline-block;*/
    display: none;
    /*margin-right: 16px;*/
    background: url(../img/icons-06.png) no-repeat;
    width: 31px;
    height: 28px;
    background-position: -35px -86px;
    position: absolute;
}
div.warning h4.title span.text {
    display: inline-block;
    line-height: 24px;

    /*margin: 3px 0 0 48px;*/
}
div.warning h4.title span.text.title {
    color: #1a1a1a;
    font-size: 16px;
}
div.msg-container div.grid-panel {
    margin-bottom: 0;
}

div.step_guide_container div.steps span.step {
    background: url(../img/icons-01.png) no-repeat -105px -427px;
    height: 27px;
    width: 27px;
    line-height: 27px;
    text-align: center;
    color: #ffffff;
}

/*flag*/
span.flag-grid-margin {
    display: inline-block;
    width: 100px;
    height: 75px;
    margin-right: 5px;
    transform: scale(0.24);
    margin: -15% -5% -15% -5%;
}
span.flag-combobox-margin {
    display: inline-block;
    width: 100px;
    height: 75px;
    margin-right: 5px;
    transform: scale(0.24);
    margin: -15% -9% -15% -9%;
}

/*file*/
div.file-container {
}
div.file-container div.widget-wrap.file-wrap {
    border: 0px none;
    background-color: transparent;
}
div.file-container div.file-button-container {
    margin-left: 13px;
    margin-right: -13px\9\0;
}
div.file-container div.file-wrap-outer div.file-button-container button.button-button {
    min-width: 62px\9\0;
}

/*msg*/
div.msg-container {
    box-shadow: 1px 1px 8px #898989;
    background-color: #ffffff;
    border-radius: 5px;

    /*padding: 9px;*/
}
div.msg-container div.msg-wrap a.msg-close {
    background: url(../img/icons-06.png) no-repeat;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-position: -282px -82px;
    cursor: pointer;
}
div.msg-container div.msg-wrap a.msg-close:hover {
    background-position: -226px -108px;
}
div.msg-container div.msg-content-wrap {
    margin: 32px 30px 48px 32px;
}
div.msg-container div.msg-header h3.msg-search-title {
    background: #00A870;
    /**/
    height: 24px;
    font-size: 12px;
    font-family: Verdana;
    color: white;
}
div.msg-container div.msg-content-wrap h3.msg-title {
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 16px;
}
div.msg-container div.msg-btn-container {
    text-align: right;
    margin-right: 24px;
    margin-bottom: 19px;
}
div.msg-container div.msg-btn-container div.button-container {
    margin-left: 6px;
    margin-right: 6px;
}

div.msg-container.user-defined div.msg-content-wrap {
    margin-bottom: 22px;
}
div.msg-container.user-defined div.msg-content {
    margin-bottom: 48px;
}
div.msg-container.user-defined div.msg-btn-container {
    margin-right: 0px;
}

div.msg-container .detail {
    border: 1px solid #e5e6e6;
    width: 100%;
}
div.msg-container .detail td {
    text-align: left;
    height: 30px;
    padding: 0 10px 3px;
    min-width: 80px;
}
div.msg-container .detail .detail-key {
    width: 80px;
}
div.msg-container .detail .detail-value {
    width: 160px;
}

/*timepicker*/
div.timepicker-container {
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch {
    border-radius: 50%;
    display: inline-block;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch span.icon {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(../img/icons-06.png) no-repeat -513px -87px;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch:hover span.icon {
    background-position: -513px -107px;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch.disabled span.icon {
    background-position: -513px -107px;
    cursor: default;
}
div.timepicker-container div.timepicker-wrap a.timepicker-switch span.text {
    display: none;
}
div.timepicker-msg-container div.timepicker-msg-container-wrap {
    position: relative;
}
div.timepicker-msg-container div.msg-content-wrap {
    margin-bottom: 22px;
}
div.timepicker-msg-container div.timepicker-msg-container-wrap div.timepicker-view-only-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
div.timepicker-msg-container table.timepicker td {
    border: 1px solid #e5e6e6;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker {
    border: 1px solid #ffffff;
    width: 82px;
    height: 17px;
    cursor: pointer;
}
div.timepicker-msg-container table.timepicker div.row-picker {
    height: 17px;
    width: 42px;
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.hover,
div.timepicker-msg-container table.timepicker div.timepicker-picker:hover {
    /*background-color: #ECF4D3;*/
}
div.timepicker-msg-container table.timepicker div.timepicker-picker.selected {
    background-color: #00A870;
}
div.timepicker-msg-container div.x-axis-wrap {
    top: -489px;
}
div.timepicker-msg-container div.x-axis span {
    display: block;
    height: 20px;
    font-size: 11px;
}
div.timepicker-msg-container div.legend-container {
    margin-top: 10px;
    padding-left: 42px;
}
div.timepicker-msg-container div.legend-container span.icon {
    background-color: #00A870;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px;
}
div.timepicker-msg-container div.msg-btn-container {
    margin-right: -6px;
}
div.timepicker-msg-container div.timepicker-select-wrap {
    border: 2px dashed #b2b2b2;
    position: absolute;
}

/*foldertree*/
div.foldertree-container {
    margin: 10px;
    max-height: 418px;
    overflow-y: auto;
}
div.foldertree-container div.router {
    margin-bottom: 4px;
}
div.foldertree-container div.router .text {
    line-height: 36px;
}
div.foldertree-container div.router span.icon {
    background: url(../img/icons-03.png) transparent no-repeat -526px -4px;
    width: 40px;
    height: 36px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 14px;
}
div.foldertree-container div.foldertree-root {
    margin-left: 15px;
}
div.foldertree-container a.foldertree-root span.icon {
}
div.foldertree-container a.foldertree-text {
    color: #000000;
}
/*div.foldertree-container a.foldertree-text.selected + ul.foldertree-wrap a.foldertree-text,*/
div.foldertree-container a.foldertree-text.selected {
    color: #00A870;
}
div.foldertree-container a.foldertree-text span.icon {
    background: url(../img/icons-03.png) transparent no-repeat -536px -70px;
    display: inline-block;
    height: 18px;
    width: 20px;
    margin: 0 7px 0 5px;
}
/*div.foldertree-container a.foldertree-text.selected + ul.foldertree-wrap a.foldertree-text span.icon,*/
div.foldertree-container a.foldertree-text.selected span.icon {
    background-position: -536px -45px;
}
div.foldertree-container a.foldertree-text.foldertree-root {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 4px 0;
}
div.foldertree-container a.foldertree-text.foldertree-root span.icon {
    /* background-position: -278px -1px; */
    /* height: 28px; */
    /* width: 14px;
	margin-right: 11px; */
}
div.foldertree-container div.foldertree-root span.foldertree-root.foldertree-has-branch,
div.foldertree-container div.foldertree-root span.foldertree-root.foldertree-has-branch.opened {
    width: 24px;
    height: 24px;
    margin-right: 3px;
    vertical-align: top;
    cursor: pointer;
}

div.foldertree-container div.foldertree-root span.foldertree-root.foldertree-has-branch {
    background: url(../img/icons-02.png) transparent no-repeat -408px -31px;
}
div.foldertree-container div.foldertree-root span.foldertree-root.foldertree-has-branch.opened {
    background: url(../img/icons-02.png) transparent no-repeat -427px -16px;
}
div.foldertree-container ul.foldertree-wrap {
    margin-left: 37px;
}
div.foldertree-container ul.foldertree-wrap.foldertree-branch-wrap {
    background: url(../img/icons-02.png) transparent repeat-y -544px 1px;
    padding-left: 27px;
    margin: 0;
}
div.foldertree-container li.foldertree-branch.lst ul.foldertree-wrap.foldertree-branch-wrap {
    background-image: none;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch {
    /*height: 24px;*/
}

div.foldertree-container ul.foldertree-wrap li.foldertree-branch div.foldertree-root {
}

div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon {
    background: url(../img/icons-02.png) transparent no-repeat -361px -1px;
    height: 24px;
    width: 24px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon.foldertree-has-branch {
    background-position: -409px -1px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch span.foldertree-icon.foldertree-has-branch.opened {
    background-position: -385px -1px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon {
    background-position: -361px -29px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon.foldertree-has-branch {
    background-position: -409px -29px;
}
div.foldertree-container ul.foldertree-wrap li.foldertree-branch.lst span.foldertree-icon.foldertree-has-branch.opened {
    background-position: -385px -29px;
}

/*status*/
div.status-container div.status-wrap span.icon {
    background: url(../img/icons-02.png) no-repeat -19px -1px;
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 0 5px 0 6px;
}
div.status-container div.status-wrap span.text {
    line-height: 24px;
}
div.status-container div.status-wrap span.text.scan-result {
    font-size: 14px;
    color: #00A870;
}
div.status-container.normal div.status-wrap span.icon {
    background-image: none;
}
div.status-container.loading div.status-wrap span.icon {
    background: url(../img/waiting.gif) no-repeat left top;
    width: 20px;
    height: 20px;
}
div.status-container.success div.status-wrap span.icon {
    background-position: -19px -1px;
}
div.status-container.failed div.status-wrap span.icon {
    background-position: -37px -1px;
}

/*wizard*/
div.wizard-container div.form-buttons-container {
    text-align: right;
}
div.wizard-container div.form-buttons-container div.wizard-btn {
    display: inline-block;
    margin-left: 15px;
}
div.wizard-container div.process-flow span.bar {
    height: 3px;
    width: 132px;
}
div.wizard-container div.process-flow div.process-flow-step {
    height: 12px;
    height: 12px;
}
div.wizard-container div.process-flow div.process-flow-step span.icon {
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
div.wizard-container div.process-flow div.process-flow-step span.icon,
div.wizard-container div.process-flow span.bar {
    background-color: #cccccc;
}
div.wizard-container div.process-flow div.process-flow-step.processed span.icon,
div.wizard-container div.process-flow span.bar span.bar-inner {
    background-color: #96cc56;
}
div.wizard-container div.process-flow div.process-flow-step.current span.icon {
    background: url(../img/icons-01.png) no-repeat -234px -304px;
    width: 22px;
    height: 22px;
    left: -5px;
    top: -5px;
}
div.wizard-container div.process-flow div.process-flow-step.current.lst span.icon {
    background-position: -234px -328px;
}
div.wizard-container div.process-flow div.process-flow-step span.text {
    color: #b2b2b2;
}
div.wizard-container div.process-flow div.process-flow-step span.text.up {
    margin-top: -32px;
}
div.wizard-container div.process-flow div.process-flow-step span.text.down {
    margin-top: 26px;
}
div.wizard-container div.process-flow div.process-flow-step.processed span.text,
div.wizard-container div.process-flow div.process-flow-step.current span.text {
    color: #599e00;
}
div.wizard-container div.form-container {
    margin: 24px 150px;
}
div.wizard-container div.form-container div.form-buttons-container {
    margin-top: 40px;
}

/*progressbaar*/
div.progressbar-container {
    display: inline-block;
    padding: 0;
}
div.progressbar-container div.progressbar-content {
    /*border: 1px solid #96cc56;*/
    border: 0px none;
    background-color: #eeefef;
    height: 100%;
}
div.progressbar-container div.progressbar-content div.progressbar-value {
    background-color: #00A870;
}
.disabled div.progressbar-container div.progressbar-content div.progressbar-value {
    background-color: #b3b3b3;
}
div.slider-container div.slider-text,
div.progressbar-container div.progressbar-text {
    display: inline-block;
    width: 50px;
    text-align: right;
}

/*slider*/
div.slider-container div.slider-content {
    border: 0px none;

    background-color: #cccccc;
    height: 6px;

    margin: 10px 0;
    position: relative;
    padding-right: 11px;
}

div.slider-container div.slider-content div.widget-value {
    position: absolute;
    left: 0;
    top: 0;

    background-color: #00A870;

    height: 100%;
    width: 50px;

    padding-left: 10px;
}
div.slider-container div.slider-content div.widget-value-inner {
    background: url(../img/icons-01.png) no-repeat -226px -44px;

    margin: -6px -4px 0 0;
    height: 18px;
    width: 16px;

    position: absolute;
    right: 0;
    top: 0;

    cursor: pointer;
}

/*keyword*/
div.keyword-container {
    margin: 20px 0;
}
div.keyword-container div.widget-wrap {
    display: block;
}
div.keyword-container div.keyword-btn-container {
    margin-bottom: 14px;
}
div.keyword-container div.keyword-container-div {
    /*overflow-y: auto;
	overflow-x: hidden;
	max-height: 160px;*/
}
/*div.keyword-container div.widget-wrap table{
	width: 100%;
}*/
div.keyword-container div.widget-wrap table td {
    text-align: left;
    min-width: 223px;
    vertical-align: middle;
}
div.keyword-container div.widget-wrap table td div.widget-container {
    vertical-align: middle;
    margin: 5px 0;
}
div.keyword-container a.keyword-btn {
    display: inline-block;
}
div.keyword-container a.keyword-btn.disabled {
    cursor: default;
}
div.keyword-container span.keyword-overflow-warning {
    margin-left: 48px;
    color: #e00000;
}
div.keyword-container a.keyword-btn span.icon {
    background: url(../img/icons-02.png) no-repeat -72px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn span.icon {
    background-position: -72px 0px;
    margin-right: 6px;
}
div.keyword-container div.keyword-btn-container:hover a.keyword-btn.keyword-add-btn span.icon {
    background-position: 0px -54px;
}
div.keyword-container div.keyword-btn-container.disabled a.keyword-btn.keyword-add-btn span.icon {
    background-position: -405px -55px;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn span.text {
    color: #599e00;
}
div.keyword-container div.keyword-btn-container a.keyword-btn.keyword-add-btn:hover span.text {
    color: #96cc56;
}
div.keyword-container div.keyword-btn-container.disabled a.keyword-btn.keyword-add-btn span.text {
    color: #b2b2b2;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn {
    font-size: 14px;
    display: block;
    border: 1px solid #cccccc;
    height: 80px;
    width: 100%;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn span.keyword-add-btn-wrap {
    text-align: center;
    line-height: 80px;
    display: block;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn span.icon {
    background-position: -506px 1px;
    height: 26px;
    width: 26px;
}
div.keyword-container.empty div.keyword-btn-container a.keyword-btn.keyword-add-btn:hover span.icon {
    background-position: -506px -31px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn {
    display: inline-block;
}
div.keyword-container a.keyword-btn.keyword-remove-btn span.icon {
    background-position: -144px -36px;
    margin: 0 4px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn:hover span.icon {
    background-position: -90px 0px;
}
div.keyword-container a.keyword-btn.keyword-remove-btn span.text {
    display: none;
}
div.widget-container.keyword-container div.widget-tips {
    margin: 0;
}

/*help*/
div.help-container {
    position: absolute;
    right: -25px;
    top: -35px;
}
div.help-container div.help-btn-container {
    position: absolute;
    right: -7px;
    top: 93px;
}
div.help-container div.help-btn-container a.btn-help {
    background: url(../img/icons-06.png) no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    background-position: -146px -86px;
}
div.help-container div.help-btn-container a.btn-help.clicked,
div.help-container div.help-btn-container a.btn-help:hover {
    background-position: -94px -86px;
}
div.help-container div.help-content-container {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 1px 1px 8px #898989;

    position: absolute;
    right: -13px;
    top: 123px;

    padding: 28px 12px 48px 12px;

    z-index: 399;

    display: none;
}
div.help-container div.help-content-container span.help-content-delta {
    background: url(../img/icons-02.png) no-repeat -383px -55px;
    display: block;
    width: 16px;
    height: 10px;

    position: absolute;
    right: 11px;
    top: -10px;
}
div.help-container div.help-content-container div.help-content h4.title {
    font-size: 16px;
    color: #191919;
    vertical-align: middle;
    margin: 72px 0 10px 0;

    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
}
div.help-container div.help-content-container div.help-content > h4.title:first-child {
    margin-top: 0px;
}
div.help-container div.help-content-container div.help-content-container-wrap {
    overflow-x: hidden;
    overflow-y: auto;

    width: 384px;
}
div.help-container div.help-content-container div.help-content {
    line-height: 20px;
    margin: 0 12px;
}
div.help-container div.help-content-container div.help-content h5.title {
    font-size: 14px;
}
div.help-container div.help-content-container div.help-content div.title-container,
div.help-container div.help-content-container div.help-content div.name-container,
div.help-container div.help-content-container div.help-content div.note-container,
div.help-container div.help-content-container div.help-content div.step-container,
+ div.help-container div.help-content-container div.help-content div.paragraph-container,
+ div.help-container div.help-content-container div.help-content div.pearl-step-container,
+ div.help-container div.help-content-container div.help-content div.help-img-container {
    margin-left: 8px;
}
div.help-container div.help-content-container div.help-content div.title-container {
    margin-top: 24px;
}
div.help-container div.help-content-container div.help-content h4.title + div.title-container {
    margin-top: 0;
}
div.help-container div.help-content-container div.help-content div.title-container div.content-wrap p {
    margin-bottom: 24px;
}

div.help-container div.help-content-container div.help-content div.title-container h5.title {
    color: #191919;
    font-size: 16px;
    padding: 20px 0 8px 0;
}
div.help-container div.help-content-container div.help-content div.step-container h5.title {
    color: #191919;
    padding: 4px 0;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title {
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 8px 8px 0;
    vertical-align: middle;
    cursor: pointer;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title span.arrow {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../img/icons-06.png) no-repeat -392px -41px;
    float: right;
    margin: 6px 0;
}
div.help-container div.help-content-container div.help-content div.name-container span.connector {
    display: none;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container span.connector {
    display: inline;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container {
    text-indent: 1.5em;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container {
    text-indent: 2.5em;
}
div.help-container
    div.help-content-container
    div.help-content
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container,
div.help-container
    div.help-content-container
    div.help-content
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container {
    text-indent: 3.5em;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container h5.title {
    border-bottom: 0px none;
    color: #00A870;
    cursor: default;
    padding: 0;
    display: inline;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.name-container.sub-container h5.title,
div.help-container
    div.help-content-container
    div.help-content
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container
    h5.title {
    font-size: 12px;
}
div.help-container
    div.help-content-container
    div.help-content
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container
    h5.title,
div.help-container
    div.help-content-container
    div.help-content
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container
    div.name-container.sub-container
    h5.title {
    color: #000000;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container h5.title span.arrow {
    display: none;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title.opened {
    color: #00A870;
}
div.help-container div.help-content-container div.help-content div.name-container h5.title.opened span.arrow {
    width: 8px;
    height: 5px;
    background-position: -262px -118px;
}
div.help-container div.help-content-container div.help-content div.name-container div.content-wrap {
    display: none;
    margin-bottom: 24px;
}
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.content-wrap,
div.help-container div.help-content-container div.help-content div.name-container.sub-container div.content-wrap p {
    display: inline;
    vertical-align: middle;
}
div.help-container div.help-content-container div.help-content div.name-container div.content-wrap p,
div.help-container div.help-content-container div.help-content div.note-container ol li,
div.help-container div.help-content-container div.help-content div.step-container ol li {
    margin: 8px 0;
    list-style-type: disc;
}
div.help-container div.help-content-container div.help-content div.note-container,
div.help-container div.help-content-container div.help-content div.step-container {
    margin: 18px 0 32px 8px;
}
div.help-container div.help-content-container div.help-content div.paragraph-container p.paragraph {
    margin: 18px 0;
}
div.help-container div.help-content-container div.help-content div.note-container h5.title {
    color: #00A870;
}

/*help-img */
div.help-img-container img.help-img {
    max-width: 100%;
    cursor: pointer;
}
div.help-content div.help-img-container {
    margin-top: 8px;
    margin-bottom: 8px;
}
#help_img_msg {
    overflow-y: hidden !important;
}
#help_img_msg .msg-content-wrap {
    height: 400px;
    overflow-x: auto;
    overflow-y: auto;
}

/*pearl-step */
.pearl-step {
    position: relative;
}
.pearl-step li {
    padding-left: 25px;
    border-left: 1px solid #00A870;
}
.pearl-step li:last-child {
    border: none;
}
.pearl-step span.pearl-icon {
    position: absolute;
    left: -9px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: white;
    background-color: #00A870;
    border-radius: 100%;
}
span.help-icon.action-display {
    margin: 0 4px;
    display: inline-block;
    text-indent: 0;
}
span.help-icon.action-display span.icon {
    background: url(../img/icons-06.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
span.help-icon.action-display.add span.icon {
    background-position: -264px -82px;
}
span.help-icon.action-display span.text {
    color: #00A870;
}
span.help-icon.action-display.bind span.icon {
    background-position: -475px -2px;
}

span.help-icon.action-display.calendar span.icon {
    background-position: -513px -88px;
    width: 19px;
    height: 18px;
    margin: 0px;
    transform: scale(0.9);
}

span.help-icon.action-display.edit span.icon {
    width: 20px;
    height: 19px;
}
span.help-icon.action-display.edit span.icon {
    background-position: -528px -1px;
}
span.help-icon.action-display.refresh span.icon {
    background-position: -244px -108px;
}
span.help-icon.action-display.upload span.icon {
    background-position: -513px -45px;
}
span.help-icon.action-display.search span.icon {
    background-position: -334px -72px;
    width: 18px;
    height: 19px;
}
span.help-icon.action-display.export span.icon {
    background-position: -513px -48px;
}
span.help-icon.action-display.import span.icon {
    background-position: -529px -45px;
    width: 22px;
    height: 22px;
    transform: scale(0.9);
}
span.help-icon.action-display.delete span.icon {
    width: 12px;
    height: 16px;
    background-position: -384px -110px;
}

span.help-icon.action-display.delete-all span.icon {
    width: 16px;
    height: 16px;
    background-position: -298px -100px;
}

span.help-icon.action-display.speed span.icon {
    background: url(../img/icons-07.png) no-repeat -281px -1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -262px -42px;
    transform: scale(1.3);
}

span.help-icon.action-display.block span.icon {
    width: 22px;
    height: 22px;
    background: url(../img/block.png) no-repeat center;
}

span.help-icon.action-display.unblock span.icon {
    width: 20px;
    height: 19px;
    background-position: -244px -80px;
}

span.help-icon.action-display.locate span.icon {
    height: 24px;
    width: 24px;
    background: url(../img/icons-mesh-01.png) no-repeat -278px -8px;
}

span.help-icon.action-display.reboot span.icon {
    height: 24px;
    width: 24px;
    background: url(../img/icons-mesh-01.png) no-repeat -345px -8px;
}

button.help-button {
    cursor: default;
}
button.help-button:hover {
    color: #000000;
    background: #f0f0f0;
}
.help-icon.ckb span.icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../img/icons-06.png) no-repeat;
}
.help-icon.ckb.checked span.icon {
    background-position: -373px -30px;
}
.help-icon.ckb span.icon {
    background-position: -386px -69px;
}

/*
div.help-container div.help-content-container div.help-content h5.title{
	color: #00A870;
	display: inline;
	vertical-align: middle;
}
div.help-container div.help-content-container div.help-content div.paragraph-container{
	margin: 12px 0;
}
div.help-container div.help-content-container div.help-content div.sub-container{
	text-indent: 30px;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container{
	text-indent: 60px;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container div.sub-container h5.title,
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container h5.title{
	color: #191919;
}
div.help-container div.help-content-container div.help-content div.sub-container div.sub-container div.sub-container{
	text-indent: 90px;
}
*/

/*控件的size*/
div.widget-container div.widget-fieldlabel-wrap.xxxs {
    width: 46px;
}
div.widget-container div.widget-fieldlabel-wrap.xxs {
    width: 78px;
}
div.widget-container div.widget-fieldlabel-wrap.xss {
    width: 88px;
}
div.widget-container div.widget-fieldlabel-wrap.xs {
    width: 110px;
}
div.widget-container div.widget-fieldlabel-wrap.s {
    width: 144px;
}
div.widget-container div.widget-fieldlabel-wrap.m {
    width: 174px;
}
div.widget-container div.widget-fieldlabel-wrap.l {
    width: 214px;
}
div.widget-container div.widget-fieldlabel-wrap.xl {
    width: 254px;
}

div.widget-container.read-only div.widget-fieldlabel-wrap.s {
    width: 130px;
}
div.widget-container.textbox-container.read-only div.widget-fieldlabel-wrap.m {
    width: 160px;
}
div#version div.widget-container.textbox-container.read-only div.widget-fieldlabel-wrap.m,
div#system_time_new div.widget-container.textbox-container.read-only div.widget-fieldlabel-wrap.m {
    width: 120px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.l {
    width: 200px;
}
div.widget-container.read-only div.widget-fieldlabel-wrap.xl {
    width: 240px;
}

div.widget-container div.widget-tips.xxs div.tips-content {
    width: 70px;
}
div.widget-container div.widget-tips.xs div.tips-content {
    width: 120px;
}
div.widget-container div.widget-tips.s div.tips-content {
    width: 180px;
}
div.widget-container div.widget-tips.m div.tips-content {
    width: 240px;
}
div.widget-container div.widget-tips.l div.tips-content {
    width: 280px;
}
div.widget-container div.widget-tips.xl div.tips-content {
    width: 336px;
}

/*div.widget-container div.widget-error-tips.xs{
	width: 166px;
}
div.widget-container div.widget-error-tips.s{
	width: 206px;
}
div.widget-container div.widget-error-tips.m{
	width: 256px;
}
div.widget-container div.widget-error-tips.l{
	width: 306px;
}
div.widget-container div.widget-error-tips.xl{
	widows: 350px;
}*/
div.text-container input.text-text.xxxs {
    width: 28px;
}

div.text-container input.text-text.xxs {
    width: 20px;
}
div.text-container input.text-text.xs {
    width: 35px;
}
div.text-container input.text-text.xsp {
    width: 45px;
}
div.text-container input.text-text.s {
    width: 68px;
}
div.text-container input.text-text.m {
    width: 108px;
}
div.text-container input.text-text.mll {
    width: 155px;
}
div.text-container input.text-text.l,
div.text-container label.file-text.text-text.l,
div.textarea-container textarea.textarea-text.l {
    width: 164px;
}
div.text-container input.text-text.xl {
    width: 212px;
}
div.text-container input.text-text.xxl {
    width: 268px;
}
div.text-container input.text-text.xxxl {
    width: 328px;
}

div.text-container input.text-text.xxxxl {
    width: 369px;
}

div.text-container input.text-text.xxxxxl {
    width: 600px;
}

div.text-container input.text-text.l.text-subnet-ip {
    width: 111px;
}
div.text-container input.text-text.l.text-subnet-mask {
    width: 20px;
}

div.text-container input.text-text.xl.text-subnet-ip {
    width: 159px;
}
div.text-container input.text-text.xl.text-subnet-mask {
    width: 20px;
}

div.text-container input.text-text.l.text-sport-range {
    width: 62px;
}
div.text-container input.text-text.l.text-dport-range {
    width: 62px;
}
div.password-container div.allow-visible input.password-text.l,
div.password-container div.allow-visible input.password-hint.l {
    width: 144px;
}

div.password-container div.password-level.l {
    width: 184px;
}
div.password-container div.password-level.l span.level {
    width: 61px;
}
div.password-container div.password-level.l span.level.low {
    width: 60px;
}

div.password-container div.password-level.xl span.level {
    width: 76px;
}
div.password-container div.password-level.xl span.level.low {
    width: 77px;
}

div.textarea-container textarea.textarea-text.xl {
    width: 360px;
    height: 100px;
}
div.textarea-container textarea.textarea-text.xxxl {
    width: 668px;
    height: 100px;
}

div.textarea-container textarea.textarea-text.long {
    width: 175px;
    height: 200px;
}

div.textarea-container textarea.textarea-text.long-width {
    width: 360px;
    height: 100px;
}

div.time-container div.time-wrap input.time-text {
    width: 24px;
}

div.combobox-container div.combobox-wrap input.combobox-text.xxs {
    width: 24px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xs {
    width: 32px;
}
div.combobox-container div.combobox-wrap input.combobox-text.s {
    width: 42px;
}
div.combobox-container div.combobox-wrap input.combobox-text.m {
    width: 82px;
}
div.combobox-container div.combobox-wrap input.combobox-text.l {
    width: 138px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xl {
    width: 186px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxl {
    width: 289px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxxl {
    width: 359px;
}
div.combobox-container div.combobox-wrap input.combobox-text.xxxxl {
    width: 369px;
}

div.button-container button.button-button.s {
}
div.button-container button.button-button.m {
}
div.button-container button.button-button.l {
    width: 200px;
}

div.button-group-container div.button-group-wrap button.button-group-button.xs {
    width: 70px;
}
div.button-group-container div.button-group-wrap button.button-group-button.s {
    width: 80px;
}
div.button-group-container div.button-group-wrap button.button-group-button.m {
    width: 100px;
}
div.button-group-container div.button-group-wrap button.button-group-button.l {
    width: 132px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xl {
    width: 150px;
}
div.button-group-container div.button-group-wrap button.button-group-button.xxl {
    width: 180px;
}

div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xs,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xs {
    width: 84px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.s,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.s {
    width: 134px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.m,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.m {
    width: 164px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.l,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.l {
    width: 204px;
}
div.widget-container.checkbox-group-container div.widget-fieldlabel-wrap.xl,
div.widget-container.radio-group-container div.widget-fieldlabel-wrap.xl {
    width: 244px;
}
div.msg-container.m {
    width: 400px;
}
div.msg-container.l {
    width: 524px;
}
div.msg-container.xl {
    width: 715px;
}
div.msg-container.xxl {
    width: 820px;
}

/**全局样式**/
div.clear {
    clear: both;
}
.selectable {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;

    cursor: text;
}
.upper-case {
    text-transform: uppercase;
}
.hidden,
div.hidden {
    display: none;
}
div.inline {
    display: inline;
}
.inline-block,
div.inline-block {
    display: inline-block;
}
.block {
    display: block;
}
div.part-separate,
p.part-separate {
    margin-top: 20px;
}
div.no-margin {
    margin: 0;
}
div.mask {
    opacity: 0.3;
    background-color: #b2b2b2;
}
/*p.notice,*/
p.note {
    margin: 20px 0;
    line-height: 21px;
    vertical-align: baseline;
}
/*p.notice span,*/
p.note span {
    vertical-align: baseline;
}
p.note.first-line {
    margin-top: 0;
}
p.note strong {
    color: #00A870;
}

/*p.notice span.title,*/
div.steps h5 {
    font-size: 14px;
}
/*p.notice span.title{
	color: #e00000;
}*/
div.steps h5,
p.note span.title {
    color: #191919;
}
p.note span.note-title {
    color: #00A870;
}
p.note span.text/*,
p.notice span.text*/ {
    margin-left: 3px;
}
/*div.notice,*/
div.steps {
    margin: 40px 0;
}
/*div.notice p,*/
div.steps p {
    margin: 20px 0;
    padding-left: 50px;
    position: relative;
    line-height: 21px;
}
div.steps p span.step {
    position: absolute;
    left: 0;
    top: 0;
    color: #00A870;
}
/*div.notice h5.title{
	font-size: 14px;
	color: red;
}
div.notice p{
	padding-left: 0;
}*/
a.link {
    display: inline-block;
    color: #00A870;
    vertical-align: inherit;
}
a.choose {
    /*color: #599e00;*/
}
div.widget-tips.after-button,
div.widget-tips.after-checkbox {
    left: 452px;
}
div.loading-container {
}
div.loading-container div.loading-container-wrap {
    position: absolute;

    display: table;

    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    z-index: 999;
}
div.loading-container div.loading-container-inner {
    vertical-align: middle;
    display: table-cell;

    *position: absolute;
    *top: 50%;
}
div.loading-container div.loading-waiting-icon {
    *position: relative;
    *top: -50%;

    background: url(../img/loading.gif) no-repeat top center;
    height: 100px;
    width: 100px;
    margin: 0 auto 100px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.button-container button.button-button {
        padding: 1px 6px;
    }
    div.wizard-container div.wizard-btn button.button-button,
    div.msg-btn-container div.button-container button.button-button,
    div.button-container.submit button.button-button {
        padding: 1px 6px;
    }
}

div.func-container div#ip_addr_setting input#remoteip {
    display: none;
}

div#version th,
div#system_time_new th {
    text-align: left;
}

div#ipv6_lan_addr_txt div.text-container.disabled div.widget-wrap {
    border-color: #ffffff;
    background-color: #ffffff;
}

div#func-advanced.unvisibility .func_container,
div#func-basic.unvisibility .func_container,
div#func-advanced.unvisibility .func-container,
div#func-basic.unvisibility .func-container {
    visibility: hidden;
}

div#func-advanced.unvisibility,
div#func-basic.unvisibility {
    visibility: hidden;
}
/** ssl vpn **/
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block span.icon,
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-disconn span.icon {
    /* margin-right: 4px; */
    width: 22px;
    height: 22px;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block span.icon {
    background: url(../img/block.png) no-repeat center;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-block:hover span.icon {
    background: url(../img/block.png) no-repeat center;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-disconn span.icon {
    background: url(../img/disconnect.png) no-repeat center;
}
div.grid-container div.grid-content-container tr.grid-content-tr a.grid-content-btn.btn-disconn:hover span.icon {
    background: url(../img/disconnect.png) no-repeat center;
}
/** end ssl vpn **/