input[type=file] {
    display: none;
}

input {
    outline: none;
}

.text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*手机端无滚动条*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgb(203, 203, 203);
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 0.25rem rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 0.25rem rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0.25rem rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.3);
}

@media screen and (max-width: 640px) {
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}
/*顶部筛选*/

#topSearchForm {
    color: #fff;
    margin-bottom: 5px;
}

    #topSearchForm .form-control {
        width: 180px;
        float: left;
        margin: 0 2px;
        padding: 0;
        height: 36px;
        line-height: 36px;
        text-indent: 8px;
    }

@media (max-width:320px) {
    #topSearchForm .form-control, #topSearchForm .input-group {
        margin-bottom: 5px;
    }
}

#topSearchForm .form-control.sm {
    width: 100px;
}

#topSearchForm .input-group {
    float: left;
}

#topSearchForm .input-daterange {
    margin: 0 2px;
}

@media (max-width:320px) {
    #topSearchForm .input-daterange {
        margin-bottom: 5px;
    }
}

#topSearchForm .input-daterange input {
    margin: 0;
}

#topSearchForm .btn {
    float: left;
    padding: 0 15px;
    margin: 0 2px;
    line-height: 36px;
}

#topSearchForm:after {
    content: "\20";
    display: block;
    clear: both;
}



/*分布视图*/
.mainpanel {
}

    .mainpanel > .pageheader {
        height: 70px;
    }

    .mainpanel > .contentpanel {
        height: calc(100vh - 50px - 70px - 32px);
        /*overflow: auto;*/
    }

body > section > .mainpanel > .copyfooter {
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
    font-size: 12px;
    padding: 0 15px;
}

    body > section > .mainpanel > .copyfooter p {
        float: left;
        margin: 0;
        padding: 0;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

        body > section > .mainpanel > .copyfooter p.sysName {
            width: 40%;
        }

        body > section > .mainpanel > .copyfooter p.by {
            text-align: right;
            width: 60%;
        }

body > section .leftpanel .leftpanelinner {
    height: calc(100vh - 50px);
    overflow: auto;
}