html {
    height: 100%;
    overflow: hidden;
}

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

li{
    display: inline-block;
}

div.module{
    display: inline-block;
    width: 100%;
    /*font-size: 12px;*/
}


.nd {
    display: none;
}
#index-view-container {
    /*position: relative;*/
    height: 100%;
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/

    /*css temp*/
    /*overflow: auto;*/
}

div.index-view {
    height: 100%;
}
/*top*/
#top {
    position: absolute;
    top: 0;
    z-index: 790;
    min-width: 100%;
    height: 70px;
}

#top .con {
    position: relative;
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    padding: 0 12px 0 12px;
    text-align: left;
    white-space: nowrap;
}

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

#top .logo-ctn .icon-logo {
    margin-top: 13px;
}

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

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

#top .operation-ctn {
    /*display: inline-block;*/
    /*float: right;*/
    position: absolute;
    right: 12px;
    top: 0;
}
#top .operation-btn {
    display: inline-block;
    height: 30px;
}

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

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


/*menu*/
.menu-ctn {
    /*position: absolute;*/
    /*top:90px;*/
    /*bottom: 50px;*/
    height: 100%;
    width: 220px;
    /*overflow: auto;*/
}

.menu-ctn:before {
    position: absolute;
    z-index: -1;
    width: 210px;
    height: 100%;
    content: ' ';
}
#menu li.ml1 {
    width: 210px;
    display: inline-block;
}

#menu li.ml1 a {
    position: relative;
    z-index: 2;
    display: table;
    height: 36px;
    width: 100%;
    /* line-height: 50px; */
}

#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 {
    position: absolute;
	left: 20px;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform:translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #000000;
	border-radius: 50%;
	content: "";
}

#menu li.ml1 a span.icon-menu-arrow {
    float: right;
    margin-top: 3px;
    margin-right: 8px;
}
/*tag*/
.tab-ctn {
    /*position: absolute;*/
    /*left: 220px;*/
    /*top: 0;*/
    /*z-index: 100;*/
}

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

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

/*fixed-layer*/
#fixed-layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#fixed-layer>.con {
    position: relative;
    top: 0;
    width: 1200px;
    height: 100%;
    /*display: table;*/
    padding: 0 12px 0 12px;
    margin: 80px auto 0;
}
/*#fixed-layer .background-con {*/
    /*width: 1224px;*/
    /*margin: auto;*/
    /*height: 100%;*/
    /*padding: 90px 12px 0 12px;*/
    /*box-sizing: border-box;*/
    /*position: relative;*/
    /*border-top: 90px solid #ebebeb;*/
    /*border-bottom: 50px solid #ebebeb;*/
/*}*/
/*#fixed-layer .menu-bg {*/
    /*position: absolute;*/
    /*z-index: -1;*/
    /*height: 100%;*/
    /*width: 210px;*/
    /*border-bottom: 50px solid #ebebeb;*/
    /*box-sizing: border-box;*/
/*}*/

/*#fixed-layer .bg {*/
    /*position: absolute;*/
    /*z-index: -1;*/
    /*height: 100%;*/
    /*width: 980px;*/
    /*margin-left: 220px;*/
    /*border-bottom: 50px solid #ebebeb;*/
    /*box-sizing: border-box;*/
/*}*/
/*scroll-layer*/
#scroll-layer {
    position: relative;
    border-top: 80px solid transparent;
    height: 100%;
    box-sizing: border-box;
    min-width: 1224px;
    overflow-y: auto;
    overflow-x: hidden;
	/*background: url(../img/tp-beta-mark.png);*/
}
.scroll-area {
    min-height: 100%;
}
/*#scroll-layer .background-con {*/
    /*width: 1200px;*/
    /*margin: auto;*/
    /*padding: 0 12px 0 12px;*/
/*}*/
#scroll-layer  .menu-bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    height: 100%;
    width: 210px;
    border-bottom: 10px solid #ebebeb;
    box-sizing: border-box;
}
#scroll-layer .main-bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    height: 100%;
    width: 980px;
    margin-left: 220px;
    border-bottom: 10px solid #f6f6f6;
    box-sizing: border-box;
}
#menu-widget {
    /*display: inline-block;*/
    position: relative;
    float: left;
}
#scroll-layer .main-con{
    width: 1200px;
    margin: 0 auto;
    /*padding: 0 12px 0 12px;*/
    padding-bottom: 10px;
    min-height: 100%;
    box-sizing: border-box;
    /*min-height: 100%;*/
    overflow: hidden;
    position: relative;
}

#scroll-layer .main-scroll-adapter.tabs{
    padding-top: 70px;
}
#scroll-layer .main-scroll-adapter {
    position: relative;
    /*top: 0;*/
    /*display: inline-block;*/
    float: left;
    left: 220px;
    width: 980px;
    /*height: 100%;*/
    /*padding-bottom: 50px;*/
    /*box-sizing: border-box;*/
}
#scroll-layer .main-con.tabs .main-scroll-adapter {
    /*padding-bottom: 120px;*/
}
#main {
    /*width: 980px;*/
    /*height: 100%;*/
    padding: 20px 40px 0 40px;
    margin-bottom: 0;
    overflow: auto;
    box-sizing: border-box;
}

