/* ****************************************************************************
// * 授权声明 *
// ****************************************************************************
// 本软件是承云网络（ChangeYun）自主知识产权的商业开发框架。
// 在您获得著作权所有人的书面授权后，您才可以在您的计算机上保留该软件的副本、
// 或者使用它构建您自己的应用系统。
// 否则，请立即删除本软件及其任何形式的副本，更不得将基于它构建的系统发布使用。
//
// 已获得授权的开发者和他的最终用户，只能在『授权书指定的项目和有效期』限定下
// 使用该模板；任何形式的拆分、逆向或者底层复用都被视为侵权行为。
//
// 对于侵权行为，我们将保留对您和您的最终用户追究法律责任、追讨赔偿的权利！
// ****************************************************************************
// 询: support@changeyun.com
// QQ: 9812152
// ***************************************************************************/

body {
    animation-name: fadeIn;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hidden {
    display: none !important;
}

.sidebar {
    height: calc(100vh - (5rem + 1px));
    overflow: hidden;
}

.fa.aspNetDisabled,
.fas.aspNetDisabled,
.far.aspNetDisabled,
.fal.aspNetDisabled,
.fad.aspNetDisabled,
.fab.aspNetDisabled,
.glyphicon.aspNetDisabled,
.ion.aspNetDisabled {
    color: #adb5bd !important;
}

    .fa.aspNetDisabled:hover,
    .fas.aspNetDisabled:hover,
    .far.aspNetDisabled:hover,
    .fal.aspNetDisabled:hover,
    .fad.aspNetDisabled:hover,
    .fab.aspNetDisabled:hover,
    .glyphicon.aspNetDisabled:hover,
    .ion.aspNetDisabled:hover {
        color: #adb5bd !important;
    }

.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.glyphicon,
.ion {
    font-size: 1rem;
}

.table-pager .fa,
.table-pager .fas,
.table-pager .far,
.table-pager .fal,
.table-pager .fad,
.table-pager .fab,
.table-pager .glyphicon,
.table-pager .ion {
    font-size: 0.875rem;
}

.text-sm .main-header .nav-link > .fa,
.text-sm .main-header .nav-link > .fas,
.text-sm .main-header .nav-link > .far,
.text-sm .main-header .nav-link > .fal,
.text-sm .main-header .nav-link > .fad,
.text-sm .main-header .nav-link > .fab,
.text-sm .main-header .nav-link > .glyphicon,
.text-sm .main-header .nav-link > .ion {
    font-size: 1rem;
}

.btn-icon > .fa,
.btn-icon > .fas,
.btn-icon > .far,
.btn-icon > .fal,
.btn-icon > .fad,
.btn-icon > .fab,
.btn-icon > .glyphicon,
.btn-icon > .ion {
    margin-right: 0.375rem;
}

.layout-fixed {
    overflow: hidden;
}

@supports not (-webkit-touch-callout: none) {
    .layout-fixed.text-sm .wrapper .sidebar {
        height: calc(100vh - (5rem + 1px)) !important;
    }
}

.layout-fixed.sidebar-mini .wrapper .brand-link {
    height: calc(5rem + 5px);
    padding: 0.625rem 0.5rem !important;
}

.layout-fixed.sidebar-mini:not(.sidebar-collapse) .brand-link {
    padding-left: 1.3rem !important;
}

.brand-link #AppLogo {
    height: calc(5rem + 1px - 1.1rem);
}

.login-logo #AppLogo {
    height: calc(5rem + 1px);
}

#AppId {
    display: block;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
}

#AppName {
    display: block;
    white-space: nowrap;
    font-size: 0.75rem;
}

#Frame {
    border: none;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 3rem - 2.25rem - 1px);
}

.login-box-msg {
    font-size: 1rem !important;
}

.content-wrapper {
    height: calc(100vh - 3rem - 2.25rem - 1px);
}

.content {
    padding: 0 0.5rem;
}

.content-header {
    padding: 1rem 0.5rem 0.5rem 0.5rem !important;
}

.layui-layer-tips .layui-layer-content {
    background-color: #dc3545 !important;
}

.layui-layer-tips i.layui-layer-TipsT,
.layui-layer-tips i.layui-layer-TipsB {
    border-right-color: #dc3545 !important;
}

.layui-layer-tips i.layui-layer-TipsR,
.layui-layer-tips i.layui-layer-TipsL {
    border-bottom-color: #dc3545 !important;
}

.text-sm .btn {
    line-height: 1.2;
}

.text-sm .form-control {
    height: calc(1.8125rem + 2px) !important;
    font-size: 0.875rem !important;
}

.text-sm textarea.form-control,
.text-sm select[multiple] {
    height: auto !important;
}

.text-sm .main-header {
    height: 3rem;
    padding: 0.5rem;
}

