body {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif,"微软雅黑",SimSun;
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

em {
    color: #ff0000;
    font: normal 12px Wingdings;
}

em.comment{
    color:blue;
}

body {
    /*-webkit-user-select: none;*/
    -webkit-text-size-adjust: none;
}

img {
    border: 0px;
}

a {
    text-decoration: none;
    outline: none;
}

/*select{border:1px #d3d3d3 solid;line-height:15px;color:#333333; font: normal 12px verdana;}*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.none { /* 隐藏非flex布局的元素，隐藏后不占位 */
    display: none;
}

.hidden { /* 隐藏flex布局的元素，隐藏后占位 */
    visibility: hidden;
}

#frameLoading {
    left: 42%;
    top: 30%;
    position: absolute;
}

    #frameLoading img {
    }

    #frameLoading span {
        font-size: 20px;
        display: block;
        height: 42px;
        line-height: 42px;
        float: left;
        text-align: center;
        width: 100%;
    }

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}
    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }

.ui-layout-pane,
.ui-layout-content {
    background: none;
    border: 0;
    padding: 0;
    overflow: visible;
}
/* use !important to override UI theme styles */
.grey {
    background: #999 !important;
}

.outline { /*border:		1px dashed #F00 !important;*/
}

.grid-canvas .selected {
    background: #0099cd;
    color: whitesmoke;
}

.mobileonly {
    display: none;
}

.ui-tabs {
    padding: 0;
}
    .ui-tabs .ui-tabs-panel {
        padding: 0;
    }

    .ui-tabs .ui-tabs-hide { /*fixed gmap display partially grey when showing*/
        position: absolute !important;
        left: -10000px !important;
        display: block !important;
    }

.ui-layout-pane,
.ui-layout-content {
    background: none;
    border: 0;
    padding: 0;
    overflow: visible;
}

.ui-dialog .ui-dialog-content {
    overflow-x: hidden;
    padding: 3px 0 0 0;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
    padding: 0 1em;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

.add-padding {
    padding: 10px !important;
}

.no-padding {
    padding: 0 !important;
}

.add-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
}

.no-scrollbar {
    overflow: hidden;
}

.allow-overflow {
    overflow: visible;
}

.full-height {
    height: 100%;
}

.combo {
    display: block;
    display: flex;
    overflow: hidden;
    /*height: 20px;*/
    line-height: 20px;
    vertical-align: middle;
    border: 1px solid #D3D3D3;
    white-space: nowrap;
    cursor: pointer;
}

    .combo.disable {
        border: 0px;
        border-bottom: #aaa solid 1px;
    }

    .combo .combo-text {
        vertical-align: baseline;
        white-space: nowrap;
        border: 0px;
        height: 20px;
        cursor: pointer;
        padding-left:2px;
    }

    .combo.disable{
        border: 1px solid #ddd;
    }

    .combo .combo-arrow {
        background: transparent url(/images/combo_arrow.png) no-repeat 0 5px;
        background-size: 16px 16px;
        background-position: center;
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: top;
        cursor: pointer;
        float: right;
    }

    .combo.disable .combo-arrow {
        display: none;
    }

    .combo .combo-arrow:hover {
        background-color: rgb(218, 238, 245);
    }

    .combo .DropdownMenuBackground {
        display: none;
        position: absolute;
        height: 240px;
        min-width: 150px;
        background-color: white;
        border: 1px solid;
        width: 200px;
        overflow: hidden;
        z-index: 102;
    }

        .combo .DropdownMenuBackground .combosearchbar {
            border-bottom: 1px solid #ccc;
            /*width: 200px;*/
            display: flex;

        }

            .combo .DropdownMenuBackground .combosearchbar .text {
                flex: 1;
                border-radius: 0;
                display: block;
                height: 26px;
            }

                .combo .DropdownMenuBackground .combosearchbar .text input,.dynamicform .combo .DropdownMenuBackground .combosearchbar .text input {
                    border: 0;
                    outline: none;
                    height: 26px;
                    line-height: 26px;
                    padding-left: 5px;
                    width: 100%;
                    box-shadow:none;
                }
            .combo .DropdownMenuBackground .combosearchbar .searchbutton {
                display: block;
                height: 26px;
            }
                .combo .DropdownMenuBackground .combosearchbar .searchbutton input, .dynamicform .combo .DropdownMenuBackground .combosearchbar .searchbutton input {
                    height: 26px;
                    line-height: 26px;
                    padding: 0 5px;
                    box-sizing: border-box;
                    border-radius: 0;
                    border: 0;
                    border-left: solid 1px #ddd;
                    cursor: pointer;
                }
                .combo .DropdownMenuBackground .combocontent {
            height: 214px;
            overflow-y: auto;
            overflow-x: auto;
        }

.ui-menu-item {
    border: 1px solid transparent;
}

.custom-iconbutton{
    display:inline-block;height:18px;width:18px;
}

.custom-icon-pointer {
    background: url(/images/drawing.png) no-repeat 0px -193px !important;
}

.custom-icon-ruler {
    background: url(/images/icons.png) no-repeat -20px -26px !important;
}

.custom-icon-zoom {
    background: url(/images/icons.png) no-repeat -388px -104px !important;
}

.custom-icon-search {
    background: #fff url(/images/search_pic.gif) no-repeat 1px 2px;
}

.custom-icon-marker {
    background: url(/images/icons.png) no-repeat -66px -182px !important;
}

