@charset "utf-8";
html {
    color: #000;
    background: transparent
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
td,
th {
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline: none;
    font-size: 100%
}

a {
    text-decoration: none
}

input {
    border: 0 none
}

textarea {
    resize: none
}

button,
textarea {
    outline: none
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

input.hidden,
input[type=hidden] {
    display: none
}

:focus {
    outline: none
}

div.mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #efefef;
    opacity: .7;
    z-index: 998
}

.widget-container,
div.widget-container div.radio-content-wrap {
    vertical-align: top
}

div.widget-container div.widget-wrap-outer {
    display: inline-block;
    vertical-align: top
}

div.widget-container div.widget-fieldlabel-wrap {
    vertical-align: top;
    margin-top: 8px
}

div.widget-container div.widget-wrap {
    padding: 1px
}

div.widget-container div.widget-tips,
div.widget-container div.widget-wrap {
    vertical-align: middle;
    display: inline-block
}

div.text-container input.text-hint,
div.text-container input.text-text,
div.textarea-container textarea.textarea-text {
    border: 0 none;
    vertical-align: middle
}

div.text-container input.text-hint,
div.text-container input.text-text {
    height: 22px
}

div.checkbox-group-container div.checkbox-group-wrap,
div.radio-group-container div.radio-group-wrap {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

div.checkbox-group-container ul.checkbox-group-list-wrap,
div.radio-group-container ul.radio-group-list-wrap {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px
}

div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label,
div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label {
    padding: 2px 8px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    cursor: pointer
}

div.checkbox-group-container.disabled ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label,
div.radio-group-container.disabled ul.radio-group-list-wrap li.radio-list label.radio-label {
    cursor: default
}

div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label input,
div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label input {
    vertical-align: middle;
    margin-right: 10px
}

.form-panel {
    position: relative
}

.form-panel div.form-prompt {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 20
}

.form-panel div.form-prompt div.bg {
    height: 100%;
    width: 100%;
    position: absolute
}

.form-panel div.form-prompt div.content {
    position: relative
}

.form-panel div.form-prompt span.icon {
    display: inline-block
}

.form-panel div.form-prompt.failed span.text.text-successed,
.form-panel div.form-prompt.successed span.text.text-failed {
    display: none
}

.form-panel div.button-container.form-submit span.loading {
    display: inline-block;
    position: absolute;
    right: 0
}

div.msg-container {
    position: absolute;
    left: 0;
    top: 0
}

div.msg-container a.msg-close {
    display: block;
    width: 18px;
    height: 18px;
    float: right
}

div.progressbar-container div.progressbar-wrap {
    position: relative;
    vertical-align: middle
}

div.progressbar-container div.progressbar-content {
    padding: 0;
    position: relative
}

div.inline-container div.widget-container.progressbar-container.hide-bar {
    margin-right: 0
}

div.inline-container div.widget-container.progressbar-container.hide-bar div.widget-fieldlabel-wrap {
    margin-right: 2px
}

div.progressbar-container.progressbar-horizontal div.progressbar-content {
    height: 10px
}

div.progressbar-container.progressbar-vertical div.progressbar-content {
    width: 20px;
    display: inline-block;
    margin: 0 auto
}

div.progressbar-container div.progressbar-value {
    background-color: #8eb7d3;
    position: absolute;
    bottom: 0
}

div.progressbar-container.progressbar-horizontal div.progressbar-value {
    height: 100%
}

div.progressbar-container.progressbar-vertical div.progressbar-value {
    width: 100%
}

div.progressbar-container div.progressbar-text span,
div.slider-container div.slider-text span {
    margin: 0 6px
}

div.combobox-container div.combobox-wrap {
    position: relative
}

div.combobox-container div.combobox-wrap input.combobox-text {
    border: 0 none;
    vertical-align: middle;
    text-indent: 4px;
    line-height: 22px;
    height: 22px
}

div.combobox-container div.combobox-wrap a.combobox-switch {
    height: 20px;
    width: 22px;
    vertical-align: middle;
    border: 1px solid #ccc
}

div.combobox-list-wrap {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 99;
    display: none
}

div.combobox-list-wrap div.combobox-list-content-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    border: 1px solid #ccc
}

ul.combobox-list {
    border-top: 0 none
}

ul.combobox-list li input.combobox-checkbox {
    margin-right: 10px;
    vertical-align: middle
}

ul.combobox-list span.icon {
    display: inline-block
}

.single ul.combobox-list input.combobox-checkbox,
.single ul.combobox-list span.icon {
    display: none
}

ul.combobox-list li label.combobox-label {
    display: block;
    cursor: pointer
}

div.combobox-container select.combobox-value-box {
    display: none
}

div.file-container div.file-wrap {
    position: relative
}

div.file-container div.widget-wrap.file-wrap {
    border: 0 none;
    background-color: transparent
}

div.file-container div.file-wrap span.file-text {
    display: inline-block;
    height: 22px;
    width: 164px;
    line-height: 22px;
    padding: 2px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.file-container div.file-button-container {
    vertical-align: middle
}

div.file-container div.file-wrap-outer div.file-button-container,
div.file-container div.file-wrap-outer div.text-wrap {
    z-index: 0
}

div.file-container div.file-wrap input.file-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
    cursor: pointer;
    z-index: -1;
    z-index: 1\0
}

div.file-container div.file-wrap div.file-text-hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    display: inline-block;
    width: 197px;
    height: 26px;
    border: 1px solid #e6e6e6;
    padding: 1px;
    z-index: -2;
    z-index: 3\9;
    background-color: #f5f5f5
}

div.time-container div.time-wrap {
    position: relative
}

div.time-container div.time-wrap input.time-text {
    width: 24px;
    border: 0 none;
    height: 22px;
    line-height: 22px;
    min-width: 0;
    max-height: 36px;
    text-indent: 4px;
    ime-mode: disabled
}

div.time-container div.time-wrap a.time-switch {
    width: 16px
}

div.time-container span.time-separator {
    padding: 0 3px
}

div.number-container span.number-wrap input.number-text {
    min-width: 100px;
    width: 105px
}

div.number-container span.number-wrap span.number-switch-container {
    display: inline-block
}

div.number-container span.number-wrap .number-switch {
    display: inline-block;
    width: 23px;
    height: 22px;
    vertical-align: middle
}

div.number-container span.number-wrap .number-switch-down,
div.number-container span.number-wrap .number-switch-up {
    border-left: 1px solid #ccc
}

div.button-container.widget-container div.button-wrap {
    border: 0 none;
    padding: 0
}

div.button-container button.button-button {
    border: 1px solid #aaa;
    background-color: #eee;
    min-width: 64px;
    height: 25px
}

div.button-container.login-full {
    text-align: left!important;
    margin-left: 104px
}

div.button-container button.login-full {
    border: 1px solid #aaa;
    background-color: #eee;
    min-width: 64px;
    height: 25px;
    width: 200px;
    width: 185px
}

div.button-container button.button-button.pressed {
    border: 1px solid #999;
    background-color: #aaa;
    color: #fff
}

div.button-container button.button-button span.button-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px
}

div.button-container button.button-button span.button-text {
    line-height: 16px
}

div.panel-container div.panel-wrap div.panel-header-btn-container button {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #fff;
    border: 1px solid #ccc;
    margin: 0 0 0 5px
}

div.tip-container {
    display: none;
    position: absolute;
    top: 200px;
    left: 500px;
    z-index: 997
}

div.tip-container div.tip-wrap {
    background-color: #fff;
    border: 1px solid #ccc
}

div.tip-container div.tip-wrap h4.tip-title {
    font-weight: 700
}

div.grid-container div.grid-content-container {
    position: relative
}

div.grid-container div.grid-content-container table.grid-content-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

div.grid-container div.checkbox-group-container div.widget-wrap {
    margin-right: 0
}

#offlineDownloadGrid div.grid-container div.grid-content-container,
#scheduleGrid div.grid-container div.grid-content-container {
    overflow: inherit
}

div.grid-panel div.paging-container div.num-buttons-container {
    display: inline
}

div.wizard-container div.process-flow-container {
    margin: 10px auto
}

div.wizard-container div.process-flow {
    padding: 40px;
    text-align: center
}

div.wizard-container div.process-flow span.bar {
    display: inline-block;
    text-align: left
}

div.wizard-container div.process-flow span.bar span.bar-inner {
    height: 100%;
    display: inline-block
}

div.wizard-container div.process-flow div.process-flow-step {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

div.wizard-container div.process-flow div.process-flow-step span.icon {
    display: inline-block;
    position: absolute
}

div.wizard-container div.process-flow div.process-flow-step span.text {
    position: absolute;
    white-space: nowrap;
    width: 230px;
    margin-left: -109px
}

div.button-group-container div.button-group-wrap {
    border: 0 none
}

div.button-group-container div.button-group-wrap ul.button-group-container li {
    display: inline-block
}

div.button-group-container div.button-group-wrap button.button-group-button {
    border-radius: inherit;
    margin: 0
}

div.foldertree-container ul.foldertree-wrap {
    margin-left: 20px
}

div.foldertree-container span.foldertree-icon {
    display: inline-block;
    width: 20px;
    height: 20px
}

div.foldertree-container span.foldertree-icon.foldertree-has-branch {
    cursor: pointer
}

div.timepicker-msg-container table.timepicker thead th {
    height: 32px
}

div.timepicker-msg-container table.timepicker td.fst {
    border: 0 none
}

div.timepicker-msg-container table.timepicker div.row-picker,
div.timepicker-msg-container table.timepicker div.timepicker-picker {
    display: block;
    height: 18px;
    width: 80px
}

div.timepicker-msg-container table.timepicker div.row-picker {
    width: 22px
}

div.timepicker-msg-container table.timepicker div.row-picker,
div.timepicker-msg-container table.timepicker div.timepicker-picker,
div.timepicker-msg-container table.timepicker thead th.week-picker {
    cursor: default
}

div.timepicker-msg-container div.x-axis {
    position: relative;
    z-index: 10
}

div.timepicker-msg-container div.x-axis-wrap {
    position: absolute;
    top: -465px
}

div.timepicker-msg-container div.x-axis span {
    display: block;
    height: 19px
}

.switch-container .switch-label {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.switch-container .switch-label .icon-bg {
    display: inline-block;
    width: 60px;
    height: 30px
}

.switch-container .switch-label .icon-ball {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px
}

.switch-container .switch-label.checked .icon-ball {
    left: 30px
}

div.ports-container,
div.ports-content-container div.select-all {
    display: inline-block;
    vertical-align: middle
}

div.ports-line:after {
    content: " ";
    display: block;
    clear: both
}

div.port-interface {
    float: left;
    position: relative;
    cursor: pointer
}

div.no-click div.port-interface,
div.port-interface.disabled {
    cursor: default
}

div.ports-line div.port-interface:hover:after {
    content: " ";
    position: absolute
}

div.port-interface.empty-port:hover:after {
    display: none
}

div.port-interface.empty-port {
    cursor: default
}

div.port-interface span.link-icon {
    position: absolute
}

div.examplebar-container div.examplebar-content div.examplebar-item,
div.examplebar-container div.examplebar-content div.examplebar-item div {
    display: inline-block;
    vertical-align: middle
}

div.examplebar-container div.port-interface {
    cursor: default
}

div.widget-container.collapse-list-container {
    margin-bottom: 0;
    line-height: 15px
}

div.collapse-list-container div.collapse-icon {
    display: inline-block;
    vertical-align: top;
    user-select: none;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none
}

div.collapse-list-container div.collapse-icon span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px
}

div.collapse-list-container div.collapse-icon.hidden {
    display: none
}

div.collapse-list-container div.collapse-list {
    display: inline-block;
    margin-left: 15px
}

div.collapse-list-container div.collapse-list li {
    display: block;
    height: 15px
}

div.collapse-list-container div.collapse-list li.hidden {
    display: none
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html {
    overflow: hidden
}

body,
html {
    height: 100%
}

body {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative
}

.module,
li {
    display: inline-block
}

.module {
    width: 100%
}

.nd {
    display: none
}

#basic-module-container,
#index-view-container,
#main-container,
#main-view {
    height: 100%
}

.index-view {
    position: relative;
    height: 100%
}

#top {
    top: 0;
    z-index: 790;
    width: 100%;
    height: 80px
}

#top .con {
    padding: 0 50px 0 36px
}

#return-menu .con,
#top .con {
    position: relative;
    height: 80px;
    margin: 0 auto;
    text-align: left;
    white-space: nowrap
}

#return-menu .con {
    padding: 0 12px 0 36px
}

#top .logo-ctn {
    display: inline-block;
    width: 210px;
    height: 80px;
    vertical-align: top
}

.logo {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 999999999999999999999999920202022020202;
}

.logo img { width: 180px; }

.login-module .logo-ctn {
    position: absolute;
    z-index: 1000;
    margin-left: 36px;
    margin-top: 17px
}

.logo-ctn .icon-logo {
    margin-top: 18px
}

.logo-ctn .cloud-key {
    font-size: 18px;
    display: inline-block;
    margin-top: 21px;
    vertical-align: middle;
    color: #fff;
    margin-left: 23px;
    border-left: 1px solid #fff;
    padding-left: 23px;
    height: 28px;
    line-height: 28px;
    font-family: TP-LinkAktiv-Medium
}

#top .nav-ctn {
    display: inline-block;
    margin: 0 0 0 10px;
    white-space: nowrap
}

#top .nav-li {
    display: inline-block;
    width: 126px;
    height: 80px;
    box-sizing: border-box;
    margin-left: -2px;
    text-align: center
}

#top .nav-li a {
    display: table-cell;
    width: 126px;
    height: 80px
}

#top .operation-ctn {
    position: absolute;
    right: 50px;
    top: 0;
    text-align: right
}

#top .operation-btn {
    display: inline-block;
    margin-top: 20px
}

#top .operation-btn.save-btn {
    margin-right: 12px
}

#top .operation-btn span.text {
    margin-left: 2px
}

.menu-ctn {
    height: 100%;
    width: 220px
}

.menu-ctn:before {
    position: absolute;
    z-index: -1;
    width: 210px;
    height: 100%;
    content: " "
}

#menu li.ml1 {
    width: 210px;
    display: inline-block;
    height: 45px;
    margin-top: 15px
}

#menu li.ml1 a {
    position: relative;
    z-index: 2;
    display: table;
    height: 45px;
    width: 100%
}

#menu li.ml1 a span.text {
    display: table-cell;
    padding: 0 5px 0 14px;
    box-sizing: border-box
}

#menu li.ml2 {
    width: 210px
}

#menu li.ml2 a span.text {
    padding-left: 35px
}

#menu li.ml2 a span.text:before {
    content: "•";
    position: absolute;
    left: 20px
}

#menu li.ml1 a span.icon-menu-arrow {
    float: right;
    margin-top: 3px;
    margin-right: 8px
}

.tab-wrapper {
    padding: 10px 40px 0
}

.tab-ctn a.tab-btn {
    display: inline-block;
    padding: 2px 16px;
    height: 30px;
    margin-right: 9px;
    margin-top: 10px;
    box-sizing: border-box
}

#fixed-layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

#fixed-layer>.con {
    position: relative;
    top: 0;
    height: 100%;
    padding: 0 12px;
    margin: 80px auto 0
}

#scroll-layer {
    border-top: 80px solid transparent;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden
}

#scroll-layer .menu-bg {
    width: 210px;
    border-bottom: 10px solid #ebebeb
}

#scroll-layer .main-bg,
#scroll-layer .menu-bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    height: 100%;
    box-sizing: border-box
}

#scroll-layer .main-bg {
    width: 1200px;
    border-bottom: 10px solid #f6f6f6
}

#menu-widget {
    position: relative;
    float: left;
    display: none
}

#scroll-layer .main-con {
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

#scroll-layer .main-scroll-adapter.tabs {
    padding-top: 70px
}

#scroll-layer .main-scroll-adapter {
    float: left;
    width: 100%;
    height: 100%
}

#main {
    padding-top: 40px;
    margin-bottom: 0;
    box-sizing: border-box
}

input.checkbox-checkbox,
input.radio-radio {
    display: none
}

label.checkbox-label span.icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 9px
}

#signup-form-wrapper .checkbox-container {
    margin-bottom: 12px
}

#signup-form-wrapper .checkbox-label .icon {
    display: block;
    float: left
}

#signup-form-wrapper .checkbox-label .text {
    display: block;
    overflow: hidden
}

div.widget-container.checkbox-group-container li.checkbox-list {
    padding-right: 30px;
    box-sizing: border-box
}

div.widget-container.checkbox-group-container.fixedWidth li.checkbox-list {
    padding-right: 10px;
    min-width: 126px
}

div.checkbox-group-wrap {
    display: inline-block
}

label.radio-label span.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px
}

li.radio-list {
    display: inline-block
}

div.radio-group-container.margin-right-radio-15 ul.radio-group-list-wrap {
    margin-right: 15px
}

div.widget-container.radio-group-container li.radio-list {
    padding-right: 30px;
    box-sizing: border-box
}

div.widget-container.radio-group-container.fixedWidth li.radio-list {
    min-width: 126px;
    padding-right: 10px
}

div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label {
    padding: 0
}

div.inline-container.radio-fieldset-container div.widget-container.radio-group-container {
    margin-bottom: 0;
    margin-right: 0
}

div.inline-container.radio-fieldset-container div.widget-container.radio-group-container div.widget-wrap-outer {
    margin-top: 4px
}

div.inline-container.radio-fieldset-container div.widget-container.fieldset-container {
    vertical-align: middle;
    margin-left: -10px
}

.editor-container .btn-container {
    margin-top: 30px
}

span.button-button-before {
    display: none
}

div.button-container a.button-button {
    display: inline-block;
    box-sizing: border-box;
    height: 36px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 30px
}

div.button-container.secondary-btn {
    height: 30px
}

div.button-container.btn-cancel a.button-button,
div.button-container.btn-submit a.button-button {
    height: 36px;
    min-width: 110px;
    padding: 3px;
    line-height: 30px
}

div.button-container.big a.button-button {
    height: 40px;
    min-width: 140px
}

div.button-container.big a.button-button span.button-text {
    height: 40px
}

span.status-btns div.button-container a.button-button {
    position: relative
}

span.text-wrap input,
span.text-wrap span {
    height: 30px
}

span.text-wrap input {
    width: 190px
}

div.widget-container span.text-wrap input {
    height: 30px;
    padding: 1px 10px;
    line-height: 30px;
    box-sizing: border-box
}

div.searchbar-text div.widget-container.text-container {
    position: relative
}

div.searchbar-text div.widget-container.text-container:after {
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 3px;
    right: 8px
}

div.widget-container span.text-wrap input[readonly] {
    padding: 0
}

div.password-level {
    display: none
}

div.password-wrap-outer.allow-visible div.allow-visible-wrapper {
    display: inline-block
}

div.password-wrap-outer.allow-visible div.allow-visible-wrapper span.icon.allow-visible-btn {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: -2px
}

div.width-label-280 div.widget-fieldlabel-wrap {
    width: 280px
}

div.width-input-200 div.text-wrap input,
div.width-input-200 div.text-wrap span.text-wrap-display {
    width: 192px
}

div.width-input-200 div.combobox-wrap input.combobox-text,
div.width-input-200 div.textbox-datepicker input,
div.width-input-200 input.combobox-text {
    width: 175px
}

div.width-input-420 div.combobox-container div.widget-wrap,
div.width-input-420 div.text-container div.widget-wrap {
    width: 420px
}

div.width-input-300 div.widget-wrap {
    width: 300px
}

div.width-input-150 div.text-wrap input,
div.width-input-150 div.text-wrap span.text-wrap-display {
    width: 142px
}

div.width-input-150 div.combobox-wrap input.combobox-text,
div.width-input-150 input.combobox-text {
    width: 129px
}

div.module {
    display: inline-block
}

div.widget-container {
    margin-bottom: 24px
}

.button-container .button-container,
.grid-tool-container div.widget-container,
div.widget-container.form-container {
    margin-bottom: 0
}

div.widget-container.followed {
    margin-bottom: 14px
}

div.widget-container.label-empty div.widget-fieldlabel-wrap {
    display: none
}

div.display-table-ctn div.displaylabel-container.content-empty div.widget-fieldlabel-wrap {
    width: auto
}

.widget-fieldlabel-wrap {
    padding-right: 12px;
    box-sizing: border-box
}