#main:after {
    padding-bottom: 20px;
    display: block;
    content: ' ';
}
/*bottom*/
.bot {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*z-index: 700;*/
    min-width: 100%;
    height: 40px;
    /*margin-top: -40px;*/
}

.bot .con {
    width: 1200px;
    margin: 0 auto;
    padding: 0 12px 0 12px;
}

#bot-support {
    float: right;
}

#bot-model {
    float: right;
    margin-right: 15px;
}
/*frame end*/
/*widget*/
/*checkbox*/
input.checkbox-checkbox,
input.radio-radio{
    display: none;
}
div.checkbox-container div.widget-fieldlabel-wrap,
div.radio-container div.widget-fieldlabel-wrap {
    line-height: 22px;
    padding: 2px 0 ;
}
label.checkbox-label span.icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    margin-top: -1px;
}
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;
}
div.checkbox-container.textbox-label div.checkbox-group-wrap-outer {
    width: 144px;
}
div.radio-group-container ul.radio-group-list-wrap li.radio-list label.radio-label,
div.checkbox-group-container ul.checkbox-group-list-wrap li.checkbox-list label.checkbox-label {
    height: 21px;
    line-height: 21px;
}
/* radio ******************************************************/
div.radio-group-container,
div.checkbox-group-container{
    /*height: auto;*/
}
label.radio-label span.icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    margin-top: -1px;
}
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;
}
/* autoMail **********/
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;
}
/* button ************************************************/
.editor-container .btn-container {
    margin-top: 30px;
}
span.button-button-before{
    display: none;
}
div.button-container.widget-container {
    margin-bottom: 0;
}
div.button-container a.button-button{
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    min-width: 100px;
    padding: 2px 3px;
}
div.inline-container div.button-container a.button-button,
div.button-container.file-button a.button-button {
    height: 26px;
}
div.button-container.btn-cancel div a.button-button,
div.button-container div.btn-msg-no a.button-button,
div.button-container.btn-submit div a.button-button,
div.button-container div.btn-msg-ok a.button-button{
    height: 36px; /*36 in design*/
    min-width: 110px; /*110 in design*/
    padding: 3px;
    line-height: 30px;
}
/*div.button-container a.button-button span.button-text{*/
    /*display: inline-block;*/
    /*height: auto;*/
/*}*/
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.status-btns div.button-container.status-btns-cancel {
    margin-right: -1px;
}
span.status-btns div.button-container.status-btns-cancel a.button-button:hover {
    z-index: 10;
}
div.button-container.icon-btn {
    display: inline-block;
    margin-left: 14px;
    text-indent: 0;
    background-image: none;
}
div.button-container.icon-btn a.button-button {
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    
    line-height: 20px;
    font-size: 14px;
    background-color: transparent;
}
div.button-container.icon-btn a.button-button:hover {
    background-color: transparent;
    border-color: transparent;
    opacity:0.8;
}
div.button-container.icon-btn  .button-button-before {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: top;
}
div.button-container.refresh-icon-btn  .button-button-before {
    background: url(../img/icons.png) no-repeat -2px -259px;
}
/*input*/
span.text-wrap span,
span.text-wrap input{
    height: 30px;
}

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

div.widget-container span.text-wrap input{
    height: 30px;
    padding: 1px 10px;
    line-height: 26px;
    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.searchbar-text div.widget-container span.text-wrap input {
    padding-right: 25px;
}
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;
}
/* width: label-280, input-200 */
div.width-label-280 div.widget-fieldlabel-wrap{
    width: 280px;
}
/* textfield, displayfield width-8px */
div.width-input-200 div.text-wrap input,    /*textfield*/
div.width-input-200 div.text-wrap span.text-wrap-display{   /*displayfield*/
    width: 192px;
}
/* combobox, width-21px */
div.width-input-200 div.combobox-wrap input.combobox-text, /*combobox*/
div.width-input-200 div.textbox-datepicker input,
div.width-input-200 input.combobox-text{
    width: 175px;
}
/* checkbox, width relays on column number*/
div.width-input-200 div.checkbox-column-4 li.checkbox-list{ /*checkbox*/
    width: 93px;
}
/* slider width-14px */

/* page management width: label-160, input-150 or 180 */
div.width-label-160 div.widget-fieldlabel-wrap{
    width: 160px;
}
div.width-input-150 div.text-wrap input,    /*textfield*/
div.width-input-150 div.text-wrap span.text-wrap-display{   /*displayfield*/
    width: 142px;
}
div.width-input-150 div.combobox-wrap input.combobox-text,  /*combobox*/
div.width-input-150 input.combobox-text{
    width: 129px;
}

