body{
	overflow-x: hidden;
    overflow-y: auto;
    color: #7792b1;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    font-family: "IBM Plex Sans",sans-serif;
    line-height: 1.5;
    background-color: #eef0f8;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
}
h1, h2, h3, .h1, .h2, .h3 {
    margin-top: .7142857143rem;
    margin-bottom: .7142857143rem;
}
.h3, h3 {
    font-size: 1.5142857142857142rem;
}
.h4, h4 {
    font-size: 1.0857142857142858rem;
}
.h5, h5 {
    font-size: 1.0857142857142858rem;
}
img {
    max-width: 100%;
}
.pl-15 {padding-left: 15px!important;}
.p-20 {padding: 20px!important;}
.py-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.mb-0 {margin-bottom: 0!important;}
.mt-20 {margin-top: 20px!important;}
.w-p100 {width: 100%!important;}
.font-size-16 {
    font-size: 1.1428571429rem;
}
a:hover {text-decoration: none;}
.pull-right {float: right;}
.font-weight-600 {font-weight: 600;}
.rounded {border-radius: 0.25rem !important;}
.text-danger {color: #f64e60!important;}
.text-muted {color: #6c757d!important;}
.flexbox {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;}
.alert,.toast{top:0.75rem;left:50%;transform:translate(-50%,0);position:relative;}
.glyphicon.glyphicon-arrow-right{
	display: block;
	width: 20px;
	height: 26px;
	background: url(../../assets/bootstrap/icons/chevron-right.svg) no-repeat center;
	background-size: 100%;
	margin: 0 auto;
}
.glyphicon.glyphicon-arrow-left{
	display: block;
	width: 20px;
	height: 26px;
	background: url(../../assets/bootstrap/icons/chevron-left.svg) no-repeat center;
	background-size: 100%;
	margin: 0 auto;
}
/* 左菜单栏 */
.main-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
    min-height: 100%;
    width: 300px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
	background-color: #fff;
}
.fixed .main-sidebar {position: fixed;}
.user-profile img {margin: 5px;}
.user-profile .ulogo {text-align: center;padding: 20px 0 15px;font-size: 1.286rem;}
.user-profile .ulogo img{height: 30px;margin-right: 10px;}
.sidebar {padding-bottom: 10px;}
.sidebar .user-profile .ulogo a {background-color: transparent;color: #475f7b;}
.sidebar-collapse.sidebar-mini .user-profile {overflow: hidden;}
.sidebar-collapse .user-profile .ulogo {-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.sidebar-collapse .user-profile .ulogo h3 {display: none;}

.sidebar-menu {list-style: none;margin: 0 20px;padding: 10px 0 0 0;white-space: nowrap;}
.sidebar-menu>li {position: relative;margin: 0;border-radius: 5px;}
.sidebar-menu li>a {position: relative;font-weight: 600;opacity: 1;white-space: nowrap;align-items: center;line-height: 25px;padding: 10px 10px;display: flex;color: #475f7b;font-size: 1rem;}
.sidebar-menu>li>a>svg {width: 20px;height: 20px;display: inline-block;vertical-align: middle;color: #485e90;text-align: center;margin: 0 10px;fill: rgba(27,46,75,0.6);}
.sidebar-menu li>a>.pull-right-container {position: absolute;right: 10px;top: 50%;margin-top: -7px;}
.sidebar-menu>li.treeview:hover>a,.sidebar-menu>li.treeview.menu-open>a,.sidebar-menu>li.treeview:hover>a>svg{opacity: 1;color: #1f263e;}
.sidebar-menu>li.treeview.menu-open {background-color: rgba(0,0,0,0.03)!important;border-radius: 5px;}
.sidebar-menu>li.active,.sidebar-menu>li.active .treeview-menu li.active a{background-color: rgba(105,147,255,0.2);color: #6993ff;}
.sidebar-menu>li.treeview .treeview-menu li a {color: #7792b1;}
.sidebar-menu .treeview-menu>li a>i.icon-more{
	display: inline-block;height:15px;
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-three-dots' fill='%23475f7b' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	opacity: 0.6;
}
.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li:hover a {opacity: 1;}
.sidebar-menu .treeview-menu>li.active a>i.icon-more,.sidebar-menu .treeview-menu>li:hover a>i.icon-more {
	opacity: 1;
	background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-arrow-right' fill='%236993ff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/></svg>");
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
}
.sidebar-menu .menu-open>.treeview-menu {display: block;}
.sidebar-collapse .treeview-menu {margin-left: 0!important;}
.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {background-color: #f2f4f4!important;}
.sidebar-collapse .treeview-menu>li>a {padding: 8px 5px 8px 25px;}
.sidebar-collapse .sidebar-menu.tree {padding: 10px 0 0 0;margin: 0;}
.sidebar-collapse .sidebar-menu>li {position: relative;padding: 0;}
.sidebar-collapse .sidebar-menu>li>a {margin-right: 0;}
.sidebar-collapse .sidebar-menu>li>a>span {border-top-right-radius: 5px;display: none!important;-webkit-transform: translateZ(0);}
.sidebar-collapse .sidebar-menu>li>a>.pull-right-container i{display:none!important}
.sidebar-collapse .sidebar-menu>li>.treeview-menu {padding-top: 0;padding-bottom: 5px;border-bottom-right-radius: 5px;display: none!important;-webkit-transform: translateZ(0);}
.sidebar-collapse .sidebar-menu>li:hover>a>svg{fill:rgba(27,46,75,1);}
.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display:block!important;position:absolute;width:300px;left:60px;}
.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display: block!important;position:absolute;width:300px;left:60px;top:55px;margin-left:0;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li .user-profile:hover>a>.pull-right-container{left:237px!important;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right-container) {top: 0;margin-left: 0;padding: 15px 5px 15px 20px;background-color: inherit;}

.treeview-menu {display: none;list-style: none;padding: 0;margin: 0;}
.treeview-menu>li>a {padding: 8px 5px 8px 25px;display: block;font-size: 13px;}
.treeview-menu>li>a>i {width: 15px;margin-right: 20px;margin-left: 10px;}

.sidebar-menu li>a>.pull-right-container>.angle-right {width: auto;height: auto;padding: 0;margin-right: 10px;-webkit-transition: transform .5s ease;-o-transition: transform .5s ease;transition: transform .5s ease;opacity: 0.6;float: right;margin-left: .3em;}
.sidebar-menu li.active>a>.pull-right-container>.angle-right{opacity: 1;}
.sidebar-menu .menu-open>a>.pull-right-container>.angle-right {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.angle-right:before {
    content: "";
	background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	width: 0.75rem;
	height: 0.75rem;
}
/* header样式 */
.fixed .main-header {position: fixed;z-index: 810;top: 0;right: 0;left: 0;background-color: rgba(242,244,244,0.5);}
.main-header{background: #eef0f8;}

.main-header .logo {
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 60px;
    font-size: 1rem;
    line-height: 60px;
    text-align: left;
    width: 300px;
    padding: 0 15px;
    position: relative;
    z-index: 999;
}
.main-header .logo .logo-mini {line-height: 60px;display: inline-block;font-size: 1.71rem;letter-spacing: 0.15rem;color: #475f7b}
.main-header .logo .logo-mini img{height: 30px;margin-top: -8px;}

.main-header .svg-bt-icon {
    height: 45px;
    width: 45px;
    padding: 10px;
    text-align: center;
    line-height: 28px;
    font-size: 1.286rem;
}
.waves-effect {position: relative;cursor: pointer;display: inline-block;overflow: hidden;user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle;z-index: 1;transition: .3s ease-out;}
.main-header .navbar {
    -moz-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    -webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-left: 300px;
    margin: 30px 30px 0 330px;
    background: white;
    min-height: 70px;
    border-radius: 5px;
    padding: 0;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,0.05);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.05);
}
.main-header .navbar .nav>li>a {color: #475f7b;}
.main-header .navbar .nav>li:hover a{background: rgba(0,0,0,0.05);}
.main-header .navbar .nav>li:hover a.dropdown-item,.main-header .navbar .nav>li.dropdown:hover a{background:transparent;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu {width: auto;max-width: 250px;padding: 0;margin: 0;top: 100%;border: 0;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li {position: relative;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li.header {background-color: #fff;border-bottom: 1px solid #d5dfea;color: #475f7b;font-size: 14px;border-radius: 4px 4px 0 0;padding: 0;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li.header>div {box-shadow: none;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li .menu {margin: 0;padding: 0;list-style: none;overflow-x: hidden;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li .menu>li>a {display: block;white-space: nowrap;border-bottom: 1px solid #d5dfea;}
.main-header .navbar-nav>li.dropdown>.dropdown-menu>li.footer>a {font-size: 14px;padding: 15px 10px;text-align: center;border-radius: 0 0 4px 4px;line-height: 20px;display: block;width: auto;margin: 0;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {color: #475f7b;overflow: hidden;text-overflow: ellipsis;padding: 10px;}
.dropdown-menu>li>a {color: gray;}

.mdi-menu:before{display: inline-block;content: "";
	background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-list' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	width: 18px;
	height: 18px;
}
.mdi-crop-free:before{display: inline-block;content: "";
	background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-fullscreen' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z'/></svg>");
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
	width: 18px;
	height: 18px;
}
.lookup {position: relative;display: -webkit-block;display: block;-webkit-box-align: center;align-items: center;}
.lookup input {color: #475f7b;border: 1px solid #d5dfea;border-radius: 18px;height: 25px;width: 200px;max-width: 100%;padding-left: 36px!important;padding-right: 18px;font-size: 1rem;font-weight: 300;letter-spacing: .5px;outline: none!important;-webkit-transition: .5s;transition: .5s;}
.lookup::before {
    content: "";
    position: absolute;
    top: 52%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(0,0,0,0.4);
    width: 36px;
	height: 21px;
    text-align: center;
    cursor: text;
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-search' fill='rgba(71,95,123,0.5)' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z'/><path fill-rule='evenodd' d='M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center;
}

.main-header .navbar-custom-menu {float: right;padding-right: 15px;}
.navbar-custom-menu .navbar-nav {-ms-flex-direction: row;flex-direction: row;}
.navbar-custom-menu .navbar-nav .search-bar>div {padding: 15px 0 15px;}
.navbar-custom-menu .navbar-nav .search-bar .lookup::before {color: rgba(71,95,123,0.5);}
.navbar-custom-menu .navbar-nav .search-bar .lookup-circle input {background-color: rgba(71,95,123,0.1);height: 35px;border-radius: .25rem;}
.navbar-custom-menu>.navbar-nav>li {position: relative;height: 60px;}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {position: absolute;right: 0;left: auto;}
.navbar-custom-menu .navbar-nav>li:last-child>a {padding: 10px;vertical-align: middle;display: block;font-size: 1.5rem;border-radius: .25rem;height: 45px;text-align: center;width: 45px;line-height: 25px;margin: 10px 5px;}
.navbar-custom-menu .navbar-nav>li>a.dropdown-toggle {padding: 10px;vertical-align: middle;display: block;font-size: 1.5rem;height: 45px;text-align: center;width: 45px;line-height: 25px;margin: 10px 5px;}

.navbar-custom-menu .dropdown-toggle::after{display:none}
.dropdown-toggle {cursor: pointer;-webkit-transition: .2s linear;transition: .2s linear;}
.dropdown-menu {color: #475f7b;border-radius: 5px;font-size: 13px;border-color: #d5dfea;padding: 0;-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.06);box-shadow: 0 0 4px rgba(0,0,0,0.06);z-index: 992;}
.dropdown-menu>li>a {color: gray;}
.navbar-nav>.user-menu>.dropdown-menu {border-top-right-radius: 0;border-top-left-radius: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-top-width: 0;width: auto;width: 250px;border: 0;margin-top: 0;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom: 1px solid #d5dfea;border-top: 1px solid #ccc;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {padding: 10px 15px;display: block;font-size: 1.1rem;}
.dropdown-item {color: #475f7b;font-weight: 300;padding: 4px 12px;width: auto;margin: 4px;-webkit-transition: .15s linear;transition: .15s linear;}
.dropdown-item:hover{color: #6993ff;}
.dropdown-item:hover,.dropdown-item{background-color:transparent}

.navbar-custom-menu .user-menu a {width: auto!important;font-size: 0.8rem!important;line-height: normal!important;}
.navbar-custom-menu .user-menu a:hover, .navbar-custom-menu .user-menu a:focus {background-color: transparent!important;}
.navbar-custom-menu .user-menu a img {width: 40px;height: 40px;border-radius: 100px;margin-left: 10px;}
.navbar-custom-menu .user-menu a i{vertical-align: middle;}

.lookup-right input {padding-left: 18px;padding-right: 36px;}
.lookup-circle {z-index: 0;}
.lookup-circle::before {z-index: -1;}
.lookup-circle input {background-color: rgba(71,95,123,0.04);border: 0;width: 36px;padding-right: 0;}
.lookup-circle input:focus{background-color:rgba(71,95,123,0.05);width:170px;padding-right:18px}
.lookup-circle.lookup-right input {padding-left: 0;padding-right: 36px;}
.lookup-circle.lookup-right::before {left: auto;right: 0;}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {color: #475f7b;background: #d5dfea;}

.icon-settings::before{
	display: inline-block;
	content: "";
	/* background: url(../../assets/bootstrap/icons/gear.svg); */
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-gear' fill='%23475f7b' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.837 1.626c-.246-.835-1.428-.835-1.674 0l-.094.319A1.873 1.873 0 0 1 4.377 3.06l-.292-.16c-.764-.415-1.6.42-1.184 1.185l.159.292a1.873 1.873 0 0 1-1.115 2.692l-.319.094c-.835.246-.835 1.428 0 1.674l.319.094a1.873 1.873 0 0 1 1.115 2.693l-.16.291c-.415.764.42 1.6 1.185 1.184l.292-.159a1.873 1.873 0 0 1 2.692 1.116l.094.318c.246.835 1.428.835 1.674 0l.094-.319a1.873 1.873 0 0 1 2.693-1.115l.291.16c.764.415 1.6-.42 1.184-1.185l-.159-.291a1.873 1.873 0 0 1 1.116-2.693l.318-.094c.835-.246.835-1.428 0-1.674l-.319-.094a1.873 1.873 0 0 1-1.115-2.692l.16-.292c.415-.764-.42-1.6-1.185-1.184l-.291.159A1.873 1.873 0 0 1 8.93 1.945l-.094-.319zm-2.633-.283c.527-1.79 3.065-1.79 3.592 0l.094.319a.873.873 0 0 0 1.255.52l.292-.16c1.64-.892 3.434.901 2.54 2.541l-.159.292a.873.873 0 0 0 .52 1.255l.319.094c1.79.527 1.79 3.065 0 3.592l-.319.094a.873.873 0 0 0-.52 1.255l.16.292c.893 1.64-.902 3.434-2.541 2.54l-.292-.159a.873.873 0 0 0-1.255.52l-.094.319c-.527 1.79-3.065 1.79-3.592 0l-.094-.319a.873.873 0 0 0-1.255-.52l-.292.16c-1.64.893-3.433-.902-2.54-2.541l.159-.292a.873.873 0 0 0-.52-1.255l-.319-.094c-1.79-.527-1.79-3.065 0-3.592l.319-.094a.873.873 0 0 0 .52-1.255l-.16-.292c-.892-1.64.902-3.433 2.541-2.54l.292.159a.873.873 0 0 0 1.255-.52l.094-.319z'/><path fill-rule='evenodd' d='M8 5.754a2.246 2.246 0 1 0 0 4.492 2.246 2.246 0 0 0 0-4.492zM4.754 8a3.246 3.246 0 1 1 6.492 0 3.246 3.246 0 0 1-6.492 0z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 21px;
	height: 21px;
}
.icon-bell::before{
	content: "";
	display: inline-block;
	/* background: url(../../assets/bootstrap/icons/bell.svg); */
	background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-bell' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2z'/><path fill-rule='evenodd' d='M8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 21px;
	height: 21px;
}
.icon-home::before{
	display: inline-block;
	content: "";
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-house-door' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z'/><path fill-rule='evenodd' d='M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 14px;
	height: 14px;
}
.icon-lock::before{
	display: inline-block;
	content: "";
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-lock' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.5 8h-7a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zm-7-1a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-7zm0-3a3.5 3.5 0 1 1 7 0v3h-1V4a2.5 2.5 0 0 0-5 0v3h-1V4z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 14px;
	height: 14px;
}
.icon-logout::before{
	display: inline-block;
	content: "";
	background: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-power' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M5.578 4.437a5 5 0 1 0 4.922.044l.5-.866a6 6 0 1 1-5.908-.053l.486.875z'/><path fill-rule='evenodd' d='M7.5 8V1h1v7h-1z'/></svg>");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	width: 14px;
	height: 14px;
}


/* 右侧 */
.btn {
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: inherit;
    padding: 8px 16px;
    font-size: 1.1rem;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.modal .btn{padding: .25rem .5rem;font-size: 0.875rem;}
.modal .page-list .btn{padding: 0 .5rem;}
.control-sidebar {top: 0;bottom: 0;right: -355px;width: 345px;-webkit-transition: right .3s ease-in-out;-o-transition: right .3s ease-in-out;transition: right .3s ease-in-out;position: absolute;padding: 30px 30px 30px 30px;z-index: 9999;color: #475f7b;background-color: #fff;}
.control-sidebar.control-sidebar-open {right: 0;-webkit-box-shadow: 0 5px 10px 1px rgba(77,77,77,0.2);
    -moz-box-shadow: 0 5px 10px 1px rgba(77,77,77,0.2);
    box-shadow: 0 5px 10px 1px rgba(77,77,77,0.2);}
.control-sidebar .rpanel-title {position: absolute;top: 0;right: 0;color: #fff;}
.control-sidebar .rpanel-title .btn {padding: 0;margin: .75rem 1rem;}
.btn-circle {width: 45px;height: 45px;line-height: 45px;padding: 0;border-radius: 100%;}
.btn-danger {background-color: #f64e60;border-color: #f64e60;color: #fff;}
.icon-close::before{
	display: inline-block;
	content: "";
	background: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 16 16' class='bi bi-x' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>");
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-position: center;
	width: 14px;
	height: 14px;
}
.nav-tabs.control-sidebar-tabs>li>a {border-radius: 0;border-top: 0;border-right: 0;border-left: none;border-bottom: 1px solid transparent;}
.nav-tabs.control-sidebar-tabs>li:first-of-type>a {border-left-width: 0;}
.control-sidebar .nav-tabs.control-sidebar-tabs {border-bottom: 1px solid #ccc;}
.control-sidebar .nav-tabs.control-sidebar-tabs>li {margin-right: 30px;}
.control-sidebar .nav-tabs.control-sidebar-tabs>li>a {padding: 10px 0;display: block;font-size: 16px;color: #475f7b;border-bottom-color: #ccc;}
.control-sidebar .nav-tabs.control-sidebar-tabs>li>a.active {border-color: #6993ff;color: #6993ff;background-color: transparent;}

.control-sidebar>.tab-content {
    padding: 15px 0;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.flexbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.flexbox>* {
    margin-left: 4px;
    margin-right: 4px;
}
.lookup-sm input {
    border-radius: 14.5px;
    height: 29px;
    padding-left: 29px;
    padding-right: 14.5px;
    font-size: 0.8rem;
    width: 160px;
}
.lookup-right.lookup-sm input {
    padding-left: 14.5px;
    padding-right: 29px;
}
.lookup-right::before {
    left: auto;
    right: 0;
}
.lookup-sm::before {
    font-size: 1rem;
    width: 29px;
}

.media {
    flex-shrink: 0;
}
.media {
    padding: 1rem;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    border-radius: 10px;
    box-shadow: 0 10px 15px -5px rgba(0,0,0,0.07);
}
.media-list>.media:not(.media-list-header):not(.media-list-footer), .media-list .media-list-body>.media {
    margin-bottom: 0;
}
.media-list-hover>.media:not(.media-list-header):not(.media-list-footer):hover,.media-list-hover .media-list-body>.media:hover{background-color:#d5dfea}
.media-list-hover>.media:hover .avatar{background-color: rgb(105, 147, 255,0.5);}
.media-list-hover>.media:hover .avatar.status-success{background-color: rgb(27, 197, 189,0.5);}
.avatar {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%!important;
    background-color: #d5dfea;
    color: #999;
    text-transform: uppercase;
}
.avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 1.286rem;
}
.media .avatar {
    flex-shrink: 0;
}
.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    vertical-align: top;
}
.avatar span {
    color: #fff;
}
.avatar[class*='status-']::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.avatar[class*='status-']::after {
    background-color: #6993ff;
}
.avatar.status-success::after {
    background-color: #1bc5bd;
}
.avatar[class*='status-'].avatar-lg::after {
    right: 4px;
}
.media>* {
    margin: 0rem 1rem;
}
.media-body {
    flex: 1;
}
.media-body {
    min-width: 0;
}
.media-body>* {
    margin-bottom: 0;
    margin-top: 0;
}
.media a:not(.btn):not(.avatar) {
    color: #475f7b;
}
/* svg.bi{fill: #000000;} */
.control-sidebar .nav-tabs.control-sidebar-tabs>li>a:hover{background: transparent;color: #6993ff;}

.content-wrapper, .main-footer {
    -moz-transition: transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: transform .3s ease-in-out,margin .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 300px;
    z-index: 820;
}
.content-wrapper {
    min-height: 100%;
    background-color: transparent;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* overflow: hidden; */
	overflow-y: scroll;
	overflow-x: hidden;
	
}
.fixed .content-wrapper {padding-top: 100px;}
.main-footer {margin-left: 0;background-color: rgba(238,240,248,0);padding: 15px 30px;z-index: 999;position: relative;}
.content-full{width: 100%;height: 100%;}

.form-group .bootstrap-select {
    width: 100%!important;
}
.btn-light {
    color: #495057!important;
    background-color: transparent!important;
    border-color: #b3c5d9!important;
}
button.close.focus,button.close:focus{outline: none!important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {color: #495057!important;background-color: transparent!important;border-color: #b3c5d9!important;}
.btn-light.focus,.btn-light:focus{box-shadow: none!important;}
.dropdown-item.active, .dropdown-item:active {background-color: #6993ff!important;}
.dropdown-item.active span.text, .dropdown-item:active span.text{color: #fff!important;}
.bootstrap-select .dropdown-menu li a:focus{outline: none!important;}
.bootstrap-select .dropdown-menu li a:hover{background: #d9d9d9!important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: none!important;}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle{border-color: #28a745!important;}
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{border-color: #dc3545!important;}

/* 滚动条 */
::-webkit-scrollbar {
width: 5px; /*对垂直流动条有效*/
height: 5px; /*对水平流动条有效*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
background-color: #eef0f8;
border-radius: 3px;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
border-radius: 3px;
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
background-color: rgba(105,147,255,0.2);
}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
background:khaki;
}

.custom-file-label::after{content: "选择文件";}
.modal-body .imgshow{max-width: 95%;}
.modal-body .left-arrow{position: absolute;top:50%;left:0;transform: translate(0,-50%);}
.modal-body .right-arrow{position: absolute;top:50%;right:0;transform: translate(0,-50%);}

.chat-box{background: rgba(0,0,0,0.05);width: 100%;padding: 10px 0 15px;}
.chat-box .chat-item{padding: 10px 10px 5px 30px;position: relative;}
.chat-box .chat-item::before{content: '';position: absolute;top: 0;left: 15px;width: 1px;height: 100%;background: #666;}
.chat-box .chat-item::after{content: '';position: absolute;top: 16px;left: 13px;width: 5px;height: 5px;background: #666;border-radius: 100%;}
.chat-box .chat-item .chat-t{margin: 0 0 5px;color: #999;font-size: 14px;}
.chat-box .chat-item .chat-con{border: 1px solid #7792b1;display: inline-block;padding: 5px 10px;border-radius: 10px;font-size: 16px;background: rgba(255,255,255,0.5);}
.chat-box .chat-item:first-child .chat-t{color: #007bff;}
.chat-box .chat-item:first-child .chat-con{border: 1px solid #dc3545;color: #dc3545;}
.chat-box .chat-item:first-child::after,.chat-box .chat-item:first-child::before{background: #007bff;}
.chat-imgbox,.problemImg-box{display: flex;justify-content: flex-start;}
.chat-img,.problemImgs{display: flex;height: 60px;width: 60px;border:1px solid #eee;align-items: center;padding: 2px;margin: 0 10px 10px 0;border-radius: 5px;background: #fff;justify-content: center;overflow: hidden;}
.problemImgs{margin: 10px 10px 0 0;}

@media (max-width: 370px){
	.navbar-custom-menu .navbar-nav>.search-bar .lookup input{max-width:50px;padding-left:10px!important;padding:0;height:30px}
}
@media (max-width: 767px){
	.main-header{position:relative;z-index:999}
	.main-header .logo {width: 100%;float: none;text-align: center;}
	.main-header .navbar{width: 100%;float: none;margin: 0;z-index: 999;}
	.navbar-custom-menu .navbar-nav>.search-bar .lookup input{max-width:110px;padding-left:10px!important}
	.content-wrapper {margin-left: 0;}
	.fixed .content-wrapper {padding-top: 120px;}
	.main-footer {margin-left: 0;}
	.main-sidebar {margin-top: 130px;-webkit-transform: translate(-300px,0);-ms-transform: translate(-300px,0);-o-transform: translate(-300px,0);transform: translate(-300px,0);}
	.sidebar-open .main-sidebar{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
	.control-sidebar {
	    padding: 20px;
	    width: 300px;
	}
}
@media (min-width: 768px){
	.main-header .logo{display:none}
	.sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 90px;}
	.sidebar-mini.sidebar-collapse .content-wrapper {margin-left: 60px;}
	.sidebar-collapse .main-sidebar {-webkit-transform: translate(-300px,0);-ms-transform: translate(-300px,0);-o-transform: translate(-300px,0);transform: translate(-300px,0);}
	.sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);width: 60px;z-index: 850;}
	.control-sidebar {padding: 30px;right: -345px;width: 345px;}
}
@media (min-width: 992px){
	.d-lg-block {
	    display: block !important;
	}
}
@media (max-width: 991px){
	.main-sidebar {
	    padding-top: 0;
	}
}