div.widget-container div.widget-wrap {
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

div.widget-container span.combobox-wrap,
div.widget-container span.text-wrap {
    position: static;
    display: block;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

div.widget-container div.widget-wrap input[type=password],
div.widget-container div.widget-wrap input[type=text] {
    display: block;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.widget-container .widget-wrap .password-text {
    letter-spacing: .3em
}

.password-hint.hint,
.text-hint-inner {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 30px
}

.password-hint .password-hint,
.text-hint-inner .text-hint {
    background-color: transparent;
    color: #b8babc
}

.password-hint .password-hint {
    letter-spacing: .3em
}

div.combobox-container div.combobox-wrap input.combobox-text {
    height: 30px;
    padding: 1px 17px 1px 9px;
    box-sizing: border-box
}

input.combobox-text {
    width: 190px
}

div.combobox-container div.combobox-wrap a.combobox-switch {
    position: absolute;
    top: 6px;
    right: 5px;
    display: inline-block;
    width: 10px;
    height: 7px;
    z-index: 10
}

div.combobox-list-wrap {
    width: 100%
}

.down-to-up .combobox-list-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%
}

li.combobox-list {
    width: 100%;
    box-sizing: border-box
}

li.combobox-list label.combobox-label {
    padding: 2px 0 1px
}

ul.combobox-list {
    padding-bottom: 3px
}

ul.combobox-list li.combobox-list label.combobox-label span.icon {
    width: 13px;
    height: 13px;
    margin-right: 4px
}

ul.combobox-list li.combobox-list label.combobox-label span.text {
    display: inline-block;
    margin-left: 7px;
    min-height: 1.5em;
    word-break: break-all
}

ul.combobox-list li.combobox-list label.combobox-label input.combobox-checkbox {
    display: none
}

div.combobox-container div.widget-wrap.combobox-wrap {
    padding-right: 0
}

div.widget-container div.widget-wrap.slider-content-left {
    position: relative;
    padding-left: 6px
}

div.widget-container div.widget-wrap.slider-content-right {
    padding-right: 6px
}

div.widget-container div.widget-wrap.slider-content {
    height: 18px
}

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

div.widget-container div.slider-content div.slider-value div.slider-value-inner {
    position: absolute;
    top: 1px;
    right: -12px;
    width: 12px;
    height: 15px
}

div.slider-text {
    display: inline-block
}

div.file-container div.file-wrap span.file-text {
    height: 30px;
    width: 190px;
    padding: 0 10px;
    box-sizing: border-box
}

div.file-container div.file-wrap.widget-wrap {
    width: auto
}

div.button-container.file-button-container {
    margin-left: 5px
}

div.file-button-container div.widget-fieldlabel-wrap {
    display: none
}

div.file-button-container div.button-container {
    margin-bottom: 0
}

div.progressbar-container div.widget-fieldlabel-wrap {
    position: relative;
    top: 20px;
    left: 145px;
    font-size: 12px
}

div.width-label-224 div.progressbar-container div.widget-fieldlabel-wrap {
    left: 225px
}

div.progressbar-container div.progressbar-text span.progressbar-percentage,
div.progressbar-container div.widget-fieldlabel-wrap label,
div.progressbar-container div.widget-fieldlabel-wrap span {
    color: #a7a9ac
}

div.progressbar-wrap-outer div.progressbar-wrap {
    margin-top: 6px
}

div.progressbar-container div.progressbar-text {
    display: inline-block;
    position: relative;
    top: 18px;
    left: -120px
}

div.widget-container.fieldset-container {
    margin-bottom: 0
}

.fieldset-container .fieldset-content:after {
    content: "";
    display: table;
    clear: both
}

div.widget-container.fieldset-container.collapsable-textbox-field {
    padding-left: 20px
}

div.widget-container.fieldset-container.visible {
    position: relative;
    width: 870px;
    margin-top: 15px;
    margin-bottom: 20px
}

div.widget-container.fieldset-container.visible.expand {
    padding: 10px
}

div.widget-container.fieldset-container.visible>div.legend:first-child {
    position: absolute;
    top: -10px;
    left: 5px;
    margin: 0 5px;
    padding: 0 3px
}

div.widget-container.fieldset-container.visible>div.legend:first-child div.fieldset-img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 15px;
    height: 15px
}

div.widget-container.fieldset-container.visible>div.legend:first-child div.fieldset-text {
    display: inline-block
}

div.widget-container.fieldset-container.visible.expand>div.legend:first-child+div.fieldset-content {
    display: block
}

div.widget-container.fieldset-container.visible.collapse {
    height: 0;
    padding: 0 10px
}

div.widget-container.fieldset-container.visible.collapse>div.legend:first-child+div.fieldset-content {
    display: none
}

div.widget-container.fieldset-container.visible.fieldset-speed-test {
    margin: 20px auto;
    width: 500px;
    padding: 15px 0
}

div.widget-container.fieldset-container.visible.unflexible>div.legend:first-child {
    left: 23px
}

div.widget-container.fieldset-container.visible.unflexible>div.legend:first-child div.fieldset-img {
    display: none
}

div.widget-container.fieldset-container.visible.collapse.unflexible {
    height: auto;
    padding: 10px
}

div.widget-container.fieldset-container.visible.collapse.unflexible>div.legend:first-child+div.fieldset-content {
    display: block
}

div.widget-container.fieldset-container.collapsable>div.legend:first-child {
    position: relative;
    padding-left: 40px;
    line-height: 30px;
    background: #fafafa
}

div.widget-container.fieldset-container.collapsable>div.legend:first-child div.fieldset-img {
    position: absolute;
    top: 9px;
    left: 20px;
    width: 14px;
    height: 14px
}

div.widget-container.fieldset-container.collapsable.textbox-field>div.legend:first-child div.fieldset-img {
    top: -35px;
    left: -18px
}

div.widget-container.fieldset-container.collapsable>div.legend:first-child div.fieldset-text {
    display: inline-block
}

div.widget-container.fieldset-container.collapsable.expand>div.legend:first-child+div.fieldset-content {
    display: block
}

div.widget-container.fieldset-container.collapsable.collapse>div.legend:first-child+div.fieldset-content {
    display: none
}

div.tooltip-container {
    display: inline-block;
    height: 22px
}

div.tooltip-container div.text-wrap {
    position: relative
}

div.tooltip-icon-container span.tooltip-icon {
    display: inline-block;
    height: 17px;
    left: 170px;
    top: 3px;
    width: 17px;
    margin-top: 4px
}

.tip-text-container .tip-text-box {
    display: inline-block
}

.text-container {
    position: relative
}

div.widget-container div.widget-tips div.tips-content {
    margin-left: 12px;
    max-width: 400px
}

div.tip-text-container.show {
    display: block
}

div.tip-text-container .icon-delta {
    display: inline-block;
    width: 9px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 3px
}

div.widget-error-tips {
    position: relative
}

div.widget-error-tips:hover div.widget-error-tips-wrap {
    display: block;
    top: 16px;
    left: 16px
}

div.widget-error-tips span.widget-error-tips-delta {
    display: none
}

.error-tips-s div.widget-error-tips div.widget-error-tips-wrap {
    width: 250px
}

div.widget-error-tips div.widget-error-tips-wrap span.widget-error-tips-delta {
    position: absolute;
    top: 5px;
    left: 0
}

div.widget-container.notice-wrap {
    margin: 0 auto;
    padding: 0;
    width: 960px
}

.widget-container.notice-bar-container {
    padding-left: 24px;
    padding-right: 24px;
    line-height: 60px
}

.notice-bar-container .close,
.notice-bar-container .img-wrap,
.notice-bar-container .text-wrap {
    display: inline-block;
    vertical-align: middle
}

div.notice-bar-container div.notice-text-wrap {
    display: inline-block
}

div.notice-bar-container div.notice-buttons-wrap {
    float: right
}

div.smb-notice-bar-container {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 21px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 20px 33px 19px 104px;
    min-width: 200px;
    max-width: 410px;
    margin-bottom: 0;
    z-index: 1000
}

div.smb-notice-bar-container.other {
    padding-left: 54px
}

div.smb-notice-bar-container div.img-wrap {
    display: inline-block;
    position: absolute;
    left: 53px;
    top: 15px
}

div.smb-notice-bar-container.other div.img-wrap {
    display: none
}

div.smb-notice-bar-container span.icon-fail,
div.smb-notice-bar-container span.icon-success {
    display: inline-block;
    width: 33px;
    height: 33px
}

div.smb-notice-bar-container.fail span.icon-success,
div.smb-notice-bar-container.success span.icon-fail {
    display: none
}

div.smb-notice-bar-container div.text-wrap {
    display: inline-block
}

div.smb-notice-bar-container div.close {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 14px;
    height: 14px
}

div.panel-header {
    position: relative;
    padding: 0 0 4px
}

div.grid-container div.panel-header {
    position: relative;
    padding: 0 0 10px
}

div.panel-header h3 {
    padding-bottom: 1px
}

div.panel-header-btn-container span.panel-header-btn-collapse {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 15px;
    height: 15px
}

div.editor-container div.panel-container,
div.panel-container {
    margin-bottom: 0
}

div.panel-short div.panel-container {
    display: inline-block;
    width: 450px
}

div.panel-container div.panel-fbar-container,
div.panel-container div.panel-tbar-container {
    display: none;
    border: none
}

div.panel-content {
    padding: 10px 0
}

div.panel-content div.panel-content-container {
    padding: 10px 0 0
}

div.half-panel {
    display: inline-block;
    width: 450px;
    margin: 0 0 0 20px
}

div.half-panel-device-info,
div.half-panel-lan-info,
div.half-panel-wan-info,
div.half-panel-wireless-sq {
    float: left
}

div.half-panel-radio-info,
div.half-panel-wireless-info {
    float: right;
    margin: 0 22px 0 0
}

div.half-panel-ddns,
div.half-panel-location,
div.half-panel-miscellaneous,
div.half-panel-rssi-led,
div.half-panel-snmp,
div.half-panel-time {
    margin: 0 0 0 15px
}

div.half-panel-device-info,
div.half-panel-wireless-info {
    height: 260px
}

div.half-panel-ddns div.main-form,
div.half-panel-ping div.main-form {
    height: 194px
}

div.half-panel-snmp div.main-form,
div.half-panel-web-server div.main-form {
    height: 297px
}

div.half-panel-rssi-led div.main-form,
div.half-panel-ssh-server div.main-form {
    height: 81px
}

div.half-panel-device div.main-form,
div.half-panel-location div.main-form {
    height: 54px
}

div.half-panel-time div.main-form,
div.half-panel-user-account div.main-form {
    height: 189px
}

div.msg-container {
    z-index: 999
}

div.msg-container.global-alert {
    z-index: 1010
}

div.msg-container.global-confirm {
    z-index: 1009
}

div.msg-container.global-alert,
div.msg-container.global-confirm {
    width: 31.3%
}

div.msg-container.form-prompt-msg div.msg-content-container {
    padding: 15px
}

div.msg-container.editor-container.detail-msg {
    max-width: 890px
}

div.msg-container.global-alert div.widget-content.msg-content-container {
    margin-top: 0;
    padding: 0 30px
}

div.msg-container.editor-container.l div.msg-wrap {
    min-width: 888px;
    max-width: none
}

div.msg-container.global-alert h3.msg-title {
    height: 36px
}

.msg-container .msg-title {
    font-size: 18px;
    padding: 10.5px 30px
}

div.msg-container.l h3.msg-title {
    padding-left: 50px
}

div.msg-container h3.msg-title span.msg-title-container {
    display: inline-block;
    padding: 0
}

div.msg-container.global-alert h3.msg-title span.msg-title-container {
    display: none
}

div.msg-container.global-confirm.window .btn-container {
    margin: 15px 0 20px
}

div.msg-container a.msg-close {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 10.5px
}

.msg-container.editor-container .msg-content-container {
    padding: 36px 30px;
    color: #212121
}

.msg-container.editor-container .msg-content-container .widget-container {
    line-height: 21px
}

.msg-container.editor-container .msg-content-container .widget-container .error-tips-content {
    line-height: 20px
}

.msg-container.editor-container .msg-content-container .checkbox-container {
    color: #7d7e80
}

div.msg-container.editor-container div.msg-btn-container {
    padding: 15px 30px
}

div.msg-container.editor-container.l div.msg-btn-container {
    padding: 15px 50px
}

div.msg-container.editor-container.l div.msg-content-container {
    padding: 30px 50px 15px
}

div.msg-container.editor-container.l.collapsable-textbox-field div.msg-content-container {
    padding: 30px 50px 15px 30px
}

.msg-container .msg-btn-container {
    padding: 0 30px 36px
}

.msg-container .msg-btn-container:after {
    content: "";
    display: table;
    clear: both
}

.msg-container.global-confirm .msg-content-container {
    padding: 36px 30px
}

div.padding-progress-msg-50 div.widget-content.msg-content-container {
    padding: 13px 50px
}

div.msg-container.width-msg-600 div.msg-wrap {
    width: 600px
}

div.msg-container.widget-container.height-msg-580 {
    height: 580px
}

div.datepicker-widget {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

div.datepicker-widget div.widget-container.datepicker-container {
    margin: 0
}

div.datepicker-widget div.date-picker {
    width: 16px;
    height: 20px;
    border: 1px solid #a7a9ac;
    border-left: none;
    border-top-right-radius: 3px;
    background: url(../static/img/icons.png) no-repeat -36px -2px
}

div.datepicker-widget:hover div.date-picker {
    background-position: -53px -2px
}

div.mask {
    width: 100%;
    height: 100%
}

div.mask.global-error {
    z-index: 1009
}

div.loading-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.loading-container {
    display: table
}

.loading-container-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.loading-container-inner {
    display: inline-block;
    border-radius: 16px
}

.loading-waiting-icon {
    width: 64px;
    height: 64px;
    margin: 18px
}

.first-loading {
    z-index: 99999;
    position: absolute;
    text-align: center;
    width: 400px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -200px;
    margin-left: -200px
}

div.help-container div.help-btn-container a.btn-help {
    display: inline-block;
    width: 24px;
    height: 24px
}

#help-msg {
    z-index: 791
}

#help-widget {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 8px
}

#help-msg.msg-container h3.msg-title {
    padding-left: 26px
}

#help-msg div.help-content-wrap {
    padding: 20px 6px 20px 26px
}

#help-msg div.help-content-container-wrap {
    padding-right: 20px
}

#help-msg div.help-content dl.steps dt {
    width: 50px;
    padding-right: 7px
}

#help-msg div.help-content dl dt {
    position: relative
}

#help-msg div.help-content dl.steps dd {
    width: 280px
}

#help-msg div.help-content div.ul,
#help-msg div.help-content dl.name {
    margin: 15px 0 4px
}

#help-msg div.help-content div.ul dl {
    padding-left: 15px;
    margin-top: 15px
}

#help-msg div.help-content h4 {
    margin: 30px 0 10px
}

#help-msg div.help-content div.step {
    margin-top: 30px
}

#help-msg div.help-content dl.steps {
    margin-top: 15px
}

#help-msg .msg-wrap {
    width: 400px
}

#help-msg div.help-content div.ul dt:before {
    position: absolute;
    content: " ";
    width: 7px;
    height: 7px;
    left: -14px;
    margin-top: 8px
}

#help-msg div.content.h3 {
    overflow: hidden
}

div.help-content span.add,
div.help-content span.edit,
div.help-content span.editAll {
    display: inline-block;
    position: relative;
    padding-left: 30px
}

div.help-content span.edit {
    text-indent: -999px;
    padding-left: 24px
}

div.help-content span.add:before,
div.help-content span.edit:before,
div.help-content span.editAll:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 6px 0 3px;
    top: 1px;
    left: 0;
    position: absolute
}

div.help-content span.edit:before {
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 6px 0 3px;
    width: 18px;
    top: 2px;
    left: 0;
    position: absolute
}

td.grid-content-td-0,
th.grid-header-0 {
    display: none
}

div.msg-content-container div.grid-panel {
    width: 561px
}

div.grid-tab div.grid-panel-tbar-container {
    margin-top: -34px
}

div.display-table div.grid-panel-tbar-container {
    margin-top: -29px
}

.grid-panel-tbar-container .operation-container {
    display: inline-block
}