/*widget base*/
div.module{
    display: inline-block;
    width: 100%;
    /*font-size: 12px;*/
}
div.widget-container{
    margin-bottom: 8px;
}
div.widget-container.invisible{
    visibility: hidden;
}
div.widget-container.form-container{
    margin-bottom: 0px;
}
.grid-tool-container div.widget-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;
}
div.widget-fieldlabel-wrap{
    width: 144px;
    padding-right: 12px;
    box-sizing: border-box;
}
.widget-container .text-wrap-display {
    /*padding: 1px 10px;*/
}
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.text-wrap,
div.widget-container span.combobox-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="text"],
div.widget-container div.widget-wrap input[type="password"]{
    display: block;
    width: 100%;
    height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

div.widget-container div.widget-wrap input[type="password"]::-ms-reveal {
    display: none;
}

/* combobox ***************************************************/
div.combobox-container div.combobox-wrap input.combobox-text{
    height: 26px;
    padding: 1px 25px 1px 10px;
    box-sizing: border-box;
}
input.combobox-text {
    width: 190px;
}
div.combobox-container div.combobox-wrap a.combobox-switch{
    position: absolute;
    top: 4px;
    right: 5px;
    display: inline-block;
    width: 19px;
    height: 14px;
    z-index: 10;
}

div.combobox-list-wrap{
    /*top: 31px;*/
    width: 100%;
}
li.combobox-list{
    width: 100%;
    box-sizing: border-box;
}

li.combobox-list label.combobox-label{
    /*height: 15px;*/
    padding: 2px 0 1px;
}
ul.combobox-list {
    padding-bottom: 3px;
}
/*multi combobox*/
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;
}
/* slider ***************************************************/
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;
}
/* file **********************************************************/
div.file-container div.file-wrap span.file-text{
    height: 26px;
    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: 12px;
}
div.file-button-container div.widget-fieldlabel-wrap {
    display: none;
}
div.file-button-container div.button-container{
    margin-bottom: 0;
}
/* progressbar*********************************************/
div.progressbar-container{
    margin-top: -22px;
}
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.widget-fieldlabel-wrap label,
div.progressbar-container div.widget-fieldlabel-wrap span,
div.progressbar-container div.progressbar-text span.progressbar-percentage{
    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;
}
/* fieldset *******************************************************/
div.widget-container.fieldset-container{
    margin-bottom: 0;
}
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: 0px;
    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.fieldset-container.show-mask {
    position: relative;
}
div.fieldset-container .fieldset-mask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    opacity: 0.3;
}
div.fieldset-container.show-mask .fieldset-mask {
    display: block;
}
/* unflexible */
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;
}

/* inner fieldset*/
div.widget-container.fieldset-container.visible.unflexible.fieldset-grid{
    width: 860px;
    padding: 10px 5px 5px;
    border: none;
    border-top: 1px solid #b5b8c8;
}
/*collaspae fieldset*/
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: -28px;
    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;
}
/*collaspae fieldset end*/
/* tooltip ********************************************************/

