#page-wrapper .input-group .form-control, #page-wrapper .input-group .input-group-addon, #page-wrapper .editable-container .form-control {
    background-color: inherit !important;
}

#page-wrapper .form-control, #page-wrapper .input-group-addon {
    background-color: inherit !important;
}

#topbar .topbar-main {
    position: relative;
    z-index: -1;
}

#topbar .topbar-main ul.navbar {
    position: absolute;
    right: 0;
}

img.preview {
    cursor: -webkit-zoom-in;
}

td img.preview {
    max-height: 17px;
}

.modal::-webkit-scrollbar, .modal-body::-webkit-scrollbar {
    display: none;
}

.modal-body {
    /*max-height: 500px;*/
    max-height: 82vh;
    overflow: auto;
    overflow-x: hidden;
}

.modal-body .preview {
    display: none;
    width: 100%;
    margin-top: 5px
}

#showImg {
    position: fixed;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    cursor: -webkit-zoom-out;
    display: none;
}

#showImg > div {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#showImg img {
    max-width: 100%;
    max-height: 100%;
    border: 5px solid #fff;
}

#page-wrapper .btn-group.bootstrap-select.form-control.input-sm {
    margin-bottom: 4px;
    position: relative;
}

#page-wrapper .bootstrap-select.btn-group .dropdown-menu {
    position: relative;
    top: 0;
}

.plr5 {
    padding: 0 5px;
    margin-bottom: 8px;
}

.search_header {
    margin-left: -5px;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer !important;
}

#list-color {
    margin-left: 0 !important;
}

#list-color li {
    margin: 0 3px !important;
}

.layui-canvs {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.bg-none {
    background: none !important;
}

th > a, td > a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    /*max-width: 130px;*/
    max-width: 200px;
    vertical-align: inherit;
}

a.look_lt, a.look_lt:hover, a.look_lg, a.look_lg:hover {
    border: none !important;
}

td > a.editable-pre-wrapped {
    white-space: nowrap;
}

.form-group input::-webkit-input-placeholder {
    color: #9a9a9a;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: #d0d0d0;
}

table th, table td {
    text-align: center !important;
    vertical-align: inherit !important;
}

.editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: 1px solid #0088cc;
    font-style: inherit;
}

.editableform textarea.form-control {
    width: 200px !important;
    height: 70px;
    cursor: text;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #658fc1;
    border: 1px solid #5480b5;
}

.ms-container {
    width: auto;
}

.ms-container .ms-list {
    height: 450px;
}

.m0 {
    margin: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.h-22 {
    height: 22px !important;
}

.width_full {
    width: 100% !important;
}

.table_list th {
    min-width: 26px;
}

.table_list th.serial {
    min-width: inherit;
}

.table_list th.mw60 {
    min-width: 60px;
}

.table_list th.mw100 {
    min-width: 100px;
}

.table_list .table_info table {
    margin: 0px !important;
}

.table-responsive .dataTables_paginate .pagination {
    width: 100%;
    overflow: auto;
    margin: 0px;
}

.dataTables_wrapper .dataTables_filter {
    margin: 0px;
}

.navbar-static-side ul li .nav-second-level li .nav-third-level li .nav-four-level li a {
    padding: 15px 15px 15px 40px;
    color: #efefef;
}

.navbar-static-side ul li .nav-second-level li .nav-third-level li .nav-four-level li.active a,
.navbar-static-side ul li .nav-second-level li .nav-third-level li .nav-four-level li:hover a,
.navbar-static-side ul li .nav-second-level li .nav-third-level li .nav-four-level li:focus a {
    color: #d94e37;
}

#topbar .navbar-header #logo {
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bootstrap-select > button > span > span {
    padding: 0 !important;
}

.float-right .dropdown-menu {
    float: right;
}

.chart {
    text-align: center;
    min-height: 400px;
}

/*.page-content {
    min-height: calc(100vh - 100px);
}*/

@media (min-width: 768px) {
    .portlet.box > .portlet-header {
        padding: 10px 15px 7px;
    }

    .table_list {
        margin: 5px 0 10px;
        max-height: 800px;
    }

    .hidden-sm {
        display: none;
    }

    .page-content {
        min-height: 1000px;
    }

    /*.table-responsive {
        overflow: unset;
        border: none;
        margin: 0;
    }*/

    .table_list {
        overflow: auto;
        border: 1px solid #ddd;
    }

    .float-right-sm .dropdown-menu {
        float: right;
    }

    @media (min-height: 768px) {
        .modal-body {
            /*max-height: 750px;*/
        }
    }

    @media (max-height: 768px) {
        .table_list {
            max-height: 500px;
        }
    }
}

@media (max-width: 768px) {
    #sidebar {
        min-height: unset !important;
    }

    .page-content {
        padding: 15px 15px 0 15px;
    }

    td > a {
        max-width: unset;
        line-height: 1.3;
        vertical-align: middle;
    }

    .modal-wide-width {
        width: auto;
    }

    .table-responsive {
        overflow: unset;
        border: none;
        margin: 0;
    }

    .table-responsive .dataTables_paginate {
        padding-left: 10px;
        padding-right: 7px;
    }

    td img.preview {
        max-height: 22px;
    }

    .portlet.box > .portlet-header {
        padding: 10px 5px 7px;
    }

    #flip-scroll table th, #flip-scroll table td {
        font-size: 14px;
        border: 1px solid #dddddd;
        min-height: 0;
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
    }

    #flip-scroll table th {
        min-width: max-content;
        padding: 0 16px 0 5px;
        text-align: right !important;
    }

    #flip-scroll tbody {
        position: unset;
        overflow-y: hidden;
    }

    .col-sm-12, .col-xs-12{
        padding-right: 5px;
        padding-left: 5px;
    }

    .ms-container .ms-list {
        height: 310px;
    }

    #topbar .navbar-header #logo {
        padding-left: 10px;
    }

    .float-right-xs .dropdown-menu {
        float: right;
    }
}