div.display-table div.grid-panel-tbar-container div.operation-container {
    padding-bottom: 7px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn {
    display: inline-block;
    padding: 0;
    height: 20px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn+a.operation-btn {
    margin-left: 14px
}

div.grid-conplex-search div.operation-container a.operation-btn span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn span.icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 8px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate span.icon {
    height: 24px;
    width: 24px;
    vertical-align: middle
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-edit span.icon {
    width: 18px
}

div.grid-panel-tbar-container div.search-bar-container {
    display: inline-block;
    float: left
}

div.grid-panel-tbar-container div.search-bar-container div.searchbar-column,
div.grid-panel-tbar-container div.search-bar-container div.searchbar-text {
    display: inline-block
}

div.search-bar-container.widget-container {
    margin-bottom: 12px
}

div.search-bar-container div.widget-container {
    margin-bottom: 0
}

div.search-bar-container div.widget-fieldlabel-wrap {
    display: none
}

div.search-bar-container div.searchbar-text div.widget-wrap {
    width: 290px
}

div.search-bar-container div.searchbar-column div.widget-wrap {
    width: 188px
}

div.search-bar-container div.searchbar-column .combobox-wrap input.combobox-text,
div.search-bar-container div.searchbar-text .text-wrap input {
    height: 24px;
    line-height: 24px
}

div.search-bar-container div.searchbar-column div.combobox-container div.combobox-wrap a.combobox-switch {
    top: 3px
}

div.grid-tab.search-bar-grid-tab {
    margin-top: 36px
}

div.grid-container.grid-tab.grid-search-bar div.search-bar-container {
    position: relative;
    top: -36px
}

div.grid-conplex-search {
    position: relative;
    margin-top: 36px;
    margin-bottom: 20px;
    padding: 20px;
    width: 900px;
    box-sizing: border-box
}

div.grid-conplex-search div.operation-container {
    position: absolute;
    top: -37px;
    right: -1px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search span.search-arrow,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search span.search-arrow {
    display: inline-block;
    width: 13px;
    height: 6px;
    margin: 7px 0 7px 6px
}

tr.editor-container {
    height: 30px
}

tr.editor-container td.grid-content-td div.widget-container {
    margin: 0
}

tr.editor-container div.widget-fieldlabel-wrap {
    display: none
}

tr.editor-container div.button-button a.button-button,
tr.editor-container div.button-button a.button-button:hover {
    width: 88px;
    padding: 2px
}

tr.editor-container div.button-button {
    position: absolute;
    top: 30px;
    left: 410px;
    height: 24px;
    padding: 4px
}

tr.editor-container div.button-button.btn-submit {
    position: absolute;
    left: 345px
}

tr.editor-container div.button-button.btn-cancel {
    position: absolute;
    left: 444px
}

.s-op-col a.grid-content-btn+a.grid-content-btn {
    margin-left: 15px
}

tr.editor-container div.text-container span.text-wrap input {
    width: 98%
}

.grid-content-td-settings-column a.grid-content-btn span.text,
td.grid-content-td-settings-column a.grid-content-btn span.text {
    display: none
}

.grid-content-td-settings-column a.grid-content-btn span.icon,
td.grid-content-td-settings-column a.grid-content-btn span.icon {
    display: inline-block;
    height: 24px;
    width: 24px
}

.grid-content-td-action-column .grid-content-btn.btn-launch .icon {
    width: 18px;
    height: 20px
}

.grid-content-td-action-column .grid-content-btn.btn-forget .icon,
.grid-content-td-action-column .grid-content-btn.btn-upgrade .icon {
    width: 20px;
    height: 20px
}

div.grid-container div.grid-header-container,
div.grid-container div.grid-tool-container,
div.grid-content-container-outer {
    padding: 0;
    position: relative;
    z-index: 0
}

div.grid-container div.grid-content-container {
    box-sizing: content-box
}

.grid-content-container table {
    border-top: 1px solid #a7a9ac;
    border-bottom: 1px solid #a7a9ac
}

div.grid-container div.grid-tool-container {
    z-index: 1
}

div.grid-container.no-header div.grid-header-container {
    display: none
}

div.grid-header-container tr.grid-header-tr th.grid-header-checkcolumn,
div.grid-tool-container td.grid-tool-td-checkcolumn,
tr.grid-content-tr td.grid-content-td-check-column {
    width: 25px
}

.stand-ac-col div.grid-header-container tr.grid-header-tr th.grid-header-actioncolumn,
.stand-ac-col tr.grid-content-tr td.grid-content-td-action-column,
div.grid-header-container tr.grid-header-tr th.grid-header-settings,
div.grid-tool-container td.grid-tool-td-settings,
tr.grid-content-tr td.grid-content-td-settings-column {
    width: 100px
}

.s-op-col.stand-ac-col div.grid-header-container tr.grid-header-tr th.grid-header-actioncolumn,
.s-op-col.stand-ac-col tr.grid-content-tr td.grid-content-td-action-column,
.s-op-col div.grid-header-container tr.grid-header-tr th.grid-header-settings,
.s-op-col div.grid-tool-container td.grid-tool-td-settings,
.s-op-col tr.grid-content-tr td.grid-content-td-settings-column {
    width: 80px
}

div.grid-header-container tr.grid-header-tr th.grid-header-1,
div.grid-tool-container td.grid-tool-td.grid-tool-td-1,
tr.grid-content-tr td.grid-content-td.grid-content-td-1 {
    padding-left: 10px
}

div.grid-tool-container td.grid-tool-td,
tr.editor-container td.grid-content-td {
    padding: 7px 6px
}

.grid-header>.content {
    padding: 17px 15px;
    box-sizing: border-box
}

.td-content {
    padding: 11px 15px;
    box-sizing: border-box
}

.td-content .grid-tip {
    overflow: hidden;
    text-overflow: ellipsis
}

div.grid-tool-container td.grid-tool-td {
    padding: 0 6px;
    height: 30px
}

tr.grid-content-tr {
    height: 32px
}

.grid-content-tr.empty td {
    padding-left: 24px;
    padding-top: 14px;
    padding-bottom: 14px
}

tr td.grid-status-td {
    position: relative;
    padding: 7px 6px 6px 10px
}

tr td.grid-status-td .status-total {
    float: left
}

tr td.grid-status-td span.status-btns {
    position: absolute;
    right: -1px;
    top: -1px
}

td.grid-content-td-check-column .content {
    display: none
}

div.grid-panel div.paging-container {
    margin-bottom: 24px
}

div.paging-wrap a {
    display: inline-block
}

.grid-panel .paging-container .paging-btn.pageing-btn-first .text,
.grid-panel .paging-container .paging-btn.pageing-btn-last .text,
.grid-panel .paging-container .paging-btn.pageing-btn-next .text,
.grid-panel .paging-container .paging-btn.pageing-btn-prev .text {
    display: none
}

.grid-panel .paging-container .paging-btn.pageing-btn-first .icon,
.grid-panel .paging-container .paging-btn.pageing-btn-last .icon,
.grid-panel .paging-container .paging-btn.pageing-btn-next .icon,
.grid-panel .paging-container .paging-btn.pageing-btn-prev .icon {
    display: inline-block;
    height: 14px;
    width: 9px;
    vertical-align: baseline
}

.grid-panel .paging-container .paging-btn.pageing-btn-first .icon,
.grid-panel .paging-container .paging-btn.pageing-btn-last .icon {
    width: 16px;
    height: 13px
}

div.grid-panel div.paging-container div.num-buttons-container {
    display: inline-block;
    vertical-align: top
}

div.grid-panel div.paging-container a.paging-btn {
    margin-left: 6px
}

div.grid-panel div.paging-container span.dots {
    margin: 0 6px 0 12px
}

div.grid-panel div.paging-container span.dots.more {
    display: inline-block
}

.grid-panel .paging-container .paging-options {
    float: left;
    margin-right: 19px;
    text-align: left
}

.grid-panel .paging-options .combobox-container .widget-fieldlabel-wrap {
    display: inline-block
}

div.grid-panel div.paging-container div.paging-select div.combobox-container div.combobox-wrap input.combobox-text {
    border-radius: 0;
    height: 30px;
    width: 56px
}

div.grid-panel div.paging-container div.paging-select div.combobox-container div.widget-wrap {
    height: 30px;
    width: 56px
}

div.grid-panel div.paging-container div.paging-select div.combobox-container div.combobox-wrap a.combobox-switch {
    top: 11px;
    right: 11px
}

div.navigator-container {
    width: 100%;
    margin: 0 auto
}

div.navigator-container div.navigator-wrap-outer {
    display: block;
    margin: 0 auto
}

ul.navigator-ul li.navigator-li span.sub-navigator-text {
    display: inline-block;
    height: 39px;
    width: 140px;
    margin: 0;
    padding: 0
}

.switch-container .switch-label .icon-bg {
    width: 42px;
    height: 26px
}

.switch-container .switch-label .icon-ball {
    left: 1px;
    top: 2px;
    width: 24px;
    height: 24px
}

.switch-container .switch-label.checked .icon-ball {
    left: 17px
}

div.widget-container.text-container.readOnly div.widget-tips {
    display: none
}

div.widget-container.checkbox-group-container.error .checkbox-group-wrap-outer,
div.widget-container.combobox-container.error .combobox-wrap-outer,
div.widget-container.error .file-wrap-outer.widget-wrap-outer,
div.widget-container.text-container.error .text-wrap-outer {
    position: relative
}

.widget-container.checkbox-group-container .widget-error-tips,
.widget-container.combobox-container .widget-error-tips,
.widget-container.mac-container .widget-error-tips,
.widget-container.password-container .widget-error-tips,
.widget-container.text-container .widget-error-tips {
    position: absolute;
    left: 0;
    top: 30px
}

div.widget-container.checkbox-group-container .widget-error-tips-delta,
div.widget-container.combobox-container .widget-error-tips-delta,
div.widget-container.text-container .widget-error-tips-delta {
    display: none
}

div.widget-container.checkbox-group-container.error div.widget-error-tips div.widget-error-tips-wrap,
div.widget-container.combobox-container.error div.widget-error-tips div.widget-error-tips-wrap,
div.widget-container.text-container.error div.widget-error-tips div.widget-error-tips-wrap {
    position: static;
    display: block
}

.grid-tool-container div.widget-container.checkbox-group-container.error div.widget-error-tips div.widget-error-tips-wrap,
.grid-tool-container div.widget-container.combobox-container.error div.widget-error-tips div.widget-error-tips-wrap,
.grid-tool-container div.widget-container.text-container.error div.widget-error-tips div.widget-error-tips-wrap {
    display: none
}

div.content-wrap {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0
}

div.inline-container div.container.widget-container {
    display: inline-block;
    margin-right: 5px
}

div.inline-container div.container.widget-container.btn-cancel,
div.msg-btn-wrap div.widget-container.btn-msg-no {
    margin-right: 20px
}

div.inline-container div.container.widget-container .widget-wrap-outer {
    width: 180px
}

div.search-btn div.container.widget-container#search-cancel {
    margin-right: 8px
}

.width-widget-30p div.container.widget-container {
    margin-right: 0;
    width: 30%
}

div.widget-container.width-widget-450 {
    width: 450px
}

div.width-input-200 div.checkbox-column-4 li.checkbox-list,
div.width-input-checkbox-83 div.checkbox-container div.widget-wrap {
    width: 93px
}

div.width-input-checkbox-182 div.checkbox-container div.widget-wrap {
    width: 182px
}

div.width-input-200.checkbox-container li.checkbox-list {
    width: 200px
}

div.combobox-container div.widget-wrap {
    width: 190px
}

div.width-input-250 div.widget-wrap {
    width: 250px
}

div.width-input-400 div.widget-wrap {
    width: 400px
}

div.width-input-200 div.widget-wrap {
    width: 200px
}

div.width-input-220 div.widget-wrap {
    width: 220px
}

div.width-input-190 div.widget-wrap {
    width: 190px
}

div.width-input-120 div.widget-wrap {
    width: 120px
}

div.checkbox-container div.widget-wrap,
div.tooltip-container div.widget-wrap.text-wrap {
    width: auto
}

div.button-container.file-button-align div.widget-fieldlabel-wrap {
    width: 346px
}

div.width-label-224 div.button-container.file-button-align div.widget-fieldlabel-wrap {
    width: 426px
}

div.label-align-left.widget-fieldlabel-wrap,
div.label-align-left div.widget-fieldlabel-wrap {
    text-align: left
}

div.widget-container.width-label-auto div.widget-fieldlabel-wrap {
    width: auto
}

div.width-label-160 div.widget-fieldlabel-wrap {
    width: 160px
}

div.width-label-184 div.widget-fieldlabel-wrap {
    width: 184px
}

div.width-label-224 div.widget-fieldlabel-wrap {
    width: 224px
}

div.width-label-264 div.widget-fieldlabel-wrap {
    width: 264px
}

div.width-label-304 div.widget-fieldlabel-wrap {
    width: 304px
}

div.container.button-container.width-button-100 div.widget-wrap a.button-button {
    width: 86px
}

div.container.button-container.width-button-150 div.widget-wrap a.button-button {
    width: 136px
}

.vr-arrow-down-ctn,
.vr-arrow-up-ctn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.arrow-ctn a.arrow-wrapper {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 14px;
    padding: 2px 0 0 1px
}

.arrow-ctn.vr-arrow-down-ctn a.arrow-wrapper {
    padding: 4px 0 0 1px
}

.vr-arrow-down-ctn .icon-down,
.vr-arrow-up-ctn .icon-up {
    width: 8px;
    height: 7px
}

.vr-arrow-down-ctn {
    top: auto;
    bottom: 0
}

div.ports-content-container {
    display: table;
    width: 100%
}

div.ports-content-container div.select-all {
    display: table-cell;
    text-align: left;
    white-space: nowrap
}

div.ports-widget-container.no-all div.select-all {
    display: none
}

div.ports-layout-container {
    padding: 0 52px
}

div.ports-content-container div.select-all div.widget-fieldlabel-wrap {
    width: 0
}

div.ports-content-container div.select-all {
    margin-right: 52px
}

div.port-interface {
    width: 32px;
    height: 32px;
    line-height: 42px;
    margin: 6px 5px
}

div.display-port div.port-interface.SFP {
    height: 30px;
    margin-top: 8px
}

div.ports-line.line-2 div.port-interface {
    line-height: 20px
}

div.ports-line div.port-interface:hover:after {
    width: 32px;
    height: 32px;
    left: 0;
    top: 0
}

div.display-port div.ports-line div.port-interface.SFP:hover:after {
    height: 30px
}

div.port-interface.empty-port {
    width: 20px
}

div.port-interface span.link-icon {
    width: 6px;
    height: 6px;
    right: 3px;
    top: 3px
}

div.ports-line.line-2 div.port-interface span.link-icon {
    top: 22px
}

div.display-port div.ports-line.line-2 div.port-interface.SFP span.link-icon {
    top: 3px
}

div.port-interface div.ports-detail-info {
    position: absolute;
    left: 0;
    top: 30px;
    margin-top: 15px;
    z-index: 3;
    display: none;
    border: 1px solid #36444b;
    background: #f8f8f8;
    line-height: 20px;
    font-size: 14px;
    text-align: left
}

div.port-interface:hover div.ports-detail-info {
    display: block
}

div.port-interface:hover div.ports-detail-info:before {
    content: " ";
    display: block;
    position: absolute;
    width: 14px;
    height: 9px;
    top: -9px;
    left: 4px;
    background: url(../static/img/icons.png) no-repeat -163px -246px
}

div.port-interface div.ports-detail-info div {
    padding: 0 13px
}

div.port-interface div.ports-detail-info div.detail-content span.label {
    display: inline-block;
    width: 70px
}

div.ports-widget-container div.examplebar-item {
    width: 133px
}

div.ports-widget-container div.examplebar-item div.example {
    margin-right: 9px
}

div.ports-widget-container div.widget-wrap-outer {
    position: relative
}

div.ports-widget-container div.widget-error-tips {
    position: absolute;
    left: 5px;
    bottom: -32px
}

div.ports-widget-container.error div.examplebar-container {
    margin-top: 30px
}

div.ports-widget-container div.widget-error-tips span.widget-error-tips-delta {
    display: none
}

div.ports-widget-container div.widget-error-tips div.widget-error-tips-wrap {
    position: static;
    display: block;
    text-align: left
}

div.widget-container.tab-container {
    margin-bottom: 6px;
    z-index: 1
}

div.widget-container.tab-container ul.navigator-ul li.navigator-li span.sub-navigator-text {
    width: 125px;
    height: auto
}

.widget-container .examplebar-container {
    margin-top: 18px
}

div.widget-container.tab-container.small-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    width: 67px
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    width: auto;
    width: 101px;
    padding: 7px
}

div.widget-container.tab-container.grid-tab.small-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    width: 66px
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li:hover span.sub-navigator-text {
    position: relative;
    z-index: 2
}

div.widget-container.tab-container.grid-tab {
    position: relative;
    top: 1px;
    z-index: 2;
    display: inline-block;
    margin-bottom: 0;
    text-align: left
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li {
    margin-right: -1px
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li a {
    display: inline-block;
    position: relative
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li a:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 36px;
    height: 2px;
    z-index: -1
}

div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li a:after {
    display: none
}

div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li {
    margin-right: 0
}

div.widget-container.tab-container.grid-tab.block {
    display: block;
    min-height: 30px
}

div.widget-container.tab-container.grid-tab.display-table-tab.no-bb {
    margin-bottom: 1px
}

tr.tool-row div.combobox-container div.combobox-wrap {
    height: 32px
}

tr.tool-row div.widget-container.combobox-container,
tr.tool-row div.widget-container.text-container {
    position: absolute;
    top: -1px;
    box-sizing: content-box;
    padding-left: 1px;
    width: 100%;
    left: 1px
}

tr.tool-row div.widget-container.combobox-container div.widget-wrap-outer,
tr.tool-row div.widget-container.text-container div.widget-wrap-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

tr.tool-row div.widget-container.combobox-container div.widget-wrap,
tr.tool-row div.widget-container.text-container div.widget-wrap {
    width: 100%
}

tr.tool-row div.widget-container div.text-wrap {
    height: 32px
}

tr.tool-row div.combobox-container.hover div.combobox-wrap,
tr.tool-row div.text-container.error div.text-wrap,
tr.tool-row div.widget-container.focus div.text-wrap,
tr.tool-row div.widget-container.hover div.text-wrap {
    z-index: 1
}

td.grid-tool-td div.tlv-column ul.checkbox-group-list-wrap li.checkbox-list {
    padding-right: 0
}

td.grid-tool-td div.tlv-column ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label {
    padding: 2px 9px 2px 10px;
    width: 25px
}

td.grid-content-td.tlv-column div.content span {
    display: inline-block;
    width: 36px;
    padding-left: 8px
}

div.tlv-example.examplebar-container div.example-title {
    margin-bottom: 10px
}

div.tlv-example.examplebar-container div.examplebar-content div.examplebar-item {
    width: 236px;
    margin: 0 0 5px
}

div.tlv-example.examplebar-container div.examplebar-content div.examplebar-item div.seperator {
    margin: 0 5px
}

div.display-table div.grid-header-container tr.grid-header-tr th.grid-header-1,
div.display-table div.grid-tool-container td.grid-tool-td.grid-tool-td-1,
div.display-table tr.grid-content-tr td.grid-content-td.grid-content-td-1 {
    padding-left: 30px
}

div.display-table-ctn {
    margin-top: 30px
}

div.display-table-ctn.no-margin-top {
    margin-top: 0
}

div.display-table-ctn div.displaylabel-container {
    padding-left: 40px;
    margin-bottom: 0;
    line-height: 30px
}

div.display-table-ctn div.displaylabel-container.editable-grid-title {
    padding-left: 0;
    margin-bottom: 10px
}

div.display-table-ctn div.displaylabel-container.title {
    line-height: 36px
}

div.display-table-ctn div.displaylabel-container.title.tBar {
    display: inline-block;
    padding-right: 40px
}

div.display-table-ctn div.displaylabel-container div.widget-fieldlabel-wrap {
    width: 370px
}

div.display-table-ctn.m div.displaylabel-container div.widget-fieldlabel-wrap {
    width: 217px
}

div.display-table-ctn div.grid-panel {
    width: 100%
}

div.display-table-ctn.no-title div.displaylabel-container {
    padding-left: 0;
    border-left: 1px solid #dcddde
}

div.display-table-ctn.no-title div.displaylabel-container div.widget-fieldlabel-wrap {
    max-width: 250px
}

div.display-table-ctn .max-width-300 div.text-wrap-outer {
    max-width: 300px
}

div.display-table-ctn .max-width-350 div.text-wrap-outer {
    max-width: 350px
}

div.display-table-ctn .max-width-450 div.text-wrap-outer {
    max-width: 450px
}

div.bold-title {
    margin-top: 14px
}

.border-bottom {
    padding-bottom: 20px;
    border-bottom: 1px solid #a7a9ac
}

#ping-result-table div.grid-panel-container {
    margin-bottom: 0
}

#med-neighbor-detail-msg #detail-panel {
    max-height: 500px
}

#sys-info-fan-status {
    margin-bottom: -30px
}

div.legend-ctn div.label,
div.utilization-ctn div.label {
    width: 173px
}

div.rx div.widget-fieldlabel-wrap,
div.tx div.widget-fieldlabel-wrap {
    width: 30px
}

div.legend-ctn div.rx div.widget-wrap-outer,
div.legend-ctn div.tx div.widget-wrap-outer {
    height: 0
}

div.rx div.widget-wrap-outer,
div.tx div.widget-wrap-outer {
    width: 44px;
    margin-right: 15px
}

div.utilization-ctn div.widget-container {
    margin-bottom: 0
}

div.detail-msg div.msg-wrap {
    max-width: 890px
}

div.detail-msg.close-btn div.msg-content-container {
    padding: 20px 30px 25px
}

div.detail-msg div.msg-wrap div.display-table-ctn:first-child {
    margin-top: 0
}

#med-port-config-detail-msg div.checkbox-inline-ctn {
    width: auto
}

#med-port-config-detail-msg div.checkbox-inline-ctn div.checkbox-container {
    display: inline-block;
    margin-right: 30px
}

#med-port-config-detail-msg div.checkbox-container div.widget-fieldlabel-wrap {
    display: none
}

#med-port-config-location-param {
    max-width: 900px
}

#port-config-emergency-en {
    display: inline-block
}

#med-port-config-location-param #param-fieldset div.fieldset-content {
    margin-right: -65px
}

#med-port-config-location-param div.combobox-container,
#med-port-config-location-param div.text-container {
    margin-left: 25px
}

#med-port-config-location-param {
    width: 890px
}

#med-port-config-detail-fieldset {
    height: 560px
}

div.button-container.nav-link {
    margin-top: -30px;
    margin-right: 280px
}

div.button-container.nav-link div.widget-fieldlabel-wrap {
    width: 349px
}

div.button-container.nav-link a.button-button,
div.button-container.nav-link a.button-button:hover {
    background: transparent
}

div.button-container.nav-link a.button-button {
    border: none
}

div.button-container.nav-link a.button-button span.button-text {
    font-size: 14px;
    color: #4acbd6
}

div.button-container.display-table-top {
    margin-top: -33px;
    position: relative;
    z-index: 3
}

div.width-input-150 div.widget-wrap {
    width: 150px
}

div.tips-top div.widget-container div.widget-fieldlabel-wrap {
    vertical-align: top
}

div.tips-top div.widget-wrap-outer {
    position: relative;
    margin-top: 20px
}

div.tips-top div.widget-wrap-outer div.widget-tips {
    position: absolute;
    top: -21px;
    left: 0
}

div.tips-top div.radio-group-container div.widget-wrap-outer {
    margin-top: 0
}

div.radio-group-container.mixin {
    margin-top: 6px
}

div.radio-group-container.mixin.align-top {
    margin-top: 3px
}

div.radio-group-container.mixin div.widget-wrap {
    width: auto
}

div.radio-group-container.mixin ul.radio-group-list-wrap li.radio-list {
    padding-right: 0
}

.notes-ctn {
    padding: 10px 0
}

.notes-ul {
    margin-top: 2px
}

ul.notes-ul li {
    display: block
}

#igmp-vlan-table-grid-editor,
#mld-vlan-table-grid-editor {
    height: 500px;
    overflow-y: scroll
}

a.grid-content-btn-show.btn-show span.icon {
    display: inline-block;
    height: 18px;
    width: 18px
}

div.no-margin-top {
    margin-top: 0
}

.width-label-50.widget-container div.widget-fieldlabel-wrap {
    width: 50px
}

.width-outer-146.widget-container div.widget-wrap-outer {
    width: 146px
}