div.tooltip-container{
    display: inline-block;
    height: 22px;
    margin: 0 0 0 15px;
}
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;
}
div.tip-text-container{
    position: absolute;
    top: 16px;
    left: 32px;
    display: none;
    width: 200px;
    z-index: 1000;
}
div.tip-text-container div.tip-text-box{
    display: inline-block;
    max-width: 200px;
    padding: 12px 20px 14px;
}
div.tip-text-container p{
    width: 100%;
}
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-container.text-container .tooltip-container.widget-container div.text-wrap {
    border: 0;
    border-radius: 0;
}
.text-container div.tooltip-container {
    margin-left: 12px;
}
.text-container div.tooltip-icon-container span.tooltip-icon {
    margin-top: 5px;
}
/* error tips*************************************************************/
div.widget-error-tips{
    position: relative;
    display: inline-block;
    /*height: 22px;*/
}
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: inline-block;
    width: 15px;
    height: 15px;
    margin: 4px;
}
div.widget-error-tips div.widget-error-tips-wrap{
    position: absolute;
    display: none;
    padding: 5px 10px 5px 0px;
    z-index: 9999;
    width: 400px;
}
.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;
}
.no-error-tip div.widget-error-tips {
    display: none!important;
}
/* notice bar*******************************************************/
div.widget-container.notice-wrap{
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
div.widget-container.notice-bar-container{
    /*width: 100%;*/
    margin: 0 20px 20px;
    padding: 10px 30px 10px 10px;
}
div.notice-bar-container div.notice-text-wrap{
    display: inline-block;
}
div.notice-bar-container div.notice-buttons-wrap{
    float: right;
}

/* smb notice bar*******************************************************/
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-success,
div.smb-notice-bar-container span.icon-fail{
    display: inline-block;
    width: 33px;
    height: 33px;
}
div.smb-notice-bar-container.success span.icon-fail{
    display: none;
}
div.smb-notice-bar-container.fail span.icon-success{
    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;
}

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

div.grid-container div.panel-header{
    position: relative;
    padding: 0 0 10px 0;
}
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.panel-container{
    /*width: 918px;*/
    /*height: auto;*/
    /*padding: 0 20px;*/
    margin-bottom: 0;
}
div.panel-container.show-mask {
    position: relative;
}
div.panel-container .panel-mask {
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    opacity: 0.3;
}
div.panel-container.show-mask .panel-mask {
    display:block;
}
div.editor-container div.panel-container {
    margin-bottom: 0;
}
div.panel-short div.panel-container{
    display: inline-block;
    width: 450px;
}
div.panel-container div.panel-tbar-container,
div.panel-container div.panel-fbar-container{
    display: none;
    border: none;
}
div.panel-content{
    padding: 10px 0;
}
div.panel-content div.panel-content-container{
    padding: 10px 0px 0;
}
.btn-panel {
    position: relative;
}
div.panel-container .panel-btn-ctn {
    position: absolute;
    top: 0;
    right: 0;
}
div.panel-container .panel-btn-ctn div.widget-container{
    display: inline-block;
}
/**for half width panel**/
div.half-panel{
    display: inline-block;
    width: 450px;
    margin: 0 0 0 20px;
}
div.half-panel-device-info,
div.half-panel-wireless-sq,
div.half-panel-lan-info,
div.half-panel-wan-info{
    float: left;
}
div.half-panel-wireless-info,
div.half-panel-radio-info{
    float: right;
    margin: 0 22px 0 0;
}
div.half-panel-location,
div.half-panel-time,
div.half-panel-miscellaneous,
div.half-panel-ddns,
div.half-panel-snmp,
div.half-panel-rssi-led{
    margin: 0 0 0 15px;
}

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

div.half-panel-ping div.main-form,
div.half-panel-ddns div.main-form {
    height: 194px;
}
div.half-panel-web-server div.main-form,
div.half-panel-snmp div.main-form {
    height: 297px;
}
div.half-panel-ssh-server div.main-form,
div.half-panel-rssi-led div.main-form {
    height: 81px;
}
div.half-panel-device div.main-form,
div.half-panel-location div.main-form {
    height: 54px;
}
div.half-panel-user-account div.main-form,
div.half-panel-time div.main-form {
    height: 189px;
}
/* msg ********************************************************/
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 div.msg-wrap {
    min-width: 300px;
    max-width: 600px;
}
div.msg-container.global-alert div.msg-wrap,
div.msg-container.global-confirm div.msg-wrap {
    width: 370px;
}
div.msg-container.form-prompt-msg div.msg-content-container{
    padding: 15px 15px 15px 15px;
}

div.msg-container.editor-container div.msg-wrap {
    min-width: 650px;
    max-width: 1100px;
    padding: 0 0 15px;
}
div.msg-container.editor-container.detail-msg {
    max-width: 890px;
}
div.msg-container.global-alert  div.widget-content.msg-content-container,
div.msg-container.global-confirm  div.widget-content.msg-content-container {
    margin-top: 0px;
    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,
div.msg-container.global-confirm h3.msg-title{
    height: 36px;
}
div.msg-container h3.msg-title{
    font-size: 18px;
    padding: 8px 30px 8px 30px ;
    background-color: #4ACBD6;
    /*border-radius: 15px 15px 0 0;*/
}
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,
div.msg-container.global-confirm 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;
    /*float: right;*/
    width: 23px;
    height: 23px;
    margin: 8px;
}

div.msg-container.editor-container div.msg-content-container{
    padding: 30px 30px 15px 30px;
}
div.msg-container.editor-container div.msg-btn-container{
    padding: 15px 30px 15px 30px;
}
div.msg-container.editor-container.l div.msg-btn-container{
    padding: 15px 50px 15px 50px;
}
div.msg-container.editor-container.l div.msg-content-container{
    padding: 30px 50px 15px 50px;
}
div.msg-container.editor-container.l.collapsable-textbox-field div.msg-content-container{
    padding: 30px 50px 15px 30px;
}
div.msg-container div.msg-btn-container{
    padding: 10px;
}
div.msg-container.global-alert div.msg-btn-container,
div.msg-container.global-confirm div.msg-btn-container{
    padding: 37px 30px 20px 30px;
}
div.widget-content.msg-content-container{
    overflow-y: auto;
    overflow-x: hidden;
}
div.padding-progress-msg-50 div.widget-content.msg-content-container {
    padding: 13px 50px;
}
/*div.padding-msg-15 div.widget-content.msg-content-container {*/
    /*padding: 0 15px;*/
/*}*/
div.msg-container.width-msg-600 div.msg-wrap {
    width: 600px;
}
div.msg-container.widget-container.height-msg-580 {
    height: 580px;
}

/* datepicker********************************************/
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(../img/icons.png) no-repeat -36px -2px;
}
div.datepicker-widget:hover div.date-picker{
    background-position: -53px -2px;
}
/*mask , loading ***************************************************************/
div.mask{
    width: 100%;
    height: 100%;
    min-width: 1224px;
}
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;
    width: 180px;
    height: 130px;
    border-radius: 15px;
}
.loading-waiting-icon{
    width: 100px;
    height: 100px;
    margin: 15px auto;
}
div.loading-text {
    padding: 0 20px;
}
/**** first-loading ******/
.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;
}
/* Help */
/*div.help-container div.help-btn-container{*/
    /*position: absolute;*/
    /*right: 8px;*/
    /*top: 8px;*/
/*}*/
div.help-container div.help-btn-container a.btn-help{
    display: inline-block;
    width: 24px;
    height: 24px;
}
#help-msg {
    z-index: 791;/*higher than top*/
}
#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 dl.name,
#help-msg div.help-content div.ul{
    margin: 15px 0 4px 0;
}
#help-msg div.help-content div.ul dl{
    padding-left: 15px;
    margin-top: 15px;
}
#help-msg div.help-content h4{
    margin: 30px 0 10px 0;
}
#help-msg div.help-content div.step {
    margin-top: 30px;
}
#help-msg div.help-content div.content.h3 > div.step:first-child {
    margin-top: 0;
}
#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.editAll,
div.help-content span.edit {
    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.editAll:before,
div.help-content span.edit: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;
}
/* grid ***************************************************************************/
/*表格的样式未进行分类*/
th.grid-header-0, td.grid-content-td-0  {
    display: none;
}