.text-sm .main-footer {
    height: 2.25rem;
    padding: 0.5rem;
    font-size: 0.8125rem !important;
    cursor: default;
}

    .text-sm .main-footer a {
        color: #869099;
    }

/* 日期时间模式下的 Bug */
.bootstrap-datetimepicker-widget a[data-action=togglePicker] {
    display: none;
}

.text-sm .select2 {
    width: 100% !important;
}

.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,
select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0.375rem;
}

.select2-selection--single.is-invalid,
.select2-selection--multiple.is-invalid,
.custom-file-label.is-invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.select2-selection--single.is-invalid {
    background-position: right calc(0.375em + 0.1875rem + 20px) center;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
}

.custom-control {
    min-height: initial;
}

.custom-control-label {
    font-weight: inherit !important;
}

    .custom-control-label::before {
        top: 0.0625rem;
        background-color: #ffffff;
        box-shadow: none;
    }

    .custom-control-label::after {
        top: 0.0625rem;
    }

.custom-switch .custom-control-label::after {
    top: calc(0.0625rem + 2px);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ffffff;
}

.custom-range {
    margin-top: 0.375rem;
}

    .custom-range::-webkit-slider-runnable-track {
        box-shadow: none;
    }

.custom-file {
    height: calc(1.8125rem + 2px) !important;
}

.custom-file-label {
    height: calc(1.8125rem + 2px) !important;
    margin-bottom: 0;
    overflow: hidden;
}

    .custom-file-label::after {
        content: '...' !important;
    }

    .custom-file-label.is-invalid {
        background-position: right calc(0.375em + 0.1875rem + 35px) center;
    }

.card {
    background-color: transparent;
}

.card-header {
    padding: 0.75rem 1.25rem 0.5rem 1.25rem;
    border-bottom: none;
}

.card-body {
    padding: 1rem 1.25rem 1rem 1.25rem;
}

    .card-body.p-0 .table thead > tr > th:first-of-type,
    .card-body.p-0 .table thead > tr > td:first-of-type,
    .card-body.p-0 .table tbody > tr > th:first-of-type,
    .card-body.p-0 .table tbody > tr > td:first-of-type {
        padding-left: 1.25rem;
    }

.card-footer {
    padding: 0 1.25rem 1rem 1.25rem;
    background-color: transparent;
    border-top: none;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.checkbox,
.switch,
.radio {
    display: inline-block;
}

.table {
    margin-bottom: 0;
}

    .table th,
    .table td {
        padding: 0.5rem 0;
        vertical-align: initial !important;
    }

    .table .form-group,
    .card-header .form-group {
        margin-bottom: 0;
    }

    .table tr.table-header {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .table tr.table-row {
        background-color: transparent;
    }

        .table tr.table-row:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

    .table tr.table-row-alt {
        background-color: rgba(0, 0, 0, 0.02);
    }

        .table tr.table-row-alt:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

    .table tr.table-pager {
    }

        .table tr.table-pager table th,
        .table tr.table-pager table td {
            border: none;
            padding: 0 !important;
        }

        .table tr.table-pager table a,
        .table tr.table-pager table span {
            display: block;
            padding: 0 0.3rem;
            border: 1px solid transparent;
        }

            .table tr.table-pager table a:hover {
                border-color: #dee2e6;
            }

.treeview .treeview-root {
    font-weight: bold;
}

.treeview .treeview-node,
.treeview input[type="checkbox"] {
    margin-left: 5px;
}

.user-panel .image .fa,
.user-panel .image .fas,
.user-panel .image .far,
.user-panel .image .fal,
.user-panel .image .fad,
.user-panel .image .fab,
.user-panel .image .glyphicon,
.user-panel .image .ion {
    color: #d0d4db;
    font-size: 1.875rem;
}

.nav-sidebar .fa,
.nav-sidebar .fas,
.nav-sidebar .far,
.nav-sidebar .fal,
.nav-sidebar .fad,
.nav-sidebar .fab {
    line-height: 1.5;
}

.nav-sidebar .nav-header:not(:first-of-type) {
    padding-left: 0.5rem;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
    top: 0.5rem;
}

.nav-tabs {
    height: 100%;
}

.small-box span {
    display: block;
    margin-bottom: 0.75rem;
}

.small-box sup {
    font-size: 55%;
}

.small-box > .small-box-footer {
    padding: 6px 0 3px 0;
    color: inherit;
    border-radius: 0 0 0.25rem 0.25rem;
}

    .small-box > .small-box-footer:hover {
        background: rgba(0, 0, 0, 0.15);
        color: inherit;
    }

.page-logo {
    background-image: url("../images/logo-page.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.img-thumbnail {
    cursor: pointer;
}

.filebox {
    margin-bottom: 1rem;
}

.inputbox {
    display: inline-block;
}