.width-input-80.combobox-container div.widget-wrap.combobox-wrap {
    width: 80px
}

.inline-container .inline-content {
    display: inline-block;
    width: 380px
}

#save-msg div.msg-content-wrap,
.global-progress div.msg-content-wrap {
    padding: 30px 20px
}

#save-msg div.msg-content-wrap .msg-title,
.global-progress div.msg-content-wrap .msg-title {
    display: none
}

#save-msg div.progressbar-container,
.global-progress div.progressbar-container {
    margin-top: 0
}

#save-msg div.progressbar-container div.progressbar-text,
.global-progress div.progressbar-container div.progressbar-text {
    display: none
}

.global-progress div.progressbar-container.progressbar-horizontal div.progressbar-value {
    bottom: 4px;
    height: 6px
}

.global-progress div.progressbar-container div.progressbar-content {
    background-color: #f6f6f6;
    border-radius: 15px;
    padding: 0 4px
}

.global-progress .hint,
.global-progress .title,
.global-progress .title div.widget-fieldlabel-wrap {
    width: auto;
    text-align: center;
    font-size: 20px
}

.has-left-btn.grid-container .operation-container {
    width: 900px
}

.has-left-btn.grid-container .operation-container .btn-resequence {
    float: left
}

.button-back {
    padding-bottom: 15px
}

.button-back div.button-wrap a.button-button {
    width: 110px
}

.button-back div.button-wrap a.button-button span.button-button-before {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-right: 12px
}

div.widget-container.bubble {
    position: relative
}

div.widget-container .widget-bubble {
    position: absolute;
    z-index: 10;
    top: -9px;
    display: none;
    padding: 10px;
    max-width: 150px;
    margin-left: 14px
}

div.widget-container:hover>.widget-bubble {
    display: inline-block
}

div.block-separate {
    margin-top: 30px
}

.text-right {
    text-align: right
}

.mb-10 {
    margin-bottom: 10px;
    overflow: hidden
}

.mb-0 {
    margin-bottom: 0!important
}

#maint-change-cancel,
#maint-change-save {
    display: inline-block;
    margin-left: 20px
}

.title-tip {
    position: absolute;
    padding: 12px;
    max-width: 616px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.title-tip.bottom .tip-pointer {
    position: absolute;
    top: -12px;
    width: 20px;
    height: 12px;
    background-image: url(../staic/img/icons.png);
    background-position: -582px -100px
}

.button-container.self-btn {
    padding-top: 30px
}

.u-float_left {
    float: left
}

.u-float_right {
    float: right
}

.u-text_center {
    text-align: center
}

[class^=icon] {
    display: inline-block;
    overflow: hidden;
    text-indent: -999px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(../static/img/icons.png)
}

.icon-logo {
    width: 116px;
    height: 44px;
    background-position: -2px -5px;
    cursor: pointer
}

.icon-logout {
    width: 40px;
    height: 40px;
    background-position: -5px -70px
}

.icon-logout:hover {
    background-position: -714px -96px
}

.icon-refresh {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    background-position: -616px -96px
}

.icon-refresh:hover {
    background-position: -664px -96px
}

.icon-refresh.button-container {
    margin-bottom: 0
}

.icon-refresh.button-container .button-button {
    border: 0;
    background-color: transparent
}

.icon-refresh.button-container a.button-button:hover,
.icon-refresh.widget-container.button-container.disabled .button-button {
    background-color: transparent
}

.icon-menu-arrow {
    width: 30px;
    height: 30px;
    background-position: -47px -51px
}

a[href] {
    color: #0492eb
}

a.selected .icon-menu-arrow,
a:hover .icon-menu-arrow {
    width: 30px;
    height: 30px;
    background-position: -2px -109px
}

a.selected.more .icon-menu-arrow {
    width: 30px;
    height: 30px;
    background-position: -123px -2px
}

html {
    line-height: 1.5em
}

body,
html {
    color: #212121
}

body {
    background-color: #fff;
    font-size: 14px;
}

caption,
td,
th {
    text-align: left
}

li {
    list-style-type: none
}

.link {
    color: #0492eb
}

#top {
    position: absolute;
    background: #36444b
}

#top .nav-li {
    cursor: pointer
}

#top .nav-li.selected {
    border-bottom: 6px solid #4acbd6;
    background: #2f3d41
}

#top .nav-li a {
    vertical-align: middle;
    white-space: normal
}

#top .nav-li:hover>a span {
    color: #4acbd6
}

#top .nav-li>a span {
    color: #a7a9ac;
    line-height: 20px;
    font-size: 14px
}

#top .nav-li.selected>a span {
    color: #4acbd6
}

#top .nav-li span.text {
    font-size: 14px
}

#top .operation-btn {
    cursor: pointer;
    text-align: right;
    font-size: 0
}

#top .operation-btn span.text {
    color: #a7a9ac
}

#top .operation-btn:hover span.text {
    color: #4acbd6
}

#top .operation-btn span.text {
    font-size: 14px;
    vertical-align: middle
}

#top .operation-btn:active span.text {
    color: #4acbd6;
    opacity: .9
}

#account-drop-content:before {
    position: absolute;
    top: -15px;
    right: 10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-width: 0 10px 15px;
    border-style: solid
}

#account-drop-content .widget-fieldlabel-wrap {
    display: none
}

#fixed-layer .menu-ctn:before {
    background-color: #d9dbdb
}

#menu li.ml1 {
    text-align: left
}

#menu li.ml1 a {
    border-left: 6px solid transparent;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    color: #212121
}

#menu li.ml1>a {
    background-color: #d9dbdb
}

#menu li.ml1>a:hover span.text {
    color: #4acbd6
}

#menu li.ml1>a.selected {
    border-left-color: #4acbd6
}

#menu li.ml1>a.selected span.text {
    color: #4acbd6;
    background-color: #115664;
    font-family: TP-LinkAktiv-Bold, Arial;
    font-weight: 700;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

#menu li.ml1 a span.text {
    font-size: 16px;
    vertical-align: middle
}

#menu li.ml2 a {
    border-left: 0
}

#menu li.ml2>a:hover {
    background-color: #b6e7e9
}

#menu li.ml2>a.selected {
    background-color: #4accd5
}

#menu li.ml2>a.selected span.text {
    color: #fff
}

#menu .mu2 {
    background-color: #b9e2e5
}

.tab-container .tab-btn,
.tab-container .tab-spliter {
    display: inline-block;
    cursor: pointer
}

.tab-container .tab-btn.selected {
    color: #4acbd6
}

.tab-ctn a.tab-btn {
    border: 1px solid #dbdbdb;
    line-height: 24px;
    border-radius: 6px;
    text-decoration: none;
    color: #7a7a7b;
    font-size: 14px;
    cursor: pointer
}

.tab-ctn a.tab-btn:hover {
    border: 1px solid #4acbd6;
    color: #4acbd6
}

.tab-ctn a.tab-btn.selected {
    border: 1px solid #005564;
    color: #005564
}

.tab-container.tab_grid {
    color: #7d7e80
}

#cloud-key-view .tab-container.tab_grid {
    padding-top: 40px;
    left: 0;
    padding-left: 50px;
    right: 10px;
    background-color: #fff
}

.tab-container.tab_grid .tab-btn {
    font-size: 16px;
    padding: 5px 12px 6px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.tab-container.tab_grid .tab-btn.selected {
    color: #0492eb;
    font-family: TP-LinkAktiv-Medium, Arial, sans-serif;
    background-color: #e5f4fd;
    border-bottom: 4px solid
}

.menu-bg {
    background: #e1e1e1
}

.main-bg {
    background: #fff
}

#main {
    height: 100%
}

#bot-support {
    text-decoration: underline;
    color: #36444b
}

.inline-block.middle {
    vertical-align: middle
}

div.widget-container.checkbox-group-container li.checkbox-list {
    line-height: 22px
}

.widget-container {
    line-height: 18px
}

label.checkbox-label span.icon {
    vertical-align: middle;
    background: url(../static/img/icons.png) no-repeat -55px -93px;
    cursor: pointer
}

label.checkbox-label span.text {
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer
}

label.checkbox-label:hover span.icon {
    background-position: -83px -93px
}

label.checkbox-label.checked span.icon {
    background-position: -56px -72px
}

.grid-container {
    color: #212121
}

.grid-content-container label.checkbox-label.checked span.icon,
.grid-header-container label.checkbox-label.checked span.icon {
    background-position: -316px -9px
}

li.checkbox-list.disabled label.checkbox-label span.icon,
tr.disabled.grid-content-tr label.checkbox-label span.icon {
    background-position: -184px -185px
}

li.checkbox-list.disabled label.checkbox-label.checked span.icon {
    background-position: -161px -185px
}

label.radio-label span.icon {
    vertical-align: middle;
    background: url(../img/icons.png) no-repeat -143px -126px
}

label.radio-label span.text {
    font-size: 14px;
    vertical-align: middle
}

label.radio-label:hover span.icon {
    background-position: -143px -145px
}

label.radio-label.checked span.icon {
    background-position: -143px -164px
}

li.radio-list.disabled label.radio-label span.icon {
    background-position: -181px -126px
}

li.radio-list.disabled label.radio-label.checked span.icon {
    background-position: -162px -126px
}

div.widget-container div.widget-wrap-outer.radio-group-wrap-outer {
    vertical-align: top
}

div.widget-container.middle div.widget-wrap-outer.radio-group-wrap-outer {
    vertical-align: middle
}

.editor-btn-container,
.editor-container .btn-container {
    text-align: right
}

.button-container.button_inline {
    display: inline-block
}

.button-container.button_inline .widget-fieldlabel-wrap {
    display: none
}

.button-container.button_block .button-button,
.button-container.button_block .button-wrap,
.button-container.button_block .button-wrap-outer {
    width: 100%
}

.button-container .button-button {
    text-align: center;
    background-color: #0492eb;
    border: 0;
    border-radius: 18px;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0492eb
}

.button-container.button_sm .button-button {
    font-size: 16px
}

.button-container.button_secondary {
    margin-right: 20px
}

.button-container.button_inline .button-button,
.msg-container .button-container .button-button {
    width: 130px
}

.button-container.button_secondary .button-button {
    background-color: transparent
}

.button-container.btn-msg-no .button-button .button-text,
.button-container.button_secondary .button-button .button-text {
    color: #0492eb
}

.button-container.button_secondary.disabled .button-button .button-text {
    color: #999b9e
}

.button-container.button_secondary .button-button:hover {
    background-color: transparent;
    border-color: #04b0ff
}

.button-container.btn-msg-no .button-button:hover .button-text,
.button-container.button_secondary .button-button:hover .button-text {
    color: #04b0ff
}

.button-container.btn-msg-no.disabled .button-button:hover .button-text,
.button-container.button_secondary.disabled .button-button:hover .button-text {
    color: #999b9e
}

span.status-btns div.button-container a.button-button {
    border-radius: 0;
    border: 1px solid #005564
}

span.status-btns div.button-container.status-btns-cancel {
    margin-right: -1px
}

span.status-btns div.button-container.status-btns-cancel a.button-button {
    background-color: #fff
}

span.status-btns div.button-container.status-btns-cancel a.button-button span.text {
    color: #005564
}

span.status-btns div.button-container.status-btns-cancel a.button-button:hover {
    border-color: #58d3de;
    z-index: 10
}

span.status-btns div.button-container.status-btns-cancel a.button-button:hover span.text {
    color: #58d3de
}

span.status-btns div.button-container.status-btns-cancel a.button-button:active {
    border-color: #34a8b2
}

span.status-btns div.button-container.status-btns-cancel a.button-button:active span.text {
    color: #34a8b2
}

span.status-btns div.button-container a.button-button span.text {
    font-family: Helvetica
}

div.button-container.btn-cancel a.button-button,
div.button-container.rare a.button-button,
div.button-container div.btn-msg-no a.button-button {
    background-color: #fff
}

div.button-container.btn-cancel.disabled a.button-button,
div.button-container.btn-cancel.disabled a.button-button:active,
div.button-container.btn-cancel.disabled a.button-button:hover,
div.button-container.rare.disabled a.button-button,
div.button-container.rare.disabled a.button-button:active,
div.button-container.rare.disabled a.button-button:hover,
div.button-container div.btn-msg-no.disabled a.button-button,
div.button-container div.btn-msg-no.disabled a.button-button:active,
div.button-container div.btn-msg-no.disabled a.button-button:hover {
    background-color: #fff;
    border: 1px solid #d3d4d6
}

div.button-container.btn-cancel.disabled a.button-button:active span.button-text,
div.button-container.btn-cancel.disabled a.button-button:hover span.button-text,
div.button-container.btn-cancel.disabled a.button-button span.button-text,
div.button-container.rare.disabled a.button-button:active span.button-text,
div.button-container.rare.disabled a.button-button:hover span.button-text,
div.button-container.rare.disabled a.button-button span.button-text,
div.button-container div.btn-msg-no.disabled a.button-button:active span.button-text,
div.button-container div.btn-msg-no.disabled a.button-button:hover span.button-text,
div.button-container div.btn-msg-no.disabled a.button-button span.button-text {
    color: #d3d4d6
}

div.button-container.big a.button-button {
    border-radius: 8px;
    font-size: 20px
}

.button-container a.button-button:hover,
div.button-container a.button-button:active {
    background-color: #04b0ff;
    border-color: #04b0ff
}

div.button-container a.button-button:active .button-text {
    color: #fff
}

div.button-container.steel a.button-button {
    background-color: #176771
}

div.button-container.steel a.button-button:hover {
    background-color: #3198a4
}

div.button-container.steel a.button-button:active {
    background-color: #004c59
}

.button-container .button-button .button-text {
    line-height: 21px;
    vertical-align: middle;
    color: #fff
}

.button-container .button-button .button-loading {
    display: none;
    width: 22px;
    height: 22px;
    background-image: url(../img/button_loading.gif)
}

.button-container.loading .button-button .button-loading {
    display: inline-block
}

.button-container.loading .button-button .button-text {
    display: none
}

.button-container.button_sm .button-button .button-text {
    line-height: 18px
}

div.button-container.btn-cancel a.button-button span.button-text,
div.button-container.btn-submit a.button-button span.button-text {
    line-height: 28px;
    font-size: 20px;
    border-radius: 8px
}

div.button-container.big a.button-button span.button-text {
    line-height: 40px;
    font-family: TP-LinkAktiv-Light, Arial
}