div.grid-panel{
    width: 900px;
}
div.msg-content-container div.grid-panel{
    width: 561px;
}
div.grid-panel div.widget-container{
    /*height: auto;*/
}
/*bar*/
div.grid-tab div.grid-panel-tbar-container{
    margin-top: -34px;
}
div.display-table div.grid-panel-tbar-container {
    margin-top: -29px;
}
  div.grid-panel-tbar-container div.operation-container{
    height: 22px;
    display: inline-block;
    /*padding: 2px;*/
    padding-bottom: 12px;
}
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-panel-tbar-container div.operation-container a.operation-btn span.icon,
div.grid-conplex-search div.operation-container a.operation-btn span.icon{
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    vertical-align: top;
}
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-reauthenticate span.icon,
div.grid-panel-tbar-container div.operation-container a.operation-btn.btn-initialize 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;
}
/* search bar */
div.grid-panel-tbar-container div.search-bar-container{
    /*height: 22px;*/
    display: inline-block;
    float: left;
    /*padding-bottom: 14px;*/
}
div.grid-panel-tbar-container div.search-bar-container div.searchbar-text {
    display: inline-block;
}
div.grid-panel-tbar-container div.search-bar-container div.searchbar-column {
    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-text .text-wrap input,
div.search-bar-container div.searchbar-column .combobox-wrap input.combobox-text {
    height: 24px;
    line-height: 24px;
}
div.search-bar-container div.searchbar-column div.combobox-container div.combobox-wrap a.combobox-switch{
    top: 3px;
}
/*search bar with unit tab*/
div.widget-container.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;
}

/*complex searchbar*/
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-panel-tbar-container div.operation-container a.operation-btn.btn-search span.search-arrow,
div.grid-conplex-search div.operation-container a.operation-btn.btn-search span.search-arrow{
    display: inline-block;
    width: 13px;
    height: 6px;
    margin: 7px 0 7px 6px;
}

/* search bar end*/

/* edit*/
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{
    width: 88px;
    padding: 2px;
}
tr.editor-container div.button-button a.button-button{
    width: 88px;
    padding: 2px;
}
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;
}
.grid-content-td-settings-column .grid-btn-container {
    /*display: table;*/
    /*width: 100%;*/
}
a.grid-content-btn{
    /*display: table-cell;*/
}
a.grid-content-btn + a.grid-content-btn {
    margin-left: 34px; /*design*/
}
.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%;
}

td.grid-content-td-settings-column a.grid-content-btn span.text,
.grid-content-td-settings-column a.grid-content-btn span.text{
    display: none;
}
td.grid-content-td-settings-column a.grid-content-btn span.icon,
.grid-content-td-settings-column a.grid-content-btn span.icon,
td.grid-content-td-action-column a.grid-content-btn span.icon,
.grid-content-td-action-column a.grid-content-btn span.icon{
    display: inline-block;
    height: 18px;
    width: 18px;
    /*margin-right: 5px;*/
}
/* eidtor error */
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;
}

/*grid*/
div.grid-content-container{
    max-height: 320px;
    /*padding-bottom: 30px;*/
}
div.grid-container div.grid-header-container,
div.grid-container div.grid-tool-container,
div.grid-content-container-outer {
    padding: 0 0px 0 10px;
    position: relative;
    z-index: 0;
}

div.grid-container div.grid-content-container {
    width: 100%;
    /*padding-right: 19px;*/
    box-sizing: content-box;
}
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;
}
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,
.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{
    width: 100px;
}
.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,
.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{
    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-header-container tr.grid-header-tr th,
div.grid-tool-container td.grid-tool-td,
tr.editor-container td.grid-content-td,
tr.grid-content-tr td.grid-content-td{
    padding: 7px 6px 7px;
}
div.grid-tool-container td.grid-tool-td {
    padding: 0 6px 0;
    height: 30px;
}
tr.grid-content-tr {
    height: 32px;
}
/*tr.grid-content-tr td.grid-content-td{*/
    /*height: auto;*/
    /*padding: 8px 6px 7px;*/
/*}*/
tr td.grid-status-td {
    position: relative;
    padding: 7px 6px 6px 10px;
    height: 15px;
}
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 span.content{
    display: none;
}

/* paging */
div.grid-panel div.paging-container{
    margin: 14px 0 0 0;
}

div.grid-panel div.paging-container div.paging-wrap{
    width: 100%;
	overflow: hidden;
}

div.paging-wrap a{
    display: inline-block;
    /*padding: 2px 5px;*/
}

div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.text,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.text{
    display: none;
}
div.grid-panel div.paging-container a.paging-btn.pageing-btn-prev span.icon,
div.grid-panel div.paging-container a.paging-btn.pageing-btn-next span.icon{
    display: inline-block;
    height: 24px;
    width: 19px;
}
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: 14px;
}