/* 分页列表 */
.data_list .pagination {
    margin: 0;
}

#data_list th {
    cursor: pointer;
    min-width: 60px;
    background-color: #efefef !important;
}

#data_list td span {
    text-align: left !important;
    padding: 0 !important;
    width: auto;
}

#data_list .sorting {
    background: url(../../vendor/DataTables/media/images/sort_both.png) no-repeat center right;
}
#data_list .sorting_asc {
    background: url(../../vendor/DataTables/media/images/sort_asc.png) no-repeat center right;
}
#data_list .sorting_desc {
    background: url(../../vendor/DataTables/media/images/sort_desc.png) no-repeat center right;
}

@media(min-width: 768px) {
    .data_list .portlet.box > .portlet-header {
        padding: 15px 10px 5px;
    }

    .data_list .table-responsive {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        max-height: 850px;
        margin-bottom: 15px;
    }

    #data_list {
        min-width: 100%;
        margin: 0;
        width: max-content;
    }

    #data_list td {
        border: 1px solid #dad7d7;
        padding: 8px 10px;
        white-space: nowrap;
    }

    table td a.label {
        font-size: 14px;
    }

    #data_list tr.branch td:first-child {
        text-align: left !important;
        padding-left: 2px !important;
    }

    @media(max-height: 768px) {
        .data_list #flip-scroll {
            max-height: 550px;
        }
    }
}

@media(max-width: 768px) {
    .data_list .portlet.box > .portlet-header {
        padding: 10px 0 0;
    }

    .data_list #flip-scroll table th {
        /*padding-right: 5px;*/
    }

    .data_list .table-responsive {
        overflow-x: auto;
    }

    #data_list {
        position: unset;
    }

    #data_list th, #data_list td {
        padding: 0 5px;
    }

    #data_list tbody > tr {
        margin-right: -5px;
    }

    .data_list .pagination {
        width: max-content;
        margin: 10px 0 0;
    }
}

/* 表单验证 */

#page-wrapper .form-validate .input-radio {
    padding-left: 0;
    border: none;
}

#page-wrapper .form-validate .input-radio label.error {
    min-width: max-content;
    position: absolute;
    top: 22px;
}

#page-wrapper .form-validate .input-radio em {
    width: max-content;
    position: absolute;
    top: 22px;
}

#page-wrapper .form-validate .state-error em {
    width: max-content;
}

#page-wrapper .form-validate .iradio_flat-blue em,
#page-wrapper .form-validate .ichabox_flat-blue em {
    margin-top: 24px;
}

.miw_80 {
    min-width: 80px !important;
}

.miw_110 {
    min-width: 110px !important;
}

/* 弹窗 */

.multiple .list-unstyled {
    border: 1px solid #e5e5e5;
    padding: 16px 24px;
}

.multiple .ms-container .ms-list {
    height: 240px;
}

.multiple .form-control label {
    width: 40px;
}

.multiple .modal-body  {
    padding-top: 0;
}

.multiple .title {
    text-align: center;
    padding: 16px 0;
}

.multiple .title p {
    display: inline-block;
    min-width: 90px;
    padding: 1px 8px;
    padding-left: 20px;
    position: relative;
    margin: 0 -2px;
    border: 2px solid #cccccc;
    border-left: 0;
    border-right: 0;
    z-index: 3;
    font-size: 12px;
}

.multiple .title p.first {
    border-left: 2px solid #cccccc;
    padding-left: 12px;
}

.multiple .title p:before {
    content: '';
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-left-color: #cccccc;
    position: absolute;
    left: 100%;
    margin-top: -3px;
}

.multiple .title p:after {
    content: '';
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-left-color: #FFFFFF;
    position: absolute;
    left: 100%;
}

.multiple .title p.current {
    background: green;
    color: #ffffff;
    z-index: 1;
}

.multiple .title p.current::after {
    border-left-color: green;
}

.multiple .text-with-hr {
    text-align: center;
    position: relative;
    z-index: 2;
}

/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.multiple.text-with-hr:before {
    position: absolute;
    content: '';
    top: 10px;
    left: 12%;
    width: 76%;
    border-bottom: 1px solid #eeeeee;
    z-index: -1;
}

.text-with-hr span {
    display: inline-block;
    background: #ffffff;
    padding: 0 10px;
}

.ms-container .ms-selectable li.active, .ms-container .ms-selection li.active {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: green;
}

.note {
    word-wrap: break-word;
}

.note .preview {
    max-width: 25px;
    height: 16px;
    margin: 0;
    vertical-align: text-top;
    border: 1px solid #bbbbbb;
    display: inline-block;
}