div.widget-container.button-container.disabled {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.widget-container.button-container.disabled .button-button {
    background-color: #a7d9f8;
    border-color: #a7d9f8;
    cursor: not-allowed
}

.widget-container.button-container.button_secondary.disabled .button-button {
    background-color: transparent;
    color: #999b9e;
    border-color: #a7a9ac
}

.form-edit-account .submit-button {
    margin-top: 45px
}

.form-edit-account .widget-container.error+.submit-button,
.form-edit-account .widget-container.focus+.submit-button,
.form-edit-account .widget-container.hover+.submit-button {
    margin-top: 44px
}

.form-edit-account .widget-container,
.login-module .widget-container {
    margin-bottom: 39px
}

.form-edit-account .widget-container.error,
.form-edit-account .widget-container.focus,
.form-edit-account .widget-container.hover,
.login-module .widget-container.error,
.login-module .widget-container.focus,
.login-module .widget-container.hover {
    margin-bottom: 38px
}

.login-module .widget-container.tooltip-container {
    margin-bottom: 0
}

div.submit-button.widget-container .widget-fieldlabel-wrap {
    display: none
}

div.button-container.display-table-top {
    float: right
}

div.button-container.display-table-top a.button-button {
    background: transparent
}

div.button-container.display-table-top a.button-button span.button-button-before {
    vertical-align: middle;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 7px;
    background: url(../img/icons.png) -1px -258px no-repeat
}

div.button-container.display-table-top a.button-button {
    border: none
}

div.button-container.display-table-top div.widget-fieldlabel-wrap {
    width: 0
}

div.button-container.display-table-top.refresh a.button-button span.button-button-before {
    background-position: -1px -258px
}

div.button-container.display-table-top.refresh a.button-button:active span.button-button-before {
    background-position: -27px -258px;
    opacity: 1
}

div.button-container.display-table-top a.button-button:hover span.button-button-before {
    opacity: .7
}

div.button-container.display-table-top a.button-button span.text {
    font-size: 14px;
    color: #36444b
}

div.button-container.display-table-top a.button-button:hover span.text {
    color: #4acbd6
}

div.button-container.btn-white a.button-button {
    background-color: #fff
}

div.button-container.btn-white a.button-button span.text {
    color: #4acbd6
}

div.button-container.btn-white a.button-button:hover {
    background-color: #ebf9fa
}

div.button-container.btn-white a.button-button:active {
    background-color: #4acbd6
}

div.button-container.btn-white a.button-button:active span.text {
    color: #fff
}

div.grid-tool-container td.grid-tool-td {
    position: relative
}

div.widget-container span.text-wrap input {
    font-size: 14px;
    background-color: transparent
}

div.searchbar-text div.widget-container.text-container div.text-wrap {
    background-color: inherit
}

div.searchbar-text div.widget-container.text-container:after {
    background: url(../img/icons.png) no-repeat -345px -314px
}

div.searchbar-text div.widget-container span.text-wrap input {
    padding-right: 25px
}

div.widget-container.readOnly.focus div.text-wrap,
div.widget-container.readOnly.hover div.text-wrap,
div.widget-container.readOnly div.text-wrap {
    border: 0;
    background-color: #fff
}

div.widget-container.text-container.disabled div.text-wrap {
    border: 1px solid #a7a9ac
}

div.password-wrap-outer.allow-visible div.allow-visible-wrapper span.icon.allow-visible-btn {
    background: url(../img/icons.png) no-repeat -30px -59px;
    cursor: pointer
}

div.password-wrap-outer.allow-visible div.allow-visible-wrapper span.icon.allow-visible-btn.visible {
    background-position: -30px -72px
}

.widget-fieldlabel-wrap {
    font-family: TP-LinkAktiv-Medium, Arial, sans-serif;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
    color: #7d7e80;
    letter-spacing: .2px;
    text-align: left
}

.combobox-container .widget-fieldlabel-wrap {
    font-size: 16px;
    color: #212121
}

.combobox-container.combobox_inline .widget-fieldlabel-wrap {
    margin-bottom: 2px;
    color: #212121;
    font-size: 16px
}

.widget-container .text-wrap-display {
    font-size: 14px
}

div.widget-container div.widget-wrap-outer {
    vertical-align: middle
}

.msg-container .displaylabel-container.widget-container .widget-wrap-outer {
    display: none
}

.displaylabel-container.widget-container {
    margin-bottom: 0
}

div.widget-container div.widget-fieldlabel-wrap {
    vertical-align: middle
}

.text-container.focus .text-wrap-outer .widget-wrap.text-wrap,
.text-container.hover .text-wrap-outer .widget-wrap.text-wrap {
    border-bottom: 2px solid #212121
}

.text-container.error .text-wrap-outer .widget-wrap.text-wrap {
    border-bottom: 2px solid #ff2954
}

div.combobox-container div.combobox-wrap input.combobox-text {
    line-height: 30px;
    margin: -1px;
    background: transparent
}

div.combobox-container div.combobox-wrap {
    background-color: #f6f6f6;
    border: 1px solid #cacbcd;
    border-radius: 3px
}

div.widget-container.combobox-container.disabled div.combobox-wrap {
    border: 1px solid #a7a9ac
}

div.widget-container.combobox-container.error div.combobox-wrap {
    border: 1px solid #c11c66
}

div.combobox-container div.combobox-wrap a.combobox-switch {
    border: 0;
    background: url(../img/icons.png) no-repeat -487px -90px
}

div.combobox-container.focus div.combobox-wrap a.combobox-switch {
    background: url(../img/icons.png) no-repeat -506px -90px
}

div.combobox-container.error div.combobox-wrap a.combobox-switch {
    background: url(../img/icons.png) no-repeat -32px -244px
}

div.combobox-list-wrap {
    border-radius: 5px;
    filter: alpha(opacity=100);
    background-color: #fff
}

.combobox-list-content-wrap {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

li.combobox-list {
    border: 3px solid #fff;
    border-bottom: 0;
    border-radius: 5px
}

li.combobox-list:hover .combobox-label {
    color: #0492eb
}

li.combobox-list label.combobox-label {
    line-height: 15px
}

div.combobox-container div.combobox-wrap input.combobox-text {
    text-indent: 0;
    cursor: pointer
}

div.combobox-list-wrap div.combobox-list-content-wrap {
    border-radius: 5px
}

.combobox-container.combobox_inline .widget-fieldlabel-wrap {
    display: inline-block
}

.single ul.combobox-list li.combobox-list label.combobox-label span.icon {
    display: none
}

ul.combobox-list li.combobox-list label.combobox-label span.icon {
    vertical-align: middle;
    background: url(../img/icons.png) no-repeat -64px -225px;
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px
}

ul.combobox-list li.combobox-list label.combobox-label span.text {
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle
}

ul.combobox-list li.combobox-list.selected label.combobox-label span.icon {
    background-position: -137px -184px
}

.widget-container.combobox-container.readonly .combobox-wrap.widget-wrap {
    border: 0;
    background: transparent
}

.widget-container.combobox-container.readonly .combobox-wrap.widget-wrap .combobox-text {
    padding-left: 0
}

.widget-container.combobox-container.readonly .combobox-wrap.widget-wrap .combobox-switch {
    display: none
}

div.widget-container div.widget-wrap.slider-content-left {
    background: url(../img/slider-bg.png) no-repeat 0 -24px
}

div.widget-container div.widget-wrap.slider-content-right {
    background: url(../img/slider-bg.png) no-repeat right -46px
}

div.widget-container div.widget-wrap.slider-content {
    background: url(../img/slider-bg.png) repeat-x center -2px
}

div.widget-container div.slider-content div.slider-value div.slider-value-inner {
    cursor: pointer;
    background: url(../img/icons.png) no-repeat -1px -42px
}

div.widget-container div.slider-content div.slider-value div.slider-value-inner:hover {
    background-position: -15px -42px
}

div.widget-container div.slider-content div.slider-value div.slider-value-inner.drag {
    background-position: -28px -30px
}

div.widget-container.file-container.text-container div.text-wrap {
    border: none
}

div.file-container div.file-wrap span.file-text {
    border: 1px solid #a7a9ac;
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px
}

div.progressbar-container div.progressbar-content {
    background-color: #d8d8d8;
    border-radius: 6px;
    overflow: hidden
}

div.progressbar-container div.progressbar-content div.progressbar-value {
    background-color: #4acbd6;
    border-radius: 6px
}

div.widget-container.fieldset-container.visible.expand {
    border: 1px solid #b5b8c8
}

div.widget-container.fieldset-container.visible>div.legend:first-child {
    line-height: 20px;
    cursor: pointer;
    background-color: #fff
}

div.widget-container.fieldset-container.visible>div.legend:first-child div.fieldset-img {
    margin-right: 3px;
    background-image: url(../img/icons.png);
    vertical-align: middle
}

div.widget-container.fieldset-container.visible.expand>div.legend:first-child div.fieldset-img {
    background-position: -67px -86px
}

div.widget-container.fieldset-container.visible.expand>div.legend:first-child div.fieldset-img:hover {
    background-position: -82px -86px
}

div.widget-container.fieldset-container.visible.collapse>div.legend:first-child div.fieldset-img {
    background-position: -97px -86px
}

div.widget-container.fieldset-container.visible.collapse>div.legend:first-child div.fieldset-img:hover {
    background-position: -112px -86px
}

div.widget-container.fieldset-container.visible.collapse {
    border-top: 1px solid #b5b8c8
}

div.widget-container.fieldset-container.visible.collapse.unflexible {
    border: 1px solid #b5b8c8
}

div.widget-container.fieldset-container.visible.unflexible.fieldset-grid {
    width: 860px;
    padding: 10px 5px 5px;
    border: none;
    border-top: 1px solid #b5b8c8
}

div.widget-container.fieldset-container.collapsable>div.legend:first-child {
    cursor: pointer;
    font-size: 14px
}

div.widget-container.fieldset-container.collapsable.collapse>div.legend:first-child div.fieldset-img {
    background: url(../img/icons.png) no-repeat -156px -230px
}

div.widget-container.fieldset-container.collapsable.expand>div.legend:first-child div.fieldset-img {
    background: url(../img/icons.png) no-repeat -173px -229px
}

div.collapsable-fieldset:after {
    content: " ";
    display: block;
    height: 0;
    margin-left: 40px;
    border-bottom: 1px solid #ebebeb
}

.tooltip-container {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 100
}

.tooltip-icon-container {
    display: none
}

.tip-text-container .tip-text-box {
    font-size: 14px;
    line-height: 17px;
    color: #7d7e80
}

div.tip-text-container .icon-delta {
    background: url(../img/icons.png) no-repeat -177px -241px
}

div.widget-container div.widget-tips div.tips-content {
    color: #a7a9ac
}

div.widget-error-tips {
    vertical-align: middle
}

div.widget-error-tips div.widget-error-tips-wrap {
    word-break: keep-all;
    white-space: normal;
    font-size: 14px
}

.widget-error-tips .widget-error-tips-wrap .error-tips-content {
    margin-top: 4px;
    color: #ff2954
}

div.widget-container.notice-wrap {
    background-color: #fff;
    border: 1px solid #c1c2c4;
    border-top: none;
    border-bottom: none
}

div.widget-container.notice-bar-container {
    background-color: rgba(54, 62, 77, .9);
    border-radius: 33px
}

div.smb-notice-bar-container {
    border-radius: 30px;
    background: rgba(54, 68, 75, .95);
    box-shadow: 0 0 4px 0 rgba(54, 68, 75, .12), 0 4px 4px 0 rgba(54, 68, 75, .24)
}

div.smb-notice-bar-container.fail {
    background-color: #c11c66
}

div.smb-notice-bar-container span.text {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0
}

div.smb-notice-bar-container span.icon-success {
    background: url(../img/icons.png) no-repeat -350px -40px
}

div.smb-notice-bar-container span.icon-fail {
    background: url(../img/icons.png) no-repeat -89px -281px
}

div.smb-notice-bar-container div.close {
    background: url(../img/icons.png) no-repeat -95px -315px;
    cursor: pointer
}

div.widget-container.combobox-container.disabled div.combobox-wrap,
div.widget-container.text-container.disabled div.text-wrap {
    border: 1px solid #d3d3d4;
    background-color: #f6f6f6
}

div.widget-container.button-container.rare.disabled a.button-button,
div.widget-container.button-container.rare.disabled a.button-button:active,
div.widget-container.button-container.rare.disabled a.button-button:hover {
    border: 1px solid #d3d4d6;
    background-color: #fff
}

div.panel-header {
    border-bottom: 1px solid #a6abac
}

div.panel-header h3 {
    color: #333;
    font-size: 16px;
    line-height: 24px
}

div.panel-header-btn-container span.panel-header-btn-collapse {
    background-image: url(../img/icons.png);
    background-position: -1px -24px;
    cursor: pointer
}

div.panel-header-btn-container span.panel-header-btn-collapse:hover {
    background-position: -16px -24px
}

div.panel-header-btn-container span.panel-header-btn-collapse.collapsed {
    background-position: -31px -24px
}

div.panel-header-btn-container span.panel-header-btn-collapse.collapsed:hover {
    background-position: -46px -24px
}

div.panel-container div.panel-fbar-container,
div.panel-container div.panel-tbar-container {
    background-color: #fff
}

div.msg-container {
    border-radius: 15px
}

div.msg-container.global-alert,
div.msg-container.global-confirm {
    border-radius: 10px
}

.msg-container {
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, .5)
}

.msg-container.editor-container {
    border-radius: 15px;
    width: 640px
}

div.msg-container .msg-title {
    font-size: 18px;
    background: #36444b
}

div.msg-container h3.msg-title span.msg-title-container {
    line-height: 24px;
    color: #fff
}

div.msg-container.global-alert a.msg-close {
    cursor: pointer;
    background: url(../img/icons.png) no-repeat -116px -85px
}

div.msg-container.global-alert a.msg-close:hover {
    background-position: -89px -58px
}

div.msg-container a.msg-close {
    cursor: pointer;
    background: url(../img/icons.png) no-repeat -490px -5px
}

div.msg-container a.msg-close:hover {
    background: url(../img/icons.png) no-repeat -560px -5px
}

div.msg-container a.msg-close:active {
    background: url(../img/icons.png) no-repeat -525px -5px
}

div.msg-container div.msg-wrap {
    background: #fff;
    overflow: hidden
}

div.msg-container.editor-container div.msg-wrap {
    border-radius: 0
}

div.msg-container.global-alert div.msg-btn-wrap {
    text-align: left;
    text-align: center
}

div.msg-container.global-confirm div.msg-btn-wrap div.button-container.inline-block+div.button-container.inline-block {
    float: right
}

div.msg-container div.msg-btn-wrap {
    text-align: right
}

div.msg-container.global-alert div.widget-content.msg-content-container,
div.msg-container.global-confirm div.widget-content.msg-content-container {
    line-height: 21px;
    color: #212121
}

div.msg-container div.msg-btn-container,
div.msg-container div.msg-content-container {
    border: 1px solid #bcb1b0;
    border: none
}

.unselectable {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

div.msg-container div.msg-content-container .scroll {
    overflow-x: hidden;
    overflow-y: auto
}

.msg-container .displaylabel-container .widget-fieldlabel-wrap,
.msg-container .mac-container .widget-fieldlabel-wrap {
    margin-bottom: 12px;
    font-size: 14px;
}

.msg-container .mac-container .widget-fieldlabel-wrap {
    color: #212121
}

.msg-container .text-container .text-wrap-outer .widget-wrap.text-wrap {
    border: 1px solid #c8c7cc;
    border-radius: 3px
}

.msg-container .text-container .widget-wrap input[type=text] {
    width: 116px;
    padding-left: 12px;
    padding-right: 12px
}

.msg-container .text-container .tooltip-container {
    top: 32px
}

.msg-container .text-container .tip-text-container .tip-text-box {
    color: #0492eb;
    cursor: pointer
}

div.mask {
    background-color: #151617;
    opacity: .45;
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    -khtml-opacity: .45
}

.loading-container-inner {
    background-color: hsla(0, 0%, 100%, .9)
}

.loading-waiting-icon {
    background: url(../img/loading.gif) no-repeat 50%
}

div.loading-text {
    padding: 0 20px
}

.first-loading {
    color: #000;
    background-color: #f7f7f7;
    border-radius: 5px;
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

div.help-container div.help-btn-container a.btn-help {
    background: url(../img/icons.png) no-repeat -92px -114px
}

div.help-container div.help-btn-container a.btn-help:hover {
    background: url(../img/icons.png) no-repeat -92px -141px
}

#help-msg .msg-wrap {
    border: none;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    border-radius: 8px
}

#help-msg div.help-content {
    font-size: 16px;
    color: #36444b;
    letter-spacing: 0;
    line-height: 24px
}

#help-msg div.help-content div.step div.title,
#help-msg div.help-content dt,
#help-msg div.help-content h4 {
    font-weight: 700
}

#help-msg div.help-content dl.steps dd,
#help-msg div.help-content dl.steps dt {
    display: inline-block;
    vertical-align: top
}

#help-msg div.help-content h4 {
    border-bottom: 1px solid #a7a9ac
}

#help-msg div.help-content div.ul dd,
#help-msg div.help-content div.ul dt {
    display: inline
}

#help-msg div.help-content div.ul dt:after {
    content: ": "
}

#help-msg div.help-content div.ul dt:before {
    background: url(../img/icons.png) no-repeat -22px -249px
}

.grid-panel-tbar-container {
    position: absolute;
    top: 46.5px;
    z-index: 1;
    right: 50px
}

div.grid-conplex-search div.operation-container a.operation-btn,
div.grid-panel-tbar-container div.operation-container a.operation-btn {
    color: #36444b;
    vertical-align: middle;
    border: 0
}