div.grid-panel div.paging-container span.dots{
    display: none;
    margin: 0 6px 0 12px;
}
div.grid-panel div.paging-container span.dots.more{
    display: inline-block;
}
div.grid-panel div.paging-container div.paging-options{
    float: left;
    text-align: left;
}
div.grid-panel div.paging-container div.paging-btns{
    float: right;
    max-width: 500px;
}
div.grid-panel div.paging-container div.paging-select{
    padding-left: 30px;
}
div.grid-panel div.paging-container div.paging-select .widget-fieldlabel{
    font-size: 12px;
}
div.grid-panel div.paging-container div.paging-select div.combobox-container div.combobox-wrap input.combobox-text{
    border-radius: 0;
    height: 24px;
    width: 60px;
}
div.grid-panel div.paging-container div.paging-select div.combobox-container div.widget-wrap {
    width: 60px;
}
div.grid-panel div.paging-container div.paging-select div.combobox-container div.widget-fieldlabel-wrap {
    width: 100px;
}
div.grid-panel div.paging-container div.paging-select div.combobox-container div.combobox-wrap a.combobox-switch {
    top: 3px;
    left: 40px;
}

/* 更正原来框架的样式 */
div.widget-container div.widget-fieldlabel-wrap{
    margin-top: 0;
}
div.widget-container div.widget-wrap{
    padding: 0;
}
/* combined style*/
div.fieldset-container div.grid-panel{
    /*width: 860px;*/
}
div.widget-container.fieldset-container.fieldset-grid{

}
/** navigator*****************************************************/
div.navigator-container{
    width: 100%;
    margin: 0 auto;
}
div.navigator-container div.navigator-wrap-outer{
    display: block;
    /*width: 960px;*/
    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*************************************/
.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;
}
/*textbox&combobox error*********************************************/
/*     file error       *********************************************/
div.widget-container.text-container.error,
div.widget-container.combobox-container.error {
    /*padding-bottom: 15px;*/
}
div.widget-container.text-container.readOnly div.widget-tips{
    display: none;
}
div.widget-container.text-container.error .text-wrap-outer,
div.widget-container.combobox-container.error .combobox-wrap-outer,
div.widget-container.checkbox-group-container.error .checkbox-group-wrap-outer,
div.widget-container.error .file-wrap-outer.widget-wrap-outer
{
    position: relative;
}
div.widget-container.text-container div.widget-error-tips,
div.widget-container.combobox-container div.widget-error-tips,
div.widget-container.checkbox-group-container div.widget-error-tips
{
    position: absolute;
    left: 0;
    top: 26px
}
div.widget-container.text-container .widget-error-tips-delta,
div.widget-container.combobox-container .widget-error-tips-delta,
div.widget-container.checkbox-group-container  .widget-error-tips-delta
{
    display: none;
}

div.widget-container.text-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.checkbox-group-container.error div.widget-error-tips div.widget-error-tips-wrap
{
    position: static;
    display: block;
}
.grid-tool-container div.widget-container.text-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.checkbox-group-container.error div.widget-error-tips div.widget-error-tips-wrap
{
    display: none;
}
/** content *******************************************************/
div.content-wrap{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 20px;
}
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.search-btn div.container.widget-container#search-cancel {
    margin-right: 8px;
}
.width-widget-30p div.container.widget-container {
    margin-right: 0;
    width: 30%;
}
/* ordered style for pharos*******************************************************/
div.widget-container.width-widget-450 {
    width: 450px;
}
/* checkbox, width relays on column number*/
div.width-input-200 div.checkbox-column-4 li.checkbox-list{ /*checkbox*/
    width: 93px;
}

/* checkbox input-93 ***********************/
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;
}

/* textfield, displayfield width-8px */
div.text-container div.widget-wrap,
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-150 div.widget-wrap{
    width: 150px;
}
div.width-input-120 div.widget-wrap{
    width: 120px;
}
/* reset other width******************************************/

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

/*file button align*/
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;
}
/*file button align end*/

/* label align : left ***********************/
div.label-align-left div.widget-fieldlabel-wrap,
div.label-align-left.widget-fieldlabel-wrap{
    text-align: left;
}
/* label width ***********************/
div.widget-container.width-label-auto div.widget-fieldlabel-wrap{
    width: auto;
}
/*label的标准长度是144，梯度是40*/
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;
}


/* button ************************/
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;
}

/*scroll*************************************/
.vr-arrow-up-ctn,
.vr-arrow-down-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-up-ctn .icon-up {
    width: 8px;
    height: 7px;
}

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

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


/*port widget*/
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;
}
.port-20 div.ports-layout-container{
    padding: 0 34px;
}
div.ports-content-container div.select-all div.widget-fieldlabel-wrap {
    width: 0;
}
div.ports-content-container div.select-all {
    margin-right: 52px;
}