.custom-icon-summary {
    background: url(/images/icons.png) no-repeat -21px -209px !important;
}

.custom-icon-onoff {
    background: url(/images/icons.png) no-repeat -20px -338px !important;
}

.custom-icon-offon {
    background: url(/images/icons.png) no-repeat -66px -338px !important;
}

.custom-icon-user {
    background: url(/images/icons.png) no-repeat -296px 0px !important;
}

.custom-icon-fault {
    background: url(/images/icons.png) no-repeat -435px -104px !important;
}

.custom-icon-repair {
    background: url(/images/icons.png) no-repeat -250px -208px !important;
}

.custom-icon-layer {
    background: url(/images/icons.png) no-repeat -342px -467px !important;
}

.custom-icon-property {
    background: url(/images/icons.png) no-repeat -159px -415px !important;
}

.custom-icon-reddots {
    background: url(/images/icons.png) 0px -390px !important;
}

.custom-icon-filter {
    background: url(/images/icons.png) -158px -127px !important;
}

.custom-icon-new {
    background: url(/images/icons.png) -110px -259px !important;
}

.custom-icon-copy {
    background: url(/images/icons.png) -114px -52px !important;
}

.custom-icon-edit {
    background: url(/images/icons.png) -342px -26px !important;
}

.custom-icon-delete {
    background: url(/images/icons.png) -21px -259px !important;
}

.custom-icon-view {
    background: url(/images/icons.png) -430px -179px !important;
}

.custom-icon-find {
    background: url(/images/icons.png) -386px -102px !important;
}

.custom-icon-item {
    background: url(/images/icons.png) -114px -52px !important;
}

.custom-icon-report {
    background: url(/images/icons.png) -158px -49px !important;
}

.custom-icon-datetime {
    background: url(/images/icons.png) -250px -49px !important;
}

.custom-icon-lookup {
    background: url(/images/icons.png) -387px -100px !important;
}

.custom-icon-print {
    background: url(/images/icons.png) -65px -153px !important;
}

.custom-icon-enable {
    background: url(/images/icons.png) -156px -153px !important;
}

.custom-icon-disable {
    background: url(/images/icons.png) -112px -153px !important;
}

.custom-icon-confirm {
    background: url(/images/icons.png) -65px -257px !important;
}

.custom-icon-cancel {
    background: url(/images/icons.png) -157px -257px !important;
}

.custom-icon-upward {
    background: url(/images/icons.png) -340px -259px !important;
}

.custom-icon-downward {
    background: url(/images/icons.png) -295px -259px !important;
}

.custom-icon-transform {
    background: url(/images/icons.png) -341px -282px !important;
}

.custom-icon-reset {
    background: url(/images/icons.png) -341px -311px !important;
}

.custom-icon-warning {
    background: url(/images/icons.png) -434px -103px no-repeat;
}

.custom-icon-greenflag {
    background: url(/images/icons.png) -66px -182px;
}

.custom-icon-rightdown {
    background: url(/images/icons.png) -90px -342px !important;
}

.custom-icon-thumbnail {
    background: url(/images/icons.png) -250px -464px !important;
}

.custom-icon-detaillist {
    background: url(/images/icons.png) -340px -464px !important;
}

INPUT.hasDatepicker {
    background: white url(/images/datetimepicker.png) right center no-repeat;
}

.slick-grid *,.listgrid * {
    /*font-size: 12px;*/
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.uploadifive-queue {
    display: none;
}

#fulltextsearch {
    width:230px;
    height:25px;
    margin-right: 4px;
}

#mainCondition .w2ui-button {
    border: 0;
    background: #fff;
    cursor: pointer;
    font-weight: normal;
}

    #mainCondition .w2ui-button.over {
        border: 0;
        background: #fafafa;
    }

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        /* support: IE10, see #8844 */
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
    .ui-menu .ui-menu-item a.ui-state-focus,
    .ui-menu .ui-menu-item a.ui-state-active {
        font-weight: normal;
        margin: -1px;
    }

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

    .ui-menu .ui-state-disabled a {
        cursor: default;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-checkboxradio-radio-label, .ui-checkboxradio-label {
    padding: 3px 10px;
}

    .ui-checkboxradio-radio-label .ui-checkboxradio-icon, .ui-checkboxradio-label .ui-checkboxradio-icon {
        display: none;
    }

#MapDialog .evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
    float: none;
}

.loading-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1000001;
    position: fixed;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .loading-mask .loading-box {
        position: absolute;
        top: 50%;
        left: 50%;
        background: rgba(0, 0, 0, 0.6);
        width: 220px;
        border-radius: 12px;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -moz-transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 25%;
        box-shadow: 0px 1px 10px 2px;
    }

        .loading-mask .loading-box .loader-inner {
            width: 120px;
            margin:auto;
            opacity: 0.8;
        }

        .loading-mask .loading-box .ball-spin-fade-loader {
            margin: 20px 0 0 -20px;
            height: 50px;
            width: auto;
        }

            .loading-mask .loading-box .text {
                color: var(--primary-text-color);
                font-size: var(--font-l-size);
                text-align: center;
                margin-top: 20px;
                opacity: 0.8;
            }

        .loading-mask .loading-box button.cancle {
            display: none;
            background-color: #fd4b4b;
            color: white;
            width: 95px;
            height: 40px;
            margin: 20px 5px 0 5px;
            border-radius: 6px;
            border: 0;
            font-size: 16px;
        }