div.grid-panel-tbar-container div.operation-container a.operation-btn:hover span.icon {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

div.grid-conplex-search div.operation-container a.operation-btn span.text,
div.grid-panel-tbar-container div.operation-container a.operation-btn span.text {
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle
}

.grid-panel-tbar-container .operation-container .operation-btn span.text,
div.grid-conplex-search div.operation-container a.operation-btn:active span.text,
div.grid-panel-tbar-container div.operation-container a.operation-btn:active span.text {
    color: #0492eb
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-recovery span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -259px -288px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-recovery.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-recovery.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-recovery.disabled span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -346px -288px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-recovery:active span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -318px -288px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -316px -258px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate.disabled span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -374px -258px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate:active span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -345px -258px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -257px -258px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize.disabled span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -403px -258px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize:active span.icon {
    background: url(../img/icons.png) no-repeat;
    background-position: -286px -258px
}

.grid-panel-tbar-container .operation-btn.btn-add .icon {
    background: url(../img/icons.png) no-repeat -197px -7px
}

.grid-panel-tbar-container .operation-btn.btn-add:hover .icon {
    background: url(../img/icons.png) no-repeat -227px -7px
}

.grid-panel-tbar-container .operation-btn.btn-add:hover .text {
    color: #68bef3
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-add.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-add.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-add.disabled span.icon {
    background: url(../img/icons.png) no-repeat -255px -5px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-add:active .icon {
    background: url(../img/icons.png) no-repeat -257px -7px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-edit span.icon {
    background: url(../img/icons.png) no-repeat -142px -57px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete span.icon {
    background: url(../img/icons.png) no-repeat -64px -200px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete.disabled span.icon {
    background: url(../img/icons.png) no-repeat -423px -288px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete:hover span.text {
    color: #ac5a7e
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete:active span.text {
    color: #a52460
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-delete:active span.icon {
    background: url(../img/icons.png) no-repeat -89px -169px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-refresh span.icon {
    background: url(../img/icons.png) no-repeat -2px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-refresh:active span.icon {
    background: url(../img/icons.png) no-repeat -28px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-bind span.icon {
    background: url(../img/icons.png) no-repeat -153px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-bind:active span.icon {
    background: url(../img/icons.png) no-repeat -178px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-bind.disabled:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-bind.disabled:hover span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-bind.disabled span.icon {
    background: url(../img/icons.png) no-repeat -470px -288px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-clear span.icon {
    background: url(../img/icons.png) no-repeat -79px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-clear:active span.icon {
    background: url(../img/icons.png) no-repeat -104px -259px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-import span.icon {
    background: url(../img/icons.png) no-repeat -83px -41px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-unlock span.icon {
    background: url(../img/icons.png) no-repeat -115px -41px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-resequence span.icon {
    background: url(../img/icons.png) no-repeat -177px -285px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-resequence:hover span.icon {
    background: url(../img/icons.png) no-repeat -203px -285px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-resequence:active span.icon {
    background: url(../img/icons.png) no-repeat -228px -285px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-resequence:hover span.text {
    color: #ffcb00
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-resequence:active span.text {
    color: #ffbc00
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-editAll span.icon,
div.help-content span.editAll:before {
    background: url(../img/icons.png) no-repeat -258px -313px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-editAll:active span.icon {
    background: url(../img/icons.png) no-repeat -318px -313px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search span.icon {
    background: url(../img/icons.png) no-repeat -203px -259px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search:active span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search:active span.icon {
    background: url(../img/icons.png) no-repeat -228px -259px
}

div.grid-conplex-search {
    border: 1px solid #e5e5e6;
    border-radius: 4px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search span.search-arrow,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search span.search-arrow {
    vertical-align: top
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search span.search-arrow {
    background: url(../img/icons.png) no-repeat -81px -248px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search:hover span.search-arrow {
    background: url(../img/icons.png) no-repeat -96px -248px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-search:active span.search-arrow {
    background: url(../img/icons.png) no-repeat -111px -248px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search span.search-arrow {
    background: url(../img/icons.png) no-repeat -223px -247px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search:hover span.search-arrow {
    background: url(../img/icons.png) no-repeat -208px -247px
}

div.grid-conplex-search div.operation-container a.operation-btn.btn-search:active span.search-arrow {
    background: url(../img/icons.png) no-repeat -193px -247px
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled:hover span.text,
div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled span.text {
    opacity: .3;
    -moz-opacity: .3;
    -khtml-opacity: .3
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled:hover span.icon {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled:active span.text,
div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled:hover span.text,
div.grid-panel-tbar-container div.operation-container a.operation-btn.disabled span.text {
    color: #36444b
}

div.search-bar-container div.searchbar-column .combobox-wrap input.combobox-text,
div.search-bar-container div.searchbar-text .text-wrap input {
    font-size: 12px;
    color: #36444b
}

div.search-bar-container div.searchbar-column div.combobox-wrap,
div.search-bar-container div.searchbar-text div.text-wrap {
    border-radius: 0
}

tr.editor-container {
    background-color: #ebe6e6
}

tr.editor-container div.button-button a.button-button {
    border: 1px solid #bbb
}

tr.editor-container div.button-button a.button-button:hover {
    border: 1px solid #9d9d9d;
    background-color: #a7a9ac
}

tr.editor-container div.button-button {
    background-color: #ebe6e6;
    border: 1px solid #d0d0d0;
    border-top: none
}

tr.editor-container div.button-button.btn-submit {
    border-right: none;
    border-bottom-left-radius: 3px
}

tr.editor-container div.button-button.btn-cancel {
    border-left: none;
    border-bottom-right-radius: 3px
}

.grid-header {
    font-family: TP-LinkAktiv-Medium, Arial, sans-serif
}

a.grid-content-btn-status span.text {
    color: #000;
    cursor: text
}

td.grid-content-td-settings-column a.grid-content-btn:hover span.icon {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8
}

.grid-content-td-action-column a.grid-content-btn.btn-expand span.icon,
.grid-content-td-settings-column a.grid-content-btn.btn-expand span.icon,
div.help-content span.expand:before,
td.grid-content-td-action-column a.grid-content-btn.btn-expand span.icon,
td.grid-content-td-settings-column a.grid-content-btn.btn-expand span.icon {
    background: url(../img/icons.png) no-repeat -230px -40px
}

.grid-content-td-settings-column a.grid-content-btn.btn-launch span.icon,
div.help-content span.launch:before,
td.grid-content-td-settings-column a.grid-content-btn.btn-launch span.icon {
    background: url(../img/icons.png) no-repeat -665px -5px
}

.grid-content-td-action-column .grid-content-btn+.grid-content-btn {
    margin-left: 24px
}

.grid-content-td-action-column .grid-content-btn.active .text,
.grid-content-td-action-column .grid-content-btn:hover .text {
    color: #04b0ff
}

.grid-content-td-action-column .icon,
.grid-content-td-action-column .icon-downloading {
    margin-right: 8px;
    background-image: url(../img/icons.png)
}

.grid-content-td-action-column .grid-content-btn.btn-launch .icon {
    background-position: -668px -8px
}

.grid-content-td-action-column .grid-content-btn.btn-launch:hover .icon {
    background-position: -703px -8px
}

.grid-content-td-action-column .grid-content-btn.btn-forget .icon {
    background-position: -602px -66px
}

.grid-content-td-action-column .grid-content-btn.btn-forget:hover .icon {
    background-position: -633px -66px
}

.grid-content-td-action-column .grid-content-btn.btn-forget.disabled .icon {
    background-position: -683px -66px
}

.grid-content-td-action-column .grid-content-btn.btn-upgrade .icon {
    background-position: -602px -42px
}

.grid-content-td-action-column .grid-content-btn.btn-upgrade .icon-rebooting {
    display: inline-block;
    margin-right: 6px;
    width: 22px;
    height: 22px;
    background: url(../img/loading_reboot.gif)
}

.grid-content-td-action-column .grid-content-btn.btn-upgrade:hover .icon {
    background-position: -633px -42px
}

.grid-content-td-action-column .grid-content-btn.btn-launch.disabled .icon {
    background-position: -734px -8px
}

.grid-content-td-action-column .grid-content-btn.active,
.grid-content-td-action-column .grid-content-btn.disabled {
    cursor: default
}

.grid-content-td-action-column .grid-content-btn.btn-upgrade.disabled .icon {
    background-position: -683px -42px
}

.grid-content-td-action-column .grid-content-btn.btn-upgrade.disabled {
    cursor: default
}

.grid-content-td-action-column .grid-content-btn.disabled .text {
    color: #a7a9ac
}

.grid-content-td-action-column a.grid-content-btn.btn-edit span.icon,
.grid-content-td-settings-column a.grid-content-btn.btn-edit span.icon,
div.help-content span.edit:before,
td.grid-content-td-action-column a.grid-content-btn.btn-edit span.icon,
td.grid-content-td-settings-column a.grid-content-btn.btn-edit span.icon {
    background: url(../img/icons.png) no-repeat -142px -81px
}

tr.disabled.grid-content-tr .grid-content-td-action-column a.grid-content-btn.btn-edit span.icon,
tr.disabled.grid-content-tr .grid-content-td-settings-column a.grid-content-btn.btn-edit span.icon,
tr.disabled.grid-content-tr td.grid-content-td-action-column a.grid-content-btn.btn-edit span.icon,
tr.disabled.grid-content-tr td.grid-content-td-settings-column a.grid-content-btn.btn-edit span.icon {
    background: url(../img/icons.png) no-repeat -183px -161px
}

.grid-content-td-action-column a,
td.grid-content-td-action-column a {
    display: inline-block
}

.grid-content-td-action-column a.hidden,
td.grid-content-td-action-column a.hidden {
    display: none
}

.grid-content-td-action-column a.grid-content-btn.btn-edit:active span.icon,
.grid-content-td-settings-column a.grid-content-btn.btn-edit:active span.icon,
td.grid-content-td-action-column a.grid-content-btn.btn-edit:active span.icon,
td.grid-content-td-settings-column a.grid-content-btn.btn-edit:active span.icon {
    background: url(../img/icons.png) no-repeat -142px -104px
}

.grid-content-td-action-column a.grid-content-btn.btn-delete span.icon,
.grid-content-td-settings-column a.grid-content-btn.btn-delete span.icon,
td.grid-content-td-action-column a.grid-content-btn.btn-delete span.icon,
td.grid-content-td-settings-column a.grid-content-btn.btn-delete span.icon {
    background: url(../img/icons.png) no-repeat -112px -204px
}

.grid-content-td-action-column a.grid-content-btn.btn-delete:active span.icon,
.grid-content-td-settings-column a.grid-content-btn.btn-delete:active span.icon,
td.grid-content-td-action-column a.grid-content-btn.btn-delete:active span.icon,
td.grid-content-td-settings-column a.grid-content-btn.btn-delete:active span.icon {
    background: url(../img/icons.png) no-repeat -135px -207px
}

tr.disabled.grid-content-tr .grid-content-td-action-column a.grid-content-btn.btn-delete span.icon,
tr.disabled.grid-content-tr .grid-content-td-settings-column a.grid-content-btn.btn-delete span.icon,
tr.disabled.grid-content-tr td.grid-content-td-action-column a.grid-content-btn.btn-delete span.icon,
tr.disabled.grid-content-tr td.grid-content-td-settings-column a.grid-content-btn.btn-delete span.icon {
    background: url(../img/icons.png) no-repeat -162px -161px
}

a.grid-content-btn-show.btn-show span.icon {
    background-position: -158px -207px
}

a.grid-content-btn-show.btn-show:active span.icon {
    background-position: -177px -207px
}

.grid-container .paging-wrap {
    font-size: 16px
}

tr.editor-container td.grid-content-td div.widget-container.error div.text-wrap {
    padding-right: 20px
}

tr.editor-container td.grid-content-td div.widget-container.error div.widget-wrap-outer {
    position: relative
}

tr.editor-container td.grid-content-td div.widget-container.error div.widget-error-tips {
    position: absolute;
    right: -5px;
    top: 0
}

tr td.grid-status-td .status-selected-num,
tr td.grid-status-td .status-total {
    font-family: Helvetica
}

td.grid-content-td.disabled,
tr.grid-content-tr.disabled {
    color: #a7a9ac
}

div.grid-container div.grid-content-container table.grid-content-bg td.grid-content-td,
div.grid-container div.grid-header-container table th.grid-header .content {
    font-size: 14px;
    line-height: 22px
}

div.grid-container div.grid-content-container table td.grid-content-td .content {
    height: auto;
    line-height: 15px
}

div.grid-panel-content-container div.grid-container {
    display: inline-block;
    min-width: 100%;
    margin-right: 50px;
    border-bottom: none;
    border-top: none
}

.grid-panel-content-container {
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 40px
}

.grid-header-container {
    border-left: none;
    border-right: none
}

.grid-content-container-outer {
    display: inline-block;
    width: 100%
}

div.grid-tool-container {
    border-bottom: 1px solid #a7aaaa;
    border-right: 1px solid #eaeded;
    background-color: #eaeded
}

div.grid-status-bar-container {
    border: 1px solid #a7aaaa;
    background-color: #eaeded;
    border-bottom: none
}

tr.grid-content-tr {
    line-height: 15px
}

tr.grid-content-tr:nth-child(2n) {
    background: #fff
}

tr.grid-content-tr:nth-child(odd) {
    background: #f8f8f8
}

tr.grid-content-tr.row-selected,
tr.grid-content-tr.row-selected:hover {
    background: #d0d0d0
}

tr.grid-content-tr:hover {
    background-color: #f5fdfd
}

tr.grid-content-tr.selected {
    background-color: #daf6f5
}

.no-hover tr.grid-content-tr:hover {
    background-color: inherit
}

.grid-content-td,
.grid-header {
    line-height: 17px;
    white-space: nowrap
}

tr td.grid-status-td {
    line-height: 15px
}

tr.editor-container td.grid-content-td div.widget-container.checkbox-container {
    text-align: center
}

div.grid-container.display-table.no-border tr.grid-content-tr {
    border: none
}

div.grid-panel-fbar-container {
    line-height: 16px;
    border-top: none;
    background-color: #e6e6e6
}

div.paging-wrap a {
    color: #000
}

div.grid-panel div.paging-container {
    margin-top: 24px;
    padding-left: 50px;
    overflow: hidden;
    background: #fff
}

div.grid-panel div.paging-container a.paging-btn.disabled {
    cursor: default
}

div.grid-panel div.paging-container a.paging-btn.current,
div.grid-panel div.paging-container a.paging-btn:hover {
    color: #4acbd6
}

.grid-panel .paging-container .paging-btn {
    margin-left: 5px;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    text-align: center;
    line-height: 28px;
    border-radius: 2px
}

.grid-panel .paging-container .paging-btn.current {
    border-color: #0492eb
}

.grid-panel .paging-container .paging-btn .text {
    color: #2f2f2f
}

.grid-panel .paging-container .paging-btn.current .text {
    color: #0492eb
}

div.grid-panel div.paging-container a.paging-btn.hidden {
    display: none
}

.grid-panel .paging-container .paging-btn.pageing-btn-prev .icon {
    background: url(../img/icons.png) no-repeat -487px -104px
}

.grid-panel .paging-container .paging-btn.pageing-btn-prev.disabled .icon {
    background: url(../img/icons.png) no-repeat -506px -104px
}

.grid-panel .paging-container .paging-btn.pageing-btn-first .icon {
    background: url(../img/icons.png) no-repeat -487px -126px
}

.grid-panel .paging-container .paging-btn.pageing-btn-first.disabled .icon {
    background: url(../img/icons.png) no-repeat -506px -126px
}

.grid-panel .paging-container .paging-btn.pageing-btn-last .icon {
    background: url(../img/icons.png) no-repeat -535px -109px
}

.grid-panel .paging-container .paging-btn.pageing-btn-last.disabled .icon {
    background: url(../img/icons.png) no-repeat -535px -126px
}

div.grid-panel div.paging-container a.paging-btn.pageing-btn-next:active span.icon {
    background: url(../img/icons.png) no-repeat -257px -116px
}

div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon {
    background: url(../img/icons.png) no-repeat -535px -90px
}

div.grid-panel div.paging-container a.paging-btn.pageing-btn-next.disabled span.icon {
    background: url(../img/icons.png) no-repeat -553px -89px
}

.merge-edit td.grid-content-td-action-column {
    background: #fff
}

div.widget-container div.widget-fieldlabel-wrap {
    margin-top: 0
}

.widget-fieldlabel-wrap.empty {
    display: none
}

div.widget-container div.widget-wrap {
    padding: 0
}

div.navigator-container {
    background-color: #005564
}

ul.navigator-ul li.navigator-li span.sub-navigator-text {
    font-size: 17px;
    line-height: 39px;
    font-weight: bolder;
    text-align: center;
    color: #fff;
    cursor: pointer
}

ul.navigator-ul li.navigator-li.selected span.sub-navigator-text {
    background-color: #fff;
    color: #005564
}

.switch-container .switch-label .icon-bg {
    background-position: -164px -5px
}

.switch-container .switch-label.checked .icon-bg {
    background-position: -210px -5px
}

.switch-container .switch-label.disabled .icon-bg {
    background-position: -164px -5px
}

.switch-container .switch-label .icon-ball {
    background-position: -209px -63px
}

div.widget-container.text-container div.widget-error-tips div.widget-error-tips-wrap {
    border: 0;
    border-radius: 0;
    background-color: transparent
}

div.widget-container.text-container div.widget-error-tips:hover div.widget-error-tips-wrap {
    box-shadow: none
}

div.content-wrap {
    background-color: #fff;
    border: 1px solid #c1c2c4;
    border-top: none
}

.nicescroll-cursors {
    background: #a7a9ac;
    border-radius: 9px
}

.nicescroll-cursors:hover {
    background-color: #4acbd6
}

.nicescroll-cursors:active {
    background-color: #2faab7
}

.vr-arrow-down-ctn,
.vr-arrow-up-ctn {
    background-color: #fff
}

.vr-arrow-up-ctn .icon-up {
    background-position: -131px -243px
}

.vr-arrow-up-ctn:hover .icon-up {
    background-position: -144px -231px
}

.vr-arrow-up-ctn:active .icon-up {
    background-position: -144px -243px
}

.vr-arrow-down-ctn .icon-down {
    background-position: -37px -237px
}

.vr-arrow-down-ctn:hover .icon-down {
    background-position: -50px -237px
}

.vr-arrow-down-ctn:active .icon-down {
    background-position: -131px -231px
}

.nicescroll-rails-vr {
    background-color: #f6f6f6
}

tr.tool-row div.combobox-container div.combobox-wrap,
tr.tool-row div.text-container div.text-wrap {
    border: 1px solid #a7a9ac;
    background-color: #fff;
    border-radius: 0
}

tr.tool-row div.combobox-container div.combobox-wrap input.combobox-text {
    background: transparent;
    margin: -1px;
    text-align: left
}

tr.tool-row div.widget-container span.text-wrap input {
    background: transparent;
    margin: -1px;
    text-align: center;
    height: 32px
}

tr.tool-row div.combobox-container div.combobox-wrap ul.combobox-list {
    text-align: left
}

div.widget-container.tab-container div.navigator-container {
    background: transparent
}

div.widget-container.tab-container ul.navigator-ul li.navigator-li span.sub-navigator-text {
    color: #36444b;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400
}

div.widget-container.tab-container ul.navigator-ul li.navigator-li.selected span.sub-navigator-text {
    color: #4acbd6
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    font-size: 14px;
    line-height: 21px;
    border: 1px solid #a7aaaa;
    background-color: #fff;
    color: #a7a9ac
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li.first span.sub-navigator-text {
    border-radius: 8px 0 0 0
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li.first.last span.sub-navigator-text {
    border-radius: 8px 8px 0 0
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li.last span.sub-navigator-text {
    border-radius: 0 8px 0 0
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li:hover span.sub-navigator-text {
    color: #4acbd6;
    border: 1px solid #4acbd6;
    border-bottom: 1px solid #a7aaaa
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li.selected span.sub-navigator-text {
    background-color: #eaeded;
    color: #005564;
    border: 1px solid #a7aaaa;
    border-bottom: 1px solid #eaeded
}

div.widget-container.tab-container.grid-tab.light ul.navigator-ul li.navigator-li span.sub-navigator-text {
    border: 1px solid #cecfd0
}

div.widget-container.tab-container.grid-tab.light ul.navigator-ul li.navigator-li:hover span.sub-navigator-text {
    border: 1px solid #4acbd6;
    border-bottom: 1px solid #cecfd0
}

div.widget-container.tab-container.grid-tab.light ul.navigator-ul li.navigator-li.selected span.sub-navigator-text {
    background-color: #f6f6f6;
    color: #005564;
    border: 1px solid #cecfd0;
    border-bottom: 1px solid #f6f6f6
}

div.widget-container.tab-container.grid-tab.display-table-tab {
    border-bottom: 3px solid #e0e2e4
}

div.widget-container.tab-container.grid-tab.display-table-tab.no-bb {
    border-bottom: 0
}

div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    border: none;
    border-radius: 0;
    color: #36444b;
    background-color: #ecf9fa
}

div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li.selected span.sub-navigator-text,
div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li:hover span.sub-navigator-text {
    border: none;
    background-color: #b7eaef
}

div.widget-container.tab-container.grid-tab.display-table-tab ul.navigator-ul li.navigator-li.selected span.sub-navigator-text {
    font-family: TP-LinkAktiv-Medium, Arial
}

div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li a:after {
    background: #eaeded
}

div.widget-container.tab-container.grid-tab.light ul.navigator-ul li.navigator-li a:after {
    background: #f6f6f6
}

td.grid-tool-td div.tlv-column ul.checkbox-group-list-wrap {
    text-align: left;
    white-space: nowrap
}

td.grid-content-td.tlv-column div.content {
    text-align: center
}

td.grid-content-td.tlv-column div.content span {
    text-align: left
}

td.grid-content-td.tlv-column div.content span.unselected {
    text-decoration: line-through;
    color: #a7a9ac
}

div.tlv-example.examplebar-container div.example-title {
    font-size: 14px
}

div.tlv-example.examplebar-container div.examplebar-content div.examplebar-item div {
    color: #a7a9ac
}

div.display-table-ctn {
    position: relative
}

div.display-table-ctn div.displaylabel-container {
    background-color: #fafafa
}

div.display-table-ctn div.displaylabel-container:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #dcddde
}

div.display-table-ctn div.collapsable-fieldset div.displaylabel-container:after,
div.display-table-ctn div.displaylabel-container.last:after,
div.display-table-ctn div.displaylabel-container.title:after,
div.display-table-ctn div.displaylabel-container:last-child:after,
div.display-table-ctn div.no-border.displaylabel-container:after {
    display: none
}

div.display-table-ctn div.displaylabel-container.title {
    background-color: #c9f0f2
}

div.display-table-ctn div.displaylabel-container.title.editable-grid-title {
    background-color: transparent;
    font-size: 16px;
    line-height: 24px
}

div.display-table-ctn div.paragraph-container.no-entry-hint {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    background-color: #f6f6f6
}

div.display-table-ctn.no-title div.displaylabel-container {
    background: none;
    white-space: nowrap
}

div.display-table-ctn.no-title div.displaylabel-container div.text-wrap-outer,
div.display-table-ctn.no-title div.displaylabel-container div.widget-fieldlabel-wrap {
    white-space: normal
}

div.display-table-ctn.no-title div.displaylabel-container div.text-wrap-outer span.text-wrap-display {
    color: #a7a9ac
}

div.display-table div.grid-header-container {
    border: 0
}

div.display-table div.grid-content-container-outer {
    border: 0;
    background: #fafafa;
    font-size: 14px
}

div.display-table div.grid-panel-content-container div.grid-container,
div.display-table div.grid-panel-fbar-container {
    border: 0
}

div.display-table div.grid-header-container tr.grid-header-tr th {
    padding: 4px 6px
}

div.display-table.center div.grid-header-container tr.grid-header-tr th {
    text-align: center
}

div.display-table tr.grid-content-tr td.grid-content-td {
    line-height: 19px
}

div.display-table div.grid-header-container tr.grid-header-tr th.grid-header-1,
div.display-table div.grid-tool-container td.grid-tool-td.grid-tool-td-1,
div.display-table tr.grid-content-tr td.grid-content-td.grid-content-td-1 {
    text-align: left
}

div.display-table.center div.grid-header-container tr.grid-header-tr th.grid-header-1,
div.display-table.center div.grid-tool-container td.grid-tool-td.grid-tool-td-1,
div.display-table.center tr.grid-content-tr td.grid-content-td.grid-content-td-1 {
    text-align: center
}

div.display-title-btn {
    position: absolute;
    right: 0;
    top: 3px
}

div.display-table tr.grid-content-tr {
    border-bottom: 1px solid #ededed
}

div.bold-title {
    font-weight: 700
}

#med-port-config-location-param #port-config-emergency-num.disabled div.widget-fieldlabel-wrap label {
    color: #36444b
}

#param-fieldset div.widget-container.disabled {
    opacity: 1
}

#med-port-config-detail-msg div.inline-container,
div.inline-container.right {
    text-align: right
}

div.color-header div.grid-header-container {
    background-color: #c9f0f2
}

#sys-info-fan-field div.legend {
    background: transparent
}

div.legend-ctn div.rx div.widget-wrap-outer {
    border-top: 2px solid #250d71;
    border-bottom: 2px solid #250d71
}

div.legend-ctn div.tx div.widget-wrap-outer {
    border-top: 2px solid #4acbd6;
    border-bottom: 2px solid #4acbd6
}

div.utilization-ctn div.rx div.widget-wrap-outer {
    color: #250d71
}

div.utilization-ctn div.tx div.widget-wrap-outer {
    color: #4acbd6
}

div.bold,
div.legend-ctn div.label div.widget-fieldlabel-wrap,
div.utilization-ctn div.label div.widget-fieldlabel-wrap {
    color: #333;
    line-height: 24px
}

td.grid-content-td-action-column a {
    color: #49546b
}

.notes-title {
    font-family: TP-LinkAktiv-Medium, Arial
}

.notes-li,
.notes-title {
    font-size: 14px;
    line-height: 21px
}

.notes-li {

    color: #a7a9ac;
    letter-spacing: 0
}

div.display-table-area {
    min-height: 300px;
    background: #fafafa
}

div.widget-container div.block {
    display: block
}

.pLable {
    width: 144px
}

.width-label-184 .div-checkbox-front .widget-fieldlabel-wrap {
    width: 154px
}

.padding-checkbox-front .widget-fieldlabel-wrap {
    padding-left: 30px
}

div.inline-container.div-checkbox-front div.container.widget-container.checkbox-container {
    margin-top: 5px
}

.button-back div.button-wrap a.button-button span.button-button-before {
    vertical-align: middle;
    background: url(../img/icons.png) no-repeat -188px -227px
}

.detailLbl {
    width: 150px
}

div.detail_class {
    float: right;
    margin-top: 3px;
    margin-right: 5px
}

div.detail-class-lbl {
    width: 50px
}

div.detail-header {
    width: 222px
}

div.msg-container #port_index {
    font-size: 14px
}

div.detailInputCls div.widget-wrap-outer {
    width: 150px;
    display: inline-block
}

div.date-part {
    width: 200px
}

div.time-part {
    width: 150px
}

div#date-cnt,
div#time-cnt {
    border: 1px solid #bebebe;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-top: 10px
}

div#date-to-cnt {
    margin-top: 15px
}

div.check-sep,
div.inline-sep {
    margin-left: 15px
}

div.check-sep {
    margin-top: 4px
}

div.from {
    width: 150px;
    font-size: 14px
}

div.left {
    float: left
}

div.cpuInfoLbl div.widget-wrap-outer {
    width: 200px;
    display: inline-block
}

div.cpuInfoInputCls,
div.detailInputCls div.widget-wrap input[type=text] {
    display: inline-block
}

div.detailInputCls.widget-container.text-container div.widget-wrap {
    border: none;
    width: 120px;
    background: #f7f7f7
}

div.cpuInfoInputCls div.widget-wrap input[type=text] {
    display: inline-block
}

div.cpuInfoInputCls.widget-container.text-container div.widget-wrap {
    border: none;
    width: 120px;
    background: #f6f6f6
}

div.btn-monitor {
    display: inline-block;
    margin-top: 10px
}

div.btn-monitor+div.btn-monitor {
    margin-right: 8px
}

#timeRangeDetailForm,
.detailFormCls {
    padding-left: 51px;
    padding-right: 51px
}

.detailFormCls {
    width: 750px;
    margin-bottom: 20px;
    background: #f7f7f7
}

div.detailPartCnt div.paragraph-container,
div.receive-header {
    font-size: 14px
}

div#send {
    vertical-align: top
}

.detailPartCnt {
    display: inline-block
}

div.time-range-msg div.display-table div.grid-content-container-outer,
div.time-range-msg tr.grid-content-tr.row-selected,
tr.grid-content-tr.row-selected:hover {
    background: #fafafb
}

div.time-range-msg tr.grid-content-tr:hover {
    background-color: #fafafb
}

div.time-range-msg div.display-table-ctn div.displaylabel-container div.widget-fieldlabel-wrap {
    width: 224px
}

div.msg-container.editor-container.time-range-msg div.msg-wrap {
    width: 648px
}

div.time-range-msg div.display-table-ctn div.title {
    font-size: 14px
}

div.detailMsgCnt {
    width: 788px
}

div#port_index_cnt {
    background: rgba(73, 202, 214, .3);
    height: 36px;
    vertical-align: middle;
    line-height: 36px;
    padding-left: 20px
}

div#timeRangeSummaryCfgDetailItemGrid div.grid-header-container {
    display: none
}

div#timeRangeSummaryCfgDetailItemGrid tr.grid-content-tr {
    border-bottom: 0 solid #f7f7f7
}

div#timeRangeSummaryCfgDetailItemGrid div.grid-panel-content-container div.grid-container {
    border: 0 solid #a7aaaa;
    border-bottom: none;
    border-top: none
}

div#timeRangeSummaryCfgDetailItemGrid div.grid-tool-container {
    border-bottom: 0 solid #a7aaaa
}

div#timeRangeSummaryCfgDetailItemGrid div.grid-status-bar-container {
    border: 0 solid #a7aaaa
}

div#timeRangeSummaryCfgDetailItemGrid td,
div#timeRangeSummaryCfgDetailItemGrid th {
    text-align: left;
    font-size: 14px
}

div.detailInputCls {
    height: 30px;
    margin-bottom: 0
}

div.timeMonthSlt {
    width: 158px
}

div.timeDaySlt,
div.timeYearSlt {
    width: 132px
}

div.combobox-container.timeMonthSlt div.widget-wrap {
    width: 148px
}

div.combobox-container.timeDaySlt div.widget-wrap,
div.combobox-container.timeYearSlt div.widget-wrap {
    width: 122px
}

div.text-container.timeFrom div.widget-wrap {
    width: 148px
}

div#detailMsgTraffic {
    max-width: 1000px
}

#detailInterfaceMsg .detailInputCls div.widget-fieldlabel-wrap {
    width: 184px
}

.detailInputCls div.widget-fieldlabel-wrap {
    width: 224px
}

div.msg-btn-wrap-right {
    float: right
}

div.button-reboot-btn {
    margin-right: 12px
}

div.display-table-owner-ctn {
    margin-top: 20px
}

div.part-cnt {
    margin-top: 30px
}

#needRebootMsg {
    width: 445px;
    height: 166px
}

#needRebootMsg .msg-wrap {
    min-width: 445px
}

#swtMacTableCfgOptions .search-option {
    line-height: 40px;
    vertical-align: middle
}

#swtMacTableCfgOptions #addTableAddress-check,
#swtMacTableCfgOptions #addTableVlanId-check {
    margin-top: 5px
}

div.search-btn {
    text-align: right
}

div.longLbl {
    width: 220px
}

div.text-container.shortInput div.widget-wrap {
    width: 95px
}

div.detailMsgCnt div.msg-wrap {
    max-width: 1010px
}

div.display-table-ctn.no-title div.second-col {
    border-right: 1px solid #dcddde
}

div#detailInterfaceMsg div.msg-wrap {
    max-width: 1020px
}

#detailInterfaceMsg {
    width: 1020px
}

div.traffic-msg {
    width: 870px
}

#detailInterfaceMsg div#receive,
#detailInterfaceMsg div#send {
    background: #f7f7f7;
    width: 477px
}

div.display-table-ctn.no-title div.displaylabel-container.second-col div.widget-fieldlabel-wrap {
    max-width: 300px
}

div.second-col label.text-fieldlabel,
div.second-part-cnt div.text-wrap-outer {
    padding-left: 40px
}

div#receive {
    background: #f7f7f7;
    width: 404px
}

div.first-part-cnt div.widget-fieldlabel-wrap {
    padding-left: 40px
}

div.display-table-ctn.no-title div.title.displaylabel-container {
    background: #f0f3f2;
    padding-left: 40px
}

div#interfaceGridEditor div#vlan_errortip div.widget-error-tips-wrap .error-tips-content {
    width: 230px
}

.detail_second_ip {
    border-left: 1px solid #dcddde
}

.detail_second_ip,
.detail_second_ip_hide_cnt {
    width: 477px;
    border-right: 1px solid #dcddde;
    border-bottom: 1px solid #dcddde;
    display: inline-block
}

div.widget-container.detail_second_ip_hide {
    visibility: hidden;
    margin-bottom: 0
}

.detail_second_ip div.widget-fieldlabel-wrap {
    width: 250px;
    padding-left: 40px
}

.detail_second_ip div.paragraph-wrap-outer {
    font-size: 14px;
    color: #a7a9ac
}

.add-line {
    border-bottom: 1px solid #ebebeb
}

div#send {
    width: 404px;
    background: #f7f7f7
}

div.monitor-panel {
    background: #f6f6f6;
    border: 1px solid #cecfd0;
    padding: 0 38px 30px;
    overflow: hidden
}

div.monitor-panel .chart-div {
    position: relative;
    left: -90px
}

div.receive-header {
    height: 30px;
    line-height: 30px;
    margin: 0
}

.login-module {
    height: 100%;
    overflow: auto
}

.login-module .img-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

#login-menu-cnt {
    position: relative
}

#login-menu,
#login-page {
    overflow: hidden
}

#login-page {
    background-color: rgba(255,255,255,.9);
    position: relative;
    z-index: 1000;
    display: inline-block;
    margin-right: 20.8%;
    text-align: left;
}

#login-page div.login-banner {
    margin: 32px 0 0 40px;
}

#login-forget-loader,
#send-email-loader {
    position: relative
}

#send-email-loader .widget-container {
    margin-bottom: 2px
}

#login-view {
    position: relative;
    display: table
}

.login-community-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 130px
}

.login-commnunity-img {
    width: 100%;
    height: 100%
}

.login-page-footer {
    position: absolute;
    right: 60px;
    bottom: 30px;
    z-index: 1000
}

.login-page-mobile-footer {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    margin-bottom: 20px;
    padding-left: 38px;
    padding-right: 38px;
    text-align: right
}

.login-page-mobile-footer a {
    text-decoration: underline
}

.login-page-mobile-footer a:first-child {
    float: left
}

.login-app-popup {
    position: absolute;
    right: -30px;
    bottom: 27px;
    width: 721px;
    height: 120px;
    padding: 16px 30px;
    box-sizing: border-box;
    background: rgba(27, 35, 48, .8);
    color: hsla(0, 0%, 100%, .7);
    font-size: 13px;
    border-radius: 8px
}

.login-app-popup:before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 32px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(27, 35, 48, .8)
}

.login-app-popup-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    background-image: url(../img/icons.png);
    background-position: -337px -118px;
    cursor: pointer
}

.login-app-popup-close:hover {
    background-position: -337px -138px
}

.login-app-popup-txt {
    float: left;
    width: 353px;
    margin-right: 40px
}

.login-app-img-contianer {
    overflow: hidden
}

.login-app-popup-title {
    margin-top: 6px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 14px
}

.login-page-footer a {
    color: #fff;
    text-decoration: underline
}

.login-page-footer a:first-child {
    margin-right: 20px
}

.login-app-qrcode {
    float: left;
    margin-right: 16px;
    width: 88px;
    height: 88px;
    background-image: url(../img/icons.png);
    background-position: -794px -3px
}

.login-app-img-store {
    overflow: hidden
}

.login-app-apple {
    margin-bottom: 12px;
    background-position: -794px -93px
}

.login-app-apple,
.login-app-google {
    display: block;
    width: 134px;
    height: 38px;
    background-image: url(../img/icons.png)
}

.login-app-google {
    background-position: -794px -133px
}

#login-page-cnt {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}

#login-bg {
    display: inline-block;
    width: 300px;
    height: 424px;
    padding: 48px 80px;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    vertical-align: middle
}

#send-email-loader {
    text-align: center
}

#login-signup-loader {
    height: 450px
}

#login-signin-loader div.title {
    position: absolute;
    height: 46px;
    line-height: 46px;
    top: -60px;
    left: 278px;
    font-size: 36px;
    color: #fff;
    letter-spacing: 15px
}