div.ports-widget-container div.ports-line.line-2{
	position: absolute;
	height: 0;
    top: 44px;
}
div.ports-widget-container div.ports-line div.port-interface{
    margin-bottom: 70px;
}
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,
.display-port div.ports-line div.port-interface.SFP{
    line-height: 20px;
}
div.ports-line1 div.port-interface.SFP {
    line-height: 42px;
}
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 {
    display: none;
}
div.ports-detail-info{
    /*position: absolute;*/
    left: 0;
    /*top: 30px;*/
    margin-top: 15px;
    z-index: 3;
    /*display: block;*/
    border: 1px solid #36444B;
    background: #f8f8f8;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
}
div.ports-detail-info.right-align{
    left: auto;
    right: 0;
}
/*div.port-interface:hover div.ports-detail-info{*/
    /*display: block;*/
/*}*/
.ports-widget-container{
    position: relative;
}
.ports-global-detail-info {
    display: none;
    position: absolute;
    z-index: 5;
}
/*div.port-interface:hover div.ports-detail-info:after,
div.port-interface:hover div.ports-detail-info:before{
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    left: 5px;
    border-bottom: 10px solid #f8f8f8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}*/
div.ports-detail-info:before{
    content: ' ';
    display: block;
    position: absolute;
    width: 14px;
    height: 9px;
    top: 7px;
    left: 4px;
    background: url(../img/icons.png) no-repeat -163px -246px;
}
.right-align div.ports-detail-info:before{
    left: auto;
    right: 4px;
}

div.ports-detail-info div{
    padding: 0 13px;
}
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;
}
/*port widget end*/
/*tab-container ************************/
div.widget-container.tab-container {
    text-align: center;
    margin-bottom: 6px;
}
div.widget-container.tab-container {
    text-align: center;
    margin-bottom: 6px;
}
/**/
div.text-container + div.tab-container {
    margin-top: 20px;
}
div.fieldset-content>:first-child.tab-container {
    margin-top: 12px;
}
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;
}
/*grid-tab*/
div.widget-container.tab-container.grid-tab ul.navigator-ul li.navigator-li span.sub-navigator-text {
    width: auto;
    /*min-width: 108px;*//*design*/
    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;
}
/*end*/
/*toolrow textbox and combobox*/

tr.tool-row div.combobox-container div.combobox-wrap {
    height: 32px;
}
tr.tool-row div.widget-container.text-container,
tr.tool-row div.widget-container.combobox-container {
    position: absolute;
    top: -1px;
    box-sizing: content-box;
    padding-left: 1px;
    width: 100%;
    left: 1px;
}
tr.tool-row div.combobox-container div.combobox-wrap input.combobox-text  {
    height: 32px;
}
tr.tool-row div.widget-container.text-container div.widget-wrap-outer,
tr.tool-row div.widget-container.combobox-container div.widget-wrap-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
tr.tool-row div.widget-container.text-container div.widget-wrap,
tr.tool-row div.widget-container.combobox-container div.widget-wrap {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    width: 100%;
}
tr.tool-row div.widget-container div.text-wrap {
    height: 32px;
    /*margin: -1px;*/
}
tr.tool-row div.widget-container.hover div.text-wrap,
tr.tool-row div.widget-container.focus div.text-wrap,
tr.tool-row div.combobox-container.hover div.combobox-wrap{
    z-index: 1;
}

tr.tool-row div.text-container.error div.text-wrap{
    z-index: 1;
}
tr.tool-row div.combobox-container div.combobox-wrap a.combobox-switch {
    top: 6px;
}
/*end*/
/*paragraph*/
div.widget-container.paragraph-container {
    margin-bottom: 15px;
}
div.widget-container.mb-0 {
    margin-bottom:0;
}
/*paragraph end*/
/*tlv-columns style*/
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: 18px;
}
td.grid-content-td.tlv-column div.content span{
    display: inline-block;
    width: 29px;
    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;
}
/*tlv-columns end*/

/*display table style*/


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.no-margin-top{
    margin-top: 0px;
}
div.display-table-ctn{
    margin-top: 30px;
}
div.display-table-ctn.no-margin-top{
    margin-top: 0px;
}
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.title{
	border-right: 1px solid #DCDDDE;
}
#detailInterfaceMsg div.display-table-ctn.no-title div.displaylabel-container{
	border-left: 1px solid #DCDDDE;
}

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

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

div.display-table-ctn.no-title div.displaylabel-container div.widget-fieldlabel-wrap {
    max-width: 250px;
}
div.display-table-ctn.no-title.single-col div.displaylabel-container div.widget-fieldlabel-wrap {
    max-width: none;
    width: 430px;
}
/*设置最大宽度自动换行*/
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;
}

/*display table end*/

/*ping*/
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;
}
/*ping end*/

/*lldp med neighbor info style*/
#med-neighbor-detail-msg #detail-panel{
    max-height: 500px;
}
/*lldp med neighbor info style end*/
/*system summary style*/
#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;
}
/*system summary style end*/
/*lldp-med port-config style*/
div.detail-msg div.msg-wrap{
    max-width: 890px;
}
div.detail-msg div.msg-content-container{ 
    /*padding: 44px 50px 6px 50px;*/
}
div.detail-msg.close-btn div.msg-content-container{ 
    padding: 20px 30px 25px 30px;
}
div.msg-container.detail-msg div.msg-btn-wrap{
    /*padding-right: 50px;*/
}
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.text-container,
#med-port-config-location-param div.combobox-container,
#med-port-config-location-param div.paragraph-container,
#med-port-config-location-param div.notes-ctn{
    margin-left: 25px;
    /*margin-right: 65px;*/
    /*display: inline-block;*/
}
/*#med-port-config-location-param{*/
    /*width: 890px;*/
