/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/
:root {
    overflow: hidden;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(88,95,105,.19);
}
::-webkit-scrollbar-track {
    border-radius: 3px;
    background: transparent;
}

table th,
table td {
    word-break: keep-all;
    white-space: nowrap;
    vertical-align: middle;
}

.nk-aside {
    border-right: 1px solid #e5e9f2 !important;
}

.nk-header {
    padding: 0 22px;
}

.nk-content-body.nk-height-set{
    height: 100%;
}

.nk-header-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -0.25rem;
    flex-direction: row;
    justify-content: space-between;
}

.nk-header-tools {
    margin-left: inherit;
    上填充：14px;
    底部填充：14px;
}

@media (最大宽度: 891.98px) {
    .nk-content-body.nk-height-set{
        高度: 96%;
    }
}

具有侧边栏的 .nk-footer {
    背景：透明；
    上填充: 0;
    边框上: 0;
    左内边距: 0;
    右内边距：0;
    左边距: 0rem;
    右外边距: 0rem;
}

.仪表盘信息{
    背景: url(//cdn.tmd.red/dashlite/3.1.1/assets/images/bg.601a08e9.png);
    背景尺寸：100% 100%；
}

@media (最小宽度: 992px){
    .nk-aside .nk-menu > li > .nk-menu-link, .nk-aside .nk-menu-heading {
        左填充: 24px;
        右内边距: 0;
    }
    .nk-aside {
        右外边距: 0px;
    }
}


简化栏内容容器 .nk-菜单 .nk-菜单项活动 > .nk-菜单链接 {
    背景颜色: rgba(0,112,249,.05);
    边框右: 3px 实线 #0070f9;
}
simplebar-content-wrapper .nk-menu .nk-menu-link:hover {
    颜色: #7f8dff;
}

.nk-menu-sub .nk-menu-link {
    内边距: 0.375rem 66px 0.375rem 60px;
    字体：Roboto，无衬线字体；
    字体粗细：400;
    字体大小：14px;
    字母间距: 正常;
    文本转换：无
    行高: 1.25rem;
    颜色: #6e82a5;
}

shadow-customize-1{
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

.exceed-show-ellipsis{
    白空格: 不换行;
    溢出:隐藏;
    文本溢出:省略号;
}
.exceed-show-ellipsis-2{
    溢出:隐藏;
    文本溢出:省略号;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.exceed-show-ellipsis-3{
    溢出:隐藏;
    文本溢出:省略号;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.exceed-show-ellipsis-4{
    溢出:隐藏;
    文本溢出:省略号;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.nk-header-tools .nk-menu-item > .nk-menu-link{
    内边距: 0.625rem 10px 0.625rem 10px;
    字体大小：12px;
}
.nk-header-tools .nk-menu-item > .nk-menu-link.nk-menu-toggle{
    填充: 0.625rem 40px 0.625rem 10px;
}
.j-md{
    显示: 弹性布局;
}
@media (最大宽度: 768px) {
    .j-md{
        项目对齐方式：居中；
    }
}
.警报.粘性顶部{
    z-index: -1;
}

card-content{
   宽度：100%；
}

.标题上划线 {
    字体大小：11px;
    行高: 1.2;
    字母间距: 0.2em;
    颜色: #8094ae;
    文本转换：无
    字体粗细：700；
    字体：Roboto，无衬线字体；
}

@media (最大宽度: 560px) {
    .fixed-table-pagination{
        显示: 弹性布局;
        flex-direction: column;
        对齐项目：居中；
    }
}

.form-daterangepicker{
    最小宽度：248px;
}

日期选择器 {
    位置：绝对定位；
    颜色：继承；
    背景颜色: #fff;
    border-radius: 4px;
    边框: 1px 实线 #ddd;
    宽度：自动；
    最大宽度：无；
    填充: 0;
    上边距: 7px;
    顶部: 100px;
    左: 20px;
    z-index: 3001;
    显示：无；
    字体: arial;
    字体大小：15px;
    行高: 1em;
}
日期选择器 日期{
    显示: 弹性布局;
}
@media (最小宽度: 564px) {
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        浮动：继承；
    }
    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 0px solid #ddd;
    }
}
@media (最小宽度: 677px){
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        浮动：左；
    }
    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd;
    }
    
}
@media (max-width: 678px) {
    .daterangepicker {
        溢出: 自动;
        宽度：100%；
    }
    .daterangepicker .ranges > ul{
        显示: 弹性布局;
        宽度：自动；
    }
}

.layui-layer-setwin .layui-layer-close2 {
    位置：绝对定位；
    右：-28px;
    顶部: -28px;
    颜色: #fff;
    背景颜色: #787878;
    填充: 3px;
    边框: 3px 实线;
    宽度: 28px;
    高度：28px;
    字体大小：16px;
    字体粗细：更粗；
    border-radius: 50%;
    左外边距: 0;
}

.暗开关:before {
    背景颜色: #e5e9f2;
    边框: #dbdfea00 实线 2px;
}

.暗色开关:后 {
    高度: 1rem;
    宽度: 1rem;
    right: calc(2rem - 2px - .125rem);
    背景: 线性渐变(40度, #ff0080, #ff8c00 70%);
}

.暗开关.激活:after {
    右: calc(2px + .125rem);
    背景：无；
    box-shadow: inset -3px -2px 5px -2px #8983f7,
        inset -6px -4px 0 0 #a3dafb;
}

.暗开关.激活:before {
    背景颜色: #303136 !important;
    边框颜色: #6576ff00;
}