.login-title.widget-container {
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    width: 580px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700
}

#login-signin-loader div#error-info {
    width: 480px;
    position: absolute;
    top: 33px;
    left: 0;
    line-height: 20px;
    padding: 0 50px;
    font-size: 18px;
    color: #c11c66;
    height: 20px;
    text-align: center
}

#login-signin-loader div.display-label {
    font-size: 16px;
    color: #36444b;
    letter-spacing: 0;
    line-height: 20px
}

#login-btn {
    margin-bottom: 8px
}

.account-submit-button a.button-button {
    width: 300px;
    height: 36px;
    letter-spacing: 1px
}

#signup-signup-btn {
    margin-bottom: 36px
}

#send-btn a.button-button,
#signup-signup-btn a.button-button {
    width: 300px;
    height: 36px;
    letter-spacing: 1px
}

#login-form-cnt .button-text {
    line-height: 21px;
    font-size: 16px
}

#login-forget-loader .widget-wrap.text-wrap,
#login-signin-loader .widget-wrap.text-wrap,
#login-signup-loader .widget-wrap.text-wrap {
    width: 300px
}

.send-email {
    text-align: center
}

.account-success-icon {
    margin-bottom: 24px
}

.send-email-note {
    color: #7d7e80;
    font-size: 12px;
    line-height: 16px
}

.paragraph-container.error {
    color: #ff2954
}

#send-email-loader .send-email-note.widget-container {
    margin-bottom: 36px
}

.login-form div.widget-container.text-container div.widget-wrap.text-wrap {
    width: 300px;
    border-radius: 0;
    background-color: #fff
}

.login-form div.widget-wrap.text-wrap input {
    margin: 0;
    font-size: 16px
}

.login-form input {
    border: none;
    border-radius: 0;
    background-color: #fff;
    height: 40px;
    line-height: 40px
}

.text-container .text-wrap-outer .widget-wrap.text-wrap {
    border-bottom: 1px solid #a7a9ac
}

.login-password div.widget-error-tips,
.login-username div.widget-error-tips {
    top: 42px
}

#login-page div.displaylabel-container {
    color: #36444b;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 29px;
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 20px
}

#login-signin-loader .widget-container.remember {
    margin-top: 42px;
    margin-bottom: 15px
}

#login-signin-loader .error+.widget-container.remember,
#login-signin-loader .focus+.widget-container.remember,
#login-signin-loader .hover+.widget-container.remember {
    margin-top: 41px
}

#login-signin-loader div.widget-container.displaylabel-container,
#login-signup-loader div.widget-container.displaylabel-container {
    margin-bottom: 4px
}

#login-forget-loader .widget-container .widget-fieldlabel-wrap,
#login-page .widget-container .text-wrap-display {
    font-size: 12px;
    color: rgba(54, 68, 75, .6);
    letter-spacing: .2px
}

#forget-password-username {
    margin-bottom: 45px
}

#forget-password-username.error,
#forget-password-username.focus,
#forget-password-username.hover {
    margin-bottom: 44px
}

#forget-password-username-label {
    margin-top: 40px;
    margin-bottom: 4px
}

#forget-password-username-label div.widget-fieldlabel-wrap {
    margin-bottom: 0
}

#remember .tips-content {
    color: #005564;
    font-size: 14px
}

#remember label.checkbox-label span.icon {
    width: 20px;
    height: 20px;
    margin-right: 0;
    background: url(../img/icons.png) no-repeat -260px -9px
}

#remember label.checkbox-label.checked span.icon {
    background: url(../img/icons.png) no-repeat -288px -9px
}

#login-password span.text-wrap,
#login-username span.text-wrap,
.login-password.widget-container span.text-wrap,
.login-username.widget-container span.text-wrap {
    display: inline-block;
    width: 100%
}

#login-username span.text-wrap-before,
.login-username span.text-wrap-before {
    background-position: -595px -5px
}

#login-username.error span.text-wrap-before {
    background-position: -630px -5px
}

#login-password span.text-wrap-before,
.login-password span.text-wrap-before {
    background-position: -420px -40px
}

#login-password.error span.text-wrap-before {
    background-position: -320px -40px
}

div.grid-header-container tr.grid-header-tr th.colspan {
    padding: 0;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5
}

th.colspan tr.head {
    border-bottom: 1px solid #c5c5c5
}

th.colspan tr.col td {
    border-right: 1px solid #c5c5c5
}

#port-mirror-table .percent-50 {
    width: 50%
}

#port-mirror-table td table {
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7
}

#port-mirror-table .grid-content-td.grid-content-td-3 {
    padding: 0
}

#port-mirror-table .inside-table td {
    padding: 6px
}

div.error-tips-width-250 div.widget-error-tips div.widget-error-tips-wrap {
    width: 250px
}

.ui-selectable-helper {
    position: absolute;
    border: 1px dotted #a7a9ac;
    z-index: 1000
}

.ports-container {
    user-select: none
}

.file-button.button-container a.button-button,
.secondary-btn.button-container a.button-button {
    background-color: transparent;
    font-size: 14px;
    border: 0
}

.secondary-btn.button-container a.button-button {
    text-align: left
}

.file-button.button-container a.button-button:hover,
.secondary-btn.button-container a.button-button:hover {
    background: #e8e8e8
}

.file-button.button-container a.button-button:active,
.secondary-btn.button-container a.button-button:active {
    background: #4acbd6
}

.file-button.button-container a.button-button .button-text,
.secondary-btn.blue.button-container a.button-button .button-text {
    color: #4acbd6
}

.secondary-btn.red.button-container a.button-button .button-text {
    color: #c11c66
}

.file-button.button-container a.button-button:active .button-text,
.secondary-btn.button-container a.button-button:active .button-text {
    color: #fff
}

.padding-top-14.widget-container {
    padding-top: 14px
}

.mini-progressbar-cnt {
    width: 190px
}

#maintenance-update-2 {
    padding-left: 200px
}

#maint-update-text {
    margin-bottom: 0
}

#maint-update-text .text-wrap-display {
    color: #a7a9ac
}

#maint-update-file {
    margin-bottom: 15px
}

#login-menu .fieldset-content {
    height: 100%
}

#login-eap,
#login-eck {
    height: 270px
}

#login-eck {
    padding-top: 130px
}

#login-logo {
    display: block;
    margin-top: 32px;
    margin-left: 2px;
    height: 46px;
    width: 122px;
    background-repeat: no-repeat;
    background-image: url(../img/icons.png)
}

#login-eap-img,
#login-eck-img {
    width: 414px;
    height: 246px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle
}

#login-menu .login-menu-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 200px
}

#login-menu .login-menu-item .paragraph-container {
    color: #fff;
    font-size: 24px;
    line-height: 31px
}

div.widget-container.button-container.simple-text-button a.button-button:hover {
    background-color: #e8e8e8
}

div.widget-container.button-container.simple-text-button a.button-button:active {
    background-color: #4acbd6
}

div.widget-container.button-container.simple-text-button a.button-button:active span.button-text {
    color: #fff
}

div.widget-container.button-container.simple-text-button a.button-button span.button-text {
    color: #4acbd6
}

#login-menu .login-menu-item .button-container a.button-button {
    background: transparent;
    border: 0;
    font-size: 36px;
    line-height: 46px;
    padding: 0;
    font-weight: 700
}

#login-menu .login-menu-item .button-container {
    margin-bottom: 30px
}

#login-back .login-back-icon {
    background-image: url(../img/icons.png);
    height: 50px;
    width: 50px;
    background-position: -439px -235px
}

#login-back {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    height: 100%
}

#login-back .widget-container.button-container .button-button {
    background: transparent;
    border: none;
    width: 50px;
    height: 50px
}

.login-goto-icon {
    background-image: url(../img/icons.png);
    height: 50px;
    width: 50px;
    background-position: -439px -178px
}

#login-menu {
    position: absolute;
    min-width: 1200px;
    min-height: 600px
}

.login-menu-item .widget-container.button-container {
    position: relative
}

.login-menu-item .widget-container.button-container .widget-wrap.button-wrap .button-button {
    height: 50px;
    text-align: left;
    position: absolute;
    z-index: 2
}

.login-menu-item .widget-container.button-container .widget-tips.textbox-tips {
    background-image: url(../img/icons.png);
    height: 50px;
    width: 50px;
    background-position: -439px -178px;
    position: absolute;
    z-index: 1
}

#login-eap-btn .button-button {
    width: 420px
}

#login-eap-btn .widget-tips.textbox-tips {
    left: 362px
}

#login-eck-btn .button-button {
    width: 300px
}

#login-eck-btn .widget-tips.textbox-tips {
    left: 235px
}

#login-menu div.button-container a.button-button span.button-text {
    line-height: 50px
}

#login-menu .login-menu-item .paragraph-container .paragraph-wrap-outer {
    margin-top: 50px
}

#login-eck-pic {
    width: 480px;
    height: 286px;
    background-image: url(../img/CLOUD_KEY_Big.png)
}

.widget-container.file-container fieldset {
    height: 0;
    width: 0;
    opacity: 0
}

#config-switch-note {
    margin-bottom: 0;
    color: #a7a9ac
}

.width-label-200 div.widget-fieldlabel-wrap {
    width: 200px
}

#forget-password {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 14px;
    color: #0492eb;
    letter-spacing: 0;
    line-height: 18px
}

#forget-password:hover {
    color: #04b0ff
}

.hidden {
    display: none
}

.back-icon {
    width: 21px;
    height: 16px;
    display: inline-block;
    background-position: -491px -42px;
    position: absolute;
    left: -37.5px;
    top: 6px;
    background-image: url(../img/icons.png);
    cursor: pointer
}

.back-icon:hover {
    background-position: -518px -42px
}

#account-drop-content {
    position: relative;
    top: 15px;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
    text-align: left
}

#account-drop-content .widget-container {
    margin-bottom: 0
}

.account-menu__item {
    font-size: 15px;
    color: #36444b;
    cursor: pointer
}

.account-menu__item:first-child {
    cursor: default;
    padding: 18px 0 16px
}

.account-menu__item .widget-container {
    padding: 0 24px
}

.account-menu__item.last .widget-container {
    padding-bottom: 13px
}

.account-menu__nick {
    margin-bottom: 6px
}

.account-menu__nick .text-wrap-display {
    line-height: 20px
}

.account-menu__email .text-wrap-display {
    font-size: 12px;
    line-height: 15px;
    color: #a7a9ac
}

#account-drop-content .paragraph-wrap-outer {
    line-height: 34px
}

#account-drop-content ul p {
    height: 20px;
    line-height: 20px
}

#account-drop-content ul p#username-info {
    font-size: 12px;
    color: #a7a9ac
}

#account-drop-content ul p#nickname {
    font-size: 15px;
    color: #36444b;
    line-height: 20px
}

#account-drop-content ul p#username {
    font-size: 12px;
    color: #a7a9ac
}

.grid-content-td-action-column a.grid-content-btn.btn-expand {
    position: relative
}

.expand-cnt {
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
    width: 193px;
    height: 64px;
    z-index: 999;
    top: -5px;
    left: -106px
}

#top .operation-btn a {
    margin-top: 0
}

li.b-border {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

li.b-border a {
    margin: 0;
    padding: 0
}

.account-cnt li {
    display: block
}

a.unclick {
    cursor: pointer
}

.sub-title {
    font-family: TP-LinkAktiv-Medium;
    font-size: 26px;
    text-align: left;
    line-height: 33px;
    color: #212121
}

.sub-title.widget-container {
    margin-bottom: 8px
}

.remember label.checkbox-label span.text,
.sub-title-note {
    color: #7d7e80;
    letter-spacing: 0;
    line-height: 18px
}

.sub-title-note {
    margin-top: 8px;
    margin-bottom: 29px;
    font-size: 14px
}

#triangle {
    width: 21px;
    height: 16px;
    position: relative;
    right: 10px;
    top: 1px;
    display: inline-block;
    background-image: url(../img/icons.png);
    background-position: -460px -40px
}

#signup-btn,
#signup-login-btn {
    text-align: center
}

.login-form .fieldset-container {
    position: relative
}

#forget-password-success-note {
    text-align: center;
    font-size: 14px;
    color: #36444b;
    letter-spacing: 0;
    line-height: 18px
}

.result-icon-cnt {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 24px
}

.result-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url(../img/icons.png)
}

.result-success-icon-cnt {
    margin-top: 30px;
    margin-bottom: 24px
}