/*}*/
#port-config-emergency-en div.widget-tips {
	margin-left: -34px;
}
#med-port-config-detail-fieldset{
    height: 560px;
}
/*#emergency-fieldset,
#param-fieldset{
    height: 309px;
}*/
/*#med-port-config-location-param #port-config-emergency-en {
    margin:8px 0 0;
}*/
/*#med-port-config-location-param #port-config-emergency-en li.radio-list{
    padding-right: 0;
}*/
/*#med-port-config-location-param #port-config-emergency-num.text-container{
    margin-left: 0;
}*/
/*lldp-med port-config style end*/

/*nav-link style (system-system info ->system summary)*/
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;
}
/*nav-link end*/

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

/*tips top style(system->system info ->daylight saving time)*/
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.displaylabel-container div.text-wrap {
	display: block;
}
/*special for inline radion with tips-top container*/
div.tips-top div.radio-group-container div.widget-wrap-outer{
    margin-top:0;
}
/*tips-top end*/
/*mixin style*/
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;
}
/*mixin style end*/
/*notes************************************/
.notes-ctn {
    padding: 10px 0 10px 0;
}
.notes-ul {
    margin-top: 2px;
}
ul.notes-ul li{
    display: block;
}
/*end*/
/*widget end*/

#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: 0px;
}

.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;
}

/*reboot msg*/
div.msg-container.global-progress {
    width: 440px;
}
.global-progress div.msg-content-wrap, #save-msg div.msg-content-wrap{
    padding: 30px 20px;
}
.global-progress div.msg-content-wrap .msg-title,
#save-msg div.msg-content-wrap .msg-title {
    display: none;
}
.global-progress div.progressbar-container, #save-msg div.progressbar-container{
    margin-top: 0;
}
.global-progress div.progressbar-container div.progressbar-text, #save-msg 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 0 4px;
}
.global-progress .title,
.global-progress .title div.widget-fieldlabel-wrap,
.global-progress .hint{
    width: auto;
    text-align: center;
    font-size: 20px;
}
/*reboot msg end*/

/* acl config */
.has-left-btn.grid-container .operation-container {
    width: 900px;
}
.has-left-btn.grid-container .operation-container .btn-resequence {
    float: left;
}
/* acl config end */
/*reboot schedule*/
div.width-label-179 div.widget-fieldlabel-wrap {
	width: 179px;
}
/*reboot schedule end*/
/*button back*/
.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;
}
/*button back end*/
/*widget bubble*/
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;
}
/*widget bubble end*/

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

.mb-10 {
    margin-bottom: 10px;
    overflow: hidden;
}
/*** grid-range-search ***/
div.grid-range-search div[widget] {
    display: inline-block;
}
div.grid-range-search div[widget] div.widget-fieldlabel-wrap {
    width: auto;
}

.grid-range-search .search-title div.widget-fieldlabel-wrap {
    padding-right: 14px;
}
div.text-container.search-from div.widget-wrap,
div.text-container.search-to div.widget-wrap{
    width: 50px;
}
div.search-from div.widget-fieldlabel-wrap,
div.search-to div.widget-fieldlabel-wrap {
    padding-right: 4px;
}
div.search-to div.widget-fieldlabel-wrap {
    margin-left: 4px;
}
div.widget-container.search-from div.widget-wrap input[type="text"],
div.widget-container.search-to div.widget-wrap input[type="text"]{
    height: 20px;
    line-height: 20px;
    padding-right: 3px;
}
div.grid-range-search div.button-container.search-btn  a.button-button{
    min-width: 70px;
    height: 20px;
    padding: 0 3px;
    margin-left: 16px;
}
div.grid-range-search div.button-container.search-btn .widget-fieldlabel-wrap {
    display: none;
}
div.grid-range-search div.button-container.search-btn a.button-button span.button-text {
    line-height: 19px;
}
/*** grid-range-search end***/

/*wrap checkbox*/
div.width-widget-450.wrap-checkbox label.checkbox-label span.text{
    max-width: 420px;
}
div.wrap-checkbox label.checkbox-label span.icon{
    vertical-align: top;
    margin-top: 3px;
}
div.wrap-checkbox label.checkbox-label span.text{
    display: inline-block;
    vertical-align: top;
}
/*wrap checkbox end*/
/*poe recover*/
div.msg-container.global-confirm.global-note-confirm div.msg-wrap {
    width: 700px;
}

div.msg-container.global-confirm.global-note-confirm div.widget-content.msg-content-container {
    text-align: left;
}
div.msg-container.global-confirm.global-note-confirm div.msg-btn-wrap {
    text-align: right;
}
.note-confirm-title {
    font-weight: bold;
}
.note-confirm-msg {
    margin-top: 20px;
}
div.msg-container.global-confirm div.widget-content.msg-content-container .note-confirm-msg{
    font-size: 14px;
}
/*poe recover end*/


/* atomic css */
.mt-20 {
    margin-top: 20px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-0 {
    margin-top: 0px !important;
}

.w-230 {
    width: 230px;
}
/* atomic css end*/