.result-success-icon {
    display: inline-block;
    width: 56px;
    height: 51px;
    background-image: url(../img/icons.png);
    background-position: -400px -90px
}

.index-success-icon {
    background-position: -141px -72px
}

.result-fail-icon {
    background-position: -237px -72px
}

#forget-password-success-form-container .sub-title {
    text-align: left
}

#forget-password-result-sub-title {
    font: 22px
}

div.widget-container.forget-result-note {
    margin-bottom: 0
}

.email-link-wrap {
    text-align: center
}

.email-link {
    color: #0492eb
}

.account-email-link {
    margin-top: 4px;
    margin-bottom: 16px
}

.form-edit-account .account-done-btn {
    margin-top: 43px;
    margin-bottom: 24px
}

.account-resend-btn.button-container {
    margin-top: 36px;
    margin-right: 0
}

.account-resend-btn.button-container .button-button {
    width: 120px
}

#send-email-loader .go-to-login.widget-container {
    margin-top: 24px;
    margin-bottom: 24px
}

div.forget-result-note2 {
    font-size: 12px;
    color: rgba(54, 68, 75, .6);
    letter-spacing: 0;
    line-height: 16px
}

.forget-result-note {
    font-size: 14px;
    color: #36444b;
    letter-spacing: 0;
    line-height: 18px
}

#forget-password-retry-btn {
    margin-top: 24px
}

div.button-container.login-sec-btn.disabled a.button-button span.button-text {
    color: #a7a9ac
}

.button-container.login-sec-btn {
    margin: 0 auto;
    width: 120px
}

.button-container.login-sec-btn .button-button {
    width: 120px
}

#resend-btn-forget .button-button,
#resend-btn-signin .button-button,
#resend-btn-signup .button-button {
    width: 125px
}

#return-menu {
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: #f4f4f5;
    margin-top: 80px;
    z-index: 10;
    position: absolute
}

.icon-menu-return {
    margin-right: 5px;
    width: 22px;
    height: 17px;
    background-position: -495px -44px;
    cursor: pointer
}

div.widget-container.mac-container div.widget-wrap {
    padding: 0;
    height: 32px
}

div.widget-container.mac-container span.mac-input {
    display: inline-block;
    width: 33px
}

div.widget-container.mac-container.mac_qrcode span.mac-input {
    width: 49px
}

div.widget-container.mac-container span.mac-input input {
    padding: 1px;
    text-align: center
}

div.widget-container.mac-container span.mac-dot {
    position: absolute;
    width: 4px;
    top: 3px;
    margin-left: -2px
}

.widget-container.mac-container .widget-wrap.text-wrap {
    border: 1px solid #c8c7cc;
    border-radius: 3px
}

.widget-container.mac-container.error .widget-wrap.text-wrap {
    border-color: #ff2954
}

.mac-container .widget-wrap-outer {
    position: relative
}

div.page-menu {
    min-width: 1200px;
    display: inline-block;
    text-align: center
}

div.right-content {
    float: left;
    padding-left: 132px;
    border-left: 1px solid #f4f4f5
}

div.middle-content {
    padding-top: 95px
}

div.page-menu li {
    width: 180px;
    background: #f4f4f5;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    color: rgba(54, 68, 75, .6);
    cursor: pointer
}

div.page-menu li.current {
    background: rgba(0, 85, 100, .08);
    color: #005564;
    border-bottom: 2px solid #005564
}

span.online {
    background: #e5f4fd;
    color: #0492eb
}

span.offline,
span.online {
    display: inline-block;
    width: 55px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center
}

span.offline {
    background: #ffe5ea;
    color: #ff2954
}

.expand-cnt {
    text-align: center;
    vertical-align: middle
}

.expand-cnt .forget {
    font-size: 15px;
    color: #36444b;
    line-height: 20px;
    display: block;
    margin-top: 20px
}

.logout-button,
.view-account-button {
    cursor: pointer
}

.form-edit-account {
    width: 300px;
    margin: 0 auto
}

#forget-password-sub-title,
#login-activate-email {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 40px
}

#login-activate-email {
    margin-bottom: 30px;
    text-align: left
}

#forget-password-title {
    margin-bottom: 40px
}

#signup-username-label {
    margin-top: 29px
}

.sub-title-cnt {
    text-align: left
}

div.widget-container.login-password span.text-wrap input,
div.widget-container.login-username span.text-wrap input {
    padding: 0
}

.form-edit-account div.widget-container.text-container.login-password.error div.text-wrap,
.form-edit-account div.widget-container.text-container.login-username.error div.text-wrap {
    border-bottom: 2px solid #ff2954
}

.form-edit-account div.widget-container div.widget-wrap input[type=password],
.form-edit-account div.widget-container div.widget-wrap input[type=text] {
    border: none;
    border-radius: 0;
    padding-bottom: 6px;
    background-color: #fff;
    height: 27px;
    line-height: 21px;
    color: #45565d
}

.form-edit-account div.widget-error-tips div.widget-error-tips-wrap {
    width: 300px
}

.email-notice {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/icons.png);
    background-position: -285px -5px
}

.account-cnt {
    z-index: 10
}

.simpleDom_instruct {
    margin-top: 16px;
    margin-bottom: 40px;
    font-size: 13px;
    color: #777;
    background-color: #f8f8f8
}

#cloudKeyEditor-fail .simpleDom_instruct {
    padding: 12px 9px 12px 10px
}

.simpleDom_instruct .widget-container {
    margin-bottom: 0
}

#account-view {
    display: block;
    width: 312px;
    margin: 0 auto
}

.account-background {
    position: absolute;
    width: 1200px;
    top: 0;
    bottom: 0;
    margin-left: -366px;
    background-color: #fff
}

.account-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    text-align: center;
    box-shadow: 0 2px 4px 0 hsla(216, 3%, 66%, .3)
}

.account-bar-inner {
    display: inline-block
}

#return-index {
    position: absolute;
    left: 36px;
    line-height: 60px;
    font-size: 18px;
    cursor: pointer;
    z-index: 2
}

.return-icon {
    display: inline-block;
    width: 21px;
    height: 14px;
    margin-right: 12px;
    background-image: url(../img/icons.png);
    background-position: -492px -62px
}

#return-index:hover .return-icon {
    color: #49546b;
    background-position: -519px -62px
}

.account-bar .tab-container {
    display: inline-block;
    line-height: 45px;
    background-color: #fff;
    text-align: center
}

.account-bar .tab-container.tab_grid .tab-btn {
    width: 136px
}

#global-notice {
    position: absolute;
    z-index: 10;
    min-width: 352px;
    color: #bbb
}

#global-notice .img-wrap {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    background-image: url(../img/icons.png);
    background-position: -85px -117px
}

#global-notice.fail .img-wrap {
    background-position: -8px -117px
}

#global-notice.other .img-wrap {
    background-position: -47px -117px
}

#global-notice .close {
    float: right;
    margin-top: 24px;
    width: 12px;
    height: 12px;
    background-image: url(../img/icons.png);
    background-position: -337px -98px;
    cursor: pointer
}

#global-notice .close:hover {
    background-position: -359px -98px
}

#cloudKeyEditor-device .simpleDom_instruct {
    padding: 0;
    margin-right: 30px
}

.mac_qrcode.widget-container {
    margin-bottom: 32px
}

.icon-downloading {
    transform: rotate(-90deg)
}

.captcha-img {
    background-color: #eee;
    border: 1px solid #cbc7cc;
    border-radius: 3px
}

@media screen and (max-width:768px) {
    .login-module {
        margin-left: 0
    }
}

#cloudkey-tab {
    white-space: nowrap
}

#main {
    position: relative
}

#cloud-key-view {
    height: 100%
}

#cloudkey-tab {
    top: 80px;
    position: fixed
}

.grid-panel-tbar-container {
    top: 125px;
    position: fixed
}

.slick-list,
.slick-track {
    height: 100%
}

.bgwidth {
    width: 100%
}

.bgheight {
    height: 100%
}

.product-info {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding: 11px 20px;
    background-color: rgba(27, 35, 48, .5);
    border-radius: 8px;
    text-align: left
}

.product-img {
    margin-right: 16px;
    width: 48px;
    height: 48px
}

.product-body {
    overflow: hidden;
    color: #fff
}

.product-link {
    margin-top: 8px;
    font-size: 13px
}

.product-link a[href] {
    color: #40c5ff
}

.product-link:before {
    margin-right: 3px;
    content: "";
    display: inline-block;
    border-color: transparent transparent transparent #04b0ff;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    width: 0;
    height: 0
}

#cloudkey-gif-container {
    position: relative;
    min-height: 169px
}

#cloudkey-gif {
    position: absolute;
    height: 100%;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto
}

@media screen and (max-width:1250px) {
    div.msg-container.global-alert,
    div.msg-container.global-confirm {
        width: 50%
    }
}

@media screen and (max-width:772px) {
    #return-index {
        position: static;
        margin-top: 60px;
        text-align: left
    }
    .account-bar .tab-container {
        margin-top: -120px
    }
}

@media screen and (max-width:680px) {
    .logo-ctn .cloud-key {
        display: none;
        font-size: 15px;
        height: 20px;
        line-height: 20px
    }
    #login-page-cnt {
        text-align: center
    }
    #login-page {
        margin-right: 0
    }
    #cloudKeyGrid {
        margin-top: 30px
    }
    #cloudkey-tab.tab-container.tab_grid {
        padding-top: 0;
        position: static
    }
    #cloud-key-view .tab-container.tab_grid {
        top: 68px;
        width: 100%;
        padding-left: 30px
    }
    .grid-panel-content-container {
        padding-top: 2px;
        margin-left: 30px;
        margin-right: 30px
    }
    .grid-panel-tbar-container {
        position: static;
        margin-left: 30px
    }
    div.grid-panel div.paging-container {
        padding-left: 30px
    }
    .grid-panel-tbar-container {
        top: 170px;
        width: 100%
    }
    #cloudkey-tab .tab-btn {
        font-size: 14px;
        padding: 7px 10px
    }
    #cloudkey-tab .tab-spliter {
        width: 0
    }
    .grid-container .paging-btns {
        margin-left: -10px
    }
    .combobox-container .widget-fieldlabel-wrap,
    .grid-container .paging-wrap {
        font-size: 14px
    }
    .msg-boxs-container .msg-container,
    div.msg-container.global-alert,
    div.msg-container.global-confirm {
        width: 85.3%
    }
    .msg-boxs-container .msg-container .msg-content-container,
    .msg-container.global-confirm .msg-btn-container {
        padding-left: 20px;
        padding-right: 20px
    }
    .msg-btn-wrap .button-container:first-child,
    .msg-container .button_secondary {
        float: left;
        margin-right: 0
    }
    .simpleDom_instruct {
        margin-bottom: 0
    }
}

@media screen and (max-width:460px) {
    #login-view {
        display: inline-block
    }
    #login-view .button-wrap-outer .button-button,
    #login-view .widget-wrap-outer,
    #login-view .widget-wrap.button-wrap,
    #login-view .widget-wrap.text-wrap {
        width: 100%
    }
    #login-signup-loader {
        height: auto
    }
    #top,
    #top .con {
        height: 68px
    }
    #top .con {
        padding-left: 26px;
        padding-right: 26px
    }
    #top .logo-ctn {
        height: 68px
    }
    #top .icon-logo {
        width: 116px;
        height: 44px;
        background-position: -2px -5px;
        background-image: url(../static/img/icons.png)
    }
    #top .operation-ctn {
        right: 26px
    }
    #top .operation-btn {
        margin-top: 14px
    }
    #scroll-layer {
        border-top-width: 68px
    }
    #cloudKeyEditor-device .simpleDom_instruct {
        margin-right: 0
    }
    div.msg-container div.msg-content-container .scroll {
        overflow: auto
    }
    .msg-btn-wrap .button-container:first-child,
    .msg-container .button_secondary {
        float: left;
        margin-right: 0
    }
    #cloudKeyEditor-btn {
        margin-top: 40px
    }
    .index-view {
        min-width: 0!important
    }
    .account-background {
        width: 100%
    }
    .login-module .logo-ctn {
        position: fixed;
        z-index: 1;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 2px;
        width: 100%;
        height: 52px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 1px 2px 0 #e8eaed;
        z-index: 1001
    }
    #login-view .logo-ctn .icon-logo {
        margin-top: 11px;
        width: 78px;
        height: 30px;
        background-image: url(../img/black@3x.png);
        background-size: 78px 30px;
        background-position: 0 0
    }
    #login-view .cloud-key {
        display: inline-block;
        margin-top: 14px;
        margin-left: 6px;
        padding-left: 0;
        border-left: 0;
        color: #212121
    }
    #login-view .cloud-key:before {
        content: "";
        display: inline-block;
        margin-right: 6px;
        width: 1px;
        height: 16px;
        background-color: #cacbcd
    }
    #login-view .icon-logo {
        color: #212121
    }
    #login-view .img-container {
        display: none
    }
    #login-bg {
        box-sizing: border-box;
        width: 100%;
        height: auto!important;
        padding: 38px;
        padding-top: 92px;
        box-shadow: none
    }
    #login-page-cnt {
        display: block;
        padding-right: 0;
        text-align: left
    }
    #login-page {
        overflow: visible;
        width: 100%
    }
    #login-password,
    #login-username {
        width: 100%
    }
    .back-icon {
        position: static;
        margin-right: 10px
    }
    #send-email-loader .send-email-title {
        text-align: left
    }
    #send-email-loader .sub-title {
        display: inline-block
    }
    .widget-container.notice-bar-container {
        line-height: 14px
    }
    .login-page-footer {
        display: none
    }
    .login-page-mobile-footer {
        display: block
    }
}

@media screen and (max-width:389px) {
    .grid-panel .paging-container .paging-options {
        margin-top: 20px
    }
}

@media screen and (max-width:375px) {
    .editor-container .button-container,
    .msg-btn-wrap .button-container,
    .msg-container .button_secondary {
        width: 100%
    }
    .editor-container .button-container+.button-container,
    .msg-btn-wrap .button-container+.button-container {
        margin-top: 20px
    }
    .editor-container.msg-container .button-button,
    .editor-container.msg-container .button-wrap-outer,
    .editor-container.msg-container .button-wrap.widget-wrap,
    .msg-btn-wrap .button-container .button-button,
    .msg-btn-wrap .button-container .button-wrap-outer,
    .msg-btn-wrap .button-container .button-wrap.widget-wrap {
        width: 100%
    }
    div.inline-container div.container.widget-container.btn-cancel,
    div.msg-btn-wrap div.widget-container.btn-msg-no {
        margin-right: 0
    }
    #account-view {
        box-sizing: border-box;
        width: 100%;
        padding-left: 38px;
        padding-right: 38px
    }
    .form-edit-account {
        width: auto
    }
    #account-view .button-button,
    #account-view .button-wrap-outer,
    #account-view .text-wrap-outer,
    #account-view .widget-wrap.button-wrap,
    #account-view .widget-wrap.text-wrap {
        width: 100%
    }
    .account-bar-inner {
        display: block
    }
    .account-bar .tab-btns [widget=transition] {
        white-space: nowrap
    }
    .account-bar .tab-container.tab_grid .tab-btn {
        width: auto
    }
    #return-index {
        margin-left: 38px
    }
}
/* ========================================================================================================================
Alke styles
REM - 19/04/01
======================================================================================================================== */
body {
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
}
#main-view,
#basic-module-container,
#login-view {
    overflow: hidden;
}
.alke-logo {
    width: 100%;
    height: 110px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: center;
}
.alke-logo img {
          padding-top: 40px;
          width: 150px; }
.alke-login-page-cnt {
    background: url("../img/login/02_mobile.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
#login-page,
#login-bg { background-color: transparent; }
#login-signin-loader {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
}
.alke-login-form-container {
    background-color: rgba(255,255,255,.90);
    width: 240px;
    padding: 10px 0;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 10px;
}
.alke-form {
    width: 200px;
    margin: 0 auto;
    margin-top: -10px;
    position: relative;
}
.alke-form .form-control {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
}
.alke-form .help-block {
    color: red;
    font-weight: 600;
}
.alke-field-container { margin-top: -35px; }
.alke-field-container-1st { margin-top: 10px; }
input[type="submit"] {
    background-color: transparent;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active { background-color: #ccc; }
@media (min-width: 360px) { .alke-login-form-container { bottom: 60px;}}
@media (min-width: 410px) { .alke-login-form-container { bottom: 100px;}}
@media (min-width: 461px) {
    .alke-logo { height: 145px;}
    .alke-logo img { width: 200px;}
    #login-page,
    #login-bg {
        width: 100%;
        height: 100vh;}
    .alke-form .form-group,
    .alke-field-container .row { width: 200px;}
}
@media (min-width: 600px) {
    .alke-login-page-cnt {
        background: url("../img/login/01_mobile.jpg") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100vh;}
    .alke-login-form-container {
        background-color: rgba(255,255,255,.90);
        width: 300px;
        padding: 50px 0 40px 0;
        position: absolute;
        bottom: 50px;}
    .alke-form {
        width: 230px;
        margin-top: 10px;}
    .alke-field-container { margin-top: -15px; }
    .alke-form .form-group,
    .alke-field-container .row { width: 230px;}
    input[type="submit"] {
        height: 40px;
        margin-top: 20px;}
}
@media (min-width: 1024px) {
    .alke-logo { text-align: left;}
    .alke-logo img {
        width: 200px;
        padding-left: 50px;}
    #login-page,
    #login-bg,
    #login-form-wrapper {
        background-color: transparent;
        width: 100%;
        height: 100vh;}
    .alke-login-page-cnt {
		background: transparent;
		width: 100%;
		height: 100vh;
		z-index: 100;}
	.login-page-videoslide-container {
		background: url("../img/login/01.jpg") no-repeat right center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10;
		animation: videoslide normal 100s infinite linear;
		opacity: 0;}
	@keyframes videoslide {
		0% {
			background-image: url("../img/login/01.jpg");
			opacity: 0;
			} 2% {
				background-image: url("../img/login/01.jpg");
				opacity: 1;
			} 18% {
				background-image: url("../img/login/01.jpg");
				opacity: 1;
			} 19.99999% {
				background-image: url("../img/login/01.jpg");
				opacity: 0;
			} 20% {
				background-image: url("../img/login/02.jpg");
				opacity: 0;
			} 22% {
				background-image: url("../img/login/02.jpg");
				opacity: 1;
			} 38% {
				background-image: url("../img/login/02.jpg");
				opacity: 1;
			} 39.99999% {
				background-image: url("../img/login/02.jpg");
				opacity: 0;
			} 40% {
				background-image: url("../img/login/03.jpg");
				opacity: 0
			} 42% {
				background-image: url("../img/login/03.jpg");
				opacity: 1;
			} 58% {
				background-image: url("../img/login/03.jpg");
				opacity: 1;
			} 59.99999% {
				background-image: url("../img/login/03.jpg");
				opacity: 0;
			} 60% {
				background-image: url("../img/login/04.jpg");
				opacity: 0;
			} 62% {
				background-image: url("../img/login/04.jpg");
				opacity: 1;
			} 78% {
				background-image: url("../img/login/04.jpg");
				opacity: 1;
			} 79.99999% {
				background-image: url("../img/login/04.jpg");
				opacity: 0;
			} 80% {
				background-image: url("../img/login/05.jpg");
				opacity: 0;
			} 82% {
				background-image: url("../img/login/05.jpg");
				opacity: 1;
			} 98% {
				background-image: url("../img/login/05.jpg");
				opacity: 1;
			} 99.99999% {
				background-image: url("../img/login/05.jpg");
				opacity: 0;
			}
	}
	.alke-login-form-container {
		background-color: rgba(255,255,255,.95);
		width: 300px;
		padding: 50px 0 40px 0;
		transform: translate(0, 0);
		position: relative;
		position: absolute;
		bottom: 30px;
		left: 68%;
		z-index: 10;}
}
@media (min-width: 1280px) {
	.alke-login-form-container {
		bottom: 30px;
		left: 73%;}
}
@media (min-width: 1360px) { .alke-login-form-container { left: 74%;}}
@media (min-width: 1440px) { .alke-login-form-container { left: 75%;}}
@media (min-width: 1600px) {
    .alke-logo img { width: 300px;}
    .alke-login-form-container { left: 78%;}
}
@media (min-width: 1920px) { .alke-login-form-container { left: 82.5%;}}*/
/* manca 2560 x 1440 | 3840 x 2160