diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css
index 24d64f2b..5f3b7f8e 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/newsty.css
@@ -1,177 +1,178 @@
-@charset "utf-8";
-/* CSS Document */
-
-body {
-    font-size: 14px;
-}
-
-.navbar {
-    margin-bottom: 0;
-    min-height: 90px;
-}
-
-.logosys {
-    margin-left: 16px;
-    width: 360px;
-    height: 72px;
-    /*background: url(../img/logo-yjy.png) no-repeat center 22px;*/
-    background: url(../img/logo-car.png) no-repeat center 22px;
-    /*background: url(../img/zxt.png) no-repeat center 22px;*/
-    /*background: url(../img/log-szsf.png) no-repeat 10px 22px;*/
-    background-size: 92%;
-    float: left;
-    line-height: 40em;
-    overflow: hidden;
-}
-
-.minimalize-styl-2 {
-    color: rgba(255, 255, 255, .5);
-}
-
-.minimalize-styl-2:hover {
-    color: rgba(255, 255, 255, 1);
-}
-
-.fa {
-    margin-right: 5px;
-}
-
-.arrow {
-    margin-right: 0;
-}
-
-.navbox {
-    float: right;
-    margin-right: 2%;
-}
-
-.navbox {
-    float: right;
-    margin-right: 1%;
-}
-
-.navbox > li > a {
-    display: inline-block;
-    width: 90px;
-    text-align: center;
-    margin: 10px 25% 0;
-    cursor: pointer;
-    height: auto;
-    padding: 8px 0;
-    opacity: 0.7;
-}
-
-.navbox > li > a.active, .navbox > li > a:hover {
-    opacity: 1.0;
-    /*background-color: transparent;
-    background-image: linear-gradient(rgba(0, 0, 0, 0.25), transparent);
-    border-radius: 5px;*/
-}
-
-.navbox > li > a > i {
-    display: block;
-    width: 100%;
-    height: 40px;
-    background-position: center top;
-    background-repeat: no-repeat;
-}
-
-/*.nav.navbar-top-links a {
-    font-size: 16px;
-}*/
-.nav_home {
-    background: url(../img/icontop_home.png);
-}
-
-.nav_yjzs {
-    background: url(../img/icontop_yjzs.png);
-}
-
-.nav_yjbz {
-    background: url(../img/icontop_yjbz.png);
-}
-
-.nav_yagl {
-    background: url(../img/icontop_yagl.png);
-}
-
-.nav_fxyh {
-    background: url(../img/icontop_fxyh.png);
-}
-
-.nav_ycyj {
-    background: url(../img/icontop_ycyj.png);
-}
-
-.nav_xxfb {
-    background: url(../img/icontop_xxfb.png);
-}
-
-.nav_fzjc {
-    background: url(../img/icontop_fzjc.png);
-}
-
-.nav_zhdd {
-    background: url(../img/icontop_zhdd.png);
-}
-
-.nav_mnyl {
-    background: url(../img/icontop_mnyl.png);
-}
-
-.nav_yjpg {
-    background: url(../img/icontop_yjpg.png);
-}
-
-.nav_htgl {
-    background: url(../img/icontop_htgl.png);
-}
-
-/*********** left icon **********/
-/*
-.leftmenu_case {
-    background: url(../img/iconleft_anli_16.png);
-}
-
-.leftmenu_info {
-    background: url(../img/iconleft_info_16_2.png);
-}
-
-.leftmenu_drill {
-    background: url(../img/iconleft_yanlian_16.png);
-}
-
-.leftmenu_early {
-    background: url(../img/iconleft_ycyj_16.png);
-}
-
-.leftmenu_plan {
-    background: url(../img/iconleft_yanlian_16.png);
-}
-
-.leftmenu_com {
-    background: url(../img/iconleft_zhdd_16.png);
-}
-
-.leftmenu_duty {
-    background: url(../img/iconleft_zhiban_16.png);
-}
-
-.leftmenu_knfile {
-    background: url(../img/iconleft_zhishiku_16.png);
-}*/
-
-@media screen and (min-width: 1024px) and (max-width: 1913px) {
-    .nav.navbar-top-links a {
-        font-size: 14px;
-    }
-
-    .logosys {
-        background-size: 80%;
-        background-position-x: 20px;
-    }
-
-    .navbox > li > a {
-        width: 70px;
-    }
-}
+@charset "utf-8";
+/* CSS Document */
+
+body {
+    font-size: 14px;
+}
+
+.navbar {
+    margin-bottom: 0;
+    min-height: 90px;
+}
+
+.logosys {
+    margin-left: 16px;
+    width: 360px;
+    height: 72px;
+    background: url(../img/logo-qmyl.png) no-repeat center 22px;
+    /*background: url(../img/logo-yjy.png) no-repeat center 22px;*/
+    /*background: url(../img/logo-car.png) no-repeat center 22px;*/
+    /*background: url(../img/zxt.png) no-repeat center 22px;*/
+    /*background: url(../img/log-szsf.png) no-repeat 10px 22px;*/
+    background-size: 92%;
+    float: left;
+    line-height: 40em;
+    overflow: hidden;
+}
+
+.minimalize-styl-2 {
+    color: rgba(255, 255, 255, .5);
+}
+
+.minimalize-styl-2:hover {
+    color: rgba(255, 255, 255, 1);
+}
+
+.fa {
+    margin-right: 5px;
+}
+
+.arrow {
+    margin-right: 0;
+}
+
+.navbox {
+    float: right;
+    margin-right: 2%;
+}
+
+.navbox {
+    float: right;
+    margin-right: 1%;
+}
+
+.navbox > li > a {
+    display: inline-block;
+    width: 90px;
+    text-align: center;
+    margin: 10px 25% 0;
+    cursor: pointer;
+    height: auto;
+    padding: 8px 0;
+    opacity: 0.7;
+}
+
+.navbox > li > a.active, .navbox > li > a:hover {
+    opacity: 1.0;
+    /*background-color: transparent;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.25), transparent);
+    border-radius: 5px;*/
+}
+
+.navbox > li > a > i {
+    display: block;
+    width: 100%;
+    height: 40px;
+    background-position: center top;
+    background-repeat: no-repeat;
+}
+
+/*.nav.navbar-top-links a {
+    font-size: 16px;
+}*/
+.nav_home {
+    background: url(../img/icontop_home.png);
+}
+
+.nav_yjzs {
+    background: url(../img/icontop_yjzs.png);
+}
+
+.nav_yjbz {
+    background: url(../img/icontop_yjbz.png);
+}
+
+.nav_yagl {
+    background: url(../img/icontop_yagl.png);
+}
+
+.nav_fxyh {
+    background: url(../img/icontop_fxyh.png);
+}
+
+.nav_ycyj {
+    background: url(../img/icontop_ycyj.png);
+}
+
+.nav_xxfb {
+    background: url(../img/icontop_xxfb.png);
+}
+
+.nav_fzjc {
+    background: url(../img/icontop_fzjc.png);
+}
+
+.nav_zhdd {
+    background: url(../img/icontop_zhdd.png);
+}
+
+.nav_mnyl {
+    background: url(../img/icontop_mnyl.png);
+}
+
+.nav_yjpg {
+    background: url(../img/icontop_yjpg.png);
+}
+
+.nav_htgl {
+    background: url(../img/icontop_htgl.png);
+}
+
+/*********** left icon **********/
+/*
+.leftmenu_case {
+    background: url(../img/iconleft_anli_16.png);
+}
+
+.leftmenu_info {
+    background: url(../img/iconleft_info_16_2.png);
+}
+
+.leftmenu_drill {
+    background: url(../img/iconleft_yanlian_16.png);
+}
+
+.leftmenu_early {
+    background: url(../img/iconleft_ycyj_16.png);
+}
+
+.leftmenu_plan {
+    background: url(../img/iconleft_yanlian_16.png);
+}
+
+.leftmenu_com {
+    background: url(../img/iconleft_zhdd_16.png);
+}
+
+.leftmenu_duty {
+    background: url(../img/iconleft_zhiban_16.png);
+}
+
+.leftmenu_knfile {
+    background: url(../img/iconleft_zhishiku_16.png);
+}*/
+
+@media screen and (min-width: 1024px) and (max-width: 1913px) {
+    .nav.navbar-top-links a {
+        font-size: 14px;
+    }
+
+    .logosys {
+        background-size: 80%;
+        background-position-x: 20px;
+    }
+
+    .navbox > li > a {
+        width: 70px;
+    }
+}
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/style.default.css b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/style.default.css
index a8ee01c3..d3eee481 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/style.default.css
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/css/style.default.css
@@ -1,3321 +1,3322 @@
-body {
-    overflow-x: hidden
-}
-
-a, i, span {
-    display: inline-block;
-    text-decoration: none;
-    -webkit-transition: all .3s;
-    transition: all .3s
-}
-
-a:hover, a:focus, i:hover, i:focus, span:hover, span:focus {
-    text-decoration: none
-}
-
-section {
-    padding: 50px 0
-}
-
-canvas {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none
-}
-
-.container-fluid {
-    padding: 0 30px
-}
-
-@media (max-width: 575px) {
-    .container-fluid {
-        padding: 0 15px
-    }
-}
-
-header.page-header {
-    padding: 20px 0
-}
-
-table {
-    font-size: .9em;
-    color: #666
-}
-
-.card-close {
-    position: absolute;
-    top: 15px;
-    right: 15px
-}
-
-.card-close .dropdown-toggle {
-    color: #999;
-    background: 0 0;
-    border: none
-}
-
-.card-close .dropdown-toggle:after {
-    display: none
-}
-
-.card-close .dropdown-menu {
-    border: none;
-    min-width: auto;
-    font-size: .9em;
-    border-radius: 0;
-    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1), -2px -2px 3px rgba(0, 0, 0, .1);
-    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1), -2px -2px 3px rgba(0, 0, 0, .1)
-}
-
-.card-close .dropdown-menu a {
-    color: #999 !important
-}
-
-.card-close .dropdown-menu a:hover {
-    background: #796aee;
-    color: #fff !important
-}
-
-.card-close .dropdown-menu a i {
-    margin-right: 10px;
-    -webkit-transition: none;
-    transition: none
-}
-
-.content-inner {
-    position: relative;
-    width: calc(100% - 250px);
-    min-height: calc(100vh - 70px);
-    padding-bottom: 60px
-}
-
-.content-inner.active {
-    width: calc(100% - 90px)
-}
-
-.page-header {
-    background: #fff;
-    padding: 20px;
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
-    position: relative;
-    z-index: 8
-}
-
-*[class*=icon-] {
-    -webkit-transform: translateY(3px);
-    transform: translateY(3px)
-}
-
-button, input {
-    outline: none !important
-}
-
-.card {
-    margin-bottom: 30px;
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05)
-}
-
-.card-header {
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05)
-}
-
-.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
-    margin-bottom: 0
-}
-
-.breadcrumb-holder {
-    background: #fff
-}
-
-.breadcrumb {
-    background: #fff;
-    position: relative;
-    z-index: 7;
-    border-radius: 0;
-    padding: 15px 0;
-    margin-bottom: 0
-}
-
-.breadcrumb li.breadcrumb-item {
-    color: #aaa;
-    font-weight: 300
-}
-
-.text-bold {
-    font-weight: 700
-}
-
-.text-small {
-    font-size: .9rem
-}
-
-.text-xsmall {
-    font-size: .8rem
-}
-
-.bg-red {
-    background: #ff7676 !important;
-    color: #fff
-}
-
-.bg-red:hover {
-    color: #fff
-}
-
-.bg-blue {
-    background: #85b4f2 !important;
-    color: #fff
-}
-
-.bg-blue:hover {
-    color: #fff
-}
-
-.bg-yellow {
-    background: #eef157 !important;
-    color: #fff
-}
-
-.bg-yellow:hover {
-    color: #fff
-}
-
-.bg-green {
-    background: #54e69d !important;
-    color: #fff
-}
-
-.bg-green:hover {
-    color: #fff
-}
-
-.bg-orange {
-    background: #ffc36d !important;
-    color: #fff
-}
-
-.bg-orange:hover {
-    color: #fff
-}
-
-.bg-violet {
-    background: #796aee !important;
-    color: #fff
-}
-
-.bg-violet:hover {
-    color: #fff
-}
-
-.bg-gray {
-    background: #ced4da !important
-}
-
-.bg-white {
-    background: #fff !important
-}
-
-.text-red {
-    color: #ff7676
-}
-
-.text-red:hover {
-    color: #ff7676
-}
-
-.text-yellow {
-    color: #eef157
-}
-
-.text-yellow:hover {
-    color: #eef157
-}
-
-.text-green {
-    color: #54e69d
-}
-
-.text-green:hover {
-    color: #54e69d
-}
-
-.text-orange {
-    color: #ffc36d
-}
-
-.text-orange:hover {
-    color: #ffc36d
-}
-
-.text-violet {
-    color: #796aee
-}
-
-.text-violet:hover {
-    color: #796aee
-}
-
-.text-blue {
-    color: #85b4f2
-}
-
-.text-blue:hover {
-    color: #85b4f2
-}
-
-.text-gray {
-    color: #ced4da
-}
-
-.text-gray:hover {
-    color: #ced4da
-}
-
-.text-uppercase {
-    letter-spacing: .2em
-}
-
-.lh-2 {
-    line-height: 2
-}
-
-.page {
-    background: #eef5f9
-}
-
-.page .text-white {
-    color: #fff
-}
-
-.no-padding {
-    padding: 0 !important
-}
-
-.no-padding-bottom {
-    padding-bottom: 0 !important
-}
-
-.no-padding-top {
-    padding-top: 0 !important
-}
-
-.no-margin {
-    margin: 0 !important
-}
-
-.no-margin-bottom {
-    margin-bottom: 0 !important
-}
-
-.no-margin-top {
-    margin-top: 0 !important
-}
-
-.page {
-    overflow-x: hidden
-}
-
-.has-shadow {
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05)
-}
-
-.badge {
-    font-weight: 400
-}
-
-.badge-rounded {
-    border-radius: 50px
-}
-
-.list-group-item {
-    border-right: 0;
-    border-left: 0
-}
-
-.list-group-item:first-child, .list-group-item:last-child {
-    border-radius: 0
-}
-
-.overflow-hidden {
-    overflow: hidden
-}
-
-.tile-link {
-    position: absolute;
-    cursor: pointer;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    z-index: 30
-}
-
-nav.side-navbar {
-    background: #fff;
-    min-width: 250px;
-    max-width: 250px;
-    color: #686a76;
-    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
-    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
-    z-index: 9
-}
-
-nav.side-navbar a {
-    color: inherit;
-    position: relative;
-    font-size: .9em
-}
-
-nav.side-navbar a[data-toggle=collapse]::before {
-    content: '\f104';
-    display: inline-block;
-    -webkit-transform: translateY(-50%);
-    transform: translateY(-50%);
-    font-family: fontawesome;
-    position: absolute;
-    top: 50%;
-    right: 20px
-}
-
-nav.side-navbar a[aria-expanded=true] {
-    background: #eef5f9
-}
-
-nav.side-navbar a[aria-expanded=true]::before {
-    content: '\f107'
-}
-
-nav.side-navbar a i {
-    font-size: 1.2em;
-    margin-right: 10px;
-    -webkit-transition: none;
-    transition: none
-}
-
-nav.side-navbar .sidebar-header {
-    padding: 30px 15px
-}
-
-nav.side-navbar .avatar {
-    width: 55px;
-    height: 55px
-}
-
-nav.side-navbar .title {
-    margin-left: 10px
-}
-
-nav.side-navbar .title h1 {
-    color: #333
-}
-
-nav.side-navbar .title p {
-    font-size: .9em;
-    font-weight: 200;
-    margin-bottom: 0;
-    color: #aaa
-}
-
-nav.side-navbar span.heading {
-    text-transform: uppercase;
-    font-weight: 400;
-    margin-left: 20px;
-    color: #ccc;
-    font-size: .8em
-}
-
-nav.side-navbar ul {
-    padding: 15px 0
-}
-
-nav.side-navbar ul li {
-}
-
-nav.side-navbar ul li a {
-    padding: 10px 15px;
-    text-decoration: none;
-    display: block;
-    font-weight: 300;
-    border-left: 4px solid transparent
-}
-
-nav.side-navbar ul li a:hover {
-    background: #796aee;
-    border-left: 4px solid #3b25e6;
-    color: #fff
-}
-
-nav.side-navbar ul li li a {
-    padding-left: 50px;
-    background: #eef5f9
-}
-
-nav.side-navbar ul li.active > a {
-    background: #796aee;
-    color: #fff;
-    border-left: 4px solid #3b25e6
-}
-
-nav.side-navbar ul li.active > a:hover {
-    background: #796aee
-}
-
-nav.side-navbar ul li li.active > a {
-    background: #8e81f1
-}
-
-nav.side-navbar ul li ul {
-    padding: 0
-}
-
-nav.side-navbar.shrinked {
-    min-width: 90px;
-    max-width: 90px;
-    text-align: center
-}
-
-nav.side-navbar.shrinked span.heading {
-    margin: 0
-}
-
-nav.side-navbar.shrinked ul li a {
-    padding: 15px 2px;
-    border: none;
-    font-size: .8em;
-    color: #aaa;
-    -webkit-transition: color .3s, background .3s;
-    transition: color .3s, background .3s
-}
-
-nav.side-navbar.shrinked ul li a[data-toggle=collapse]::before {
-    content: '\f107';
-    -webkit-transform: translateX(50%);
-    transform: translateX(50%);
-    position: absolute;
-    top: auto;
-    right: 50%;
-    bottom: 0;
-    left: auto
-}
-
-nav.side-navbar.shrinked ul li a[data-toggle=collapse][aria-expanded=true]::before {
-    content: '\f106'
-}
-
-nav.side-navbar.shrinked ul li a:hover {
-    color: #fff;
-    border: none
-}
-
-nav.side-navbar.shrinked ul li a:hover i {
-    color: #fff
-}
-
-nav.side-navbar.shrinked ul li a i {
-    margin-right: 0;
-    margin-bottom: 2px;
-    display: block;
-    font-size: 1rem;
-    color: #333;
-    -webkit-transition: color .3s;
-    transition: color .3s
-}
-
-nav.side-navbar.shrinked ul li.active > a {
-    color: #fff
-}
-
-nav.side-navbar.shrinked ul li.active > a i {
-    color: #fff
-}
-
-nav.side-navbar.shrinked .sidebar-header .title {
-    display: none
-}
-
-@media (max-width: 1199px) {
-    nav.side-navbar {
-        margin-left: -90px;
-        min-width: 90px;
-        max-width: 90px;
-        text-align: center;
-        overflow: hidden
-    }
-
-    nav.side-navbar span.heading {
-        margin: 0
-    }
-
-    nav.side-navbar ul li a {
-        padding: 15px 2px;
-        border: none;
-        font-size: .8em;
-        color: #aaa;
-        -webkit-transition: color .3s, background .3s;
-        transition: color .3s, background .3s
-    }
-
-    nav.side-navbar ul li a[data-toggle=collapse]::before {
-        content: '\f107';
-        -webkit-transform: translateX(50%);
-        transform: translateX(50%);
-        position: absolute;
-        top: auto;
-        right: 50%;
-        bottom: 0;
-        left: auto
-    }
-
-    nav.side-navbar ul li a[data-toggle=collapse][aria-expanded=true]::before {
-        content: '\f106'
-    }
-
-    nav.side-navbar ul li a:hover {
-        color: #fff;
-        border: none
-    }
-
-    nav.side-navbar ul li a:hover i {
-        color: #fff
-    }
-
-    nav.side-navbar ul li a i {
-        margin-right: 0;
-        margin-bottom: 5px;
-        display: block;
-        font-size: 1.6em;
-        color: #333;
-        -webkit-transition: color .3s;
-        transition: color .3s
-    }
-
-    nav.side-navbar ul li.active > a {
-        color: #fff
-    }
-
-    nav.side-navbar ul li.active > a i {
-        color: #fff
-    }
-
-    nav.side-navbar .sidebar-header .title {
-        display: none
-    }
-
-    nav.side-navbar.shrinked {
-        margin-left: 0
-    }
-
-    .content-inner {
-        width: 100%
-    }
-
-    .content-inner.active {
-        width: calc(100% - 90px)
-    }
-}
-
-nav.navbar {
-    background: #2f333e;
-    padding-top: 15px;
-    padding-bottom: 15px;
-    color: #fff;
-    position: relative;
-    border-radius: 0;
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
-    z-index: 10;
-    padding-left: 0;
-    padding-right: 0
-}
-
-nav.navbar .badge {
-    width: 22px;
-    height: 22px;
-    line-height: 22px;
-    text-align: center;
-    padding: 0;
-    border-radius: 50%
-}
-
-nav.navbar .navbar-holder {
-    width: 100%
-}
-
-nav.navbar a {
-    color: inherit
-}
-
-nav.navbar .container-fluid {
-    width: 100%
-}
-
-nav.navbar .menu-btn {
-    margin-right: 20px;
-    font-size: 1.2em;
-    -webkit-transition: all .7s;
-    transition: all .7s
-}
-
-nav.navbar .menu-btn span {
-    width: 20px;
-    height: 2px;
-    background: #fff;
-    display: block;
-    margin: 4px auto 0;
-    -webkit-transition: all .3s cubic-bezier(.81, -.33, .345, 1.375);
-    transition: all .3s cubic-bezier(.81, -.33, .345, 1.375)
-}
-
-nav.navbar .menu-btn span:nth-of-type(2) {
-    position: relative;
-    width: 35px;
-    -webkit-transform: rotateY(180deg);
-    transform: rotateY(180deg)
-}
-
-nav.navbar .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
-    content: '';
-    width: 6px;
-    height: 2px;
-    display: block;
-    background: #fff;
-    -webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-    position: absolute;
-    top: 2px;
-    left: 0;
-    -webkit-transition: all .7s;
-    transition: all .7s
-}
-
-nav.navbar .menu-btn span:nth-of-type(2)::after {
-    -webkit-transform: rotate(145deg);
-    transform: rotate(145deg);
-    position: absolute;
-    top: -2px;
-    left: 0
-}
-
-nav.navbar .menu-btn.active span:first-of-type {
-    -webkit-transform: translateY(12px);
-    transform: translateY(12px)
-}
-
-nav.navbar .menu-btn.active span:nth-of-type(2) {
-    -webkit-transform: none;
-    transform: none
-}
-
-nav.navbar .menu-btn.active span:last-of-type {
-    -webkit-transform: translateY(-12px);
-    transform: translateY(-12px)
-}
-
-nav.navbar .nav-link {
-    position: relative
-}
-
-nav.navbar .nav-link span.badge-corner {
-    position: absolute;
-    top: 0;
-    right: 0;
-    font-weight: 400;
-    font-size: .7em
-}
-
-nav.navbar .nav-link.language span {
-    margin-left: .3rem;
-    vertical-align: middle
-}
-
-nav.navbar .nav-link.logout i {
-    margin-left: 10px
-}
-
-nav.navbar .nav-menu {
-    margin-bottom: 0
-}
-
-nav.navbar .search-box {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0;
-    background: #fff;
-    z-index: 12;
-    border-radius: 0;
-    display: none
-}
-
-nav.navbar .search-box .dismiss {
-    position: absolute;
-    top: 50%;
-    right: 20px;
-    -webkit-transform: translateY(-50%);
-    transform: translateY(-50%);
-    background: 0 0;
-    border: none;
-    cursor: pointer;
-    font-size: 1.5em;
-    color: #999
-}
-
-nav.navbar .search-box form {
-    height: 100%
-}
-
-nav.navbar .search-box form input {
-    height: 100%;
-    border: none;
-    padding: 20px
-}
-
-nav.navbar .dropdown-toggle::after {
-    border: none !important;
-    content: '\f107';
-    vertical-align: baseline;
-    font-family: fontawesome;
-    margin-left: .3rem
-}
-
-nav.navbar .dropdown-menu {
-    right: 0;
-    min-width: 250px;
-    left: auto;
-    margin-top: 15px;
-    margin-bottom: 0;
-    padding: 15px 0;
-    max-width: 400px;
-    border-radius: 0;
-    border: none;
-    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -2px 0 2px rgba(0, 0, 0, .1);
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -2px 0 2px rgba(0, 0, 0, .1)
-}
-
-nav.navbar .dropdown-menu .dropdown-item {
-    background: #fff;
-    padding: 10px 20px;
-    font-size: .8rem;
-    color: #777;
-    width: 100%
-}
-
-nav.navbar .dropdown-menu .dropdown-item:hover {
-    background: #f5f5f5
-}
-
-nav.navbar .dropdown-menu .dropdown-item i {
-    width: 30px;
-    height: 30px;
-    line-height: 30px;
-    background: #796aee;
-    text-align: center;
-    color: #fff;
-    border-radius: 50%;
-    margin-right: 10px
-}
-
-nav.navbar .dropdown-menu .dropdown-item small {
-    margin-left: 40px
-}
-
-nav.navbar .dropdown-menu span {
-    position: static;
-    font-size: .9em;
-    color: #999
-}
-
-nav.navbar .dropdown-menu strong {
-    font-weight: 700
-}
-
-nav.navbar .dropdown-menu .msg-profile {
-    width: 45px;
-    height: 45px;
-    margin-right: 10px
-}
-
-nav.navbar .dropdown-menu h3 {
-    font-weight: 500
-}
-
-@media (max-width: 1199px) {
-    nav.navbar {
-    }
-
-    nav.navbar .menu-btn {
-        margin-right: 20px;
-        font-size: 1.2em;
-        -webkit-transition: all .7s;
-        transition: all .7s
-    }
-
-    nav.navbar .menu-btn span:first-of-type {
-        -webkit-transform: translateY(12px);
-        transform: translateY(12px)
-    }
-
-    nav.navbar .menu-btn span:nth-of-type(2) {
-        -webkit-transform: none;
-        transform: none
-    }
-
-    nav.navbar .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
-        -webkit-transform: rotate(45deg);
-        transform: rotate(45deg)
-    }
-
-    nav.navbar .menu-btn span:nth-of-type(2)::after {
-        -webkit-transform: rotate(145deg);
-        transform: rotate(145deg);
-        position: absolute;
-        top: -2px;
-        left: 0
-    }
-
-    nav.navbar .menu-btn span:last-of-type {
-        -webkit-transform: translateY(-12px);
-        transform: translateY(-12px)
-    }
-
-    nav.navbar .menu-btn.active span:first-of-type {
-        -webkit-transform: none;
-        transform: none
-    }
-
-    nav.navbar .menu-btn.active span:nth-of-type(2) {
-        -webkit-transform: rotateY(180deg);
-        transform: rotateY(180deg)
-    }
-
-    nav.navbar .menu-btn.active span:last-of-type {
-        -webkit-transform: none;
-        transform: none
-    }
-}
-
-@media (max-width: 575px) {
-    nav.navbar {
-        font-size: 14px
-    }
-
-    nav.navbar .badge {
-        width: 19px;
-        height: 19px
-    }
-
-    nav.navbar .nav-item > a {
-        font-size: 13px
-    }
-
-    nav.navbar .dropdown-menu {
-        right: auto;
-        left: -50%;
-        -webkit-transform: translateX(-50%);
-        transform: translateX(-50%)
-    }
-}
-
-section.dashboard-counts .icon {
-    width: 40px;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-    min-width: 40px;
-    max-width: 40px;
-    border-radius: 50%
-}
-
-section.dashboard-counts .title {
-    font-size: 1.1em;
-    font-weight: 300;
-    color: #777;
-    margin: 0 20px
-}
-
-section.dashboard-counts .progress {
-    margin-top: 10px;
-    height: 4px
-}
-
-section.dashboard-counts .number {
-    font-size: 1.8em;
-    font-weight: 300
-}
-
-section.dashboard-counts .number strong {
-    font-weight: 700
-}
-
-section.dashboard-counts .row {
-    padding: 30px 15px;
-    margin: 0
-}
-
-section.dashboard-counts div[class*=col-] .item {
-    border-right: 1px solid #eee;
-    padding: 15px 0
-}
-
-section.dashboard-counts div[class*=col-]:last-of-type .item {
-    border-right: none
-}
-
-@media (max-width: 1199px) {
-    section.dashboard-counts div[class*=col-]:nth-of-type(2) .item {
-        border-right: none
-    }
-}
-
-@media (max-width: 575px) {
-    section.dashboard-counts div[class*=col-] .item {
-        border-right: none
-    }
-}
-
-.statistic {
-    padding: 20px 15px;
-    margin-bottom: 15px
-}
-
-.statistic:last-of-type {
-    margin-bottom: 0
-}
-
-.statistic strong {
-    font-size: 1.5em;
-    color: #333;
-    font-weight: 700;
-    line-height: 1
-}
-
-.statistic small {
-    color: #aaa;
-    text-transform: uppercase
-}
-
-.statistic .icon {
-    width: 40px;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-    min-width: 40px;
-    max-width: 40px;
-    color: #fff;
-    border-radius: 50%;
-    margin-right: 15px
-}
-
-.chart .title {
-    padding: 15px 0 0 15px
-}
-
-.chart .title strong {
-    font-weight: 700;
-    font-size: 1.2em
-}
-
-.chart .title small {
-    color: #aaa;
-    text-transform: uppercase
-}
-
-.chart .line-chart {
-    width: 100%;
-    height: 100%;
-    padding: 20px 0
-}
-
-.chart .line-chart canvas {
-    width: calc(100% - 30px) !important
-}
-
-.chart .bar-chart {
-    margin-bottom: 15px
-}
-
-.chart .bar-chart canvas {
-    padding: 15px;
-    width: 100%;
-    margin: 0
-}
-
-@media (max-width: 991px) {
-    section.dashboard-header div[class*=col-] {
-        margin-bottom: 20px
-    }
-}
-
-.project .row {
-    margin: 0;
-    padding: 15px 0;
-    margin-bottom: 15px
-}
-
-.project div[class*=col-] {
-    border-right: 1px solid #eee
-}
-
-.project .text h3 {
-    margin-bottom: 0;
-    color: #555
-}
-
-.project .text small {
-    color: #aaa;
-    font-size: .75em
-}
-
-.project .project-date span {
-    font-size: .9em;
-    color: #999
-}
-
-.project .image {
-    max-width: 50px;
-    min-width: 50px;
-    height: 50px;
-    margin-right: 15px
-}
-
-.project .time, .project .comments, .project .project-progress {
-    color: #999;
-    font-size: .9em;
-    margin-right: 20px
-}
-
-.project .time i, .project .comments i, .project .project-progress i {
-    margin-right: 5px
-}
-
-.project .project-progress {
-    width: 200px
-}
-
-.project .project-progress .progress {
-    height: 4px
-}
-
-.project .card {
-    margin-bottom: 0
-}
-
-@media (max-width: 991px) {
-    .project .right-col {
-        margin-top: 20px;
-        margin-left: 65px
-    }
-
-    .project .project-progress {
-        width: 150px
-    }
-}
-
-@media (max-width: 480px) {
-    .project .project-progress {
-        display: none
-    }
-}
-
-.work-amount .chart {
-    margin: 40px auto;
-    position: relative
-}
-
-.work-amount .chart .text {
-    display: inline-block;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%)
-}
-
-.work-amount .chart strong {
-    font-size: 1.5rem
-}
-
-.work-amount .chart span {
-    color: #999;
-    font-weight: 300
-}
-
-.work-amount li span {
-    font-size: .85em;
-    margin-bottom: 10px;
-    color: #777;
-    display: block
-}
-
-.work-amount li span::before {
-    content: '';
-    display: inline-block;
-    margin-right: 10px;
-    width: 7px;
-    height: 7px;
-    line-height: 7px;
-    background: #85b4f2;
-    border-radius: 50%
-}
-
-.client .client-avatar {
-    width: 100px;
-    height: 100px;
-    margin: 0 auto;
-    position: relative
-}
-
-.client .client-avatar .status {
-    content: '';
-    display: block;
-    width: 18px;
-    height: 18px;
-    border: 3px solid #fff;
-    border-radius: 50%;
-    position: absolute;
-    right: 4px;
-    bottom: 4px
-}
-
-.client .client-title {
-    margin-top: 20px
-}
-
-.client .client-title h3 {
-    font-weight: 500;
-    color: #555
-}
-
-.client .client-title span {
-    font-size: .9em;
-    color: #aaa;
-    display: block
-}
-
-.client .client-title a {
-    padding: 2px 30px;
-    border-radius: 40px;
-    background: #54e69d;
-    color: #fff;
-    margin-top: 5px;
-    font-size: .9em;
-    text-decoration: none
-}
-
-.client .client-title a:hover {
-    background: #85b4f2
-}
-
-.client .client-info {
-    margin-top: 20px
-}
-
-.client .client-info strong {
-    font-weight: 700
-}
-
-.client .client-social {
-    margin-top: 20px
-}
-
-.client .client-social a {
-    color: #aaa
-}
-
-.overdue .chart canvas {
-    width: 100% !important;
-    z-index: 1
-}
-
-.overdue .card {
-    margin-bottom: 0
-}
-
-.overdue .card-body {
-    padding: 20px
-}
-
-.overdue .card-body small {
-    font-weight: 300;
-    color: #aaa
-}
-
-.overdue .card-body h3 {
-    margin-bottom: 5px
-}
-
-.overdue .number {
-    font-size: 1.8em;
-    font-weight: 400;
-    color: #555;
-    margin: 35px 0
-}
-
-.checklist label {
-    font-size: .8em;
-    color: #999;
-    line-height: 1.8em;
-    margin-bottom: 0
-}
-
-.checklist .item {
-    padding: 20px
-}
-
-.checklist .item:nth-of-type(even) {
-    background: #fafafa
-}
-
-.articles a {
-    text-decoration: none !important;
-    display: block;
-    margin-bottom: 0;
-    color: #555
-}
-
-.articles .badge {
-    font-size: .7em;
-    padding: 5px 10px;
-    line-height: 1;
-    margin-left: 10px
-}
-
-.articles .item {
-    padding: 20px
-}
-
-.articles .item:nth-of-type(even) {
-    background: #fafafa
-}
-
-.articles .item .image {
-    min-width: 50px;
-    max-width: 50px;
-    height: 50px;
-    margin-right: 15px
-}
-
-.articles .item img {
-    padding: 3px;
-    border: 1px solid #28a745
-}
-
-.articles .item h3 {
-    color: #555;
-    font-weight: 400;
-    margin-bottom: 0
-}
-
-.articles .item small {
-    color: #aaa;
-    font-size: .75em
-}
-
-.recent-updates .item {
-    padding: 20px
-}
-
-.recent-updates .item:nth-of-type(even) {
-    background: #fafafa
-}
-
-.recent-updates .icon {
-    margin-right: 10px
-}
-
-.recent-updates h5 {
-    margin-bottom: 5px;
-    color: #333;
-    font-weight: 400
-}
-
-.recent-updates p {
-    font-size: .8em;
-    color: #aaa;
-    margin-bottom: 0
-}
-
-.recent-updates .date {
-    font-size: .9em;
-    color: #adadad
-}
-
-.recent-updates .date strong {
-    font-size: 1.4em;
-    line-height: .8em;
-    display: block
-}
-
-.recent-updates .date span {
-    font-size: .9em;
-    font-weight: 300
-}
-
-.daily-feeds .item {
-    padding: 20px;
-    border-bottom: 1px solid #eee
-}
-
-.daily-feeds .feed-profile {
-    max-width: 50px;
-    min-width: 50px;
-    margin-right: 10px
-}
-
-.daily-feeds h5 {
-    margin-bottom: 0;
-    color: #555
-}
-
-.daily-feeds span {
-    font-size: .8em;
-    color: #999
-}
-
-.daily-feeds .full-date {
-    font-size: .85em;
-    color: #aaa;
-    font-weight: 300
-}
-
-.daily-feeds .CTAs {
-    margin-top: 5px
-}
-
-.daily-feeds .CTAs a {
-    font-size: .7em;
-    padding: 3px 8px;
-    margin-right: 5px
-}
-
-.daily-feeds .CTAs a i {
-    margin-right: 5px
-}
-
-.daily-feeds .quote {
-    background: #fafafa;
-    margin-top: 5px;
-    border-radius: 0;
-    padding: 15px;
-    margin-left: 60px
-}
-
-.daily-feeds .quote small {
-    font-size: .75em;
-    color: #777
-}
-
-.daily-feeds .date {
-    font-size: .9em;
-    color: #aaa
-}
-
-.recent-activities .item {
-    padding: 0 15px;
-    border-bottom: 1px solid #eee
-}
-
-.recent-activities .item div[class*=col-] {
-    padding: 15px
-}
-
-.recent-activities h5 {
-    font-weight: 400;
-    color: #333
-}
-
-.recent-activities p {
-    font-size: .75em;
-    color: #999
-}
-
-.recent-activities .icon {
-    width: 35px;
-    height: 35px;
-    line-height: 35px;
-    background: #f5f5f5;
-    text-align: center;
-    display: inline-block
-}
-
-.recent-activities .date {
-    font-size: .75em;
-    color: #999;
-    padding: 10px
-}
-
-.recent-activities .date-holder {
-    padding: 0 !important;
-    border-right: 1px solid #eee
-}
-
-footer.main-footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    background: #2f333e;
-    color: #fff;
-    padding: 20px 10px
-}
-
-footer.main-footer a {
-    color: inherit
-}
-
-footer.main-footer p {
-    margin: 0;
-    font-size: .8em
-}
-
-@media (max-width: 575px) {
-    footer.main-footer div[class*=col] {
-        text-align: center !important
-    }
-}
-
-section.charts div[class*=col-] {
-    margin-bottom: 30px
-}
-
-section.charts header {
-    padding: 30px 0
-}
-
-section.charts div[class*=col-] {
-    margin-bottom: 0
-}
-
-.line-chart-example .card-block {
-    padding: 20px
-}
-
-.polar-chart-example canvas {
-    max-width: 350px;
-    max-height: 350px;
-    margin: 20px auto
-}
-
-.pie-chart-example canvas {
-    max-width: 350px;
-    max-height: 350px;
-    margin: 15px auto
-}
-
-.radar-chart-example canvas {
-    max-width: 350px;
-    max-height: 350px;
-    margin: 20px auto
-}
-
-@media (max-width: 991px) {
-    section.charts h2 {
-        font-size: 1rem
-    }
-}
-
-.form-control {
-    height: calc(2.25rem + 2px);
-    border: 1px solid #dee2e6;
-    border-radius: 0;
-    padding: .375rem .75rem
-}
-
-.form-control::-moz-placeholder {
-    font-size: .9em;
-    font-weight: 300;
-    font-family: poppins, sans-serif;
-    color: #aaa
-}
-
-.form-control::-webkit-input-placeholder {
-    font-size: .9em;
-    font-weight: 300;
-    font-family: poppins, sans-serif;
-    color: #aaa
-}
-
-.form-control:-ms-input-placeholder {
-    font-size: .9em;
-    font-weight: 300;
-    font-family: poppins, sans-serif;
-    color: #aaa
-}
-
-.form-control:focus {
-    color: #495057;
-    background-color: #fff;
-    border-color: #796aee;
-    outline: none;
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25)
-}
-
-.form-control-sm {
-    height: calc(1.8125rem + 2px);
-    padding: .25rem .5rem;
-    font-size: .875rem;
-    line-height: 1.5
-}
-
-.form-control-lg {
-    height: calc(2.875rem + 2px);
-    padding: .5rem 1rem;
-    font-size: 1.25rem;
-    line-height: 1.5
-}
-
-textarea.form-control {
-    height: auto
-}
-
-select.form-control[size], select.form-control[multiple] {
-    height: auto
-}
-
-select.form-control option {
-    color: #999
-}
-
-.input-group .dropdown-menu {
-    padding: 15px;
-    color: #777;
-    border-radius: 0
-}
-
-.input-group .dropdown-menu a {
-    padding: 5px 0;
-    color: inherit;
-    text-decoration: none
-}
-
-.input-group .dropdown-menu a:hover {
-    color: #796aee;
-    background: 0 0
-}
-
-.input-group-text {
-    color: #868e96;
-    background: #f8f9fa;
-    border-color: #dee2e6;
-    border-radius: 0
-}
-
-.input-group-text .checkbox-template, .input-group-text .radio-template {
-    -webkit-transform: none;
-    transform: none
-}
-
-.form-control-label {
-    font-size: .9rem;
-    color: #777
-}
-
-button, input[type=submit] {
-    cursor: pointer;
-    font-family: inherit;
-    font-weight: 300 !important
-}
-
-.input-group .dropdown-toggle {
-    background: #f5f5f5;
-    color: #777
-}
-
-.checkbox-template, .radio-template {
-    -webkit-transform: translateY(3px);
-    transform: translateY(3px);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    cursor: pointer;
-    position: relative
-}
-
-.checkbox-template + label, .radio-template + label {
-    margin-left: 10px
-}
-
-.checkbox-template::before, .radio-template::before {
-    margin-right: 10px;
-    content: '';
-    display: inline-block;
-    -webkit-transform: translate(-2px, -2px);
-    transform: translate(-2px, -2px);
-    width: 18px;
-    height: 18px;
-    line-height: 18px;
-    text-align: center;
-    background: #dae2e7;
-    -webkit-transition: all .2s;
-    transition: all .2s
-}
-
-.checkbox-template::after, .radio-template::after {
-    content: '\f00c';
-    width: 12px;
-    height: 12px;
-    line-height: 12px;
-    text-align: center;
-    display: block;
-    font-family: fontawesome;
-    position: absolute;
-    top: 1px;
-    left: 1px;
-    font-size: .7em;
-    opacity: 0;
-    -webkit-transition: all .2s;
-    transition: all .2s;
-    color: #fff;
-}
-
-.checkbox-template:checked::before, .radio-template:checked::before {
-    background: #796aee;
-}
-
-.checkbox-template:checked::after, .radio-template:checked::after {
-    opacity: 1;
-}
-
-.radio-template::before {
-    border-radius: 50%;
-    -webkit-transform: translate(-3px, -3px);
-    transform: translate(-3px, -3px);
-}
-
-.radio-template::after {
-    width: 6px;
-    height: 6px;
-    line-height: 6px;
-    text-align: center;
-    position: absolute;
-    top: 3px;
-    left: 3px;
-    border-radius: 50%;
-    content: '';
-}
-
-.radio-template:checked::after {
-    background: #fff;
-}
-
-input.input-material {
-    width: 100%;
-    border: none;
-    border-bottom: 1px solid #eee;
-    padding: 10px;
-}
-
-input.input-material.is-invalid {
-    border-color: #dc3545 !important;
-}
-
-input.input-material:focus {
-    border-color: #796aee;
-}
-
-input.input-material ~ label {
-    color: #aaa;
-    position: absolute;
-    top: 14px;
-    left: 0;
-    cursor: text;
-    -webkit-transition: all .2s;
-    transition: all .2s;
-    font-weight: 300;
-}
-
-input.input-material ~ label.active {
-    font-size: .8rem;
-    top: -10px;
-    color: #796aee;
-}
-
-input.input-material.is-invalid ~ label {
-    color: #dc3545;
-}
-
-.form-group-material {
-    position: relative;
-    margin-bottom: 30px;
-}
-
-.modal-content {
-    border-radius: 0;
-}
-
-.i-checks {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-}
-
-.forms p {
-    font-size: .9em;
-    color: #555;
-}
-
-.forms form small {
-    font-size: .8em;
-    color: #999;
-    font-weight: 300;
-}
-
-.forms .line {
-    width: 100%;
-    height: 1px;
-    border-bottom: 1px dashed #eee;
-    margin: 30px 0;
-}
-
-.login-page {
-    position: relative
-}
-
-.login-page::before {
-    content: '';
-    width: 100%;
-    height: 100%;
-    display: block;
-    z-index: -1;
-    background: url(../img/bg-loginbody.jpg) center;
-    background-size: cover;
-    /*-webkit-filter: blur(10px);
-    filter: blur(10px);*/
-    z-index: 1;
-    position: absolute;
-    top: 0;
-    right: 0;
-}
-
-.login-page .container {
-    min-height: 100vh;
-    z-index: 999;
-    padding: 0 20px;
-    position: relative;
-}
-.login-page .container:after{
-    content:'';
-    min-height:inherit;
-    font-size:0;
-}
-.login-page .form-holder {
-    width: 100%;
-    border-radius: 5px;
-    overflow: hidden;
-    margin-bottom: 50px;
-}
-
-.login-page .form-holder .info, .login-page .form-holder .form {
-    min-height: 60vh;
-    padding: 40px;
-    height: 100%
-}
-
-.login-page .form-holder div[class*=col-] {
-    padding: 0
-}
-
-.login-page .form-holder .info {
-    /*background: rgba(79, 54, 205, .9);
-    background-color: rgba(38, 104, 254, .9);
-    background-image: linear-gradient(transparent, rgba(17,32,57,.54));*/
-    color: #fff;
-    background: url(../img/bg_cl.png) no-repeat center center;
-    background-size: 100% auto;
-}
-
-.login-page .form-holder .info h1 {
-    font-size: 2.5em;
-    font-weight: normal;
-}
-
-.login-page .form-holder .form h1 {
-    width: calc(100% - 20px);
-    text-align: center;
-    font-weight: normal;
-    font-size: 1.5rem;
-    top: 15%;
-    position: absolute;
-    left: 0;
-    color: #2668fe;
-}
-
-.login-page .form-holder .info .logosys {
-    width: 420px;
-    height: 72px;
-    background: url(../img/logo_sz.png) no-repeat 0 0;
-    background: url(../img/logo-car.png) no-repeat 0 0;
-    /*background: url(../img/log-szsf.png) no-repeat 0 0;*/
-    /*background: url(../img/zxt.png) no-repeat 0 0;*/
-    float: left;
-    line-height: 40em;
-    overflow: hidden;
-    position: absolute;
-    top: 5%;
-}
-
-.login-page .form-holder .info p {
-    font-weight: 300
-}
-
-.login-page .form-holder .form .form-group {
-    position: relative;
-    margin-bottom: 30px
-}
-
-.login-page .form-holder .form .content {
-    width: 100%
-}
-
-.login-page .form-holder .form form {
-    width: 100%;
-    max-width: 400px
-}
-
-.login-page .form-holder .form #login, .login-page .form-holder .form #register {
-    margin-bottom: 20px;
-    cursor: pointer
-}
-
-.login-page .form-holder .form a.forgot-pass, .login-page .form-holder .form a.signup {
-    font-size: .9em;
-    color: #85b4f2
-}
-
-.login-page .form-holder .form small {
-    color: #aaa
-}
-
-.login-page .form-holder .form .terms-conditions label {
-    cursor: pointer;
-    color: #aaa;
-    font-size: .9em
-}
-
-.login-page .copyrights {
-    width: 100%;
-    z-index: 9999;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    color: #fff
-}
-
-@media (max-width: 991px) {
-    .login-page .info, .login-page .form {
-        min-height: auto !important
-    }
-
-    .login-page .info {
-        padding-top: 100px !important;
-        padding-bottom: 100px !important
-    }
-}
-
-#style-switch-button {
-    position: fixed;
-    top: 120px;
-    right: 0;
-    border-radius: 0;
-    z-index: 12
-}
-
-#style-switch {
-    width: 300px;
-    padding: 20px;
-    position: fixed;
-    top: 160px;
-    right: 0;
-    background: #fff;
-    border: solid 1px #ced4da;
-    z-index: 12
-}
-
-#style-switch h4 {
-    color: #495057
-}
-
-.navbar {
-    padding: .5rem 1rem
-}
-
-.navbar-brand {
-    display: inline-block;
-    padding-top: .3125rem;
-    padding-bottom: .3125rem;
-    margin-right: 1rem;
-    font-size: 1.25rem
-}
-
-.navbar-toggler {
-    padding: .25rem .75rem;
-    font-size: 1.25rem;
-    line-height: 1;
-    border: 1px solid transparent;
-    border-radius: .25rem
-}
-
-.navbar-light .navbar-brand {
-    color: rgba(0, 0, 0, .9)
-}
-
-.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
-    color: rgba(0, 0, 0, .9)
-}
-
-.navbar-light .navbar-nav .nav-link {
-    color: rgba(0, 0, 0, .5)
-}
-
-.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
-    color: rgba(0, 0, 0, .7)
-}
-
-.navbar-light .navbar-nav .nav-link.disabled {
-    color: rgba(0, 0, 0, .3)
-}
-
-.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
-    color: rgba(0, 0, 0, .9)
-}
-
-.navbar-light .navbar-toggler {
-    color: rgba(0, 0, 0, .5);
-    border-color: rgba(0, 0, 0, .1)
-}
-
-.navbar-light .navbar-toggler-icon {
-    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDAsIDAsIDAsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
-}
-
-.navbar-light .navbar-text {
-    color: rgba(0, 0, 0, .5)
-}
-
-.navbar-dark .navbar-brand {
-    color: #fff
-}
-
-.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
-    color: #fff
-}
-
-.navbar-dark .navbar-nav .nav-link {
-    color: rgba(255, 255, 255, .5)
-}
-
-.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
-    color: rgba(255, 255, 255, .75)
-}
-
-.navbar-dark .navbar-nav .nav-link.disabled {
-    color: rgba(255, 255, 255, .25)
-}
-
-.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
-    color: #fff
-}
-
-.navbar-dark .navbar-toggler {
-    color: rgba(255, 255, 255, .5);
-    border-color: rgba(255, 255, 255, .1)
-}
-
-.navbar-dark .navbar-toggler-icon {
-    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
-}
-
-.navbar-dark .navbar-text {
-    color: rgba(255, 255, 255, .5)
-}
-
-.btn {
-    font-weight: 400;
-    border: 1px solid transparent;
-    padding: .375rem .75rem;
-    font-size: 1rem;
-    line-height: 1.5;
-    border-radius: .25rem;
-    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
-    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
-}
-
-.btn:focus, .btn.focus {
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25)
-}
-
-.btn.disabled, .btn:disabled {
-    opacity: .65
-}
-
-.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
-    background-image: none
-}
-
-.btn-primary {
-    color: color-yiq(#796AEE);
-    background-color: #2668fe;
-    border-color: #2668fe;
-}
-
-.btn-primary:hover {
-    color: color-yiq(#5a48ea);
-    background-color: #5a48ea;
-    border-color: #503ce9
-}
-
-.btn-primary:focus, .btn-primary.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
-}
-
-.btn-primary.disabled, .btn-primary:disabled {
-    color: color-yiq(#796AEE);
-    background-color: #796aee;
-    border-color: #796aee
-}
-
-.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
-    color: color-yiq(#503ce9);
-    background-color: #503ce9;
-    border-color: #4631e7
-}
-
-.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
-}
-
-.btn-secondary {
-    color: color-yiq(#868e96);
-    background-color: #868e96;
-    border-color: #868e96
-}
-
-.btn-secondary:hover {
-    color: color-yiq(#727b84);
-    background-color: #727b84;
-    border-color: #6c757d
-}
-
-.btn-secondary:focus, .btn-secondary.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
-    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
-}
-
-.btn-secondary.disabled, .btn-secondary:disabled {
-    color: color-yiq(#868e96);
-    background-color: #868e96;
-    border-color: #868e96
-}
-
-.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
-    color: color-yiq(#6c757d);
-    background-color: #6c757d;
-    border-color: #666e76
-}
-
-.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
-    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
-}
-
-.btn-success {
-    color: color-yiq(#28a745);
-    background-color: #28a745;
-    border-color: #28a745
-}
-
-.btn-success:hover {
-    color: color-yiq(#218838);
-    background-color: #218838;
-    border-color: #1e7e34
-}
-
-.btn-success:focus, .btn-success.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-}
-
-.btn-success.disabled, .btn-success:disabled {
-    color: color-yiq(#28a745);
-    background-color: #28a745;
-    border-color: #28a745
-}
-
-.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
-    color: color-yiq(#1e7e34);
-    background-color: #1e7e34;
-    border-color: #1c7430
-}
-
-.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-}
-
-.btn-info {
-    color: color-yiq(#17a2b8);
-    background-color: #17a2b8;
-    border-color: #17a2b8
-}
-
-.btn-info:hover {
-    color: color-yiq(#138496);
-    background-color: #138496;
-    border-color: #117a8b
-}
-
-.btn-info:focus, .btn-info.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
-    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-}
-
-.btn-info.disabled, .btn-info:disabled {
-    color: color-yiq(#17a2b8);
-    background-color: #17a2b8;
-    border-color: #17a2b8
-}
-
-.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
-    color: color-yiq(#117a8b);
-    background-color: #117a8b;
-    border-color: #10707f
-}
-
-.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
-    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-}
-
-.btn-warning {
-    color: color-yiq(#ffc107);
-    background-color: #ffc107;
-    border-color: #ffc107
-}
-
-.btn-warning:hover {
-    color: color-yiq(#e0a800);
-    background-color: #e0a800;
-    border-color: #d39e00
-}
-
-.btn-warning:focus, .btn-warning.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
-    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-}
-
-.btn-warning.disabled, .btn-warning:disabled {
-    color: color-yiq(#ffc107);
-    background-color: #ffc107;
-    border-color: #ffc107
-}
-
-.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
-    color: color-yiq(#d39e00);
-    background-color: #d39e00;
-    border-color: #c69500
-}
-
-.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
-    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-}
-
-.btn-danger {
-    color: color-yiq(#dc3545);
-    background-color: #dc3545;
-    border-color: #dc3545
-}
-
-.btn-danger:hover {
-    color: color-yiq(#c82333);
-    background-color: #c82333;
-    border-color: #bd2130
-}
-
-.btn-danger:focus, .btn-danger.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-}
-
-.btn-danger.disabled, .btn-danger:disabled {
-    color: color-yiq(#dc3545);
-    background-color: #dc3545;
-    border-color: #dc3545
-}
-
-.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
-    color: color-yiq(#bd2130);
-    background-color: #bd2130;
-    border-color: #b21f2d
-}
-
-.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-}
-
-.btn-light {
-    color: color-yiq(#f8f9fa);
-    background-color: #f8f9fa;
-    border-color: #f8f9fa
-}
-
-.btn-light:hover {
-    color: color-yiq(#e2e6ea);
-    background-color: #e2e6ea;
-    border-color: #dae0e5
-}
-
-.btn-light:focus, .btn-light.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
-    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-}
-
-.btn-light.disabled, .btn-light:disabled {
-    color: color-yiq(#f8f9fa);
-    background-color: #f8f9fa;
-    border-color: #f8f9fa
-}
-
-.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
-    color: color-yiq(#dae0e5);
-    background-color: #dae0e5;
-    border-color: #d3d9df
-}
-
-.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
-    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-}
-
-.btn-dark {
-    color: color-yiq(#343a40);
-    background-color: #343a40;
-    border-color: #343a40
-}
-
-.btn-dark:hover {
-    color: color-yiq(#23272b);
-    background-color: #23272b;
-    border-color: #1d2124
-}
-
-.btn-dark:focus, .btn-dark.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
-    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-}
-
-.btn-dark.disabled, .btn-dark:disabled {
-    color: color-yiq(#343a40);
-    background-color: #343a40;
-    border-color: #343a40
-}
-
-.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
-    color: color-yiq(#1d2124);
-    background-color: #1d2124;
-    border-color: #171a1d
-}
-
-.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
-    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-}
-
-.btn-default {
-    color: color-yiq(#ced4da);
-    background-color: #ced4da;
-    border-color: #ced4da
-}
-
-.btn-default:hover {
-    color: color-yiq(#b8c1ca);
-    background-color: #b8c1ca;
-    border-color: #b1bbc4
-}
-
-.btn-default:focus, .btn-default.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
-    box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
-}
-
-.btn-default.disabled, .btn-default:disabled {
-    color: color-yiq(#ced4da);
-    background-color: #ced4da;
-    border-color: #ced4da
-}
-
-.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
-    color: color-yiq(#b1bbc4);
-    background-color: #b1bbc4;
-    border-color: #aab4bf
-}
-
-.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
-    box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
-}
-
-.btn-outline-primary {
-    color: #796aee;
-    background-color: transparent;
-    background-image: none;
-    border-color: #796aee
-}
-
-.btn-outline-primary:hover {
-    color: #fff;
-    background-color: #796aee;
-    border-color: #796aee
-}
-
-.btn-outline-primary:focus, .btn-outline-primary.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
-}
-
-.btn-outline-primary.disabled, .btn-outline-primary:disabled {
-    color: #796aee;
-    background-color: transparent
-}
-
-.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
-    color: color-yiq(#796AEE);
-    background-color: #796aee;
-    border-color: #796aee
-}
-
-.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
-}
-
-.btn-outline-secondary {
-    color: #868e96;
-    background-color: transparent;
-    background-image: none;
-    border-color: #868e96
-}
-
-.btn-outline-secondary:hover {
-    color: #fff;
-    background-color: #868e96;
-    border-color: #868e96
-}
-
-.btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
-    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
-}
-
-.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
-    color: #868e96;
-    background-color: transparent
-}
-
-.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
-    color: color-yiq(#868e96);
-    background-color: #868e96;
-    border-color: #868e96
-}
-
-.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
-    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
-}
-
-.btn-outline-success {
-    color: #28a745;
-    background-color: transparent;
-    background-image: none;
-    border-color: #28a745
-}
-
-.btn-outline-success:hover {
-    color: #fff;
-    background-color: #28a745;
-    border-color: #28a745
-}
-
-.btn-outline-success:focus, .btn-outline-success.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-}
-
-.btn-outline-success.disabled, .btn-outline-success:disabled {
-    color: #28a745;
-    background-color: transparent
-}
-
-.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
-    color: color-yiq(#28a745);
-    background-color: #28a745;
-    border-color: #28a745
-}
-
-.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-}
-
-.btn-outline-info {
-    color: #17a2b8;
-    background-color: transparent;
-    background-image: none;
-    border-color: #17a2b8
-}
-
-.btn-outline-info:hover {
-    color: #fff;
-    background-color: #17a2b8;
-    border-color: #17a2b8
-}
-
-.btn-outline-info:focus, .btn-outline-info.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
-    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-}
-
-.btn-outline-info.disabled, .btn-outline-info:disabled {
-    color: #17a2b8;
-    background-color: transparent
-}
-
-.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
-    color: color-yiq(#17a2b8);
-    background-color: #17a2b8;
-    border-color: #17a2b8
-}
-
-.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
-    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-}
-
-.btn-outline-warning {
-    color: #ffc107;
-    background-color: transparent;
-    background-image: none;
-    border-color: #ffc107
-}
-
-.btn-outline-warning:hover {
-    color: #fff;
-    background-color: #ffc107;
-    border-color: #ffc107
-}
-
-.btn-outline-warning:focus, .btn-outline-warning.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
-    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-}
-
-.btn-outline-warning.disabled, .btn-outline-warning:disabled {
-    color: #ffc107;
-    background-color: transparent
-}
-
-.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
-    color: color-yiq(#ffc107);
-    background-color: #ffc107;
-    border-color: #ffc107
-}
-
-.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
-    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-}
-
-.btn-outline-danger {
-    color: #dc3545;
-    background-color: transparent;
-    background-image: none;
-    border-color: #dc3545
-}
-
-.btn-outline-danger:hover {
-    color: #fff;
-    background-color: #dc3545;
-    border-color: #dc3545
-}
-
-.btn-outline-danger:focus, .btn-outline-danger.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-}
-
-.btn-outline-danger.disabled, .btn-outline-danger:disabled {
-    color: #dc3545;
-    background-color: transparent
-}
-
-.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
-    color: color-yiq(#dc3545);
-    background-color: #dc3545;
-    border-color: #dc3545
-}
-
-.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
-    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-}
-
-.btn-outline-light {
-    color: #f8f9fa;
-    background-color: transparent;
-    background-image: none;
-    border-color: #f8f9fa
-}
-
-.btn-outline-light:hover {
-    color: #fff;
-    background-color: #f8f9fa;
-    border-color: #f8f9fa
-}
-
-.btn-outline-light:focus, .btn-outline-light.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
-    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-}
-
-.btn-outline-light.disabled, .btn-outline-light:disabled {
-    color: #f8f9fa;
-    background-color: transparent
-}
-
-.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
-    color: color-yiq(#f8f9fa);
-    background-color: #f8f9fa;
-    border-color: #f8f9fa
-}
-
-.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
-    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-}
-
-.btn-outline-dark {
-    color: #343a40;
-    background-color: transparent;
-    background-image: none;
-    border-color: #343a40
-}
-
-.btn-outline-dark:hover {
-    color: #fff;
-    background-color: #343a40;
-    border-color: #343a40
-}
-
-.btn-outline-dark:focus, .btn-outline-dark.focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
-    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-}
-
-.btn-outline-dark.disabled, .btn-outline-dark:disabled {
-    color: #343a40;
-    background-color: transparent
-}
-
-.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
-    color: color-yiq(#343a40);
-    background-color: #343a40;
-    border-color: #343a40
-}
-
-.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
-    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
-    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-}
-
-.btn-lg {
-    padding: .5rem 1rem;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    border-radius: .3rem
-}
-
-.btn-sm {
-    padding: .25rem .5rem;
-    font-size: .875rem;
-    line-height: 1.5;
-    border-radius: .2rem
-}
-
-body {
-    font-family: poppins, sans-serif;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    background-color: #fff
-}
-
-a {
-    color: #796aee;
-    text-decoration: none
-}
-
-a:focus, a:hover {
-    color: #3b25e6;
-    text-decoration: underline
-}
-
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-    margin-bottom: .5rem;
-    font-family: inherit;
-    font-weight: 700;
-    line-height: 1.1;
-    color: inherit
-}
-
-h1, .h1 {
-    font-size: 1.5rem
-}
-
-h2, .h2 {
-    font-size: 1.3rem
-}
-
-h3, .h3 {
-    font-size: 1.2rem
-}
-
-h4, .h4 {
-    font-size: 1.1rem
-}
-
-h5, .h5 {
-    font-size: 1rem
-}
-
-h6, .h6 {
-    font-size: .95rem
-}
-
-.lead {
-    font-size: 1.25rem;
-    font-weight: 300
-}
-
-.display-1 {
-    font-size: 6rem;
-    font-weight: 300;
-    line-height: 1.1
-}
-
-.display-2 {
-    font-size: 5.5rem;
-    font-weight: 300;
-    line-height: 1.1
-}
-
-.display-3 {
-    font-size: 4.5rem;
-    font-weight: 300;
-    line-height: 1.1
-}
-
-.display-4 {
-    font-size: 3.5rem;
-    font-weight: 300;
-    line-height: 1.1
-}
-
-hr {
-    border-top: 1px solid rgba(0, 0, 0, .1)
-}
-
-small, .small {
-    font-size: 80%;
-    font-weight: 400
-}
-
-mark, .mark {
-    padding: .2em;
-    background-color: #fcf8e3
-}
-
-.blockquote {
-    padding: .5rem 1rem;
-    margin-bottom: 2rem;
-    font-size: 1.25rem;
-    border-left: 5px solid #796aee
-}
-
-.blockquote-footer {
-    color: #868e96
-}
-
-.blockquote-footer::before {
-    content: "\2014 \00A0"
-}
-
-.text-primary {
-    color: #796aee !important
-}
-
-a.text-primary:focus, a.text-primary:hover {
-    color: #503ce9 !important
-}
-
-.page-item:first-child .page-link {
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem
-}
-
-.page-item:last-child .page-link {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem
-}
-
-.page-item.active .page-link {
-    color: #fff;
-    background-color: #796aee;
-    border-color: #796aee
-}
-
-.page-item.disabled .page-link {
-    color: #868e96;
-    background-color: #fff;
-    border-color: #ddd
-}
-
-.page-link {
-    padding: .5rem .75rem;
-    margin-left: -1px;
-    line-height: 1.25;
-    color: #796aee;
-    background-color: #fff;
-    border: 1px solid #ddd
-}
-
-.page-link:hover {
-    z-index: 2;
-    color: #3b25e6;
-    background-color: #e9ecef;
-    border-color: #ddd
-}
-
-.page-link:focus {
-    z-index: 2;
-    outline: 0;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    text-decoration: none
-}
-
-.pagination-lg .page-link {
-    padding: .75rem 1.5rem;
-    font-size: 1.25rem;
-    line-height: 1.5
-}
-
-.pagination-lg .page-item:first-child .page-link {
-    border-top-left-radius: .3rem;
-    border-bottom-left-radius: .3rem
-}
-
-.pagination-lg .page-item:last-child .page-link {
-    border-top-right-radius: .3rem;
-    border-bottom-right-radius: .3rem
-}
-
-.pagination-sm .page-link {
-    padding: .25rem .5rem;
-    font-size: .875rem;
-    line-height: 1.5
-}
-
-.pagination-sm .page-item:first-child .page-link {
-    border-top-left-radius: .2rem;
-    border-bottom-left-radius: .2rem
-}
-
-.pagination-sm .page-item:last-child .page-link {
-    border-top-right-radius: .2rem;
-    border-bottom-right-radius: .2rem
-}
-
-.bg-primary {
-    background-color: #796aee !important
-}
-
-a.bg-primary:focus, a.bg-primary:hover {
-    background-color: #503ce9 !important
-}
-
-.bg-secondary {
-    background-color: #868e96 !important
-}
-
-a.bg-secondary:focus, a.bg-secondary:hover {
-    background-color: #6c757d !important
-}
-
-.bg-success {
-    background-color: #28a745 !important
-}
-
-a.bg-success:focus, a.bg-success:hover {
-    background-color: #1e7e34 !important
-}
-
-.bg-info {
-    background-color: #17a2b8 !important
-}
-
-a.bg-info:focus, a.bg-info:hover {
-    background-color: #117a8b !important
-}
-
-.bg-warning {
-    background-color: #ffc107 !important
-}
-
-a.bg-warning:focus, a.bg-warning:hover {
-    background-color: #d39e00 !important
-}
-
-.bg-danger {
-    background-color: #dc3545 !important
-}
-
-a.bg-danger:focus, a.bg-danger:hover {
-    background-color: #bd2130 !important
-}
-
-.bg-light {
-    background-color: #f8f9fa !important
-}
-
-a.bg-light:focus, a.bg-light:hover {
-    background-color: #dae0e5 !important
-}
-
-.bg-dark {
-    background-color: #343a40 !important
-}
-
-a.bg-dark:focus, a.bg-dark:hover {
-    background-color: #1d2124 !important
-}
-
-.border-primary {
-    border-color: #796aee !important
-}
-
-.border-secondary {
-    border-color: #868e96 !important
-}
-
-.border-success {
-    border-color: #28a745 !important
-}
-
-.border-info {
-    border-color: #17a2b8 !important
-}
-
-.border-warning {
-    border-color: #ffc107 !important
-}
-
-.border-danger {
-    border-color: #dc3545 !important
-}
-
-.border-light {
-    border-color: #f8f9fa !important
-}
-
-.border-dark {
-    border-color: #343a40 !important
-}
-
-.text-primary {
-    color: #796aee !important
-}
-
-a.text-primary:focus, a.text-primary:hover {
-    color: #503ce9 !important
-}
-
-.text-secondary {
-    color: #868e96 !important
-}
-
-a.text-secondary:focus, a.text-secondary:hover {
-    color: #6c757d !important
-}
-
-.text-success {
-    color: #28a745 !important
-}
-
-a.text-success:focus, a.text-success:hover {
-    color: #1e7e34 !important
-}
-
-.text-info {
-    color: #17a2b8 !important
-}
-
-a.text-info:focus, a.text-info:hover {
-    color: #117a8b !important
-}
-
-.text-warning {
-    color: #ffc107 !important
-}
-
-a.text-warning:focus, a.text-warning:hover {
-    color: #d39e00 !important
-}
-
-.text-danger {
-    color: #dc3545 !important
-}
-
-a.text-danger:focus, a.text-danger:hover {
-    color: #bd2130 !important
-}
-
-.text-light {
-    color: #f8f9fa !important
-}
-
-a.text-light:focus, a.text-light:hover {
-    color: #dae0e5 !important
-}
-
-.text-dark {
-    color: #343a40 !important
-}
-
-a.text-dark:focus, a.text-dark:hover {
-    color: #1d2124 !important
-}
-
-.badge-primary {
-    color: color-yiq(#796AEE);
-    background-color: #796aee
-}
-
-.badge-primary[href]:focus, .badge-primary[href]:hover {
-    color: color-yiq(#796AEE);
-    text-decoration: none;
-    background-color: #503ce9
-}
-
-.badge-secondary {
-    color: color-yiq(#868e96);
-    background-color: #868e96
-}
-
-.badge-secondary[href]:focus, .badge-secondary[href]:hover {
-    color: color-yiq(#868e96);
-    text-decoration: none;
-    background-color: #6c757d
-}
-
-.badge-success {
-    color: color-yiq(#28a745);
-    background-color: #28a745
-}
-
-.badge-success[href]:focus, .badge-success[href]:hover {
-    color: color-yiq(#28a745);
-    text-decoration: none;
-    background-color: #1e7e34
-}
-
-.badge-info {
-    color: color-yiq(#17a2b8);
-    background-color: #17a2b8
-}
-
-.badge-info[href]:focus, .badge-info[href]:hover {
-    color: color-yiq(#17a2b8);
-    text-decoration: none;
-    background-color: #117a8b
-}
-
-.badge-warning {
-    color: color-yiq(#ffc107);
-    background-color: #ffc107
-}
-
-.badge-warning[href]:focus, .badge-warning[href]:hover {
-    color: color-yiq(#ffc107);
-    text-decoration: none;
-    background-color: #d39e00
-}
-
-.badge-danger {
-    color: color-yiq(#dc3545);
-    background-color: #dc3545
-}
-
-.badge-danger[href]:focus, .badge-danger[href]:hover {
-    color: color-yiq(#dc3545);
-    text-decoration: none;
-    background-color: #bd2130
-}
-
-.badge-light {
-    color: color-yiq(#f8f9fa);
-    background-color: #f8f9fa
-}
-
-.badge-light[href]:focus, .badge-light[href]:hover {
-    color: color-yiq(#f8f9fa);
-    text-decoration: none;
-    background-color: #dae0e5
-}
-
-.badge-dark {
-    color: color-yiq(#343a40);
-    background-color: #343a40
-}
-
-.badge-dark[href]:focus, .badge-dark[href]:hover {
-    color: color-yiq(#343a40);
-    text-decoration: none;
-    background-color: #1d2124
-}
-
-code {
-    padding: .2rem .4rem;
-    font-size: 90%;
-    color: #bd4147;
-    background-color: #f8f9fa;
-    border-radius: .25rem
-}
-
-a > code {
-    padding: 0;
-    color: inherit;
-    background-color: inherit
-}
-
-.nav-link {
-    padding: .5rem 1rem
-}
-
-.nav-link.disabled {
-    color: #868e96
-}
-
-.nav-tabs .nav-item {
-    margin-bottom: -1px
-}
-
-.nav-tabs .nav-link {
-    border: 1px solid transparent;
-    border-top-left-radius: .25rem;
-    border-top-right-radius: .25rem
-}
-
-.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
-    border-color: #e9ecef #e9ecef #dee2e6
-}
-
-.nav-tabs .nav-link.disabled {
-    color: #868e96
-}
-
-.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
-    color: #495057;
-    background-color: #fff
-}
-
-.nav-tabs .dropdown-menu {
-    margin-top: -1px
-}
-
-.nav-pills .nav-link {
-    border-radius: .25rem
-}
-
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-    color: #fff;
-    background-color: #796aee
-}
-
-.card {
-    background-color: #fff;
-    border: 0 solid #eee;
-    border-radius: 0
-}
-
-.card > .list-group:first-child .list-group-item:first-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0
-}
-
-.card > .list-group:last-child .list-group-item:last-child {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.card-body {
-    padding: 1.25rem
-}
-
-.card-title {
-    margin-bottom: 1rem
-}
-
-.card-subtitle {
-    margin-top: -.5rem
-}
-
-.card-link + .card-link {
-    margin-left: 1.25rem
-}
-
-.card-header {
-    padding: 1rem 1.25rem;
-    background-color: #fff;
-    border-bottom: 1px solid #eee
-}
-
-.card-header:first-child {
-    border-radius: 0 0 0 0
-}
-
-.card-header-transparent {
-    background-color: rgba(0, 0, 0, .3);
-    border-bottom: none
-}
-
-.card-footer {
-    padding: 1rem 1.25rem;
-    background-color: #f8f9fa;
-    border-top: 1px solid #eee
-}
-
-.card-footer:last-child {
-    border-radius: 0 0 0 0
-}
-
-.card-header-tabs {
-    margin-right: -.625rem;
-    margin-bottom: -1rem;
-    margin-left: -.625rem;
-    border-bottom: 0
-}
-
-.card-header-pills {
-    margin-right: -.625rem;
-    margin-left: -.625rem
-}
-
-.card-img-overlay {
-    padding: 1.25rem
-}
-
-.card-img-overlay-opacity {
-    background: rgba(0, 0, 0, .2)
-}
-
-.card-img {
-    border-radius: 0
-}
-
-.card-img-top {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0
-}
-
-.card-img-bottom {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.card-deck .card {
-    margin-bottom: 15px
-}
-
-@media (min-width: 576px) {
-    .card-deck {
-        margin-right: -15px;
-        margin-left: -15px
-    }
-
-    .card-deck .card {
-        margin-right: 15px;
-        margin-left: 15px
-    }
-}
-
-.custom-select {
-    height: calc(2.25rem + 2px);
-    padding: .375rem 1.75rem .375rem .75rem;
-    line-height: 1.5;
-    color: #495057;
-    vertical-align: middle;
-    background: #fff url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=) no-repeat right .75rem center;
-    background-size: 8px 10px;
-    border: 1px solid #ced4da;
-    border-radius: 0;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none
-}
-
-.custom-select:focus {
-    border-color: #796aee;
-    outline: 0;
-    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
-    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
-}
-
-.custom-select:focus::-ms-value {
-    color: #495057;
-    background-color: #fff
-}
-
-.custom-select[multiple], .custom-select[size]:not([size="1"]) {
-    height: auto;
-    padding-right: .75rem;
-    background-image: none
-}
-
-.custom-select:disabled {
-    color: #868e96;
-    background-color: #e9ecef
-}
-
-.custom-select::-ms-expand {
-    opacity: 0
-}
-
-.custom-select-sm {
-    height: calc(1.8125rem + 2px);
-    padding-top: .375rem;
-    padding-bottom: .375rem;
-    font-size: 75%
-}
-
-.custom-select-lg {
-    height: calc(2.875rem + 2px);
-    padding-top: .375rem;
-    padding-bottom: .375rem;
-    font-size: 125%
+body {
+    overflow-x: hidden
+}
+
+a, i, span {
+    display: inline-block;
+    text-decoration: none;
+    -webkit-transition: all .3s;
+    transition: all .3s
+}
+
+a:hover, a:focus, i:hover, i:focus, span:hover, span:focus {
+    text-decoration: none
+}
+
+section {
+    padding: 50px 0
+}
+
+canvas {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.container-fluid {
+    padding: 0 30px
+}
+
+@media (max-width: 575px) {
+    .container-fluid {
+        padding: 0 15px
+    }
+}
+
+header.page-header {
+    padding: 20px 0
+}
+
+table {
+    font-size: .9em;
+    color: #666
+}
+
+.card-close {
+    position: absolute;
+    top: 15px;
+    right: 15px
+}
+
+.card-close .dropdown-toggle {
+    color: #999;
+    background: 0 0;
+    border: none
+}
+
+.card-close .dropdown-toggle:after {
+    display: none
+}
+
+.card-close .dropdown-menu {
+    border: none;
+    min-width: auto;
+    font-size: .9em;
+    border-radius: 0;
+    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1), -2px -2px 3px rgba(0, 0, 0, .1);
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1), -2px -2px 3px rgba(0, 0, 0, .1)
+}
+
+.card-close .dropdown-menu a {
+    color: #999 !important
+}
+
+.card-close .dropdown-menu a:hover {
+    background: #796aee;
+    color: #fff !important
+}
+
+.card-close .dropdown-menu a i {
+    margin-right: 10px;
+    -webkit-transition: none;
+    transition: none
+}
+
+.content-inner {
+    position: relative;
+    width: calc(100% - 250px);
+    min-height: calc(100vh - 70px);
+    padding-bottom: 60px
+}
+
+.content-inner.active {
+    width: calc(100% - 90px)
+}
+
+.page-header {
+    background: #fff;
+    padding: 20px;
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
+    position: relative;
+    z-index: 8
+}
+
+*[class*=icon-] {
+    -webkit-transform: translateY(3px);
+    transform: translateY(3px)
+}
+
+button, input {
+    outline: none !important
+}
+
+.card {
+    margin-bottom: 30px;
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05)
+}
+
+.card-header {
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05)
+}
+
+.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
+    margin-bottom: 0
+}
+
+.breadcrumb-holder {
+    background: #fff
+}
+
+.breadcrumb {
+    background: #fff;
+    position: relative;
+    z-index: 7;
+    border-radius: 0;
+    padding: 15px 0;
+    margin-bottom: 0
+}
+
+.breadcrumb li.breadcrumb-item {
+    color: #aaa;
+    font-weight: 300
+}
+
+.text-bold {
+    font-weight: 700
+}
+
+.text-small {
+    font-size: .9rem
+}
+
+.text-xsmall {
+    font-size: .8rem
+}
+
+.bg-red {
+    background: #ff7676 !important;
+    color: #fff
+}
+
+.bg-red:hover {
+    color: #fff
+}
+
+.bg-blue {
+    background: #85b4f2 !important;
+    color: #fff
+}
+
+.bg-blue:hover {
+    color: #fff
+}
+
+.bg-yellow {
+    background: #eef157 !important;
+    color: #fff
+}
+
+.bg-yellow:hover {
+    color: #fff
+}
+
+.bg-green {
+    background: #54e69d !important;
+    color: #fff
+}
+
+.bg-green:hover {
+    color: #fff
+}
+
+.bg-orange {
+    background: #ffc36d !important;
+    color: #fff
+}
+
+.bg-orange:hover {
+    color: #fff
+}
+
+.bg-violet {
+    background: #796aee !important;
+    color: #fff
+}
+
+.bg-violet:hover {
+    color: #fff
+}
+
+.bg-gray {
+    background: #ced4da !important
+}
+
+.bg-white {
+    background: #fff !important
+}
+
+.text-red {
+    color: #ff7676
+}
+
+.text-red:hover {
+    color: #ff7676
+}
+
+.text-yellow {
+    color: #eef157
+}
+
+.text-yellow:hover {
+    color: #eef157
+}
+
+.text-green {
+    color: #54e69d
+}
+
+.text-green:hover {
+    color: #54e69d
+}
+
+.text-orange {
+    color: #ffc36d
+}
+
+.text-orange:hover {
+    color: #ffc36d
+}
+
+.text-violet {
+    color: #796aee
+}
+
+.text-violet:hover {
+    color: #796aee
+}
+
+.text-blue {
+    color: #85b4f2
+}
+
+.text-blue:hover {
+    color: #85b4f2
+}
+
+.text-gray {
+    color: #ced4da
+}
+
+.text-gray:hover {
+    color: #ced4da
+}
+
+.text-uppercase {
+    letter-spacing: .2em
+}
+
+.lh-2 {
+    line-height: 2
+}
+
+.page {
+    background: #eef5f9
+}
+
+.page .text-white {
+    color: #fff
+}
+
+.no-padding {
+    padding: 0 !important
+}
+
+.no-padding-bottom {
+    padding-bottom: 0 !important
+}
+
+.no-padding-top {
+    padding-top: 0 !important
+}
+
+.no-margin {
+    margin: 0 !important
+}
+
+.no-margin-bottom {
+    margin-bottom: 0 !important
+}
+
+.no-margin-top {
+    margin-top: 0 !important
+}
+
+.page {
+    overflow-x: hidden
+}
+
+.has-shadow {
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -1px 0 2px rgba(0, 0, 0, .05)
+}
+
+.badge {
+    font-weight: 400
+}
+
+.badge-rounded {
+    border-radius: 50px
+}
+
+.list-group-item {
+    border-right: 0;
+    border-left: 0
+}
+
+.list-group-item:first-child, .list-group-item:last-child {
+    border-radius: 0
+}
+
+.overflow-hidden {
+    overflow: hidden
+}
+
+.tile-link {
+    position: absolute;
+    cursor: pointer;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 30
+}
+
+nav.side-navbar {
+    background: #fff;
+    min-width: 250px;
+    max-width: 250px;
+    color: #686a76;
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
+    z-index: 9
+}
+
+nav.side-navbar a {
+    color: inherit;
+    position: relative;
+    font-size: .9em
+}
+
+nav.side-navbar a[data-toggle=collapse]::before {
+    content: '\f104';
+    display: inline-block;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    font-family: fontawesome;
+    position: absolute;
+    top: 50%;
+    right: 20px
+}
+
+nav.side-navbar a[aria-expanded=true] {
+    background: #eef5f9
+}
+
+nav.side-navbar a[aria-expanded=true]::before {
+    content: '\f107'
+}
+
+nav.side-navbar a i {
+    font-size: 1.2em;
+    margin-right: 10px;
+    -webkit-transition: none;
+    transition: none
+}
+
+nav.side-navbar .sidebar-header {
+    padding: 30px 15px
+}
+
+nav.side-navbar .avatar {
+    width: 55px;
+    height: 55px
+}
+
+nav.side-navbar .title {
+    margin-left: 10px
+}
+
+nav.side-navbar .title h1 {
+    color: #333
+}
+
+nav.side-navbar .title p {
+    font-size: .9em;
+    font-weight: 200;
+    margin-bottom: 0;
+    color: #aaa
+}
+
+nav.side-navbar span.heading {
+    text-transform: uppercase;
+    font-weight: 400;
+    margin-left: 20px;
+    color: #ccc;
+    font-size: .8em
+}
+
+nav.side-navbar ul {
+    padding: 15px 0
+}
+
+nav.side-navbar ul li {
+}
+
+nav.side-navbar ul li a {
+    padding: 10px 15px;
+    text-decoration: none;
+    display: block;
+    font-weight: 300;
+    border-left: 4px solid transparent
+}
+
+nav.side-navbar ul li a:hover {
+    background: #796aee;
+    border-left: 4px solid #3b25e6;
+    color: #fff
+}
+
+nav.side-navbar ul li li a {
+    padding-left: 50px;
+    background: #eef5f9
+}
+
+nav.side-navbar ul li.active > a {
+    background: #796aee;
+    color: #fff;
+    border-left: 4px solid #3b25e6
+}
+
+nav.side-navbar ul li.active > a:hover {
+    background: #796aee
+}
+
+nav.side-navbar ul li li.active > a {
+    background: #8e81f1
+}
+
+nav.side-navbar ul li ul {
+    padding: 0
+}
+
+nav.side-navbar.shrinked {
+    min-width: 90px;
+    max-width: 90px;
+    text-align: center
+}
+
+nav.side-navbar.shrinked span.heading {
+    margin: 0
+}
+
+nav.side-navbar.shrinked ul li a {
+    padding: 15px 2px;
+    border: none;
+    font-size: .8em;
+    color: #aaa;
+    -webkit-transition: color .3s, background .3s;
+    transition: color .3s, background .3s
+}
+
+nav.side-navbar.shrinked ul li a[data-toggle=collapse]::before {
+    content: '\f107';
+    -webkit-transform: translateX(50%);
+    transform: translateX(50%);
+    position: absolute;
+    top: auto;
+    right: 50%;
+    bottom: 0;
+    left: auto
+}
+
+nav.side-navbar.shrinked ul li a[data-toggle=collapse][aria-expanded=true]::before {
+    content: '\f106'
+}
+
+nav.side-navbar.shrinked ul li a:hover {
+    color: #fff;
+    border: none
+}
+
+nav.side-navbar.shrinked ul li a:hover i {
+    color: #fff
+}
+
+nav.side-navbar.shrinked ul li a i {
+    margin-right: 0;
+    margin-bottom: 2px;
+    display: block;
+    font-size: 1rem;
+    color: #333;
+    -webkit-transition: color .3s;
+    transition: color .3s
+}
+
+nav.side-navbar.shrinked ul li.active > a {
+    color: #fff
+}
+
+nav.side-navbar.shrinked ul li.active > a i {
+    color: #fff
+}
+
+nav.side-navbar.shrinked .sidebar-header .title {
+    display: none
+}
+
+@media (max-width: 1199px) {
+    nav.side-navbar {
+        margin-left: -90px;
+        min-width: 90px;
+        max-width: 90px;
+        text-align: center;
+        overflow: hidden
+    }
+
+    nav.side-navbar span.heading {
+        margin: 0
+    }
+
+    nav.side-navbar ul li a {
+        padding: 15px 2px;
+        border: none;
+        font-size: .8em;
+        color: #aaa;
+        -webkit-transition: color .3s, background .3s;
+        transition: color .3s, background .3s
+    }
+
+    nav.side-navbar ul li a[data-toggle=collapse]::before {
+        content: '\f107';
+        -webkit-transform: translateX(50%);
+        transform: translateX(50%);
+        position: absolute;
+        top: auto;
+        right: 50%;
+        bottom: 0;
+        left: auto
+    }
+
+    nav.side-navbar ul li a[data-toggle=collapse][aria-expanded=true]::before {
+        content: '\f106'
+    }
+
+    nav.side-navbar ul li a:hover {
+        color: #fff;
+        border: none
+    }
+
+    nav.side-navbar ul li a:hover i {
+        color: #fff
+    }
+
+    nav.side-navbar ul li a i {
+        margin-right: 0;
+        margin-bottom: 5px;
+        display: block;
+        font-size: 1.6em;
+        color: #333;
+        -webkit-transition: color .3s;
+        transition: color .3s
+    }
+
+    nav.side-navbar ul li.active > a {
+        color: #fff
+    }
+
+    nav.side-navbar ul li.active > a i {
+        color: #fff
+    }
+
+    nav.side-navbar .sidebar-header .title {
+        display: none
+    }
+
+    nav.side-navbar.shrinked {
+        margin-left: 0
+    }
+
+    .content-inner {
+        width: 100%
+    }
+
+    .content-inner.active {
+        width: calc(100% - 90px)
+    }
+}
+
+nav.navbar {
+    background: #2f333e;
+    padding-top: 15px;
+    padding-bottom: 15px;
+    color: #fff;
+    position: relative;
+    border-radius: 0;
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
+    z-index: 10;
+    padding-left: 0;
+    padding-right: 0
+}
+
+nav.navbar .badge {
+    width: 22px;
+    height: 22px;
+    line-height: 22px;
+    text-align: center;
+    padding: 0;
+    border-radius: 50%
+}
+
+nav.navbar .navbar-holder {
+    width: 100%
+}
+
+nav.navbar a {
+    color: inherit
+}
+
+nav.navbar .container-fluid {
+    width: 100%
+}
+
+nav.navbar .menu-btn {
+    margin-right: 20px;
+    font-size: 1.2em;
+    -webkit-transition: all .7s;
+    transition: all .7s
+}
+
+nav.navbar .menu-btn span {
+    width: 20px;
+    height: 2px;
+    background: #fff;
+    display: block;
+    margin: 4px auto 0;
+    -webkit-transition: all .3s cubic-bezier(.81, -.33, .345, 1.375);
+    transition: all .3s cubic-bezier(.81, -.33, .345, 1.375)
+}
+
+nav.navbar .menu-btn span:nth-of-type(2) {
+    position: relative;
+    width: 35px;
+    -webkit-transform: rotateY(180deg);
+    transform: rotateY(180deg)
+}
+
+nav.navbar .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
+    content: '';
+    width: 6px;
+    height: 2px;
+    display: block;
+    background: #fff;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: absolute;
+    top: 2px;
+    left: 0;
+    -webkit-transition: all .7s;
+    transition: all .7s
+}
+
+nav.navbar .menu-btn span:nth-of-type(2)::after {
+    -webkit-transform: rotate(145deg);
+    transform: rotate(145deg);
+    position: absolute;
+    top: -2px;
+    left: 0
+}
+
+nav.navbar .menu-btn.active span:first-of-type {
+    -webkit-transform: translateY(12px);
+    transform: translateY(12px)
+}
+
+nav.navbar .menu-btn.active span:nth-of-type(2) {
+    -webkit-transform: none;
+    transform: none
+}
+
+nav.navbar .menu-btn.active span:last-of-type {
+    -webkit-transform: translateY(-12px);
+    transform: translateY(-12px)
+}
+
+nav.navbar .nav-link {
+    position: relative
+}
+
+nav.navbar .nav-link span.badge-corner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-weight: 400;
+    font-size: .7em
+}
+
+nav.navbar .nav-link.language span {
+    margin-left: .3rem;
+    vertical-align: middle
+}
+
+nav.navbar .nav-link.logout i {
+    margin-left: 10px
+}
+
+nav.navbar .nav-menu {
+    margin-bottom: 0
+}
+
+nav.navbar .search-box {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0;
+    background: #fff;
+    z-index: 12;
+    border-radius: 0;
+    display: none
+}
+
+nav.navbar .search-box .dismiss {
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    background: 0 0;
+    border: none;
+    cursor: pointer;
+    font-size: 1.5em;
+    color: #999
+}
+
+nav.navbar .search-box form {
+    height: 100%
+}
+
+nav.navbar .search-box form input {
+    height: 100%;
+    border: none;
+    padding: 20px
+}
+
+nav.navbar .dropdown-toggle::after {
+    border: none !important;
+    content: '\f107';
+    vertical-align: baseline;
+    font-family: fontawesome;
+    margin-left: .3rem
+}
+
+nav.navbar .dropdown-menu {
+    right: 0;
+    min-width: 250px;
+    left: auto;
+    margin-top: 15px;
+    margin-bottom: 0;
+    padding: 15px 0;
+    max-width: 400px;
+    border-radius: 0;
+    border: none;
+    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -2px 0 2px rgba(0, 0, 0, .1);
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1), -2px 0 2px rgba(0, 0, 0, .1)
+}
+
+nav.navbar .dropdown-menu .dropdown-item {
+    background: #fff;
+    padding: 10px 20px;
+    font-size: .8rem;
+    color: #777;
+    width: 100%
+}
+
+nav.navbar .dropdown-menu .dropdown-item:hover {
+    background: #f5f5f5
+}
+
+nav.navbar .dropdown-menu .dropdown-item i {
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    background: #796aee;
+    text-align: center;
+    color: #fff;
+    border-radius: 50%;
+    margin-right: 10px
+}
+
+nav.navbar .dropdown-menu .dropdown-item small {
+    margin-left: 40px
+}
+
+nav.navbar .dropdown-menu span {
+    position: static;
+    font-size: .9em;
+    color: #999
+}
+
+nav.navbar .dropdown-menu strong {
+    font-weight: 700
+}
+
+nav.navbar .dropdown-menu .msg-profile {
+    width: 45px;
+    height: 45px;
+    margin-right: 10px
+}
+
+nav.navbar .dropdown-menu h3 {
+    font-weight: 500
+}
+
+@media (max-width: 1199px) {
+    nav.navbar {
+    }
+
+    nav.navbar .menu-btn {
+        margin-right: 20px;
+        font-size: 1.2em;
+        -webkit-transition: all .7s;
+        transition: all .7s
+    }
+
+    nav.navbar .menu-btn span:first-of-type {
+        -webkit-transform: translateY(12px);
+        transform: translateY(12px)
+    }
+
+    nav.navbar .menu-btn span:nth-of-type(2) {
+        -webkit-transform: none;
+        transform: none
+    }
+
+    nav.navbar .menu-btn span:nth-of-type(2)::before, nav.navbar .menu-btn span:nth-of-type(2)::after {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg)
+    }
+
+    nav.navbar .menu-btn span:nth-of-type(2)::after {
+        -webkit-transform: rotate(145deg);
+        transform: rotate(145deg);
+        position: absolute;
+        top: -2px;
+        left: 0
+    }
+
+    nav.navbar .menu-btn span:last-of-type {
+        -webkit-transform: translateY(-12px);
+        transform: translateY(-12px)
+    }
+
+    nav.navbar .menu-btn.active span:first-of-type {
+        -webkit-transform: none;
+        transform: none
+    }
+
+    nav.navbar .menu-btn.active span:nth-of-type(2) {
+        -webkit-transform: rotateY(180deg);
+        transform: rotateY(180deg)
+    }
+
+    nav.navbar .menu-btn.active span:last-of-type {
+        -webkit-transform: none;
+        transform: none
+    }
+}
+
+@media (max-width: 575px) {
+    nav.navbar {
+        font-size: 14px
+    }
+
+    nav.navbar .badge {
+        width: 19px;
+        height: 19px
+    }
+
+    nav.navbar .nav-item > a {
+        font-size: 13px
+    }
+
+    nav.navbar .dropdown-menu {
+        right: auto;
+        left: -50%;
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%)
+    }
+}
+
+section.dashboard-counts .icon {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    min-width: 40px;
+    max-width: 40px;
+    border-radius: 50%
+}
+
+section.dashboard-counts .title {
+    font-size: 1.1em;
+    font-weight: 300;
+    color: #777;
+    margin: 0 20px
+}
+
+section.dashboard-counts .progress {
+    margin-top: 10px;
+    height: 4px
+}
+
+section.dashboard-counts .number {
+    font-size: 1.8em;
+    font-weight: 300
+}
+
+section.dashboard-counts .number strong {
+    font-weight: 700
+}
+
+section.dashboard-counts .row {
+    padding: 30px 15px;
+    margin: 0
+}
+
+section.dashboard-counts div[class*=col-] .item {
+    border-right: 1px solid #eee;
+    padding: 15px 0
+}
+
+section.dashboard-counts div[class*=col-]:last-of-type .item {
+    border-right: none
+}
+
+@media (max-width: 1199px) {
+    section.dashboard-counts div[class*=col-]:nth-of-type(2) .item {
+        border-right: none
+    }
+}
+
+@media (max-width: 575px) {
+    section.dashboard-counts div[class*=col-] .item {
+        border-right: none
+    }
+}
+
+.statistic {
+    padding: 20px 15px;
+    margin-bottom: 15px
+}
+
+.statistic:last-of-type {
+    margin-bottom: 0
+}
+
+.statistic strong {
+    font-size: 1.5em;
+    color: #333;
+    font-weight: 700;
+    line-height: 1
+}
+
+.statistic small {
+    color: #aaa;
+    text-transform: uppercase
+}
+
+.statistic .icon {
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    min-width: 40px;
+    max-width: 40px;
+    color: #fff;
+    border-radius: 50%;
+    margin-right: 15px
+}
+
+.chart .title {
+    padding: 15px 0 0 15px
+}
+
+.chart .title strong {
+    font-weight: 700;
+    font-size: 1.2em
+}
+
+.chart .title small {
+    color: #aaa;
+    text-transform: uppercase
+}
+
+.chart .line-chart {
+    width: 100%;
+    height: 100%;
+    padding: 20px 0
+}
+
+.chart .line-chart canvas {
+    width: calc(100% - 30px) !important
+}
+
+.chart .bar-chart {
+    margin-bottom: 15px
+}
+
+.chart .bar-chart canvas {
+    padding: 15px;
+    width: 100%;
+    margin: 0
+}
+
+@media (max-width: 991px) {
+    section.dashboard-header div[class*=col-] {
+        margin-bottom: 20px
+    }
+}
+
+.project .row {
+    margin: 0;
+    padding: 15px 0;
+    margin-bottom: 15px
+}
+
+.project div[class*=col-] {
+    border-right: 1px solid #eee
+}
+
+.project .text h3 {
+    margin-bottom: 0;
+    color: #555
+}
+
+.project .text small {
+    color: #aaa;
+    font-size: .75em
+}
+
+.project .project-date span {
+    font-size: .9em;
+    color: #999
+}
+
+.project .image {
+    max-width: 50px;
+    min-width: 50px;
+    height: 50px;
+    margin-right: 15px
+}
+
+.project .time, .project .comments, .project .project-progress {
+    color: #999;
+    font-size: .9em;
+    margin-right: 20px
+}
+
+.project .time i, .project .comments i, .project .project-progress i {
+    margin-right: 5px
+}
+
+.project .project-progress {
+    width: 200px
+}
+
+.project .project-progress .progress {
+    height: 4px
+}
+
+.project .card {
+    margin-bottom: 0
+}
+
+@media (max-width: 991px) {
+    .project .right-col {
+        margin-top: 20px;
+        margin-left: 65px
+    }
+
+    .project .project-progress {
+        width: 150px
+    }
+}
+
+@media (max-width: 480px) {
+    .project .project-progress {
+        display: none
+    }
+}
+
+.work-amount .chart {
+    margin: 40px auto;
+    position: relative
+}
+
+.work-amount .chart .text {
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%)
+}
+
+.work-amount .chart strong {
+    font-size: 1.5rem
+}
+
+.work-amount .chart span {
+    color: #999;
+    font-weight: 300
+}
+
+.work-amount li span {
+    font-size: .85em;
+    margin-bottom: 10px;
+    color: #777;
+    display: block
+}
+
+.work-amount li span::before {
+    content: '';
+    display: inline-block;
+    margin-right: 10px;
+    width: 7px;
+    height: 7px;
+    line-height: 7px;
+    background: #85b4f2;
+    border-radius: 50%
+}
+
+.client .client-avatar {
+    width: 100px;
+    height: 100px;
+    margin: 0 auto;
+    position: relative
+}
+
+.client .client-avatar .status {
+    content: '';
+    display: block;
+    width: 18px;
+    height: 18px;
+    border: 3px solid #fff;
+    border-radius: 50%;
+    position: absolute;
+    right: 4px;
+    bottom: 4px
+}
+
+.client .client-title {
+    margin-top: 20px
+}
+
+.client .client-title h3 {
+    font-weight: 500;
+    color: #555
+}
+
+.client .client-title span {
+    font-size: .9em;
+    color: #aaa;
+    display: block
+}
+
+.client .client-title a {
+    padding: 2px 30px;
+    border-radius: 40px;
+    background: #54e69d;
+    color: #fff;
+    margin-top: 5px;
+    font-size: .9em;
+    text-decoration: none
+}
+
+.client .client-title a:hover {
+    background: #85b4f2
+}
+
+.client .client-info {
+    margin-top: 20px
+}
+
+.client .client-info strong {
+    font-weight: 700
+}
+
+.client .client-social {
+    margin-top: 20px
+}
+
+.client .client-social a {
+    color: #aaa
+}
+
+.overdue .chart canvas {
+    width: 100% !important;
+    z-index: 1
+}
+
+.overdue .card {
+    margin-bottom: 0
+}
+
+.overdue .card-body {
+    padding: 20px
+}
+
+.overdue .card-body small {
+    font-weight: 300;
+    color: #aaa
+}
+
+.overdue .card-body h3 {
+    margin-bottom: 5px
+}
+
+.overdue .number {
+    font-size: 1.8em;
+    font-weight: 400;
+    color: #555;
+    margin: 35px 0
+}
+
+.checklist label {
+    font-size: .8em;
+    color: #999;
+    line-height: 1.8em;
+    margin-bottom: 0
+}
+
+.checklist .item {
+    padding: 20px
+}
+
+.checklist .item:nth-of-type(even) {
+    background: #fafafa
+}
+
+.articles a {
+    text-decoration: none !important;
+    display: block;
+    margin-bottom: 0;
+    color: #555
+}
+
+.articles .badge {
+    font-size: .7em;
+    padding: 5px 10px;
+    line-height: 1;
+    margin-left: 10px
+}
+
+.articles .item {
+    padding: 20px
+}
+
+.articles .item:nth-of-type(even) {
+    background: #fafafa
+}
+
+.articles .item .image {
+    min-width: 50px;
+    max-width: 50px;
+    height: 50px;
+    margin-right: 15px
+}
+
+.articles .item img {
+    padding: 3px;
+    border: 1px solid #28a745
+}
+
+.articles .item h3 {
+    color: #555;
+    font-weight: 400;
+    margin-bottom: 0
+}
+
+.articles .item small {
+    color: #aaa;
+    font-size: .75em
+}
+
+.recent-updates .item {
+    padding: 20px
+}
+
+.recent-updates .item:nth-of-type(even) {
+    background: #fafafa
+}
+
+.recent-updates .icon {
+    margin-right: 10px
+}
+
+.recent-updates h5 {
+    margin-bottom: 5px;
+    color: #333;
+    font-weight: 400
+}
+
+.recent-updates p {
+    font-size: .8em;
+    color: #aaa;
+    margin-bottom: 0
+}
+
+.recent-updates .date {
+    font-size: .9em;
+    color: #adadad
+}
+
+.recent-updates .date strong {
+    font-size: 1.4em;
+    line-height: .8em;
+    display: block
+}
+
+.recent-updates .date span {
+    font-size: .9em;
+    font-weight: 300
+}
+
+.daily-feeds .item {
+    padding: 20px;
+    border-bottom: 1px solid #eee
+}
+
+.daily-feeds .feed-profile {
+    max-width: 50px;
+    min-width: 50px;
+    margin-right: 10px
+}
+
+.daily-feeds h5 {
+    margin-bottom: 0;
+    color: #555
+}
+
+.daily-feeds span {
+    font-size: .8em;
+    color: #999
+}
+
+.daily-feeds .full-date {
+    font-size: .85em;
+    color: #aaa;
+    font-weight: 300
+}
+
+.daily-feeds .CTAs {
+    margin-top: 5px
+}
+
+.daily-feeds .CTAs a {
+    font-size: .7em;
+    padding: 3px 8px;
+    margin-right: 5px
+}
+
+.daily-feeds .CTAs a i {
+    margin-right: 5px
+}
+
+.daily-feeds .quote {
+    background: #fafafa;
+    margin-top: 5px;
+    border-radius: 0;
+    padding: 15px;
+    margin-left: 60px
+}
+
+.daily-feeds .quote small {
+    font-size: .75em;
+    color: #777
+}
+
+.daily-feeds .date {
+    font-size: .9em;
+    color: #aaa
+}
+
+.recent-activities .item {
+    padding: 0 15px;
+    border-bottom: 1px solid #eee
+}
+
+.recent-activities .item div[class*=col-] {
+    padding: 15px
+}
+
+.recent-activities h5 {
+    font-weight: 400;
+    color: #333
+}
+
+.recent-activities p {
+    font-size: .75em;
+    color: #999
+}
+
+.recent-activities .icon {
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: #f5f5f5;
+    text-align: center;
+    display: inline-block
+}
+
+.recent-activities .date {
+    font-size: .75em;
+    color: #999;
+    padding: 10px
+}
+
+.recent-activities .date-holder {
+    padding: 0 !important;
+    border-right: 1px solid #eee
+}
+
+footer.main-footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    background: #2f333e;
+    color: #fff;
+    padding: 20px 10px
+}
+
+footer.main-footer a {
+    color: inherit
+}
+
+footer.main-footer p {
+    margin: 0;
+    font-size: .8em
+}
+
+@media (max-width: 575px) {
+    footer.main-footer div[class*=col] {
+        text-align: center !important
+    }
+}
+
+section.charts div[class*=col-] {
+    margin-bottom: 30px
+}
+
+section.charts header {
+    padding: 30px 0
+}
+
+section.charts div[class*=col-] {
+    margin-bottom: 0
+}
+
+.line-chart-example .card-block {
+    padding: 20px
+}
+
+.polar-chart-example canvas {
+    max-width: 350px;
+    max-height: 350px;
+    margin: 20px auto
+}
+
+.pie-chart-example canvas {
+    max-width: 350px;
+    max-height: 350px;
+    margin: 15px auto
+}
+
+.radar-chart-example canvas {
+    max-width: 350px;
+    max-height: 350px;
+    margin: 20px auto
+}
+
+@media (max-width: 991px) {
+    section.charts h2 {
+        font-size: 1rem
+    }
+}
+
+.form-control {
+    height: calc(2.25rem + 2px);
+    border: 1px solid #dee2e6;
+    border-radius: 0;
+    padding: .375rem .75rem
+}
+
+.form-control::-moz-placeholder {
+    font-size: .9em;
+    font-weight: 300;
+    font-family: poppins, sans-serif;
+    color: #aaa
+}
+
+.form-control::-webkit-input-placeholder {
+    font-size: .9em;
+    font-weight: 300;
+    font-family: poppins, sans-serif;
+    color: #aaa
+}
+
+.form-control:-ms-input-placeholder {
+    font-size: .9em;
+    font-weight: 300;
+    font-family: poppins, sans-serif;
+    color: #aaa
+}
+
+.form-control:focus {
+    color: #495057;
+    background-color: #fff;
+    border-color: #796aee;
+    outline: none;
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25)
+}
+
+.form-control-sm {
+    height: calc(1.8125rem + 2px);
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    line-height: 1.5
+}
+
+.form-control-lg {
+    height: calc(2.875rem + 2px);
+    padding: .5rem 1rem;
+    font-size: 1.25rem;
+    line-height: 1.5
+}
+
+textarea.form-control {
+    height: auto
+}
+
+select.form-control[size], select.form-control[multiple] {
+    height: auto
+}
+
+select.form-control option {
+    color: #999
+}
+
+.input-group .dropdown-menu {
+    padding: 15px;
+    color: #777;
+    border-radius: 0
+}
+
+.input-group .dropdown-menu a {
+    padding: 5px 0;
+    color: inherit;
+    text-decoration: none
+}
+
+.input-group .dropdown-menu a:hover {
+    color: #796aee;
+    background: 0 0
+}
+
+.input-group-text {
+    color: #868e96;
+    background: #f8f9fa;
+    border-color: #dee2e6;
+    border-radius: 0
+}
+
+.input-group-text .checkbox-template, .input-group-text .radio-template {
+    -webkit-transform: none;
+    transform: none
+}
+
+.form-control-label {
+    font-size: .9rem;
+    color: #777
+}
+
+button, input[type=submit] {
+    cursor: pointer;
+    font-family: inherit;
+    font-weight: 300 !important
+}
+
+.input-group .dropdown-toggle {
+    background: #f5f5f5;
+    color: #777
+}
+
+.checkbox-template, .radio-template {
+    -webkit-transform: translateY(3px);
+    transform: translateY(3px);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    cursor: pointer;
+    position: relative
+}
+
+.checkbox-template + label, .radio-template + label {
+    margin-left: 10px
+}
+
+.checkbox-template::before, .radio-template::before {
+    margin-right: 10px;
+    content: '';
+    display: inline-block;
+    -webkit-transform: translate(-2px, -2px);
+    transform: translate(-2px, -2px);
+    width: 18px;
+    height: 18px;
+    line-height: 18px;
+    text-align: center;
+    background: #dae2e7;
+    -webkit-transition: all .2s;
+    transition: all .2s
+}
+
+.checkbox-template::after, .radio-template::after {
+    content: '\f00c';
+    width: 12px;
+    height: 12px;
+    line-height: 12px;
+    text-align: center;
+    display: block;
+    font-family: fontawesome;
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    font-size: .7em;
+    opacity: 0;
+    -webkit-transition: all .2s;
+    transition: all .2s;
+    color: #fff;
+}
+
+.checkbox-template:checked::before, .radio-template:checked::before {
+    background: #796aee;
+}
+
+.checkbox-template:checked::after, .radio-template:checked::after {
+    opacity: 1;
+}
+
+.radio-template::before {
+    border-radius: 50%;
+    -webkit-transform: translate(-3px, -3px);
+    transform: translate(-3px, -3px);
+}
+
+.radio-template::after {
+    width: 6px;
+    height: 6px;
+    line-height: 6px;
+    text-align: center;
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    border-radius: 50%;
+    content: '';
+}
+
+.radio-template:checked::after {
+    background: #fff;
+}
+
+input.input-material {
+    width: 100%;
+    border: none;
+    border-bottom: 1px solid #eee;
+    padding: 10px;
+}
+
+input.input-material.is-invalid {
+    border-color: #dc3545 !important;
+}
+
+input.input-material:focus {
+    border-color: #796aee;
+}
+
+input.input-material ~ label {
+    color: #aaa;
+    position: absolute;
+    top: 14px;
+    left: 0;
+    cursor: text;
+    -webkit-transition: all .2s;
+    transition: all .2s;
+    font-weight: 300;
+}
+
+input.input-material ~ label.active {
+    font-size: .8rem;
+    top: -10px;
+    color: #796aee;
+}
+
+input.input-material.is-invalid ~ label {
+    color: #dc3545;
+}
+
+.form-group-material {
+    position: relative;
+    margin-bottom: 30px;
+}
+
+.modal-content {
+    border-radius: 0;
+}
+
+.i-checks {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+
+.forms p {
+    font-size: .9em;
+    color: #555;
+}
+
+.forms form small {
+    font-size: .8em;
+    color: #999;
+    font-weight: 300;
+}
+
+.forms .line {
+    width: 100%;
+    height: 1px;
+    border-bottom: 1px dashed #eee;
+    margin: 30px 0;
+}
+
+.login-page {
+    position: relative
+}
+
+.login-page::before {
+    content: '';
+    width: 100%;
+    height: 100%;
+    display: block;
+    z-index: -1;
+    background: url(../img/bg-loginbody.jpg) center;
+    background-size: cover;
+    /*-webkit-filter: blur(10px);
+    filter: blur(10px);*/
+    z-index: 1;
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+.login-page .container {
+    min-height: 100vh;
+    z-index: 999;
+    padding: 0 20px;
+    position: relative;
+}
+.login-page .container:after{
+    content:'';
+    min-height:inherit;
+    font-size:0;
+}
+.login-page .form-holder {
+    width: 100%;
+    border-radius: 5px;
+    overflow: hidden;
+    margin-bottom: 50px;
+}
+
+.login-page .form-holder .info, .login-page .form-holder .form {
+    min-height: 60vh;
+    padding: 40px;
+    height: 100%
+}
+
+.login-page .form-holder div[class*=col-] {
+    padding: 0
+}
+
+.login-page .form-holder .info {
+    /*background: rgba(79, 54, 205, .9);
+    background-color: rgba(38, 104, 254, .9);
+    background-image: linear-gradient(transparent, rgba(17,32,57,.54));*/
+    color: #fff;
+    background: url(../img/bg_cl.png) no-repeat center center;
+    background-size: 100% auto;
+}
+
+.login-page .form-holder .info h1 {
+    font-size: 2.5em;
+    font-weight: normal;
+}
+
+.login-page .form-holder .form h1 {
+    width: calc(100% - 20px);
+    text-align: center;
+    font-weight: normal;
+    font-size: 1.5rem;
+    top: 15%;
+    position: absolute;
+    left: 0;
+    color: #2668fe;
+}
+
+.login-page .form-holder .info .logosys {
+    width: 420px;
+    height: 72px;
+    background: url(../img/logo-qmyl.png) no-repeat 0 0;
+    /*background: url(../img/logo_sz.png) no-repeat 0 0;*/
+    /*background: url(../img/logo-car.png) no-repeat 0 0;*/
+    /*background: url(../img/log-szsf.png) no-repeat 0 0;*/
+    /*background: url(../img/zxt.png) no-repeat 0 0;*/
+    float: left;
+    line-height: 40em;
+    overflow: hidden;
+    position: absolute;
+    top: 5%;
+}
+
+.login-page .form-holder .info p {
+    font-weight: 300
+}
+
+.login-page .form-holder .form .form-group {
+    position: relative;
+    margin-bottom: 30px
+}
+
+.login-page .form-holder .form .content {
+    width: 100%
+}
+
+.login-page .form-holder .form form {
+    width: 100%;
+    max-width: 400px
+}
+
+.login-page .form-holder .form #login, .login-page .form-holder .form #register {
+    margin-bottom: 20px;
+    cursor: pointer
+}
+
+.login-page .form-holder .form a.forgot-pass, .login-page .form-holder .form a.signup {
+    font-size: .9em;
+    color: #85b4f2
+}
+
+.login-page .form-holder .form small {
+    color: #aaa
+}
+
+.login-page .form-holder .form .terms-conditions label {
+    cursor: pointer;
+    color: #aaa;
+    font-size: .9em
+}
+
+.login-page .copyrights {
+    width: 100%;
+    z-index: 9999;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    color: #fff
+}
+
+@media (max-width: 991px) {
+    .login-page .info, .login-page .form {
+        min-height: auto !important
+    }
+
+    .login-page .info {
+        padding-top: 100px !important;
+        padding-bottom: 100px !important
+    }
+}
+
+#style-switch-button {
+    position: fixed;
+    top: 120px;
+    right: 0;
+    border-radius: 0;
+    z-index: 12
+}
+
+#style-switch {
+    width: 300px;
+    padding: 20px;
+    position: fixed;
+    top: 160px;
+    right: 0;
+    background: #fff;
+    border: solid 1px #ced4da;
+    z-index: 12
+}
+
+#style-switch h4 {
+    color: #495057
+}
+
+.navbar {
+    padding: .5rem 1rem
+}
+
+.navbar-brand {
+    display: inline-block;
+    padding-top: .3125rem;
+    padding-bottom: .3125rem;
+    margin-right: 1rem;
+    font-size: 1.25rem
+}
+
+.navbar-toggler {
+    padding: .25rem .75rem;
+    font-size: 1.25rem;
+    line-height: 1;
+    border: 1px solid transparent;
+    border-radius: .25rem
+}
+
+.navbar-light .navbar-brand {
+    color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
+    color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-nav .nav-link {
+    color: rgba(0, 0, 0, .5)
+}
+
+.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
+    color: rgba(0, 0, 0, .7)
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+    color: rgba(0, 0, 0, .3)
+}
+
+.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
+    color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-toggler {
+    color: rgba(0, 0, 0, .5);
+    border-color: rgba(0, 0, 0, .1)
+}
+
+.navbar-light .navbar-toggler-icon {
+    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDAsIDAsIDAsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
+}
+
+.navbar-light .navbar-text {
+    color: rgba(0, 0, 0, .5)
+}
+
+.navbar-dark .navbar-brand {
+    color: #fff
+}
+
+.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
+    color: #fff
+}
+
+.navbar-dark .navbar-nav .nav-link {
+    color: rgba(255, 255, 255, .5)
+}
+
+.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
+    color: rgba(255, 255, 255, .75)
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+    color: rgba(255, 255, 255, .25)
+}
+
+.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
+    color: #fff
+}
+
+.navbar-dark .navbar-toggler {
+    color: rgba(255, 255, 255, .5);
+    border-color: rgba(255, 255, 255, .1)
+}
+
+.navbar-dark .navbar-toggler-icon {
+    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSknIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+)
+}
+
+.navbar-dark .navbar-text {
+    color: rgba(255, 255, 255, .5)
+}
+
+.btn {
+    font-weight: 400;
+    border: 1px solid transparent;
+    padding: .375rem .75rem;
+    font-size: 1rem;
+    line-height: 1.5;
+    border-radius: .25rem;
+    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
+}
+
+.btn:focus, .btn.focus {
+    outline: 0;
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .25)
+}
+
+.btn.disabled, .btn:disabled {
+    opacity: .65
+}
+
+.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
+    background-image: none
+}
+
+.btn-primary {
+    color: color-yiq(#796AEE);
+    background-color: #2668fe;
+    border-color: #2668fe;
+}
+
+.btn-primary:hover {
+    color: color-yiq(#5a48ea);
+    background-color: #5a48ea;
+    border-color: #503ce9
+}
+
+.btn-primary:focus, .btn-primary.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+    color: color-yiq(#796AEE);
+    background-color: #796aee;
+    border-color: #796aee
+}
+
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
+    color: color-yiq(#503ce9);
+    background-color: #503ce9;
+    border-color: #4631e7
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
+}
+
+.btn-secondary {
+    color: color-yiq(#868e96);
+    background-color: #868e96;
+    border-color: #868e96
+}
+
+.btn-secondary:hover {
+    color: color-yiq(#727b84);
+    background-color: #727b84;
+    border-color: #6c757d
+}
+
+.btn-secondary:focus, .btn-secondary.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
+    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+    color: color-yiq(#868e96);
+    background-color: #868e96;
+    border-color: #868e96
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
+    color: color-yiq(#6c757d);
+    background-color: #6c757d;
+    border-color: #666e76
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
+    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
+}
+
+.btn-success {
+    color: color-yiq(#28a745);
+    background-color: #28a745;
+    border-color: #28a745
+}
+
+.btn-success:hover {
+    color: color-yiq(#218838);
+    background-color: #218838;
+    border-color: #1e7e34
+}
+
+.btn-success:focus, .btn-success.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-success.disabled, .btn-success:disabled {
+    color: color-yiq(#28a745);
+    background-color: #28a745;
+    border-color: #28a745
+}
+
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
+    color: color-yiq(#1e7e34);
+    background-color: #1e7e34;
+    border-color: #1c7430
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-info {
+    color: color-yiq(#17a2b8);
+    background-color: #17a2b8;
+    border-color: #17a2b8
+}
+
+.btn-info:hover {
+    color: color-yiq(#138496);
+    background-color: #138496;
+    border-color: #117a8b
+}
+
+.btn-info:focus, .btn-info.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
+    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-info.disabled, .btn-info:disabled {
+    color: color-yiq(#17a2b8);
+    background-color: #17a2b8;
+    border-color: #17a2b8
+}
+
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
+    color: color-yiq(#117a8b);
+    background-color: #117a8b;
+    border-color: #10707f
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
+    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-warning {
+    color: color-yiq(#ffc107);
+    background-color: #ffc107;
+    border-color: #ffc107
+}
+
+.btn-warning:hover {
+    color: color-yiq(#e0a800);
+    background-color: #e0a800;
+    border-color: #d39e00
+}
+
+.btn-warning:focus, .btn-warning.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
+    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-warning.disabled, .btn-warning:disabled {
+    color: color-yiq(#ffc107);
+    background-color: #ffc107;
+    border-color: #ffc107
+}
+
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
+    color: color-yiq(#d39e00);
+    background-color: #d39e00;
+    border-color: #c69500
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
+    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-danger {
+    color: color-yiq(#dc3545);
+    background-color: #dc3545;
+    border-color: #dc3545
+}
+
+.btn-danger:hover {
+    color: color-yiq(#c82333);
+    background-color: #c82333;
+    border-color: #bd2130
+}
+
+.btn-danger:focus, .btn-danger.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-danger.disabled, .btn-danger:disabled {
+    color: color-yiq(#dc3545);
+    background-color: #dc3545;
+    border-color: #dc3545
+}
+
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
+    color: color-yiq(#bd2130);
+    background-color: #bd2130;
+    border-color: #b21f2d
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-light {
+    color: color-yiq(#f8f9fa);
+    background-color: #f8f9fa;
+    border-color: #f8f9fa
+}
+
+.btn-light:hover {
+    color: color-yiq(#e2e6ea);
+    background-color: #e2e6ea;
+    border-color: #dae0e5
+}
+
+.btn-light:focus, .btn-light.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
+    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-light.disabled, .btn-light:disabled {
+    color: color-yiq(#f8f9fa);
+    background-color: #f8f9fa;
+    border-color: #f8f9fa
+}
+
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
+    color: color-yiq(#dae0e5);
+    background-color: #dae0e5;
+    border-color: #d3d9df
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
+    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-dark {
+    color: color-yiq(#343a40);
+    background-color: #343a40;
+    border-color: #343a40
+}
+
+.btn-dark:hover {
+    color: color-yiq(#23272b);
+    background-color: #23272b;
+    border-color: #1d2124
+}
+
+.btn-dark:focus, .btn-dark.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-dark.disabled, .btn-dark:disabled {
+    color: color-yiq(#343a40);
+    background-color: #343a40;
+    border-color: #343a40
+}
+
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
+    color: color-yiq(#1d2124);
+    background-color: #1d2124;
+    border-color: #171a1d
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-default {
+    color: color-yiq(#ced4da);
+    background-color: #ced4da;
+    border-color: #ced4da
+}
+
+.btn-default:hover {
+    color: color-yiq(#b8c1ca);
+    background-color: #b8c1ca;
+    border-color: #b1bbc4
+}
+
+.btn-default:focus, .btn-default.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
+    box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
+}
+
+.btn-default.disabled, .btn-default:disabled {
+    color: color-yiq(#ced4da);
+    background-color: #ced4da;
+    border-color: #ced4da
+}
+
+.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
+    color: color-yiq(#b1bbc4);
+    background-color: #b1bbc4;
+    border-color: #aab4bf
+}
+
+.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5);
+    box-shadow: 0 0 0 .2rem rgba(206, 212, 218, .5)
+}
+
+.btn-outline-primary {
+    color: #796aee;
+    background-color: transparent;
+    background-image: none;
+    border-color: #796aee
+}
+
+.btn-outline-primary:hover {
+    color: #fff;
+    background-color: #796aee;
+    border-color: #796aee
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+    color: #796aee;
+    background-color: transparent
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
+    color: color-yiq(#796AEE);
+    background-color: #796aee;
+    border-color: #796aee
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
+}
+
+.btn-outline-secondary {
+    color: #868e96;
+    background-color: transparent;
+    background-image: none;
+    border-color: #868e96
+}
+
+.btn-outline-secondary:hover {
+    color: #fff;
+    background-color: #868e96;
+    border-color: #868e96
+}
+
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
+    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
+}
+
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+    color: #868e96;
+    background-color: transparent
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
+    color: color-yiq(#868e96);
+    background-color: #868e96;
+    border-color: #868e96
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
+    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
+}
+
+.btn-outline-success {
+    color: #28a745;
+    background-color: transparent;
+    background-image: none;
+    border-color: #28a745
+}
+
+.btn-outline-success:hover {
+    color: #fff;
+    background-color: #28a745;
+    border-color: #28a745
+}
+
+.btn-outline-success:focus, .btn-outline-success.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-outline-success.disabled, .btn-outline-success:disabled {
+    color: #28a745;
+    background-color: transparent
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
+    color: color-yiq(#28a745);
+    background-color: #28a745;
+    border-color: #28a745
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-outline-info {
+    color: #17a2b8;
+    background-color: transparent;
+    background-image: none;
+    border-color: #17a2b8
+}
+
+.btn-outline-info:hover {
+    color: #fff;
+    background-color: #17a2b8;
+    border-color: #17a2b8
+}
+
+.btn-outline-info:focus, .btn-outline-info.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
+    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-outline-info.disabled, .btn-outline-info:disabled {
+    color: #17a2b8;
+    background-color: transparent
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
+    color: color-yiq(#17a2b8);
+    background-color: #17a2b8;
+    border-color: #17a2b8
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
+    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-outline-warning {
+    color: #ffc107;
+    background-color: transparent;
+    background-image: none;
+    border-color: #ffc107
+}
+
+.btn-outline-warning:hover {
+    color: #fff;
+    background-color: #ffc107;
+    border-color: #ffc107
+}
+
+.btn-outline-warning:focus, .btn-outline-warning.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
+    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-outline-warning.disabled, .btn-outline-warning:disabled {
+    color: #ffc107;
+    background-color: transparent
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
+    color: color-yiq(#ffc107);
+    background-color: #ffc107;
+    border-color: #ffc107
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
+    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-outline-danger {
+    color: #dc3545;
+    background-color: transparent;
+    background-image: none;
+    border-color: #dc3545
+}
+
+.btn-outline-danger:hover {
+    color: #fff;
+    background-color: #dc3545;
+    border-color: #dc3545
+}
+
+.btn-outline-danger:focus, .btn-outline-danger.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-outline-danger.disabled, .btn-outline-danger:disabled {
+    color: #dc3545;
+    background-color: transparent
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
+    color: color-yiq(#dc3545);
+    background-color: #dc3545;
+    border-color: #dc3545
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
+    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-outline-light {
+    color: #f8f9fa;
+    background-color: transparent;
+    background-image: none;
+    border-color: #f8f9fa
+}
+
+.btn-outline-light:hover {
+    color: #fff;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa
+}
+
+.btn-outline-light:focus, .btn-outline-light.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
+    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+    color: #f8f9fa;
+    background-color: transparent
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
+    color: color-yiq(#f8f9fa);
+    background-color: #f8f9fa;
+    border-color: #f8f9fa
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
+    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-outline-dark {
+    color: #343a40;
+    background-color: transparent;
+    background-image: none;
+    border-color: #343a40
+}
+
+.btn-outline-dark:hover {
+    color: #fff;
+    background-color: #343a40;
+    border-color: #343a40
+}
+
+.btn-outline-dark:focus, .btn-outline-dark.focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-outline-dark.disabled, .btn-outline-dark:disabled {
+    color: #343a40;
+    background-color: transparent
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
+    color: color-yiq(#343a40);
+    background-color: #343a40;
+    border-color: #343a40
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
+    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-lg {
+    padding: .5rem 1rem;
+    font-size: 1.25rem;
+    line-height: 1.5;
+    border-radius: .3rem
+}
+
+.btn-sm {
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    line-height: 1.5;
+    border-radius: .2rem
+}
+
+body {
+    font-family: poppins, sans-serif;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: #212529;
+    background-color: #fff
+}
+
+a {
+    color: #796aee;
+    text-decoration: none
+}
+
+a:focus, a:hover {
+    color: #3b25e6;
+    text-decoration: underline
+}
+
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+    margin-bottom: .5rem;
+    font-family: inherit;
+    font-weight: 700;
+    line-height: 1.1;
+    color: inherit
+}
+
+h1, .h1 {
+    font-size: 1.5rem
+}
+
+h2, .h2 {
+    font-size: 1.3rem
+}
+
+h3, .h3 {
+    font-size: 1.2rem
+}
+
+h4, .h4 {
+    font-size: 1.1rem
+}
+
+h5, .h5 {
+    font-size: 1rem
+}
+
+h6, .h6 {
+    font-size: .95rem
+}
+
+.lead {
+    font-size: 1.25rem;
+    font-weight: 300
+}
+
+.display-1 {
+    font-size: 6rem;
+    font-weight: 300;
+    line-height: 1.1
+}
+
+.display-2 {
+    font-size: 5.5rem;
+    font-weight: 300;
+    line-height: 1.1
+}
+
+.display-3 {
+    font-size: 4.5rem;
+    font-weight: 300;
+    line-height: 1.1
+}
+
+.display-4 {
+    font-size: 3.5rem;
+    font-weight: 300;
+    line-height: 1.1
+}
+
+hr {
+    border-top: 1px solid rgba(0, 0, 0, .1)
+}
+
+small, .small {
+    font-size: 80%;
+    font-weight: 400
+}
+
+mark, .mark {
+    padding: .2em;
+    background-color: #fcf8e3
+}
+
+.blockquote {
+    padding: .5rem 1rem;
+    margin-bottom: 2rem;
+    font-size: 1.25rem;
+    border-left: 5px solid #796aee
+}
+
+.blockquote-footer {
+    color: #868e96
+}
+
+.blockquote-footer::before {
+    content: "\2014 \00A0"
+}
+
+.text-primary {
+    color: #796aee !important
+}
+
+a.text-primary:focus, a.text-primary:hover {
+    color: #503ce9 !important
+}
+
+.page-item:first-child .page-link {
+    border-top-left-radius: .25rem;
+    border-bottom-left-radius: .25rem
+}
+
+.page-item:last-child .page-link {
+    border-top-right-radius: .25rem;
+    border-bottom-right-radius: .25rem
+}
+
+.page-item.active .page-link {
+    color: #fff;
+    background-color: #796aee;
+    border-color: #796aee
+}
+
+.page-item.disabled .page-link {
+    color: #868e96;
+    background-color: #fff;
+    border-color: #ddd
+}
+
+.page-link {
+    padding: .5rem .75rem;
+    margin-left: -1px;
+    line-height: 1.25;
+    color: #796aee;
+    background-color: #fff;
+    border: 1px solid #ddd
+}
+
+.page-link:hover {
+    z-index: 2;
+    color: #3b25e6;
+    background-color: #e9ecef;
+    border-color: #ddd
+}
+
+.page-link:focus {
+    z-index: 2;
+    outline: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    text-decoration: none
+}
+
+.pagination-lg .page-link {
+    padding: .75rem 1.5rem;
+    font-size: 1.25rem;
+    line-height: 1.5
+}
+
+.pagination-lg .page-item:first-child .page-link {
+    border-top-left-radius: .3rem;
+    border-bottom-left-radius: .3rem
+}
+
+.pagination-lg .page-item:last-child .page-link {
+    border-top-right-radius: .3rem;
+    border-bottom-right-radius: .3rem
+}
+
+.pagination-sm .page-link {
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    line-height: 1.5
+}
+
+.pagination-sm .page-item:first-child .page-link {
+    border-top-left-radius: .2rem;
+    border-bottom-left-radius: .2rem
+}
+
+.pagination-sm .page-item:last-child .page-link {
+    border-top-right-radius: .2rem;
+    border-bottom-right-radius: .2rem
+}
+
+.bg-primary {
+    background-color: #796aee !important
+}
+
+a.bg-primary:focus, a.bg-primary:hover {
+    background-color: #503ce9 !important
+}
+
+.bg-secondary {
+    background-color: #868e96 !important
+}
+
+a.bg-secondary:focus, a.bg-secondary:hover {
+    background-color: #6c757d !important
+}
+
+.bg-success {
+    background-color: #28a745 !important
+}
+
+a.bg-success:focus, a.bg-success:hover {
+    background-color: #1e7e34 !important
+}
+
+.bg-info {
+    background-color: #17a2b8 !important
+}
+
+a.bg-info:focus, a.bg-info:hover {
+    background-color: #117a8b !important
+}
+
+.bg-warning {
+    background-color: #ffc107 !important
+}
+
+a.bg-warning:focus, a.bg-warning:hover {
+    background-color: #d39e00 !important
+}
+
+.bg-danger {
+    background-color: #dc3545 !important
+}
+
+a.bg-danger:focus, a.bg-danger:hover {
+    background-color: #bd2130 !important
+}
+
+.bg-light {
+    background-color: #f8f9fa !important
+}
+
+a.bg-light:focus, a.bg-light:hover {
+    background-color: #dae0e5 !important
+}
+
+.bg-dark {
+    background-color: #343a40 !important
+}
+
+a.bg-dark:focus, a.bg-dark:hover {
+    background-color: #1d2124 !important
+}
+
+.border-primary {
+    border-color: #796aee !important
+}
+
+.border-secondary {
+    border-color: #868e96 !important
+}
+
+.border-success {
+    border-color: #28a745 !important
+}
+
+.border-info {
+    border-color: #17a2b8 !important
+}
+
+.border-warning {
+    border-color: #ffc107 !important
+}
+
+.border-danger {
+    border-color: #dc3545 !important
+}
+
+.border-light {
+    border-color: #f8f9fa !important
+}
+
+.border-dark {
+    border-color: #343a40 !important
+}
+
+.text-primary {
+    color: #796aee !important
+}
+
+a.text-primary:focus, a.text-primary:hover {
+    color: #503ce9 !important
+}
+
+.text-secondary {
+    color: #868e96 !important
+}
+
+a.text-secondary:focus, a.text-secondary:hover {
+    color: #6c757d !important
+}
+
+.text-success {
+    color: #28a745 !important
+}
+
+a.text-success:focus, a.text-success:hover {
+    color: #1e7e34 !important
+}
+
+.text-info {
+    color: #17a2b8 !important
+}
+
+a.text-info:focus, a.text-info:hover {
+    color: #117a8b !important
+}
+
+.text-warning {
+    color: #ffc107 !important
+}
+
+a.text-warning:focus, a.text-warning:hover {
+    color: #d39e00 !important
+}
+
+.text-danger {
+    color: #dc3545 !important
+}
+
+a.text-danger:focus, a.text-danger:hover {
+    color: #bd2130 !important
+}
+
+.text-light {
+    color: #f8f9fa !important
+}
+
+a.text-light:focus, a.text-light:hover {
+    color: #dae0e5 !important
+}
+
+.text-dark {
+    color: #343a40 !important
+}
+
+a.text-dark:focus, a.text-dark:hover {
+    color: #1d2124 !important
+}
+
+.badge-primary {
+    color: color-yiq(#796AEE);
+    background-color: #796aee
+}
+
+.badge-primary[href]:focus, .badge-primary[href]:hover {
+    color: color-yiq(#796AEE);
+    text-decoration: none;
+    background-color: #503ce9
+}
+
+.badge-secondary {
+    color: color-yiq(#868e96);
+    background-color: #868e96
+}
+
+.badge-secondary[href]:focus, .badge-secondary[href]:hover {
+    color: color-yiq(#868e96);
+    text-decoration: none;
+    background-color: #6c757d
+}
+
+.badge-success {
+    color: color-yiq(#28a745);
+    background-color: #28a745
+}
+
+.badge-success[href]:focus, .badge-success[href]:hover {
+    color: color-yiq(#28a745);
+    text-decoration: none;
+    background-color: #1e7e34
+}
+
+.badge-info {
+    color: color-yiq(#17a2b8);
+    background-color: #17a2b8
+}
+
+.badge-info[href]:focus, .badge-info[href]:hover {
+    color: color-yiq(#17a2b8);
+    text-decoration: none;
+    background-color: #117a8b
+}
+
+.badge-warning {
+    color: color-yiq(#ffc107);
+    background-color: #ffc107
+}
+
+.badge-warning[href]:focus, .badge-warning[href]:hover {
+    color: color-yiq(#ffc107);
+    text-decoration: none;
+    background-color: #d39e00
+}
+
+.badge-danger {
+    color: color-yiq(#dc3545);
+    background-color: #dc3545
+}
+
+.badge-danger[href]:focus, .badge-danger[href]:hover {
+    color: color-yiq(#dc3545);
+    text-decoration: none;
+    background-color: #bd2130
+}
+
+.badge-light {
+    color: color-yiq(#f8f9fa);
+    background-color: #f8f9fa
+}
+
+.badge-light[href]:focus, .badge-light[href]:hover {
+    color: color-yiq(#f8f9fa);
+    text-decoration: none;
+    background-color: #dae0e5
+}
+
+.badge-dark {
+    color: color-yiq(#343a40);
+    background-color: #343a40
+}
+
+.badge-dark[href]:focus, .badge-dark[href]:hover {
+    color: color-yiq(#343a40);
+    text-decoration: none;
+    background-color: #1d2124
+}
+
+code {
+    padding: .2rem .4rem;
+    font-size: 90%;
+    color: #bd4147;
+    background-color: #f8f9fa;
+    border-radius: .25rem
+}
+
+a > code {
+    padding: 0;
+    color: inherit;
+    background-color: inherit
+}
+
+.nav-link {
+    padding: .5rem 1rem
+}
+
+.nav-link.disabled {
+    color: #868e96
+}
+
+.nav-tabs .nav-item {
+    margin-bottom: -1px
+}
+
+.nav-tabs .nav-link {
+    border: 1px solid transparent;
+    border-top-left-radius: .25rem;
+    border-top-right-radius: .25rem
+}
+
+.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
+    border-color: #e9ecef #e9ecef #dee2e6
+}
+
+.nav-tabs .nav-link.disabled {
+    color: #868e96
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+    color: #495057;
+    background-color: #fff
+}
+
+.nav-tabs .dropdown-menu {
+    margin-top: -1px
+}
+
+.nav-pills .nav-link {
+    border-radius: .25rem
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+    color: #fff;
+    background-color: #796aee
+}
+
+.card {
+    background-color: #fff;
+    border: 0 solid #eee;
+    border-radius: 0
+}
+
+.card > .list-group:first-child .list-group-item:first-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0
+}
+
+.card > .list-group:last-child .list-group-item:last-child {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.card-body {
+    padding: 1.25rem
+}
+
+.card-title {
+    margin-bottom: 1rem
+}
+
+.card-subtitle {
+    margin-top: -.5rem
+}
+
+.card-link + .card-link {
+    margin-left: 1.25rem
+}
+
+.card-header {
+    padding: 1rem 1.25rem;
+    background-color: #fff;
+    border-bottom: 1px solid #eee
+}
+
+.card-header:first-child {
+    border-radius: 0 0 0 0
+}
+
+.card-header-transparent {
+    background-color: rgba(0, 0, 0, .3);
+    border-bottom: none
+}
+
+.card-footer {
+    padding: 1rem 1.25rem;
+    background-color: #f8f9fa;
+    border-top: 1px solid #eee
+}
+
+.card-footer:last-child {
+    border-radius: 0 0 0 0
+}
+
+.card-header-tabs {
+    margin-right: -.625rem;
+    margin-bottom: -1rem;
+    margin-left: -.625rem;
+    border-bottom: 0
+}
+
+.card-header-pills {
+    margin-right: -.625rem;
+    margin-left: -.625rem
+}
+
+.card-img-overlay {
+    padding: 1.25rem
+}
+
+.card-img-overlay-opacity {
+    background: rgba(0, 0, 0, .2)
+}
+
+.card-img {
+    border-radius: 0
+}
+
+.card-img-top {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0
+}
+
+.card-img-bottom {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.card-deck .card {
+    margin-bottom: 15px
+}
+
+@media (min-width: 576px) {
+    .card-deck {
+        margin-right: -15px;
+        margin-left: -15px
+    }
+
+    .card-deck .card {
+        margin-right: 15px;
+        margin-left: 15px
+    }
+}
+
+.custom-select {
+    height: calc(2.25rem + 2px);
+    padding: .375rem 1.75rem .375rem .75rem;
+    line-height: 1.5;
+    color: #495057;
+    vertical-align: middle;
+    background: #fff url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=) no-repeat right .75rem center;
+    background-size: 8px 10px;
+    border: 1px solid #ced4da;
+    border-radius: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none
+}
+
+.custom-select:focus {
+    border-color: #796aee;
+    outline: 0;
+    -webkit-box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5);
+    box-shadow: 0 0 0 .2rem rgba(121, 106, 238, .5)
+}
+
+.custom-select:focus::-ms-value {
+    color: #495057;
+    background-color: #fff
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+    height: auto;
+    padding-right: .75rem;
+    background-image: none
+}
+
+.custom-select:disabled {
+    color: #868e96;
+    background-color: #e9ecef
+}
+
+.custom-select::-ms-expand {
+    opacity: 0
+}
+
+.custom-select-sm {
+    height: calc(1.8125rem + 2px);
+    padding-top: .375rem;
+    padding-bottom: .375rem;
+    font-size: 75%
+}
+
+.custom-select-lg {
+    height: calc(2.875rem + 2px);
+    padding-top: .375rem;
+    padding-bottom: .375rem;
+    font-size: 125%
 }
\ No newline at end of file
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/logo-qmyl.png b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/logo-qmyl.png
new file mode 100644
index 00000000..f0f6819d
Binary files /dev/null and b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/img/logo-qmyl.png differ
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html
index 350ceb24..180215c8 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html
@@ -1,808 +1,808 @@
-<!DOCTYPE html>
-<html lang="zh" xmlns:th="http://www.thymeleaf.org">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="renderer" content="webkit">
-    <title>公务车辆管理系统</title>
-    <!--[if lt IE 9]>
-    <meta http-equiv="refresh" content="0;ie.html"/>
-    <![endif]-->
-    <link th:href="@{favicon.ico}" rel="stylesheet"/>
-    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
-<!--    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>-->
-    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
-    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
-    <link th:href="@{/css/style.css}" rel="stylesheet"/>
-    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
-    <link th:href="@{/css/newsty.css}" rel="stylesheet"/>
-    <link th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>
-    <link th:href="@{/css/base.css}" rel="stylesheet"/>
-    <style>
-        .nav-four-level li a {
-            padding-left: 72px;
-        }
-
-        .fixed-sidebar.mini-navbar .nav li:hover > a > span.nav-label {
-            top: 3px;
-            padding: 10px 10px 10px 10px;
-            text-align: center;
-            background-color: #243747;
-            border-bottom: dashed 1px #fff;
-        }
-        .video {
-            display: none;
-            position: absolute;
-            bottom: 20px;
-            right: 20px;
-        }
-        .video-div{
-            display: none;
-            position: absolute;
-            right: 10px;
-            bottom: 90px;
-            height: 400px;
-            border: 1px solid #ddd;
-            width: 280px;
-            background-color: #fff;
-            opacity: 0.8;
-        }
-        .video-header{
-            height: 40px;
-            background-color: #007af8;
-        }
-        .closet {
-            position: absolute;
-            top: 12px;
-            right: 10px;
-            background: url(/img/closew.png) no-repeat;
-            display: block;
-            width: 16px;
-            height: 16px;
-            cursor: pointer;
-            background-size: cover;
-        }
-        .video-p{
-            color: #fff;
-            height: 40px;
-            line-height: 40px;
-            width: 100%;
-            text-align: center;
-        }
-        .item-div{
-            width: 45%;
-            height: 30px;
-            background-color: rgb(0, 122, 248);
-            line-height: 30px;
-            color: #fff;
-            border-radius: 5%;
-            margin: 2% 2%;
-            text-align: center;
-            border-color: rgb(0, 122, 248);
-            float: left;
-        }
-    </style>
-</head>
-<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
-<div id="wrapper">
-    <div class="row">
-        <nav class="navbar navbar-static-top" role="navigation">
-            <div class="logosys">智慧应急管理云平台
-
-            </div>
-            <div class="navbar-header">
-                <a class="navbar-minimalize minimalize-styl-2" href="#" data-toggle="collapse" title="收起/展开菜单" id="closde">
-                    <i class="fa fa-bars"></i>
-                </a>
-            </div>
-            <ul class="nav navbar-top-links navbar-right">
-                <!--</f>-->
-                <!--<li><a title="视频教程" href="http://doc.ruoyi.vip/ruoyi/document/spjc.html" target="_blank"><i class="fa fa-video-camera"></i> 视频教程</a></li>
-                <li><a title="开发文档" href="http://doc.ruoyi.vip" target="_blank"><i class="fa fa-question-circle"></i> 开发文档</a></li>-->
-                <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a>
-
-                </li>
-                <li class="dropdown user-menu">
-                    <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
-                        <img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
-                             class="user-image">
-                        <span class="hidden-xs">[[${user.userName}]]</span>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li class="mt5">
-                            <a th:href="@{/system/user/profile}" class="menuItem">
-                                <i class="fa fa-user"></i> 个人中心</a>
-                        </li>
-                        <li>
-                            <a onclick="resetPwd()">
-                                <i class="fa fa-key"></i> 修改密码</a>
-                        </li>
-                        <li>
-                            <a onclick="switchSkin()">
-                                <i class="fa fa-dashboard"></i> 切换主题</a>
-                        </li>
-                        <li class="divider"></li>
-                        <li>
-                            <a th:href="@{logout}">
-                                <i class="fa fa-sign-out"></i> 退出登录</a>
-                        </li>
-                    </ul>
-                </li>
-            </ul>
-
-            <ul class="nav navbar-top-links navbox" id="uiid">
-                <!--<f th:with="type=${@dict.getType('sys_bussSys_type')}">-->
-                <!--<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{systemCode}"></option>-->
-                <!--<li th:each="systemCode : ${systemCode}" ><a href = "javascript:void(0)"  onclick = "mun(this)"><i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}" ></span></a></li>-->
-
-               <!-- <li th:each="systemCode : ${systemCode}"><a href="javascript:void(0)"
-                                                            th:onclick="|javascript:mun(this)|"
-                                                            th:id="${systemCode.systemCode}"><i
-                        th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span></a></li>-->
-                <li th:each="systemCode : ${systemCode}">
-                    <a href="javascript:void(0)" th:onclick="|javascript:mun(this)|" th:id="${systemCode.systemCode}" >
-                        <i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span>
-                    </a>
-                </li>
-<!--                <li th:each="systemCode : ${systemCode}">-->
-<!--                    <a href="javascript:void(0)" th:onclick="|javascript:mun(this)|" th:id="${systemCode.systemCode}" th:if="${systemCode.systemCode} != planindex">-->
-<!--                        <i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span>-->
-<!--                    </a>-->
-<!--                </li>-->
-            </ul>
-        </nav>
-    </div>
-    <!--左侧导航开始-->
-    <nav id="leftNav" class="navbar-default navbar-static-side" role="navigation" style="display: none">
-        <div class="nav-close">
-            <i class="fa fa-times-circle"></i>
-        </div>
-        <div class="sidebar-collapse">
-            <ul class="nav" id="side-menu">
-                <!--<a th:href="@{/index}">
-                  <li class="logo">
-				    <span class="logo-lg" >RuoYi</span>
-            	  </li>
-            	</a>-->
-                <li>
-                    <div class="user-panel">
-                        <a class="menuItem" title="个人中心" th:href="@{/system/user/profile}">
-                            <div class="hide" th:text="个人中心"></div>
-                            <div class="pull-left image">
-                                <img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
-                                     class="img-circle" alt="User Image">
-                            </div>
-                        </a>
-                        <div class="pull-left info">
-                            <p>[[${user.loginName}]]</p>
-                            <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
-                            <a th:href="@{logout}" style="padding-left:5px;margin-left: 8px;"><i class="fa fa-sign-out text-danger"></i>
-                                注销</a>
-                        </div>
-                    </div>
-                </li>
-                <li id="wrap">
-                    <!--<a href="#"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span class="fa arrow"></span></a>-->
-                    <!--<ul class="nav nav-second-level">-->
-                    <!--&lt;!&ndash;<li><a id="fId" class="menuItem" th:href="@{/system/main}">了解若依</a></li>&ndash;&gt;-->
-                    <!--<li><a id="fId" class="menuItem" href="">了解若依</a></li>-->
-                    <!--</ul>-->
-                </li>
-
-            </ul>
-        </div>
-    </nav>
-    <!--左侧导航结束-->
-
-    <!--右侧部分开始-->
-    <div id="page-wrapper" class="gray-bg dashbard-1">
-
-        <div class="video-div">
-            <div class="video-header">
-                <div class="video-p">视频点名</div>
-                <span class="closet"></span>
-            </div>
-            <div class="video-content">
-
-            </div>
-        </div>
-        <img src="/img/iconvideos.png" class="video" />
-
-
-        <!--<div class="row content-tabs">-->
-            <!--<div class="navbar-header">-->
-                <!--<a class="navbar-minimalize minimalize-styl-2" href="#" title="收起菜单" id="closde">-->
-                    <!--<i class="fa fa-bars"></i>-->
-                <!--</a>-->
-            <!--</div>-->
-            <!--<button class="roll-nav roll-left tabLeft">-->
-                <!--<i class="fa fa-backward"></i>-->
-            <!--</button>-->
-            <!--<nav class="page-tabs menuTabs">-->
-                <!--<div class="page-tabs-content">-->
-                    <!--<a href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>-->
-                <!--</div>-->
-            <!--</nav>-->
-            <!--<button class="roll-nav roll-right tabRight">-->
-                <!--<i class="fa fa-forward"></i>-->
-            <!--</button>-->
-            <!--<a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>-->
-        <!--</div>-->
-
-        <!--<a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>-->
-
-        <div class="row mainContent" id="content-main">
-            <iframe id="iframeId" class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
-                    src="" frameborder="0" seamless></iframe>
-
-            <!--/project/dapin/mainPage.html-->
-        </div>
-        <!--<div class="footer">-->
-            <!--<div class="pull-right">© [[${copyrightYear}]]  Copyright</div>-->
-        <!--</div>-->
-    </div>
-    <!--右侧部分结束-->
-
-    <!--左侧通讯录图标-->
-<!--    <div id="add_div" class="add_div">-->
-<!--        &lt;!&ndash;<div id="txl_div" class="txl_div" style="display: none;">-->
-<!--            <a href="javascript:void(0);" onclick="show_txl();"><img src="/img/tongxunlu.png" style="cursor: pointer;"></a>-->
-<!--            <a href="javascript:void(0);" onclick="show_txl();"><img src="/img/tongxunlu.png" style="cursor: pointer;"></a>-->
-<!--        </div>&ndash;&gt;-->
-<!--        <a class="addbtn" href="javascript:void(0);" onclick="show_txl();">-->
-<!--            &lt;!&ndash;<img src="/img/icon_add.png" style="height: 32px;" class="img-circle">&ndash;&gt;-->
-<!--            <svg t="1646969334107" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1258" width="36" height="36"><path d="M509.811148 65.080228c-246.678192 0-446.650643 199.972451-446.650643 446.650643s199.972451 446.650643 446.650643 446.650643 446.650643-199.972451 446.650643-446.650643S756.490364 65.080228 509.811148 65.080228zM727.422328 535.8942 533.973454 535.8942l0 193.448874c0 13.353123-10.809183 24.186865-24.162306 24.186865-13.353123 0-24.162306-10.832719-24.162306-24.186865L485.648842 535.8942 292.200992 535.8942c-13.328563 0-24.162306-10.809183-24.162306-24.189935 0-13.328563 10.832719-24.134677 24.162306-24.134677l193.448874 0L485.649865 294.145274c0-13.352099 10.809183-24.162306 24.162306-24.214495 13.352099 0.052189 24.162306 10.861372 24.162306 24.214495l0 193.424314 193.448874 0c13.328563 0 24.162306 10.806113 24.162306 24.134677C751.612263 525.085016 740.77545 535.8942 727.422328 535.8942z" p-id="1259" fill="#1296db"></path><path d="M509.811148 958.893166c-60.365856 0-118.927623-11.82328-174.056198-35.140335-53.247738-22.521946-101.068883-54.764278-142.135184-95.830579-41.066301-41.066301-73.308633-88.887446-95.829556-142.135184-23.318078-55.128575-35.140335-113.689319-35.140335-174.055175s11.82328-118.927623 35.140335-174.056198c22.521946-53.247738 54.764278-101.068883 95.829556-142.135184 41.066301-41.066301 88.887446-73.308633 142.135184-95.829556 55.128575-23.318078 113.690342-35.140335 174.056198-35.140335s118.927623 11.82328 174.056198 35.140335c53.247738 22.521946 101.069907 54.764278 142.135184 95.829556 41.067324 41.066301 73.309656 88.88847 95.830579 142.135184 23.317055 55.129598 35.140335 113.690342 35.140335 174.056198s-11.82328 118.9266-35.140335 174.055175c-22.521946 53.247738-54.764278 101.069907-95.830579 142.135184-41.066301 41.067324-88.887446 73.309656-142.135184 95.830579C628.738771 947.069887 570.177004 958.893166 509.811148 958.893166zM509.811148 65.590857c-246.001787 0-446.13899 200.137203-446.13899 446.140013 0 246.001787 200.137203 446.13899 446.13899 446.13899 246.001787 0 446.140013-200.137203 446.140013-446.13899C955.951161 265.729084 755.813958 65.590857 509.811148 65.590857zM509.811148 754.040568c-13.604856 0-24.673959-11.079336-24.673959-24.698518L485.137189 536.405853 292.199968 536.405853c-13.604856 0-24.673959-11.08036-24.673959-24.700565 0-13.59053 11.06808-24.64633 24.673959-24.64633l192.937221 0 0-192.913685c0-13.580297 11.06808-24.672936 24.671912-24.726148 13.608949 0.053212 24.676006 11.144828 24.676006 24.726148l0 192.913685 192.937221 0c13.604856 0 24.672936 11.0558 24.672936 24.64633 0.014326 6.592139-2.540869 12.792351-7.193843 17.455557-4.663206 4.672416-10.870582 7.246031-17.479093 7.246031L534.485107 536.406876l0 192.937221C534.485107 742.961232 523.417027 754.040568 509.811148 754.040568zM292.199968 488.082264c-13.041014 0-23.650653 10.597359-23.650653 23.623024 0 13.05534 10.609639 23.677259 23.650653 23.677259l193.960527 0 0 193.960527c0 13.054317 10.609639 23.675212 23.650653 23.675212 13.041014 0 23.650653-10.620895 23.650653-23.675212L533.461801 535.382547l193.960527 0c6.334265 0 12.284791-2.466168 16.754592-6.945179 4.459568-4.469801 6.90834-10.411117 6.895037-16.73208 0-13.026688-10.609639-23.624047-23.64963-23.624047L533.461801 488.081241l0-193.936991c0-13.018501-10.610662-23.651676-23.652699-23.702841-13.037944 0.050142-23.648606 10.683317-23.648606 23.702841l0 193.936991L292.199968 488.081241z" p-id="1260" fill="#1296db"></path></svg>-->
-<!--        </a>-->
-<!--    </div>-->
-    <!--通讯录列表-->
-<!--    <div id="txl_list" class="txl_list">-->
-<!--        <div style="text-align: right;margin: 2px 5px 0;">-->
-<!--            <img src="/img/closew.png" style="cursor: pointer;" onclick="close_txl();">-->
-<!--        </div>-->
-<!--        <div class="btn-group-sm" style="margin: 4px 2px 7px 6px;">-->
-<!--            <a class="btn btn-primary btn-xs" style="padding: 2px 4px;" onclick="add_grouping()" >-->
-<!--                <i class="fa fa-plus"></i>分组-->
-<!--            </a>-->
-<!--            <a class="btn btn-success btn-xs" style="padding: 2px 4px;" onclick="add_user()" >-->
-<!--                <i class="fa fa-plus"></i>联系人-->
-<!--            </a>-->
-<!--            <a class="btn btn-warning btn-xs" style="padding: 2px 4px;" onclick="group_SMS()" >-->
-<!--            <i class="fa fa-envelope"></i>短信群发-->
-<!--        </a>-->
-<!--        </div>-->
-<!--        <div id="ry_list">-->
-
-<!--        </div>-->
-<!--    </div>-->
-
-</div>
-<style type="text/css">
-    .addbtn svg {
-        box-shadow: 0 0 10px #1296db;
-        border-radius: 50%;
-    }
-
-    .txl_list {
-        position: absolute;
-        display: none;
-        height: 480px;
-        width: 268px;
-        right: 15px;
-        top: 50%;
-        background-color: #60b5e3;
-        margin-top: -240px;
-        border-radius: 5px;
-        border: 0 none;
-        box-shadow: 0 0 15px #999;
-    }
-
-    .txl_fz {
-        background-color: #d0ebf94a;
-        height: 36px;
-        font-size: 14px;
-        border-bottom: 1px solid #60b5e3;
-        padding: 2px 10px 0 0;
-    }
-
-    .txl_fz label {
-        height: 100%;
-        width: calc(100% - 60px);
-        padding: 7px;
-        font-weight: 600;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .txl_ry {
-        padding: 3px 10px;
-        border-bottom: 1px solid #e9e7e7;
-    }
-
-    .txl_ry label {
-        width: calc(100% - 110px);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .add_div {
-        position: absolute;
-        right: 11px;
-        top: 50%;
-    }
-
-    .txl_div {
-        float: left;
-        background-color: #4f738b;
-        border-radius: 7px;
-        padding: 5px 3px;
-    }
-
-    .txl_div a {
-        margin: 0px 5px;
-    }
-
-    #ry_list {
-        height: calc(100% - 54px);
-        background: #fff;
-        overflow-y: auto;
-    }
-</style>
-<!-- 全局js -->
-<script th:src="@{/js/jquery.min.js}"></script>
-<script th:src="@{/js/bootstrap.min.js}"></script>
-<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
-<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
-<!--<script th:src="@{/js/jquery.contextMenu.min.js}"></script>-->
-<script th:src="@{/js/index/video.js}"></script>
-<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
-<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
-<script th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>
-<script th:src="@{/ruoyi/js/common.js?v=4.1.0}"></script>
-<script th:src="@{/ruoyi/index.js}"></script>
-<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
-<script th:src="@{/js/common.js}"></script>
-<script th:src="@{/js/quick_links.js}"></script>
-
-<!--<script th:src="@{/ajax/libs/float/js/float-module.min.js}"></script>-->
-<script th:src="@{/project/message/js/wbsUtil.js}"></script>
-<script th:inline="javascript">
-
-    var ctx = [[@{/}]];
-
-    // 皮肤缓存
-    var skin = storage.get("skin");
-    var userId = [[${@permission.getPrincipalProperty('userId')}]];
-    // history（表示去掉地址的#）否则地址以"#"形式展示
-    var mode = "history";
-    // 历史访问路径缓存
-    // var historyPath = storage.get("historyPath");
-    // 排除非左侧菜单链接
-    var excludesUrl = ["/system/user/profile"];
-
-    // 本地主题优先，未设置取系统配置
-    if ($.common.isNotEmpty(skin)) {
-        $("body").addClass(skin.split('|')[0]);
-        $("body").addClass(skin.split('|')[1]);
-    } else {
-        var sideTheme = [[${@config.getKey('sys.index.sideTheme')}]];
-        var skinName = [[${@config.getKey('sys.index.skinName')}]];
-        $("body").addClass(sideTheme);
-        $("body").addClass(skinName);
-    }
-
-    /* 用户管理-重置密码 */
-    function resetPwd() {
-        var url = ctx + 'system/user/profile/resetPwd';
-        $.modal.open("重置密码", url, '770', '380');
-    }
-
-    /* 切换主题 */
-    function switchSkin() {
-        layer.open({
-            type: 2,
-            shadeClose: true,
-            title: "切换主题",
-            area: ["530px", "386px"],
-            content: [ctx + "system/switchSkin", 'no']
-        })
-    }
-
-    /** 刷新时访问路径页签 */
-    function applyPath(url) {
-        $('a[href$="' + decodeURI(url) + '"]').click();
-        if ($.inArray(url, excludesUrl)) {
-            $('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in");
-        }
-    }
-
-    $(function () {
-        $('#page-wrapper').css({"margin": "0 0 0 0px"});
-        // promptCalls();
-        // $('#page-wrapper').width("100%")
-        // if($.common.equals("history", mode) && window.performance.navigation.type == 1) {
-        // 	var url = storage.get('publicPath');
-        //     if ($.common.isNotEmpty(url)) {
-        //     	applyPath(url);
-        //     }
-        // } else {
-        // 	var hash = location.hash;
-        //     if ($.common.isNotEmpty(hash)) {
-        //         var url = hash.substring(1, hash.length);
-        //         applyPath(url);
-        //     }
-        // }
-
-        // $('body').css('font-size', '15px');
-        // $("#closde").trigger("click");
-        // $("#side-menu").metisMenu('dispose');
-        $($("#uiid li").children("a").get(0)).trigger("click");
-        if($("#uiid li a:first-child").attr("id")=='planindex'){
-            $('#page-wrapper').css({"margin": "0 0 0 0px"});
-            $('#leftNav').hide();
-        }
-
-
-
-        $('#add_div').hover(show_tongxunlu,hide_tongxunlu);
-
-    });
-
-    //通讯录js
-    var prefix = ctx + "project/duty/addressList";
-    function getAddressData() {
-        $.get(ctx + "project/duty/addressTree/getDutyAddressTreeData", function (req) {
-            var treeData = req;
-            $.post(prefix + "/list",{}, function (data) {
-                var html = '';
-                for(var i=0; i<treeData.length; i++){
-                    html += '<div class="txl_fz" >';
-                    html += '<label onclick="onTxl_fz(this);">'+treeData[i].title+'</label>';
-                    html += '<div style="float: right; margin-right: 2px;margin-top: 6px;">';
-                    html += '<a href="javascript:void(0);" onclick="detail_grouping(\''+treeData[i].id+'\')"><img src="/img/details.png" style="height: 16px; margin-right: 3px;"></a>';
-                    html += '<a href="javascript:void(0);" onclick="update_grouping(\''+treeData[i].id+'\');"><img src="/img/edit.png" style="height: 16px; margin-right: 2px;"></a>';
-                    html += '<a href="javascript:void(0);" onclick="delete_grouping(\''+treeData[i].id+'\');"><img src="/img/delete.png" style="height: 18px;"></a></div>';
-                    html += '</div>';
-                    html += '    <div>';
-                    for(var j=0; j<data.rows.length; j++){
-                        if(data.rows[j].ztreeId == treeData[i].id){
-                            html += '   <div class="txl_ry" >';
-                            html += '       <label style="margin-top: 5px;" >'+data.rows[j].personName+'</label>';
-                            html += '       <div style="float: right;margin-top: 3px;">';
-                            html += '       <a href="javascript:viod(0);" onclick="detail_user(\''+data.rows[j].listId+'\')"><img src="/img/details.png" style="height: 16px;"></a>';
-                            html += '       <a href="javascript:viod(0);" onclick="update_user(\''+data.rows[j].listId+'\')"><img src="/img/edit.png" style="height: 16px;"></a>';
-                            html += '       <a href="javascript:viod(0);" onclick="delete_user(\''+data.rows[j].listId+'\')"><img src="/img/delete.png" style="height: 18px;"></a>';
-                            html += '       <a href="#"><img src="/img/dianhua.png" style="height: 16px;"></a>';
-                            html += '       <a href="#"><img src="/img/duanxin.png" style="height: 18px;"></a></div>';
-                            html += '   </div>';
-                        }
-                    }
-                    html += '   </div>';
-                    html += '</div>';
-                }
-                $("#ry_list").html(html);
-            })
-        })
-    }
-
-    function onTxl_fz(obj) {
-        if($(obj).parent().next().is(":hidden")){
-            $(obj).parent().next().show();
-        }else{
-            $(obj).parent().next().hide();
-        }
-    }
-
-    function show_txl() {
-        $("#txl_list").show();
-    }
-
-    function close_txl() {
-        $("#txl_list").hide();
-    }
-
-    function show_tongxunlu() {
-        $("#txl_div").show();
-    }
-
-    function hide_tongxunlu() {
-        $("#txl_div").hide();
-    }
-    
-    function add_grouping() {
-        $.modal.open("新增分组", ctx + "project/duty/addressTree/toAddGrouping",800,350);
-    }
-
-    function update_grouping(treeId) {
-        $.modal.open("修改分组", ctx + "project/duty/addressTree/toUpdateGrouping/"+treeId,800,350);
-    }
-
-    function detail_grouping(treeId) {
-        $.modal.open("分组详情", ctx + "project/duty/addressTree/toDetailGrouping/"+treeId,800,350);
-    }
-
-    function delete_grouping(treeId) {
-        $.modal.confirm("确认删除吗？", function() {
-            $.get(ctx + "project/duty/addressTree/removeGrouping/"+treeId, function (req) {
-                if(req.success){
-                    $.modal.alertSuccess(req.message);
-                    refresh_txl();
-                }else{
-                    $.modal.alertError(req.message);
-                }
-            })
-        });
-    }
-
-    function add_user() {
-        $.modal.open("新增联系人", ctx + "project/duty/addressList/toAddGroupingUser",800,550);
-    }
-
-    function update_user(id) {
-        $.modal.open("修改联系人", ctx + "project/duty/addressList/toUpdateGroupingUser/"+id,800,550);
-    }
-
-    function detail_user(id) {
-        $.modal.open("联系人详情", ctx + "project/duty/addressList/toDetailGroupingUser/"+id,800,550);
-    }
-
-    function delete_user(id) {
-        $.modal.confirm("确认删除吗？", function() {
-            $.post(ctx + "project/duty/addressList/remove", {"ids":id},function (req) {
-                if(req.success){
-                    $.modal.alertSuccess(req.message);
-                    refresh_txl();
-                }else{
-                    $.modal.alertError(req.message);
-                }
-            })
-        });
-    }
-    
-    function refresh_txl() {
-        getAddressData();
-        $("#txl_list").show();
-    }
-    
-    //通讯录js end
-
-    var html = "";
-
-    // 当前递归到第几层菜单
-    var menuIndex = 0;
-    // 记录菜单最深有多少层
-    var maxMenuIndex = 0;
-
-    function mun(obj) {
-
-        var regex =/[^(a-zA-Z0-9\\u4e00-\\u9fa5_)?]/
-        if(obj.id=='planindex'){
-            $('#page-wrapper').css({"margin": "0 0 0 0px"});
-            $('#leftNav').hide();
-        }else{
-            $('#page-wrapper').removeAttr("style");
-            $('#leftNav').show();
-        }
-
-
-        menuIndex = 0;
-
-        var val = $(obj).attr("id")
-
-        $("#uiid").find('a').removeClass('active')
-        $(obj).addClass('active');
-        html = "";
-        $.ajax({
-            url: ctx + "system/queryMenus",
-            type: "POST",
-            dataType: "json",
-            // async: "true",
-            data: {systemCode: val},
-            success: function (result) {
-
-                if (result.code == 0) {
-                    if(result.data.menus.length==1&&(result.data.menus[0].children.length<=1)){
-                        $('#page-wrapper').css({"margin": "0 0 0 0px"});
-                        $('#leftNav').hide();
-
-                    }
-
-                    var hash = location.hash;
-                    if ($.common.isNotEmpty(hash)) {
-                        var url = hash.substring(1, hash.length);
-                        applyPath(url);
-                    }
-                    $("#iframeId").attr("src", result.data.page)
-                    $("#fId").attr("href", result.data.page)
-
-                    initTree(result.data.menus);
-                    $('#side-menu').metisMenu('dispose');
-                    $("#wrap").nextAll().remove();
-                    $("#wrap").after(html)
-                    initExpanMenuIndent();
-                    initCollapseMenuIndent();
-
-
-                    // $("#hh").append(html)
-                    $('#side-menu').metisMenu();
-                    //通过遍历给菜单项加上data-index属性
-                    initUtil.Init();
-
-                    // $("#side-menu ul li a").trigger("click");
-                    // $('#page-wrapper').css("");
-                   // alert($('body').is('.mini-navbar'))
-
-                    // $('#page-wrapper').css({"margin": "0 0 0 70px"});
-                    // alert(html);
-                    // alert(html);
-                }
-                if(result.code == 1){
-                    location.href = ctx + 'login';
-
-                }
-            }
-
-        })
-    }
-
-    function initTree(arr) {
-
-        menuIndex += 1;
-        // 几率菜单最深有几层
-        maxMenuIndex = maxMenuIndex < menuIndex ? menuIndex : maxMenuIndex;
-
-
-        var menuClass = "menuClass_" + menuIndex;
-        var expanIndentClass = "expanIndentClass_" + menuIndex;
-        var collapseIndentClass = "collapseIndentClass_" + menuIndex;
-        var d =0,f=0;
-        for (var j = 0; j < arr.length; j++) {
-
-            // var ss = (result.data[j].url!=''&& result.data[j].url != '#')?result.data[j].target:null;
-            var vclass = (arr[j].icon == '') ? 'fa fa-bar-chart-o' : arr[j].icon;
-            var vtarget = (arr[j].target == '') ? menuItem : arr[j].target;
-
-            var herf = "";
-
-            if (arr[j].url != '' && arr[j].url == '#') {
-                // herf += "<a href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
-                if (menuIndex == 1) {
-                    herf += "<a   id='li_"+f+"' href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
-                } else {
-                    herf += "<a   href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span class='title'>"+arr[j].menuName+"</span><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
-                }
-            } else {
-                herf += "<a id='dd_"+d+"' class='" + vtarget + "  " + expanIndentClass + "' href='" + arr[j].url + "'><i class='" + vclass + "'></i>" + arr[j].menuName + "</a>";
-                d++
-            }
-
-            html += "<li class='" + menuClass + "'>" + herf;
-            f++
-            if (arr[j].children.length > 0) {
-                html += "<ul class='nav nav-second-level collapse " + collapseIndentClass + "'>";
-                initTree(arr[j].children);
-                html += "</ul>"
-            }
-        }
-
-        menuIndex -= 1;
-
-        html += "</li>";
-    }
-
-    // 菜单切换
-    $('.navbar-minimalize').click(function () {
-        $("body").toggleClass("mini-navbar");
-        SmoothlyMenu();
-        initExpanMenuIndent();
-        initCollapseMenuIndent();
-    });
-
-    /**
-     * 处理关闭时阶级缩进
-     */
-    function initCollapseMenuIndent() {
-        // 判断左侧菜单栏是否收起
-        if ($('body').hasClass('mini-navbar')) {
-            for (var i = 1; i <= maxMenuIndex; i++) {
-                if (i >= 2) {
-                    $(".menuClass_" + i).hover(function () {
-                        var px = this.offsetWidth + "px";
-                        var className = this.classList[0];
-                        var index = className.substr(className.length - 1);
-                        $(".collapseIndentClass_" + index).css("left", px);
-                    }, function () {
-
-                    });
-                }
-            }
-
-            $(".title").show();
-        }
-
-    }
-
-    /**
-     * 处理展开时阶级缩进
-     */
-    function initExpanMenuIndent() {
-        // 判断左侧菜单栏是否收起
-        if ($('body').hasClass('mini-navbar')) {
-            for (var i = 1; i <= maxMenuIndex; i++) {
-                if (i >= 2) {
-                    var px = 15 + "px";
-                    $(".expanIndentClass_" + i).css("padding-left", px);
-                }
-            }
-        } else {
-            for (var i = 1; i <= maxMenuIndex; i++) {
-                if (i >= 2) {
-                    var px = 32 + (10 * i) + "px";
-                    $(".expanIndentClass_" + i).css("padding-left", px);
-                    var expanIndentArr = $(".expanIndentClass_" + i);
-                }
-            }
-            // 处理展开时标题重叠问题
-            $(".title").hide();
-        }
-    }
-
-
-
-    
-</script>
-<script type="text/javascript">
-
-//    var fm = new FloatModule({
-//        radius:"10%",
-//        animation:'fan-in',
-//        z_index:1,
-//        draggable:true,
-//        width_height:'45px',
-//        margin_screen_y:'100px',
-//        position:'right-bottom',
-//        theme_color:'#56DEBC',
-//        btn_config:[{
-//            icon:'fa fa-desktop' //数组第一位为主节点
-//        },{
-//            icon:'fa fa-group',
-//            title:'融合通信', //展开后第一个节点
-//            click: function () {
-//                // var opt = {
-//                //     width:$(window).width()-20,
-//                //     height:$(window).height()-20,
-//                //     btn:['<i class="fa fa-close"></i> 关闭'],
-//                //     url:ctx + "project/duty/teleconference/view",
-//                //     yes: function () {
-//                //         return true;
-//                //     }
-//                // };
-//                //
-//                //
-//                // $.modal.openOptions(opt);
-//                $.modal.openFullClose("融合通信",ctx + "project/duty/teleconference/view",$(window).width()-20,$(window).height()-20);
-//                // $.modal.openFull("融合通信", ctx + "project/duty/teleconference/view");
-//                // show_txl();
-//            }
-//        },{
-//            icon:'fa fa-wechat',//展开后第二个节点
-//            title:'hello wechat', //以此类推，最多可支持展开四个节点
-//            click: function () {
-//                alert("hello wechat");
-//            }
-//        },{
-//            icon:'fa fa-wechat',//展开后第二个节点
-//            title:'hello wechat', //以此类推，最多可支持展开四个节点
-//            click: function () {
-//                alert("hello wechat");
-//            }
-//        }]
-//    });
-//
-
-    // ds.loadScript(baseJSUrl+'quick_links.js');
-
-</script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="renderer" content="webkit">
+    <title>全民演练管理系统</title>
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html"/>
+    <![endif]-->
+    <link th:href="@{favicon.ico}" rel="stylesheet"/>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
+<!--    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>-->
+    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
+    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
+    <link th:href="@{/css/style.css}" rel="stylesheet"/>
+    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
+    <link th:href="@{/css/newsty.css}" rel="stylesheet"/>
+    <link th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>
+    <link th:href="@{/css/base.css}" rel="stylesheet"/>
+    <style>
+        .nav-four-level li a {
+            padding-left: 72px;
+        }
+
+        .fixed-sidebar.mini-navbar .nav li:hover > a > span.nav-label {
+            top: 3px;
+            padding: 10px 10px 10px 10px;
+            text-align: center;
+            background-color: #243747;
+            border-bottom: dashed 1px #fff;
+        }
+        .video {
+            display: none;
+            position: absolute;
+            bottom: 20px;
+            right: 20px;
+        }
+        .video-div{
+            display: none;
+            position: absolute;
+            right: 10px;
+            bottom: 90px;
+            height: 400px;
+            border: 1px solid #ddd;
+            width: 280px;
+            background-color: #fff;
+            opacity: 0.8;
+        }
+        .video-header{
+            height: 40px;
+            background-color: #007af8;
+        }
+        .closet {
+            position: absolute;
+            top: 12px;
+            right: 10px;
+            background: url(/img/closew.png) no-repeat;
+            display: block;
+            width: 16px;
+            height: 16px;
+            cursor: pointer;
+            background-size: cover;
+        }
+        .video-p{
+            color: #fff;
+            height: 40px;
+            line-height: 40px;
+            width: 100%;
+            text-align: center;
+        }
+        .item-div{
+            width: 45%;
+            height: 30px;
+            background-color: rgb(0, 122, 248);
+            line-height: 30px;
+            color: #fff;
+            border-radius: 5%;
+            margin: 2% 2%;
+            text-align: center;
+            border-color: rgb(0, 122, 248);
+            float: left;
+        }
+    </style>
+</head>
+<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
+<div id="wrapper">
+    <div class="row">
+        <nav class="navbar navbar-static-top" role="navigation">
+            <div class="logosys">智慧应急管理云平台
+
+            </div>
+            <div class="navbar-header">
+                <a class="navbar-minimalize minimalize-styl-2" href="#" data-toggle="collapse" title="收起/展开菜单" id="closde">
+                    <i class="fa fa-bars"></i>
+                </a>
+            </div>
+            <ul class="nav navbar-top-links navbar-right">
+                <!--</f>-->
+                <!--<li><a title="视频教程" href="http://doc.ruoyi.vip/ruoyi/document/spjc.html" target="_blank"><i class="fa fa-video-camera"></i> 视频教程</a></li>
+                <li><a title="开发文档" href="http://doc.ruoyi.vip" target="_blank"><i class="fa fa-question-circle"></i> 开发文档</a></li>-->
+                <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a>
+
+                </li>
+                <li class="dropdown user-menu">
+                    <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
+                        <img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
+                             class="user-image">
+                        <span class="hidden-xs">[[${user.userName}]]</span>
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li class="mt5">
+                            <a th:href="@{/system/user/profile}" class="menuItem">
+                                <i class="fa fa-user"></i> 个人中心</a>
+                        </li>
+                        <li>
+                            <a onclick="resetPwd()">
+                                <i class="fa fa-key"></i> 修改密码</a>
+                        </li>
+                        <li>
+                            <a onclick="switchSkin()">
+                                <i class="fa fa-dashboard"></i> 切换主题</a>
+                        </li>
+                        <li class="divider"></li>
+                        <li>
+                            <a th:href="@{logout}">
+                                <i class="fa fa-sign-out"></i> 退出登录</a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+
+            <ul class="nav navbar-top-links navbox" id="uiid">
+                <!--<f th:with="type=${@dict.getType('sys_bussSys_type')}">-->
+                <!--<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{systemCode}"></option>-->
+                <!--<li th:each="systemCode : ${systemCode}" ><a href = "javascript:void(0)"  onclick = "mun(this)"><i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}" ></span></a></li>-->
+
+               <!-- <li th:each="systemCode : ${systemCode}"><a href="javascript:void(0)"
+                                                            th:onclick="|javascript:mun(this)|"
+                                                            th:id="${systemCode.systemCode}"><i
+                        th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span></a></li>-->
+                <li th:each="systemCode : ${systemCode}">
+                    <a href="javascript:void(0)" th:onclick="|javascript:mun(this)|" th:id="${systemCode.systemCode}" >
+                        <i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span>
+                    </a>
+                </li>
+<!--                <li th:each="systemCode : ${systemCode}">-->
+<!--                    <a href="javascript:void(0)" th:onclick="|javascript:mun(this)|" th:id="${systemCode.systemCode}" th:if="${systemCode.systemCode} != planindex">-->
+<!--                        <i th:class="${systemCode.cssClass}"></i> <span th:text="${systemCode.dictLabel}"></span>-->
+<!--                    </a>-->
+<!--                </li>-->
+            </ul>
+        </nav>
+    </div>
+    <!--左侧导航开始-->
+    <nav id="leftNav" class="navbar-default navbar-static-side" role="navigation" style="display: none">
+        <div class="nav-close">
+            <i class="fa fa-times-circle"></i>
+        </div>
+        <div class="sidebar-collapse">
+            <ul class="nav" id="side-menu">
+                <!--<a th:href="@{/index}">
+                  <li class="logo">
+				    <span class="logo-lg" >RuoYi</span>
+            	  </li>
+            	</a>-->
+                <li>
+                    <div class="user-panel">
+                        <a class="menuItem" title="个人中心" th:href="@{/system/user/profile}">
+                            <div class="hide" th:text="个人中心"></div>
+                            <div class="pull-left image">
+                                <img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
+                                     class="img-circle" alt="User Image">
+                            </div>
+                        </a>
+                        <div class="pull-left info">
+                            <p>[[${user.loginName}]]</p>
+                            <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
+                            <a th:href="@{logout}" style="padding-left:5px;margin-left: 8px;"><i class="fa fa-sign-out text-danger"></i>
+                                注销</a>
+                        </div>
+                    </div>
+                </li>
+                <li id="wrap">
+                    <!--<a href="#"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span class="fa arrow"></span></a>-->
+                    <!--<ul class="nav nav-second-level">-->
+                    <!--&lt;!&ndash;<li><a id="fId" class="menuItem" th:href="@{/system/main}">了解若依</a></li>&ndash;&gt;-->
+                    <!--<li><a id="fId" class="menuItem" href="">了解若依</a></li>-->
+                    <!--</ul>-->
+                </li>
+
+            </ul>
+        </div>
+    </nav>
+    <!--左侧导航结束-->
+
+    <!--右侧部分开始-->
+    <div id="page-wrapper" class="gray-bg dashbard-1">
+
+        <div class="video-div">
+            <div class="video-header">
+                <div class="video-p">视频点名</div>
+                <span class="closet"></span>
+            </div>
+            <div class="video-content">
+
+            </div>
+        </div>
+        <img src="/img/iconvideos.png" class="video" />
+
+
+        <!--<div class="row content-tabs">-->
+            <!--<div class="navbar-header">-->
+                <!--<a class="navbar-minimalize minimalize-styl-2" href="#" title="收起菜单" id="closde">-->
+                    <!--<i class="fa fa-bars"></i>-->
+                <!--</a>-->
+            <!--</div>-->
+            <!--<button class="roll-nav roll-left tabLeft">-->
+                <!--<i class="fa fa-backward"></i>-->
+            <!--</button>-->
+            <!--<nav class="page-tabs menuTabs">-->
+                <!--<div class="page-tabs-content">-->
+                    <!--<a href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>-->
+                <!--</div>-->
+            <!--</nav>-->
+            <!--<button class="roll-nav roll-right tabRight">-->
+                <!--<i class="fa fa-forward"></i>-->
+            <!--</button>-->
+            <!--<a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>-->
+        <!--</div>-->
+
+        <!--<a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>-->
+
+        <div class="row mainContent" id="content-main">
+            <iframe id="iframeId" class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
+                    src="" frameborder="0" seamless></iframe>
+
+            <!--/project/dapin/mainPage.html-->
+        </div>
+        <!--<div class="footer">-->
+            <!--<div class="pull-right">© [[${copyrightYear}]]  Copyright</div>-->
+        <!--</div>-->
+    </div>
+    <!--右侧部分结束-->
+
+    <!--左侧通讯录图标-->
+<!--    <div id="add_div" class="add_div">-->
+<!--        &lt;!&ndash;<div id="txl_div" class="txl_div" style="display: none;">-->
+<!--            <a href="javascript:void(0);" onclick="show_txl();"><img src="/img/tongxunlu.png" style="cursor: pointer;"></a>-->
+<!--            <a href="javascript:void(0);" onclick="show_txl();"><img src="/img/tongxunlu.png" style="cursor: pointer;"></a>-->
+<!--        </div>&ndash;&gt;-->
+<!--        <a class="addbtn" href="javascript:void(0);" onclick="show_txl();">-->
+<!--            &lt;!&ndash;<img src="/img/icon_add.png" style="height: 32px;" class="img-circle">&ndash;&gt;-->
+<!--            <svg t="1646969334107" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1258" width="36" height="36"><path d="M509.811148 65.080228c-246.678192 0-446.650643 199.972451-446.650643 446.650643s199.972451 446.650643 446.650643 446.650643 446.650643-199.972451 446.650643-446.650643S756.490364 65.080228 509.811148 65.080228zM727.422328 535.8942 533.973454 535.8942l0 193.448874c0 13.353123-10.809183 24.186865-24.162306 24.186865-13.353123 0-24.162306-10.832719-24.162306-24.186865L485.648842 535.8942 292.200992 535.8942c-13.328563 0-24.162306-10.809183-24.162306-24.189935 0-13.328563 10.832719-24.134677 24.162306-24.134677l193.448874 0L485.649865 294.145274c0-13.352099 10.809183-24.162306 24.162306-24.214495 13.352099 0.052189 24.162306 10.861372 24.162306 24.214495l0 193.424314 193.448874 0c13.328563 0 24.162306 10.806113 24.162306 24.134677C751.612263 525.085016 740.77545 535.8942 727.422328 535.8942z" p-id="1259" fill="#1296db"></path><path d="M509.811148 958.893166c-60.365856 0-118.927623-11.82328-174.056198-35.140335-53.247738-22.521946-101.068883-54.764278-142.135184-95.830579-41.066301-41.066301-73.308633-88.887446-95.829556-142.135184-23.318078-55.128575-35.140335-113.689319-35.140335-174.055175s11.82328-118.927623 35.140335-174.056198c22.521946-53.247738 54.764278-101.068883 95.829556-142.135184 41.066301-41.066301 88.887446-73.308633 142.135184-95.829556 55.128575-23.318078 113.690342-35.140335 174.056198-35.140335s118.927623 11.82328 174.056198 35.140335c53.247738 22.521946 101.069907 54.764278 142.135184 95.829556 41.067324 41.066301 73.309656 88.88847 95.830579 142.135184 23.317055 55.129598 35.140335 113.690342 35.140335 174.056198s-11.82328 118.9266-35.140335 174.055175c-22.521946 53.247738-54.764278 101.069907-95.830579 142.135184-41.066301 41.067324-88.887446 73.309656-142.135184 95.830579C628.738771 947.069887 570.177004 958.893166 509.811148 958.893166zM509.811148 65.590857c-246.001787 0-446.13899 200.137203-446.13899 446.140013 0 246.001787 200.137203 446.13899 446.13899 446.13899 246.001787 0 446.140013-200.137203 446.140013-446.13899C955.951161 265.729084 755.813958 65.590857 509.811148 65.590857zM509.811148 754.040568c-13.604856 0-24.673959-11.079336-24.673959-24.698518L485.137189 536.405853 292.199968 536.405853c-13.604856 0-24.673959-11.08036-24.673959-24.700565 0-13.59053 11.06808-24.64633 24.673959-24.64633l192.937221 0 0-192.913685c0-13.580297 11.06808-24.672936 24.671912-24.726148 13.608949 0.053212 24.676006 11.144828 24.676006 24.726148l0 192.913685 192.937221 0c13.604856 0 24.672936 11.0558 24.672936 24.64633 0.014326 6.592139-2.540869 12.792351-7.193843 17.455557-4.663206 4.672416-10.870582 7.246031-17.479093 7.246031L534.485107 536.406876l0 192.937221C534.485107 742.961232 523.417027 754.040568 509.811148 754.040568zM292.199968 488.082264c-13.041014 0-23.650653 10.597359-23.650653 23.623024 0 13.05534 10.609639 23.677259 23.650653 23.677259l193.960527 0 0 193.960527c0 13.054317 10.609639 23.675212 23.650653 23.675212 13.041014 0 23.650653-10.620895 23.650653-23.675212L533.461801 535.382547l193.960527 0c6.334265 0 12.284791-2.466168 16.754592-6.945179 4.459568-4.469801 6.90834-10.411117 6.895037-16.73208 0-13.026688-10.609639-23.624047-23.64963-23.624047L533.461801 488.081241l0-193.936991c0-13.018501-10.610662-23.651676-23.652699-23.702841-13.037944 0.050142-23.648606 10.683317-23.648606 23.702841l0 193.936991L292.199968 488.081241z" p-id="1260" fill="#1296db"></path></svg>-->
+<!--        </a>-->
+<!--    </div>-->
+    <!--通讯录列表-->
+<!--    <div id="txl_list" class="txl_list">-->
+<!--        <div style="text-align: right;margin: 2px 5px 0;">-->
+<!--            <img src="/img/closew.png" style="cursor: pointer;" onclick="close_txl();">-->
+<!--        </div>-->
+<!--        <div class="btn-group-sm" style="margin: 4px 2px 7px 6px;">-->
+<!--            <a class="btn btn-primary btn-xs" style="padding: 2px 4px;" onclick="add_grouping()" >-->
+<!--                <i class="fa fa-plus"></i>分组-->
+<!--            </a>-->
+<!--            <a class="btn btn-success btn-xs" style="padding: 2px 4px;" onclick="add_user()" >-->
+<!--                <i class="fa fa-plus"></i>联系人-->
+<!--            </a>-->
+<!--            <a class="btn btn-warning btn-xs" style="padding: 2px 4px;" onclick="group_SMS()" >-->
+<!--            <i class="fa fa-envelope"></i>短信群发-->
+<!--        </a>-->
+<!--        </div>-->
+<!--        <div id="ry_list">-->
+
+<!--        </div>-->
+<!--    </div>-->
+
+</div>
+<style type="text/css">
+    .addbtn svg {
+        box-shadow: 0 0 10px #1296db;
+        border-radius: 50%;
+    }
+
+    .txl_list {
+        position: absolute;
+        display: none;
+        height: 480px;
+        width: 268px;
+        right: 15px;
+        top: 50%;
+        background-color: #60b5e3;
+        margin-top: -240px;
+        border-radius: 5px;
+        border: 0 none;
+        box-shadow: 0 0 15px #999;
+    }
+
+    .txl_fz {
+        background-color: #d0ebf94a;
+        height: 36px;
+        font-size: 14px;
+        border-bottom: 1px solid #60b5e3;
+        padding: 2px 10px 0 0;
+    }
+
+    .txl_fz label {
+        height: 100%;
+        width: calc(100% - 60px);
+        padding: 7px;
+        font-weight: 600;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .txl_ry {
+        padding: 3px 10px;
+        border-bottom: 1px solid #e9e7e7;
+    }
+
+    .txl_ry label {
+        width: calc(100% - 110px);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .add_div {
+        position: absolute;
+        right: 11px;
+        top: 50%;
+    }
+
+    .txl_div {
+        float: left;
+        background-color: #4f738b;
+        border-radius: 7px;
+        padding: 5px 3px;
+    }
+
+    .txl_div a {
+        margin: 0px 5px;
+    }
+
+    #ry_list {
+        height: calc(100% - 54px);
+        background: #fff;
+        overflow-y: auto;
+    }
+</style>
+<!-- 全局js -->
+<script th:src="@{/js/jquery.min.js}"></script>
+<script th:src="@{/js/bootstrap.min.js}"></script>
+<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
+<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
+<!--<script th:src="@{/js/jquery.contextMenu.min.js}"></script>-->
+<script th:src="@{/js/index/video.js}"></script>
+<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
+<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
+<script th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>
+<script th:src="@{/ruoyi/js/common.js?v=4.1.0}"></script>
+<script th:src="@{/ruoyi/index.js}"></script>
+<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
+<script th:src="@{/js/common.js}"></script>
+<script th:src="@{/js/quick_links.js}"></script>
+
+<!--<script th:src="@{/ajax/libs/float/js/float-module.min.js}"></script>-->
+<script th:src="@{/project/message/js/wbsUtil.js}"></script>
+<script th:inline="javascript">
+
+    var ctx = [[@{/}]];
+
+    // 皮肤缓存
+    var skin = storage.get("skin");
+    var userId = [[${@permission.getPrincipalProperty('userId')}]];
+    // history（表示去掉地址的#）否则地址以"#"形式展示
+    var mode = "history";
+    // 历史访问路径缓存
+    // var historyPath = storage.get("historyPath");
+    // 排除非左侧菜单链接
+    var excludesUrl = ["/system/user/profile"];
+
+    // 本地主题优先，未设置取系统配置
+    if ($.common.isNotEmpty(skin)) {
+        $("body").addClass(skin.split('|')[0]);
+        $("body").addClass(skin.split('|')[1]);
+    } else {
+        var sideTheme = [[${@config.getKey('sys.index.sideTheme')}]];
+        var skinName = [[${@config.getKey('sys.index.skinName')}]];
+        $("body").addClass(sideTheme);
+        $("body").addClass(skinName);
+    }
+
+    /* 用户管理-重置密码 */
+    function resetPwd() {
+        var url = ctx + 'system/user/profile/resetPwd';
+        $.modal.open("重置密码", url, '770', '380');
+    }
+
+    /* 切换主题 */
+    function switchSkin() {
+        layer.open({
+            type: 2,
+            shadeClose: true,
+            title: "切换主题",
+            area: ["530px", "386px"],
+            content: [ctx + "system/switchSkin", 'no']
+        })
+    }
+
+    /** 刷新时访问路径页签 */
+    function applyPath(url) {
+        $('a[href$="' + decodeURI(url) + '"]').click();
+        if ($.inArray(url, excludesUrl)) {
+            $('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in");
+        }
+    }
+
+    $(function () {
+        $('#page-wrapper').css({"margin": "0 0 0 0px"});
+        // promptCalls();
+        // $('#page-wrapper').width("100%")
+        // if($.common.equals("history", mode) && window.performance.navigation.type == 1) {
+        // 	var url = storage.get('publicPath');
+        //     if ($.common.isNotEmpty(url)) {
+        //     	applyPath(url);
+        //     }
+        // } else {
+        // 	var hash = location.hash;
+        //     if ($.common.isNotEmpty(hash)) {
+        //         var url = hash.substring(1, hash.length);
+        //         applyPath(url);
+        //     }
+        // }
+
+        // $('body').css('font-size', '15px');
+        // $("#closde").trigger("click");
+        // $("#side-menu").metisMenu('dispose');
+        $($("#uiid li").children("a").get(0)).trigger("click");
+        if($("#uiid li a:first-child").attr("id")=='planindex'){
+            $('#page-wrapper').css({"margin": "0 0 0 0px"});
+            $('#leftNav').hide();
+        }
+
+
+
+        $('#add_div').hover(show_tongxunlu,hide_tongxunlu);
+
+    });
+
+    //通讯录js
+    var prefix = ctx + "project/duty/addressList";
+    function getAddressData() {
+        $.get(ctx + "project/duty/addressTree/getDutyAddressTreeData", function (req) {
+            var treeData = req;
+            $.post(prefix + "/list",{}, function (data) {
+                var html = '';
+                for(var i=0; i<treeData.length; i++){
+                    html += '<div class="txl_fz" >';
+                    html += '<label onclick="onTxl_fz(this);">'+treeData[i].title+'</label>';
+                    html += '<div style="float: right; margin-right: 2px;margin-top: 6px;">';
+                    html += '<a href="javascript:void(0);" onclick="detail_grouping(\''+treeData[i].id+'\')"><img src="/img/details.png" style="height: 16px; margin-right: 3px;"></a>';
+                    html += '<a href="javascript:void(0);" onclick="update_grouping(\''+treeData[i].id+'\');"><img src="/img/edit.png" style="height: 16px; margin-right: 2px;"></a>';
+                    html += '<a href="javascript:void(0);" onclick="delete_grouping(\''+treeData[i].id+'\');"><img src="/img/delete.png" style="height: 18px;"></a></div>';
+                    html += '</div>';
+                    html += '    <div>';
+                    for(var j=0; j<data.rows.length; j++){
+                        if(data.rows[j].ztreeId == treeData[i].id){
+                            html += '   <div class="txl_ry" >';
+                            html += '       <label style="margin-top: 5px;" >'+data.rows[j].personName+'</label>';
+                            html += '       <div style="float: right;margin-top: 3px;">';
+                            html += '       <a href="javascript:viod(0);" onclick="detail_user(\''+data.rows[j].listId+'\')"><img src="/img/details.png" style="height: 16px;"></a>';
+                            html += '       <a href="javascript:viod(0);" onclick="update_user(\''+data.rows[j].listId+'\')"><img src="/img/edit.png" style="height: 16px;"></a>';
+                            html += '       <a href="javascript:viod(0);" onclick="delete_user(\''+data.rows[j].listId+'\')"><img src="/img/delete.png" style="height: 18px;"></a>';
+                            html += '       <a href="#"><img src="/img/dianhua.png" style="height: 16px;"></a>';
+                            html += '       <a href="#"><img src="/img/duanxin.png" style="height: 18px;"></a></div>';
+                            html += '   </div>';
+                        }
+                    }
+                    html += '   </div>';
+                    html += '</div>';
+                }
+                $("#ry_list").html(html);
+            })
+        })
+    }
+
+    function onTxl_fz(obj) {
+        if($(obj).parent().next().is(":hidden")){
+            $(obj).parent().next().show();
+        }else{
+            $(obj).parent().next().hide();
+        }
+    }
+
+    function show_txl() {
+        $("#txl_list").show();
+    }
+
+    function close_txl() {
+        $("#txl_list").hide();
+    }
+
+    function show_tongxunlu() {
+        $("#txl_div").show();
+    }
+
+    function hide_tongxunlu() {
+        $("#txl_div").hide();
+    }
+    
+    function add_grouping() {
+        $.modal.open("新增分组", ctx + "project/duty/addressTree/toAddGrouping",800,350);
+    }
+
+    function update_grouping(treeId) {
+        $.modal.open("修改分组", ctx + "project/duty/addressTree/toUpdateGrouping/"+treeId,800,350);
+    }
+
+    function detail_grouping(treeId) {
+        $.modal.open("分组详情", ctx + "project/duty/addressTree/toDetailGrouping/"+treeId,800,350);
+    }
+
+    function delete_grouping(treeId) {
+        $.modal.confirm("确认删除吗？", function() {
+            $.get(ctx + "project/duty/addressTree/removeGrouping/"+treeId, function (req) {
+                if(req.success){
+                    $.modal.alertSuccess(req.message);
+                    refresh_txl();
+                }else{
+                    $.modal.alertError(req.message);
+                }
+            })
+        });
+    }
+
+    function add_user() {
+        $.modal.open("新增联系人", ctx + "project/duty/addressList/toAddGroupingUser",800,550);
+    }
+
+    function update_user(id) {
+        $.modal.open("修改联系人", ctx + "project/duty/addressList/toUpdateGroupingUser/"+id,800,550);
+    }
+
+    function detail_user(id) {
+        $.modal.open("联系人详情", ctx + "project/duty/addressList/toDetailGroupingUser/"+id,800,550);
+    }
+
+    function delete_user(id) {
+        $.modal.confirm("确认删除吗？", function() {
+            $.post(ctx + "project/duty/addressList/remove", {"ids":id},function (req) {
+                if(req.success){
+                    $.modal.alertSuccess(req.message);
+                    refresh_txl();
+                }else{
+                    $.modal.alertError(req.message);
+                }
+            })
+        });
+    }
+    
+    function refresh_txl() {
+        getAddressData();
+        $("#txl_list").show();
+    }
+    
+    //通讯录js end
+
+    var html = "";
+
+    // 当前递归到第几层菜单
+    var menuIndex = 0;
+    // 记录菜单最深有多少层
+    var maxMenuIndex = 0;
+
+    function mun(obj) {
+
+        var regex =/[^(a-zA-Z0-9\\u4e00-\\u9fa5_)?]/
+        if(obj.id=='planindex'){
+            $('#page-wrapper').css({"margin": "0 0 0 0px"});
+            $('#leftNav').hide();
+        }else{
+            $('#page-wrapper').removeAttr("style");
+            $('#leftNav').show();
+        }
+
+
+        menuIndex = 0;
+
+        var val = $(obj).attr("id")
+
+        $("#uiid").find('a').removeClass('active')
+        $(obj).addClass('active');
+        html = "";
+        $.ajax({
+            url: ctx + "system/queryMenus",
+            type: "POST",
+            dataType: "json",
+            // async: "true",
+            data: {systemCode: val},
+            success: function (result) {
+
+                if (result.code == 0) {
+                    if(result.data.menus.length==1&&(result.data.menus[0].children.length<=1)){
+                        $('#page-wrapper').css({"margin": "0 0 0 0px"});
+                        $('#leftNav').hide();
+
+                    }
+
+                    var hash = location.hash;
+                    if ($.common.isNotEmpty(hash)) {
+                        var url = hash.substring(1, hash.length);
+                        applyPath(url);
+                    }
+                    $("#iframeId").attr("src", result.data.page)
+                    $("#fId").attr("href", result.data.page)
+
+                    initTree(result.data.menus);
+                    $('#side-menu').metisMenu('dispose');
+                    $("#wrap").nextAll().remove();
+                    $("#wrap").after(html)
+                    initExpanMenuIndent();
+                    initCollapseMenuIndent();
+
+
+                    // $("#hh").append(html)
+                    $('#side-menu').metisMenu();
+                    //通过遍历给菜单项加上data-index属性
+                    initUtil.Init();
+
+                    // $("#side-menu ul li a").trigger("click");
+                    // $('#page-wrapper').css("");
+                   // alert($('body').is('.mini-navbar'))
+
+                    // $('#page-wrapper').css({"margin": "0 0 0 70px"});
+                    // alert(html);
+                    // alert(html);
+                }
+                if(result.code == 1){
+                    location.href = ctx + 'login';
+
+                }
+            }
+
+        })
+    }
+
+    function initTree(arr) {
+
+        menuIndex += 1;
+        // 几率菜单最深有几层
+        maxMenuIndex = maxMenuIndex < menuIndex ? menuIndex : maxMenuIndex;
+
+
+        var menuClass = "menuClass_" + menuIndex;
+        var expanIndentClass = "expanIndentClass_" + menuIndex;
+        var collapseIndentClass = "collapseIndentClass_" + menuIndex;
+        var d =0,f=0;
+        for (var j = 0; j < arr.length; j++) {
+
+            // var ss = (result.data[j].url!=''&& result.data[j].url != '#')?result.data[j].target:null;
+            var vclass = (arr[j].icon == '') ? 'fa fa-bar-chart-o' : arr[j].icon;
+            var vtarget = (arr[j].target == '') ? menuItem : arr[j].target;
+
+            var herf = "";
+
+            if (arr[j].url != '' && arr[j].url == '#') {
+                // herf += "<a href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
+                if (menuIndex == 1) {
+                    herf += "<a   id='li_"+f+"' href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
+                } else {
+                    herf += "<a   href='#' class='" + expanIndentClass + "'><i class='" + vclass + "'></i><span class='title'>"+arr[j].menuName+"</span><span  class='nav-label " + collapseIndentClass + "'>" + arr[j].menuName + "</span><span class='fa arrow'></span></a>";
+                }
+            } else {
+                herf += "<a id='dd_"+d+"' class='" + vtarget + "  " + expanIndentClass + "' href='" + arr[j].url + "'><i class='" + vclass + "'></i>" + arr[j].menuName + "</a>";
+                d++
+            }
+
+            html += "<li class='" + menuClass + "'>" + herf;
+            f++
+            if (arr[j].children.length > 0) {
+                html += "<ul class='nav nav-second-level collapse " + collapseIndentClass + "'>";
+                initTree(arr[j].children);
+                html += "</ul>"
+            }
+        }
+
+        menuIndex -= 1;
+
+        html += "</li>";
+    }
+
+    // 菜单切换
+    $('.navbar-minimalize').click(function () {
+        $("body").toggleClass("mini-navbar");
+        SmoothlyMenu();
+        initExpanMenuIndent();
+        initCollapseMenuIndent();
+    });
+
+    /**
+     * 处理关闭时阶级缩进
+     */
+    function initCollapseMenuIndent() {
+        // 判断左侧菜单栏是否收起
+        if ($('body').hasClass('mini-navbar')) {
+            for (var i = 1; i <= maxMenuIndex; i++) {
+                if (i >= 2) {
+                    $(".menuClass_" + i).hover(function () {
+                        var px = this.offsetWidth + "px";
+                        var className = this.classList[0];
+                        var index = className.substr(className.length - 1);
+                        $(".collapseIndentClass_" + index).css("left", px);
+                    }, function () {
+
+                    });
+                }
+            }
+
+            $(".title").show();
+        }
+
+    }
+
+    /**
+     * 处理展开时阶级缩进
+     */
+    function initExpanMenuIndent() {
+        // 判断左侧菜单栏是否收起
+        if ($('body').hasClass('mini-navbar')) {
+            for (var i = 1; i <= maxMenuIndex; i++) {
+                if (i >= 2) {
+                    var px = 15 + "px";
+                    $(".expanIndentClass_" + i).css("padding-left", px);
+                }
+            }
+        } else {
+            for (var i = 1; i <= maxMenuIndex; i++) {
+                if (i >= 2) {
+                    var px = 32 + (10 * i) + "px";
+                    $(".expanIndentClass_" + i).css("padding-left", px);
+                    var expanIndentArr = $(".expanIndentClass_" + i);
+                }
+            }
+            // 处理展开时标题重叠问题
+            $(".title").hide();
+        }
+    }
+
+
+
+    
+</script>
+<script type="text/javascript">
+
+//    var fm = new FloatModule({
+//        radius:"10%",
+//        animation:'fan-in',
+//        z_index:1,
+//        draggable:true,
+//        width_height:'45px',
+//        margin_screen_y:'100px',
+//        position:'right-bottom',
+//        theme_color:'#56DEBC',
+//        btn_config:[{
+//            icon:'fa fa-desktop' //数组第一位为主节点
+//        },{
+//            icon:'fa fa-group',
+//            title:'融合通信', //展开后第一个节点
+//            click: function () {
+//                // var opt = {
+//                //     width:$(window).width()-20,
+//                //     height:$(window).height()-20,
+//                //     btn:['<i class="fa fa-close"></i> 关闭'],
+//                //     url:ctx + "project/duty/teleconference/view",
+//                //     yes: function () {
+//                //         return true;
+//                //     }
+//                // };
+//                //
+//                //
+//                // $.modal.openOptions(opt);
+//                $.modal.openFullClose("融合通信",ctx + "project/duty/teleconference/view",$(window).width()-20,$(window).height()-20);
+//                // $.modal.openFull("融合通信", ctx + "project/duty/teleconference/view");
+//                // show_txl();
+//            }
+//        },{
+//            icon:'fa fa-wechat',//展开后第二个节点
+//            title:'hello wechat', //以此类推，最多可支持展开四个节点
+//            click: function () {
+//                alert("hello wechat");
+//            }
+//        },{
+//            icon:'fa fa-wechat',//展开后第二个节点
+//            title:'hello wechat', //以此类推，最多可支持展开四个节点
+//            click: function () {
+//                alert("hello wechat");
+//            }
+//        }]
+//    });
+//
+
+    // ds.loadScript(baseJSUrl+'quick_links.js');
+
+</script>
+</body>
+</html>
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index_t.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index_t.html
index dddb8b75..4b39401f 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index_t.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index_t.html
@@ -1,441 +1,441 @@
-<!DOCTYPE html>
-<html lang="zh" xmlns:th="http://www.thymeleaf.org">
-
-<head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>公务车辆管理系统</title>
-    <!-- CSS files -->
-    <link href="/workStyle/tabler/css/tabler.min.css" rel="stylesheet"/>
-    <link href="/workStyle/tabler/css/tabler-flags.min.css" rel="stylesheet"/>
-    <link href="/workStyle/tabler/css/tabler-payments.min.css" rel="stylesheet"/>
-    <link href="/workStyle/tabler/css/tabler-vendors.min.css" rel="stylesheet"/>
-    <link href="/workStyle/tabler/css/demo.min.css" rel="stylesheet"/>
-    <link href="/workStyle/tabler/css/iconfont/tabler-icons.css" rel="stylesheet"/>
-    <style>
-        @import url('https://rsms.me/inter/inter.css');
-
-        :root {
-            --tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
-        }
-    </style>
-</head>
-<body class=" layout-fluid">
-<script src="/workStyle/tabler/js/demo-theme.min.js"></script>
-<div class="page">
-    <!-- Navbar -->
-    <header class="navbar navbar-expand-md navbar-light d-print-none">
-        <div class="container-xl">
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
-                <a href=".">
-                    <img src="../img/logo-yjyb.png" width="110" height="32" alt="Tabler" class="navbar-brand-image">
-                </a>
-            </h1>
-            <div class="navbar-nav flex-row order-md-last">
-
-                <div class="d-none d-md-flex">
-                    <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode"
-                       data-bs-toggle="tooltip"
-                       data-bs-placement="bottom">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
-                             stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
-                             stroke-linejoin="round">
-                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                            <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"/>
-                        </svg>
-                    </a>
-                    <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode"
-                       data-bs-toggle="tooltip"
-                       data-bs-placement="bottom">
-                        <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
-                             stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
-                             stroke-linejoin="round">
-                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                            <circle cx="12" cy="12" r="4"/>
-                            <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"/>
-                        </svg>
-                    </a>
-                    <div class="nav-item dropdown d-none d-md-flex me-3">
-                        <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1"
-                           aria-label="Show notifications">
-                            <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
-                                 viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
-                                 stroke-linecap="round" stroke-linejoin="round">
-                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                                <path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"/>
-                                <path d="M9 17v1a3 3 0 0 0 6 0v-1"/>
-                            </svg>
-                            <span class="badge bg-red"></span>
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
-                            <div class="card">
-                                <div class="card-header">
-                                    <h3 class="card-title">Last updates</h3>
-                                </div>
-                                <div class="list-group list-group-flush list-group-hoverable">
-                                    <div class="list-group-item">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto"><span
-                                                    class="status-dot status-dot-animated bg-red d-block"></span></div>
-                                            <div class="col text-truncate">
-                                                <a href="#" class="text-body d-block">Example 1</a>
-                                                <div class="d-block text-muted text-truncate mt-n1">
-                                                    Change deprecated html tags to text decoration classes (#29604)
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <a href="#" class="list-group-item-actions">
-                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
-                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
-                                                         stroke="currentColor" fill="none" stroke-linecap="round"
-                                                         stroke-linejoin="round">
-                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
-                                                    </svg>
-                                                </a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="list-group-item">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto"><span class="status-dot d-block"></span></div>
-                                            <div class="col text-truncate">
-                                                <a href="#" class="text-body d-block">Example 2</a>
-                                                <div class="d-block text-muted text-truncate mt-n1">
-                                                    justify-content:between ⇒ justify-content:space-between (#29734)
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <a href="#" class="list-group-item-actions show">
-                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow"
-                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
-                                                         stroke="currentColor" fill="none" stroke-linecap="round"
-                                                         stroke-linejoin="round">
-                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
-                                                    </svg>
-                                                </a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="list-group-item">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto"><span class="status-dot d-block"></span></div>
-                                            <div class="col text-truncate">
-                                                <a href="#" class="text-body d-block">Example 3</a>
-                                                <div class="d-block text-muted text-truncate mt-n1">
-                                                    Update change-version.js (#29736)
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <a href="#" class="list-group-item-actions">
-                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
-                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
-                                                         stroke="currentColor" fill="none" stroke-linecap="round"
-                                                         stroke-linejoin="round">
-                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
-                                                    </svg>
-                                                </a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="list-group-item">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto"><span
-                                                    class="status-dot status-dot-animated bg-green d-block"></span>
-                                            </div>
-                                            <div class="col text-truncate">
-                                                <a href="#" class="text-body d-block">Example 4</a>
-                                                <div class="d-block text-muted text-truncate mt-n1">
-                                                    Regenerate package-lock.json (#29730)
-                                                </div>
-                                            </div>
-                                            <div class="col-auto">
-                                                <a href="#" class="list-group-item-actions">
-                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
-                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
-                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
-                                                         stroke="currentColor" fill="none" stroke-linecap="round"
-                                                         stroke-linejoin="round">
-                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
-                                                    </svg>
-                                                </a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="nav-item dropdown">
-                    <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
-                       aria-label="Open user menu">
-                        <img class="avatar avatar-sm user-image" th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
-                             >
-<!--                        <span class="avatar avatar-sm user-image" th:style="'background-image:'+(${user.avatar} == '') ? '/img/profile.jpg' : ${user.avatar}" ></span>-->
-                        <div class="d-none d-xl-block ps-2">
-                            <div>[[${user.userName}]]</div>
-                            <div class="mt-1 small text-muted">[[${user.loginName}]]</div>
-                        </div>
-                    </a>
-                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-                        <a th:href="@{/system/user/profile}"  class="dropdown-item">个人中心</a>
-                        <a onclick="resetPwd()" class="dropdown-item">修改密码</a>
-                        <a th:href="@{logout}" class="dropdown-item">退出登录</a>
-<!--                        <div class="dropdown-divider"></div>-->
-<!--                        <a href="./settings.html" class="dropdown-item">Settings</a>-->
-<!--                        <a href="./sign-in.html" class="dropdown-item">Logout</a>-->
-                    </div>
-                </div>
-            </div>
-        </div>
-    </header>
-    <div class="navbar-expand-md">
-        <div class="collapse navbar-collapse" id="navbar-menu">
-            <div class="navbar navbar-light">
-                <div class="container-xl">
-                    <ul class="navbar-nav" id="conent">
-
-                    </ul>
-<!--                    <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">-->
-<!--                        <form action="./" method="get" autocomplete="off" novalidate>-->
-<!--                            <div class="input-icon">-->
-<!--                    <span class="input-icon-addon">-->
-<!--                      &lt;!&ndash; Download SVG icon from http://tabler-icons.io/i/search &ndash;&gt;-->
-<!--                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"-->
-<!--                           stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"-->
-<!--                           stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10"-->
-<!--                                                                                                              cy="10"-->
-<!--                                                                                                              r="7"/><line-->
-<!--                              x1="21" y1="21" x2="15" y2="15"/></svg>-->
-<!--                    </span>-->
-<!--                                <input type="text" value="" class="form-control" placeholder="Search…"-->
-<!--                                       aria-label="Search in website">-->
-<!--                            </div>-->
-<!--                        </form>-->
-<!--                    </div>-->
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="page-wrapper">
-        <iframe id="iframeId" class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
-                src="" frameborder="0" seamless></iframe>
-
-    </div>
-</div>
-<div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
-    <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title">New report</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <div class="mb-3">
-                    <label class="form-label">Name</label>
-                    <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
-                </div>
-                <label class="form-label">Report type</label>
-                <div class="form-selectgroup-boxes row mb-3">
-                    <div class="col-lg-6">
-                        <label class="form-selectgroup-item">
-                            <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
-                            <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="me-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Simple</span>
-                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
-                    </span>
-                  </span>
-                        </label>
-                    </div>
-                    <div class="col-lg-6">
-                        <label class="form-selectgroup-item">
-                            <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
-                            <span class="form-selectgroup-label d-flex align-items-center p-3">
-                    <span class="me-3">
-                      <span class="form-selectgroup-check"></span>
-                    </span>
-                    <span class="form-selectgroup-label-content">
-                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
-                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
-                    </span>
-                  </span>
-                        </label>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-lg-8">
-                        <div class="mb-3">
-                            <label class="form-label">Report url</label>
-                            <div class="input-group input-group-flat">
-                    <span class="input-group-text">
-                      https://tabler.io/reports/
-                    </span>
-                                <input type="text" class="form-control ps-0" value="report-01" autocomplete="off">
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col-lg-4">
-                        <div class="mb-3">
-                            <label class="form-label">Visibility</label>
-                            <select class="form-select">
-                                <option value="1" selected>Private</option>
-                                <option value="2">Public</option>
-                                <option value="3">Hidden</option>
-                            </select>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="modal-body">
-                <div class="row">
-                    <div class="col-lg-6">
-                        <div class="mb-3">
-                            <label class="form-label">Client name</label>
-                            <input type="text" class="form-control">
-                        </div>
-                    </div>
-                    <div class="col-lg-6">
-                        <div class="mb-3">
-                            <label class="form-label">Reporting period</label>
-                            <input type="date" class="form-control">
-                        </div>
-                    </div>
-                    <div class="col-lg-12">
-                        <div>
-                            <label class="form-label">Additional information</label>
-                            <textarea class="form-control" rows="3"></textarea>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="modal-footer">
-                <a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
-                    Cancel
-                </a>
-                <a href="#" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
-                    <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
-                         stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
-                         stroke-linejoin="round">
-                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-                        <line x1="12" y1="5" x2="12" y2="19"/>
-                        <line x1="5" y1="12" x2="19" y2="12"/>
-                    </svg>
-                    Create new report
-                </a>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- Libs JS -->
-<script src="/workStyle/tabler/libs/apexcharts/dist/apexcharts.min.js" defer></script>
-<script src="/workStyle/tabler/libs/jsvectormap/dist/js/jsvectormap.min.js" defer></script>
-<script src="/workStyle/tabler/libs/jsvectormap/dist/maps/world.js" defer></script>
-<script src="/workStyle/tabler/libs/jsvectormap/dist/maps/world-merc.js" defer></script>
-<!-- Tabler Core -->
-<script src="/workStyle/tabler/js/tabler.min.js" defer></script>
-<script src="/workStyle/tabler/js/demo.min.js" defer></script>
-<script th:src="@{/js/jquery.min.js}"></script>
-<script>
-    $(function () {
-        queryMu();
-    })
-    function queryMu(){
-        $.ajax({
-            url: "system/queryStyleMenus",
-            type: "POST",
-            dataType: "json",
-            // async: "true",
-
-            success: function (result) {
-                debugger
-                var html="";
-                if (result.code == 0) {
-                   for(var i=0;i<result.data.length;i++){
-                       if(result.data[i].menuVo.menus.length==1&&(result.data[i].menuVo.menus[0].children.length==0)){
-                           if(i==0){
-                               html+="<li class='nav-item active'>"
-                               $("#iframeId").attr("src",result.data[i].menuVo.menus[0].url).attr("height",document.body.clientHeight)
-                               // $("#iframeId").attr("src", result.data[i].menuVo.menus[0].url)
-                           }else{
-                               html+="<li class='nav-item'>"
-                           }
-                           // html+="<li class='nav-item active'>"
-                           html+=" <a class='nav-link' onclick='num(this);' dataurl='"+result.data[i].menuVo.menus[0].url+"'>"
-                           // html+="<span class=\"nav-link-icon d-md-none d-lg-inline-block\">"
-                           html+="<i class='"+result.data[i].systemCodeDto.remark+"'></i>"
-                           // html+="</span>"
-                           html+="<span class=\"nav-link-title\">"+result.data[i].systemCodeDto.dictLabel+"</span>"
-                           html+="</a></li>"
-                       }else{
-                           html+="<li class=\"nav-item dropdown\">"
-                           html+=" <a class=\"nav-link dropdown-toggle\" href=\"#navbar-base\" data-bs-toggle=\"dropdown\"\n" +
-                           "                               data-bs-auto-close=\"outside\" role=\"button\" aria-expanded=\"false\">"
-                           html+="<i class='"+result.data[i].systemCodeDto.remark+"'></i>"
-                           html+=" <span class=\"nav-link-title\">"+result.data[i].systemCodeDto.dictLabel+"</span>"
-                           html+=" </span></a>"
-                           html+="<div class=\"dropdown-menu\"><div class=\"dropdown-menu-columns\"><div class=\"dropdown-menu-column\">"
-                           for(var j=0;j<result.data[i].menuVo.menus.length;j++){
-                               if(result.data[i].menuVo.menus[j].children.length==0){
-                                   html+="<a class=\"dropdown-item\" href="+result.data[i].menuVo.menus[j].url+">"+result.data[i].menuVo.menus[j].menuName+"</a>"
-                               }else{
-                                   html+="<div class=\"dropend\"><a class=\"dropdown-item dropdown-toggle\" href=\"#sidebar-cards\"\n" +
-                                       "                                               data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" role=\"button\"\n" +
-                                       "                                               aria-expanded=\"false\">"
-                                   html+=result.data[i].menuVo.menus[j].menuName
-                                   html+="</a><div class=\"dropdown-menu\">"
-                                   for(var k=0;k<result.data[i].menuVo.menus[j].children.length;k++){
-                                       html+=" <a onclick='num(this);' dataurl="+result.data[i].menuVo.menus[j].children[k].url+" class=\"dropdown-item\">"+result.data[i].menuVo.menus[j].children[k].menuName
-                                       html+="</a>"
-                                   }
-                                   html+="</div> </div>"
-                               }
-                           }
-                           html+=" </div> </div> </div></li>"
-
-                       }
-
-                   }
-                   $("#conent").html(html)
-                }
-                if(result.code == 1){
-
-                    location.href = ctx + 'login';
-
-                }
-            }
-
-        })
-    }
-    function num(obj){
-        $("li").removeClass('active')
-        $(obj).parents("li").addClass('active')
-        $("a").removeClass('active')
-        $(obj).addClass('active').parent().siblings('a').addClass('active')
-        $("#iframeId").attr("src",$(obj).attr("dataurl")).attr("height",document.body.clientHeight-110)
-        $("a").removeClass('show')
-        $("div").removeClass('show')
-        // alert($(obj).attr("dataurl"))
-    }
-</script>
-
-</body>
+<!DOCTYPE html>
+<html lang="zh" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
+    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>全民演练管理系统</title>
+    <!-- CSS files -->
+    <link href="/workStyle/tabler/css/tabler.min.css" rel="stylesheet"/>
+    <link href="/workStyle/tabler/css/tabler-flags.min.css" rel="stylesheet"/>
+    <link href="/workStyle/tabler/css/tabler-payments.min.css" rel="stylesheet"/>
+    <link href="/workStyle/tabler/css/tabler-vendors.min.css" rel="stylesheet"/>
+    <link href="/workStyle/tabler/css/demo.min.css" rel="stylesheet"/>
+    <link href="/workStyle/tabler/css/iconfont/tabler-icons.css" rel="stylesheet"/>
+    <style>
+        @import url('https://rsms.me/inter/inter.css');
+
+        :root {
+            --tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+        }
+    </style>
+</head>
+<body class=" layout-fluid">
+<script src="/workStyle/tabler/js/demo-theme.min.js"></script>
+<div class="page">
+    <!-- Navbar -->
+    <header class="navbar navbar-expand-md navbar-light d-print-none">
+        <div class="container-xl">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
+                <a href=".">
+                    <img src="../img/logo-yjyb.png" width="110" height="32" alt="Tabler" class="navbar-brand-image">
+                </a>
+            </h1>
+            <div class="navbar-nav flex-row order-md-last">
+
+                <div class="d-none d-md-flex">
+                    <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode"
+                       data-bs-toggle="tooltip"
+                       data-bs-placement="bottom">
+                        <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
+                             stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
+                             stroke-linejoin="round">
+                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                            <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"/>
+                        </svg>
+                    </a>
+                    <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode"
+                       data-bs-toggle="tooltip"
+                       data-bs-placement="bottom">
+                        <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
+                             stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
+                             stroke-linejoin="round">
+                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                            <circle cx="12" cy="12" r="4"/>
+                            <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"/>
+                        </svg>
+                    </a>
+                    <div class="nav-item dropdown d-none d-md-flex me-3">
+                        <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1"
+                           aria-label="Show notifications">
+                            <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
+                            <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
+                                 viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
+                                 stroke-linecap="round" stroke-linejoin="round">
+                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                <path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"/>
+                                <path d="M9 17v1a3 3 0 0 0 6 0v-1"/>
+                            </svg>
+                            <span class="badge bg-red"></span>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
+                            <div class="card">
+                                <div class="card-header">
+                                    <h3 class="card-title">Last updates</h3>
+                                </div>
+                                <div class="list-group list-group-flush list-group-hoverable">
+                                    <div class="list-group-item">
+                                        <div class="row align-items-center">
+                                            <div class="col-auto"><span
+                                                    class="status-dot status-dot-animated bg-red d-block"></span></div>
+                                            <div class="col text-truncate">
+                                                <a href="#" class="text-body d-block">Example 1</a>
+                                                <div class="d-block text-muted text-truncate mt-n1">
+                                                    Change deprecated html tags to text decoration classes (#29604)
+                                                </div>
+                                            </div>
+                                            <div class="col-auto">
+                                                <a href="#" class="list-group-item-actions">
+                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
+                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
+                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
+                                                         stroke="currentColor" fill="none" stroke-linecap="round"
+                                                         stroke-linejoin="round">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
+                                                    </svg>
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="list-group-item">
+                                        <div class="row align-items-center">
+                                            <div class="col-auto"><span class="status-dot d-block"></span></div>
+                                            <div class="col text-truncate">
+                                                <a href="#" class="text-body d-block">Example 2</a>
+                                                <div class="d-block text-muted text-truncate mt-n1">
+                                                    justify-content:between ⇒ justify-content:space-between (#29734)
+                                                </div>
+                                            </div>
+                                            <div class="col-auto">
+                                                <a href="#" class="list-group-item-actions show">
+                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
+                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow"
+                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
+                                                         stroke="currentColor" fill="none" stroke-linecap="round"
+                                                         stroke-linejoin="round">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
+                                                    </svg>
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="list-group-item">
+                                        <div class="row align-items-center">
+                                            <div class="col-auto"><span class="status-dot d-block"></span></div>
+                                            <div class="col text-truncate">
+                                                <a href="#" class="text-body d-block">Example 3</a>
+                                                <div class="d-block text-muted text-truncate mt-n1">
+                                                    Update change-version.js (#29736)
+                                                </div>
+                                            </div>
+                                            <div class="col-auto">
+                                                <a href="#" class="list-group-item-actions">
+                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
+                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
+                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
+                                                         stroke="currentColor" fill="none" stroke-linecap="round"
+                                                         stroke-linejoin="round">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
+                                                    </svg>
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="list-group-item">
+                                        <div class="row align-items-center">
+                                            <div class="col-auto"><span
+                                                    class="status-dot status-dot-animated bg-green d-block"></span>
+                                            </div>
+                                            <div class="col text-truncate">
+                                                <a href="#" class="text-body d-block">Example 4</a>
+                                                <div class="d-block text-muted text-truncate mt-n1">
+                                                    Regenerate package-lock.json (#29730)
+                                                </div>
+                                            </div>
+                                            <div class="col-auto">
+                                                <a href="#" class="list-group-item-actions">
+                                                    <!-- Download SVG icon from http://tabler-icons.io/i/star -->
+                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted"
+                                                         width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
+                                                         stroke="currentColor" fill="none" stroke-linecap="round"
+                                                         stroke-linejoin="round">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"/>
+                                                    </svg>
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="nav-item dropdown">
+                    <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
+                       aria-label="Open user menu">
+                        <img class="avatar avatar-sm user-image" th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
+                             >
+<!--                        <span class="avatar avatar-sm user-image" th:style="'background-image:'+(${user.avatar} == '') ? '/img/profile.jpg' : ${user.avatar}" ></span>-->
+                        <div class="d-none d-xl-block ps-2">
+                            <div>[[${user.userName}]]</div>
+                            <div class="mt-1 small text-muted">[[${user.loginName}]]</div>
+                        </div>
+                    </a>
+                    <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
+                        <a th:href="@{/system/user/profile}"  class="dropdown-item">个人中心</a>
+                        <a onclick="resetPwd()" class="dropdown-item">修改密码</a>
+                        <a th:href="@{logout}" class="dropdown-item">退出登录</a>
+<!--                        <div class="dropdown-divider"></div>-->
+<!--                        <a href="./settings.html" class="dropdown-item">Settings</a>-->
+<!--                        <a href="./sign-in.html" class="dropdown-item">Logout</a>-->
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <div class="navbar-expand-md">
+        <div class="collapse navbar-collapse" id="navbar-menu">
+            <div class="navbar navbar-light">
+                <div class="container-xl">
+                    <ul class="navbar-nav" id="conent">
+
+                    </ul>
+<!--                    <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">-->
+<!--                        <form action="./" method="get" autocomplete="off" novalidate>-->
+<!--                            <div class="input-icon">-->
+<!--                    <span class="input-icon-addon">-->
+<!--                      &lt;!&ndash; Download SVG icon from http://tabler-icons.io/i/search &ndash;&gt;-->
+<!--                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"-->
+<!--                           stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"-->
+<!--                           stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10"-->
+<!--                                                                                                              cy="10"-->
+<!--                                                                                                              r="7"/><line-->
+<!--                              x1="21" y1="21" x2="15" y2="15"/></svg>-->
+<!--                    </span>-->
+<!--                                <input type="text" value="" class="form-control" placeholder="Search…"-->
+<!--                                       aria-label="Search in website">-->
+<!--                            </div>-->
+<!--                        </form>-->
+<!--                    </div>-->
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="page-wrapper">
+        <iframe id="iframeId" class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
+                src="" frameborder="0" seamless></iframe>
+
+    </div>
+</div>
+<div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">New report</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <div class="mb-3">
+                    <label class="form-label">Name</label>
+                    <input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
+                </div>
+                <label class="form-label">Report type</label>
+                <div class="form-selectgroup-boxes row mb-3">
+                    <div class="col-lg-6">
+                        <label class="form-selectgroup-item">
+                            <input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
+                            <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="me-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Simple</span>
+                      <span class="d-block text-muted">Provide only basic data needed for the report</span>
+                    </span>
+                  </span>
+                        </label>
+                    </div>
+                    <div class="col-lg-6">
+                        <label class="form-selectgroup-item">
+                            <input type="radio" name="report-type" value="1" class="form-selectgroup-input">
+                            <span class="form-selectgroup-label d-flex align-items-center p-3">
+                    <span class="me-3">
+                      <span class="form-selectgroup-check"></span>
+                    </span>
+                    <span class="form-selectgroup-label-content">
+                      <span class="form-selectgroup-title strong mb-1">Advanced</span>
+                      <span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
+                    </span>
+                  </span>
+                        </label>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="mb-3">
+                            <label class="form-label">Report url</label>
+                            <div class="input-group input-group-flat">
+                    <span class="input-group-text">
+                      https://tabler.io/reports/
+                    </span>
+                                <input type="text" class="form-control ps-0" value="report-01" autocomplete="off">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-4">
+                        <div class="mb-3">
+                            <label class="form-label">Visibility</label>
+                            <select class="form-select">
+                                <option value="1" selected>Private</option>
+                                <option value="2">Public</option>
+                                <option value="3">Hidden</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-body">
+                <div class="row">
+                    <div class="col-lg-6">
+                        <div class="mb-3">
+                            <label class="form-label">Client name</label>
+                            <input type="text" class="form-control">
+                        </div>
+                    </div>
+                    <div class="col-lg-6">
+                        <div class="mb-3">
+                            <label class="form-label">Reporting period</label>
+                            <input type="date" class="form-control">
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <div>
+                            <label class="form-label">Additional information</label>
+                            <textarea class="form-control" rows="3"></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
+                    Cancel
+                </a>
+                <a href="#" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
+                    <!-- Download SVG icon from http://tabler-icons.io/i/plus -->
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
+                         stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
+                         stroke-linejoin="round">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <line x1="12" y1="5" x2="12" y2="19"/>
+                        <line x1="5" y1="12" x2="19" y2="12"/>
+                    </svg>
+                    Create new report
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- Libs JS -->
+<script src="/workStyle/tabler/libs/apexcharts/dist/apexcharts.min.js" defer></script>
+<script src="/workStyle/tabler/libs/jsvectormap/dist/js/jsvectormap.min.js" defer></script>
+<script src="/workStyle/tabler/libs/jsvectormap/dist/maps/world.js" defer></script>
+<script src="/workStyle/tabler/libs/jsvectormap/dist/maps/world-merc.js" defer></script>
+<!-- Tabler Core -->
+<script src="/workStyle/tabler/js/tabler.min.js" defer></script>
+<script src="/workStyle/tabler/js/demo.min.js" defer></script>
+<script th:src="@{/js/jquery.min.js}"></script>
+<script>
+    $(function () {
+        queryMu();
+    })
+    function queryMu(){
+        $.ajax({
+            url: "system/queryStyleMenus",
+            type: "POST",
+            dataType: "json",
+            // async: "true",
+
+            success: function (result) {
+                debugger
+                var html="";
+                if (result.code == 0) {
+                   for(var i=0;i<result.data.length;i++){
+                       if(result.data[i].menuVo.menus.length==1&&(result.data[i].menuVo.menus[0].children.length==0)){
+                           if(i==0){
+                               html+="<li class='nav-item active'>"
+                               $("#iframeId").attr("src",result.data[i].menuVo.menus[0].url).attr("height",document.body.clientHeight)
+                               // $("#iframeId").attr("src", result.data[i].menuVo.menus[0].url)
+                           }else{
+                               html+="<li class='nav-item'>"
+                           }
+                           // html+="<li class='nav-item active'>"
+                           html+=" <a class='nav-link' onclick='num(this);' dataurl='"+result.data[i].menuVo.menus[0].url+"'>"
+                           // html+="<span class=\"nav-link-icon d-md-none d-lg-inline-block\">"
+                           html+="<i class='"+result.data[i].systemCodeDto.remark+"'></i>"
+                           // html+="</span>"
+                           html+="<span class=\"nav-link-title\">"+result.data[i].systemCodeDto.dictLabel+"</span>"
+                           html+="</a></li>"
+                       }else{
+                           html+="<li class=\"nav-item dropdown\">"
+                           html+=" <a class=\"nav-link dropdown-toggle\" href=\"#navbar-base\" data-bs-toggle=\"dropdown\"\n" +
+                           "                               data-bs-auto-close=\"outside\" role=\"button\" aria-expanded=\"false\">"
+                           html+="<i class='"+result.data[i].systemCodeDto.remark+"'></i>"
+                           html+=" <span class=\"nav-link-title\">"+result.data[i].systemCodeDto.dictLabel+"</span>"
+                           html+=" </span></a>"
+                           html+="<div class=\"dropdown-menu\"><div class=\"dropdown-menu-columns\"><div class=\"dropdown-menu-column\">"
+                           for(var j=0;j<result.data[i].menuVo.menus.length;j++){
+                               if(result.data[i].menuVo.menus[j].children.length==0){
+                                   html+="<a class=\"dropdown-item\" href="+result.data[i].menuVo.menus[j].url+">"+result.data[i].menuVo.menus[j].menuName+"</a>"
+                               }else{
+                                   html+="<div class=\"dropend\"><a class=\"dropdown-item dropdown-toggle\" href=\"#sidebar-cards\"\n" +
+                                       "                                               data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" role=\"button\"\n" +
+                                       "                                               aria-expanded=\"false\">"
+                                   html+=result.data[i].menuVo.menus[j].menuName
+                                   html+="</a><div class=\"dropdown-menu\">"
+                                   for(var k=0;k<result.data[i].menuVo.menus[j].children.length;k++){
+                                       html+=" <a onclick='num(this);' dataurl="+result.data[i].menuVo.menus[j].children[k].url+" class=\"dropdown-item\">"+result.data[i].menuVo.menus[j].children[k].menuName
+                                       html+="</a>"
+                                   }
+                                   html+="</div> </div>"
+                               }
+                           }
+                           html+=" </div> </div> </div></li>"
+
+                       }
+
+                   }
+                   $("#conent").html(html)
+                }
+                if(result.code == 1){
+
+                    location.href = ctx + 'login';
+
+                }
+            }
+
+        })
+    }
+    function num(obj){
+        $("li").removeClass('active')
+        $(obj).parents("li").addClass('active')
+        $("a").removeClass('active')
+        $(obj).addClass('active').parent().siblings('a').addClass('active')
+        $("#iframeId").attr("src",$(obj).attr("dataurl")).attr("height",document.body.clientHeight-110)
+        $("a").removeClass('show')
+        $("div").removeClass('show')
+        // alert($(obj).attr("dataurl"))
+    }
+</script>
+
+</body>
 </html>
\ No newline at end of file
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/login.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/login.html
index a6a1b744..8611e6e1 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/login.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/login.html
@@ -1,203 +1,203 @@
-<!DOCTYPE html>
-<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-    
-    <title>登录智慧应急管理云平台</title>
-    <meta name="description" content="后台管理框架">
-
-    <link href="../static/css/bootstrap-4.2.1/css/bootstrap.css" th:href="@{/css/bootstrap-4.2.1/css/bootstrap.css}" rel="stylesheet"/>
-    <!--<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
-    <!--<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>-->
-    <!--<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>-->
-    <!--<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>-->
-    <!-- 360浏览器急速模式 -->
-    <meta name="renderer" content="webkit">
-    <!-- 避免IE使用兼容模式 -->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>-->
-    <style type="text/css">label.error { position:inherit;  }</style>
-    <link href="../static/css/style.default.css" th:href="@{/css/style.default.css}" rel="stylesheet"/>
-
-    <script>
-        if(window.top!==window.self){window.top.location=window.location};
-    </script>
-</head>
-
-<body>
-<div class="page login-page">
-    <div class="container d-flex align-items-center">
-        <div class="form-holder has-shadow">
-            <div class="row">
-
-                <div class="col-lg-6">
-                    <div class="info d-flex align-items-center">
-                        <div class="content">
-                            <div class="logo">
-
-                            </div>
-                            <div class="logosys">公务车辆管理系统</div>
-
-                        </div>
-                    </div>
-                </div>
-
-                <div class="col-lg-6 bg-white">
-                    <!--<div class="form d-flex align-items-center" style="background: url(../img/ztf.jpg) no-repeat bottom 10% right 10%;-->
-    <!--background-size: 30%;">-->
-                        <div class="form d-flex align-items-center">
-                        <div class="content">
-                            <h1>欢迎登录</h1>
-                            <!--<form   id="loginFrom">-->
-                                <div class="form-group">
-                                    <input id="login-username" type="text" name="username" required data-msg="请输入用户名" placeholder="用户名" class="input-material">
-                                </div>
-                                <div class="form-group">
-                                    <input id="login-password" type="password" name="password" required data-msg="请输入密码" placeholder="密码" class="input-material">
-                                </div>
-                                <!--<div class="form-group" th:if="${captchaEnabled==true}">-->
-                                    <!--&lt;!&ndash;<div class="col-xs-6">&ndash;&gt;-->
-                                        <!--<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">-->
-                                        <!--<a href="javascript:void(0);" title="点击更换验证码">-->
-                                            <!--<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>-->
-                                        <!--</a>-->
-                                    <!--</div>-->
-                                    <!--<div class="col-xs-6">-->
-
-                                    <!--</div>-->
-                                <!--</div>-->
-                                <button id="login" type="submit" class="btn btn-primary">登录</button>
-                                <div style="margin-top: -40px;">
-
-                                    <!--<div class="custom-control custom-checkbox " style="float: right;">-->
-                                        <!--<input type="checkbox" class="custom-control-input" id="check2">-->
-                                        <!--<label class="custom-control-label" for="check2">自动登录</label>-->
-                                    <!--</div>-->
-                                    <!--<div class="custom-control custom-checkbox " style="float: right;">
-                                        <input type="checkbox" class="custom-control-input" id="check1">
-                                        <label class="custom-control-label" for="check1">记住密码&nbsp;&nbsp;</label>
-                                    </div>-->
-                                </div>
-                            <!--</form>-->
-                            <br />
-<!--                            <small>没有账号?</small><a target=“_blank” href="/safety/enterprise/register" class="signup">&nbsp;注册</a>-->
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!--<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
-<!--<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>-->
-<!--<script src="vendor/jquery-validation/jquery.validate.min.js"></script>-->
-<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
-
-<!--<script src="js/front.js"></script>-->
-<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
-<!--<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>-->
-<!-- 验证插件 -->
-<!--<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>-->
-<!--<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>-->
-<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
-<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
-<!--<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>-->
-<!--<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>-->
-<!--<script src="../static/js/crypto-js.js" type="text/javascript"></script>-->
-<script src="../static/js/crypto-js.js" th:src="@{/js/crypto-js.js}"></script>
-<script>
-    let data = {
-        from: 'iframe logout',
-        code: 403,
-        data: '退出登录'
-    };
-    window.top.postMessage(data, '*');
-</script>
-<script>
-    $(function(){
-        /*判断上次是否勾选记住密码和自动登录*/
-        /*var check1s=localStorage.getItem("check1");
-        var check2s=localStorage.getItem("check2");
-        var oldName=localStorage.getItem("userName");
-        var oldPass=localStorage.getItem("passWord");
-        if(check1s=="true"){
-            $("#login-username").val(oldName);
-            $("#login-password").val(oldPass);
-            $("#check1").prop('checked',true);
-        }else{
-            $("#login-username").val('');
-            $("#login-password").val('');
-            $("#check1").prop('checked',false);
-        }
-        if(check2s=="true"){
-            $("#check2").prop('checked',true);
-            $("#loginFrom").submit();
-            //location="https://www.baidu.com?userName="+oldName+"&passWord="+oldPass;//添加退出当前账号功能
-        }else{
-            $("#check2").prop('checked',false);
-        }*/
-        /*拿到刚刚注册的账号*/
-        /*if(localStorage.getItem("name")!=null){
-            $("#login-username").val(localStorage.getItem("name"));
-        }*/
-        /*登录*/
-        $("#login").click(function(){
-            login();
-        })
-
-        $(document).keypress(function (e) {
-            if (e.keyCode == 13){
-                login();
-            }
-        })
-    })
-
-    /**
-     * 登录
-     */
-    function login() {
-        //var rememberMe = $("#check1").prop('checked');
-        //var rememberMe = false;
-        var userName=$("#login-username").val();
-        var passWord=$("#login-password").val();
-        $.ajax({
-            type: "post",
-            url: ctx + "login",
-            data: {
-                "username": userName,
-                "password": Encrypt(passWord)
-                //"rememberMe": rememberMe
-            },
-            success: function(r) {
-                if (r.code == 0) {
-                    location.href = ctx + 'index';
-                } else {
-                    layer.msg(r.msg)
-                }
-            }
-        });
-    }
-
-    /**
-     * 加密密码
-     * @param passWord
-     * @constructor
-     */
-    function Encrypt(passWord) {
-        var keyStr = '1234567898745621';
-        var ivStr = keyStr;
-        var key = CryptoJS.enc.Utf8.parse(keyStr);
-        var iv = CryptoJS.enc.Utf8.parse(ivStr);
-        var srcs = CryptoJS.enc.Utf8.parse(passWord);
-        var encrypted = CryptoJS.AES.encrypt(srcs, key, {
-            iv: iv,
-            mode: CryptoJS.mode.CBC,
-            padding: CryptoJS.pad.ZeroPadding
-        });
-        return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
-    }
-</script>
-</body>
-</html>
+<!DOCTYPE html>
+<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    
+    <title>登录智慧应急管理云平台</title>
+    <meta name="description" content="后台管理框架">
+
+    <link href="../static/css/bootstrap-4.2.1/css/bootstrap.css" th:href="@{/css/bootstrap-4.2.1/css/bootstrap.css}" rel="stylesheet"/>
+    <!--<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
+    <!--<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>-->
+    <!--<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>-->
+    <!--<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>-->
+    <!-- 360浏览器急速模式 -->
+    <meta name="renderer" content="webkit">
+    <!-- 避免IE使用兼容模式 -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>-->
+    <style type="text/css">label.error { position:inherit;  }</style>
+    <link href="../static/css/style.default.css" th:href="@{/css/style.default.css}" rel="stylesheet"/>
+
+    <script>
+        if(window.top!==window.self){window.top.location=window.location};
+    </script>
+</head>
+
+<body>
+<div class="page login-page">
+    <div class="container d-flex align-items-center">
+        <div class="form-holder has-shadow">
+            <div class="row">
+
+                <div class="col-lg-6">
+                    <div class="info d-flex align-items-center">
+                        <div class="content">
+                            <div class="logo">
+
+                            </div>
+                            <div class="logosys">全民演练系统</div>
+
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-lg-6 bg-white">
+                    <!--<div class="form d-flex align-items-center" style="background: url(../img/ztf.jpg) no-repeat bottom 10% right 10%;-->
+    <!--background-size: 30%;">-->
+                        <div class="form d-flex align-items-center">
+                        <div class="content">
+                            <h1>欢迎登录</h1>
+                            <!--<form   id="loginFrom">-->
+                                <div class="form-group">
+                                    <input id="login-username" type="text" name="username" required data-msg="请输入用户名" placeholder="用户名" class="input-material">
+                                </div>
+                                <div class="form-group">
+                                    <input id="login-password" type="password" name="password" required data-msg="请输入密码" placeholder="密码" class="input-material">
+                                </div>
+                                <!--<div class="form-group" th:if="${captchaEnabled==true}">-->
+                                    <!--&lt;!&ndash;<div class="col-xs-6">&ndash;&gt;-->
+                                        <!--<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">-->
+                                        <!--<a href="javascript:void(0);" title="点击更换验证码">-->
+                                            <!--<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>-->
+                                        <!--</a>-->
+                                    <!--</div>-->
+                                    <!--<div class="col-xs-6">-->
+
+                                    <!--</div>-->
+                                <!--</div>-->
+                                <button id="login" type="submit" class="btn btn-primary">登录</button>
+                                <div style="margin-top: -40px;">
+
+                                    <!--<div class="custom-control custom-checkbox " style="float: right;">-->
+                                        <!--<input type="checkbox" class="custom-control-input" id="check2">-->
+                                        <!--<label class="custom-control-label" for="check2">自动登录</label>-->
+                                    <!--</div>-->
+                                    <!--<div class="custom-control custom-checkbox " style="float: right;">
+                                        <input type="checkbox" class="custom-control-input" id="check1">
+                                        <label class="custom-control-label" for="check1">记住密码&nbsp;&nbsp;</label>
+                                    </div>-->
+                                </div>
+                            <!--</form>-->
+                            <br />
+<!--                            <small>没有账号?</small><a target=“_blank” href="/safety/enterprise/register" class="signup">&nbsp;注册</a>-->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
+<!--<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>-->
+<!--<script src="vendor/jquery-validation/jquery.validate.min.js"></script>-->
+<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
+
+<!--<script src="js/front.js"></script>-->
+<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
+<!--<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>-->
+<!-- 验证插件 -->
+<!--<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>-->
+<!--<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>-->
+<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
+<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
+<!--<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>-->
+<!--<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>-->
+<!--<script src="../static/js/crypto-js.js" type="text/javascript"></script>-->
+<script src="../static/js/crypto-js.js" th:src="@{/js/crypto-js.js}"></script>
+<script>
+    let data = {
+        from: 'iframe logout',
+        code: 403,
+        data: '退出登录'
+    };
+    window.top.postMessage(data, '*');
+</script>
+<script>
+    $(function(){
+        /*判断上次是否勾选记住密码和自动登录*/
+        /*var check1s=localStorage.getItem("check1");
+        var check2s=localStorage.getItem("check2");
+        var oldName=localStorage.getItem("userName");
+        var oldPass=localStorage.getItem("passWord");
+        if(check1s=="true"){
+            $("#login-username").val(oldName);
+            $("#login-password").val(oldPass);
+            $("#check1").prop('checked',true);
+        }else{
+            $("#login-username").val('');
+            $("#login-password").val('');
+            $("#check1").prop('checked',false);
+        }
+        if(check2s=="true"){
+            $("#check2").prop('checked',true);
+            $("#loginFrom").submit();
+            //location="https://www.baidu.com?userName="+oldName+"&passWord="+oldPass;//添加退出当前账号功能
+        }else{
+            $("#check2").prop('checked',false);
+        }*/
+        /*拿到刚刚注册的账号*/
+        /*if(localStorage.getItem("name")!=null){
+            $("#login-username").val(localStorage.getItem("name"));
+        }*/
+        /*登录*/
+        $("#login").click(function(){
+            login();
+        })
+
+        $(document).keypress(function (e) {
+            if (e.keyCode == 13){
+                login();
+            }
+        })
+    })
+
+    /**
+     * 登录
+     */
+    function login() {
+        //var rememberMe = $("#check1").prop('checked');
+        //var rememberMe = false;
+        var userName=$("#login-username").val();
+        var passWord=$("#login-password").val();
+        $.ajax({
+            type: "post",
+            url: ctx + "login",
+            data: {
+                "username": userName,
+                "password": Encrypt(passWord)
+                //"rememberMe": rememberMe
+            },
+            success: function(r) {
+                if (r.code == 0) {
+                    location.href = ctx + 'index';
+                } else {
+                    layer.msg(r.msg)
+                }
+            }
+        });
+    }
+
+    /**
+     * 加密密码
+     * @param passWord
+     * @constructor
+     */
+    function Encrypt(passWord) {
+        var keyStr = '1234567898745621';
+        var ivStr = keyStr;
+        var key = CryptoJS.enc.Utf8.parse(keyStr);
+        var iv = CryptoJS.enc.Utf8.parse(ivStr);
+        var srcs = CryptoJS.enc.Utf8.parse(passWord);
+        var encrypted = CryptoJS.AES.encrypt(srcs, key, {
+            iv: iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.ZeroPadding
+        });
+        return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
+    }
+</script>
+</body>
+</html>
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/library/view.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/library/view.html
index edb902b3..1fd85dd6 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/library/view.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/library/view.html
@@ -147,6 +147,17 @@
 						return $.table.selectDictLabel(pinneds, value);
 					}
 				},
+				{
+					field: 'creator',
+					title: '创建人',
+					align: 'center',
+				},
+				{
+					field: 'createTime',
+					title: '创建时间',
+					align: 'center',
+					sortable: true
+				},
 				{
 					field: 'publishdate',
 					title: '发布时间',
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/add.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/add.html
index aec53011..ffe3f834 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/add.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/add.html
@@ -29,6 +29,10 @@
 						<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
 					</select>
 				</div>
+				<label class="col-sm-2 control-label is-required">答案：</label>
+				<div class="col-sm-4">
+					<input class="form-control" type="text" name="answer" id="answer" required>
+				</div>
 			</div>
 			<div class="form-group">
 				<label class="col-sm-2 control-label">选项：</label>
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/detail.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/detail.html
index cc5c5204..a49d67bf 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/detail.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/detail.html
@@ -18,7 +18,7 @@
 		<div class="form-group">
 			<label class="col-sm-2 control-label is-required">标题：</label>
 			<div class="col-sm-10">
-				<input class="form-control" type="text" name="title" id="title" th:field="*{title}" required>
+				<input class="form-control" type="text" name="title" id="title" th:field="*{title}" disabled required>
 			</div>
 		</div>
 		<div class="form-group">
@@ -35,6 +35,10 @@
 					<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:field="*{type}" th:value="${dict.dictValue}"></option>
 				</select>
 			</div>
+			<label class="col-sm-2 control-label is-required">答案：</label>
+			<div class="col-sm-4">
+				<input class="form-control" type="text" name="answer" id="answer" th:field="*{answer}" disabled required>
+			</div>
 		</div>
 		<div class="form-group">
 			<label class="col-sm-2 control-label">选项：</label>
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/edit.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/edit.html
index 6d3cf424..d84922e4 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/edit.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/edit.html
@@ -30,6 +30,10 @@
 					<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:field="*{type}" th:value="${dict.dictValue}"></option>
 				</select>
 			</div>
+			<label class="col-sm-2 control-label is-required">答案：</label>
+			<div class="col-sm-4">
+				<input class="form-control" type="text" name="answer" id="answer" th:field="*{answer}" required>
+			</div>
 		</div>
 		<div class="form-group">
 			<label class="col-sm-2 control-label">选项：</label>
diff --git a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/view.html b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/view.html
index af6edde4..7edae267 100644
--- a/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/view.html
+++ b/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/smallProgram/question/view.html
@@ -46,7 +46,10 @@
 <script th:inline="javascript">
 	var editFlag = [[${@permission.hasPermi('small:question:edit')}]];
 	var removeFlag = [[${@permission.hasPermi('small:question:remove')}]];
+	var importFlag = [[${@permission.hasPermi('small:question:import')}]];
 	var publishStates = [[${@dict.getType('publish_state')}]];
+	var questionTypes = [[${@dict.getType('question_type')}]];
+	var importboolen = (importFlag == "" ? true : false)
 	var prefix = ctx + "small/question";
 
 	$(function () {
@@ -60,9 +63,14 @@
 			updateUrl: prefix + "/edit/{id}",
 			detailUrl: prefix + "/detail/{id}",
 			removeUrl: prefix + "/remove",
+			importUrl: prefix + "/importData",
 			sortName: "srot",
 			modalName: "知识点",
 			uniqueId:"guid",
+			showCustomImport: importboolen,
+			customImportFunction: function () {
+				$.table.importExcel();
+			},
 			columns: [{
 				checkbox: true
 			},
@@ -82,6 +90,18 @@
 					field: 'title',
 					title: '标题'
 				},
+				{
+					field: 'answer',
+					title: '答案'
+				},
+				{
+					field: 'type',
+					title: '题型',
+					align: 'center',
+					formatter: function (value, row, index) {
+						return $.table.selectDictLabel(questionTypes, value);
+					}
+				},
 				{
 					field : 'status',
 					title : '状态',
@@ -90,6 +110,17 @@
 						return $.table.selectDictLabel(statuss, value);
 					}
 				},
+				{
+					field: 'creator',
+					title: '创建人',
+					align: 'center',
+				},
+				{
+					field: 'createTime',
+					title: '创建时间',
+					align: 'center',
+					sortable: true
+				},
 				{
 					field: 'publishdate',
 					title: '发布时间',
@@ -111,11 +142,6 @@
 						var actions = [];
 						actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.detail(\'' + row.guid + '\')"><i class="fa fa-edit"></i> 详情</a> ');
 						actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.guid + '\')"><i class="fa fa-edit"></i> 编辑</a> ');
-						if (row.publishstate == 0) {
-							actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="toPublishState(\'' + row.guid + '\',1)"><i class="fa fa-edit"></i> 发布</a> ');
-						} else if (row.publishstate == 1) {
-							actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="toPublishState(\'' + row.guid + '\',3)"><i class="fa fa-edit"></i> 下线</a> ');
-						}
 						// more.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.guid + '\')"><i class="fa fa-remove"></i> 删除</a>');
 						return actions.join('');
 					}
@@ -192,4 +218,17 @@
 
 </script>
 </body>
+<script id="importTpl" type="text/template">
+	<form enctype="multipart/form-data" class="mt20 mb10">
+		<div class="col-xs-offset-1">
+			<input type="file" id="file" name="file"/>
+			<div class="mt10 pt5">
+				<a href="/small/question/importTemplate"><i class="fa fa-file-excel-o"></i> 下载模板</a>
+			</div>
+			<font color="red" class="pull-left mt10">
+				提示：仅允许导入“xls”或“xlsx”格式文件！
+			</font>
+		</div>
+	</form>
+</script>
 </html>
\ No newline at end of file
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/QuestionBankController.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/QuestionBankController.java
index 9f6e2a97..d6a5490c 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/QuestionBankController.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/QuestionBankController.java
@@ -1,5 +1,6 @@
 package com.zdxt.knowledge.controller;
 
+import java.util.Collections;
 import java.util.HashMap;
 import java.util.List;
 
@@ -9,11 +10,17 @@ import com.zdxt.common.controller.BaseController;
 import com.zdxt.common.util.TableDataInfo;
 import com.zdxt.knowledge.domain.AnswerBank;
 import com.zdxt.knowledge.domain.QuestionBank;
+import com.zdxt.knowledge.domain.QuestionImportDataModel;
+import com.zdxt.knowledge.domain.SceneImportDataModel;
 import com.zdxt.knowledge.dto.QuestionBankBean;
 import com.zdxt.knowledge.service.IAnswerBankService;
 import com.zdxt.knowledge.service.IQuestionBankService;
+import com.zdxt.knowledge.utils.ExcelUtil;
+import io.swagger.annotations.ApiOperation;
 import org.apache.shiro.authz.annotation.RequiresPermissions;
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.core.io.Resource;
+import org.springframework.http.ResponseEntity;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.ModelMap;
 import org.springframework.web.bind.annotation.*;
@@ -181,4 +188,29 @@ public class QuestionBankController extends BaseController
             return ZDResponse.error("操作失败");
         }
     }
+
+    /**
+     * 删除
+     */
+    @PostMapping("/importData")
+    @ResponseBody
+    @ApiOperation("导入记录")
+    public ZDResponse importRecord(@RequestPart("file") MultipartFile multipartFile) {
+        return questionBankService.importData(multipartFile);
+    }
+
+    /**
+     * 导入模版
+     */
+    @GetMapping("/importTemplate")
+    @ApiOperation("获得导入记录文档样品")
+    @ResponseBody
+    public ResponseEntity<Resource> exampleImportRecord() {
+        QuestionImportDataModel dataModel = new QuestionImportDataModel();
+        return ExcelUtil.getExcelSimpleResponseEntity(
+                null,
+                Collections.singletonList(dataModel),
+                QuestionImportDataModel.class
+        );
+    }
 }
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/SceneManageController.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/SceneManageController.java
index b7acd704..f854275e 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/SceneManageController.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/controller/SceneManageController.java
@@ -146,7 +146,6 @@ public class SceneManageController extends BaseController {
         dataModel.setType("文字");
         dataModel.setSourceUnit("深圳消防");
         dataModel.setIsOpen("是");
-        dataModel.setSort(1);
         dataModel.setSceneBackground("开展全员消防培训及演练活动,增强员工防火意识、提升火灾处理能力");
         dataModel.setDescribe("逐人过关熟悉掌握基本防火意识及注意事项;强化操练灭火器等消防装备器材的使用方法和操作");
         return ExcelUtil.getExcelSimpleResponseEntity(
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/QuestionImportDataModel.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/QuestionImportDataModel.java
new file mode 100755
index 00000000..2c1cda14
--- /dev/null
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/QuestionImportDataModel.java
@@ -0,0 +1,79 @@
+package com.zdxt.knowledge.domain;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+import com.alibaba.excel.annotation.write.style.ColumnWidth;
+import com.zdxt.common.BaseDomain;
+
+/**
+ * 题库对象 question_bank
+ * 
+ * @author ruoyi
+ * @date 2023-12-29
+ */
+public class QuestionImportDataModel {
+
+    /** 标题 */
+    @ExcelProperty("标题")
+    @ColumnWidth(20)
+    private String title;
+
+    /** 内容 */
+    @ExcelProperty("内容")
+    @ColumnWidth(20)
+    private String content;
+
+    /** 提示 */
+    @ExcelProperty("文字提示")
+    @ColumnWidth(20)
+    private String tips;
+
+    /** 答案 */
+    @ExcelProperty("答案")
+    @ColumnWidth(20)
+    private String answer;
+
+    /** 类型(0:单选,1:多选,2:判断) */
+    @ExcelProperty("类型")
+    @ColumnWidth(20)
+    private String type;
+
+    public String getTitle() {
+        return title;
+    }
+
+    public void setTitle(String title) {
+        this.title = title;
+    }
+
+    public String getContent() {
+        return content;
+    }
+
+    public void setContent(String content) {
+        this.content = content;
+    }
+
+    public String getTips() {
+        return tips;
+    }
+
+    public void setTips(String tips) {
+        this.tips = tips;
+    }
+
+    public String getAnswer() {
+        return answer;
+    }
+
+    public void setAnswer(String answer) {
+        this.answer = answer;
+    }
+
+    public String getType() {
+        return type;
+    }
+
+    public void setType(String type) {
+        this.type = type;
+    }
+}
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/SceneImportDataModel.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/SceneImportDataModel.java
index 9bd6f273..83da24fe 100644
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/SceneImportDataModel.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/domain/SceneImportDataModel.java
@@ -2,12 +2,10 @@ package com.zdxt.knowledge.domain;
 
 import com.alibaba.excel.annotation.ExcelProperty;
 import com.alibaba.excel.annotation.write.style.ColumnWidth;
-import lombok.Data;
 
 /**
  * @author yanyan
  */
-@Data
 public class SceneImportDataModel {
 
     /**
@@ -50,4 +48,51 @@ public class SceneImportDataModel {
     @ColumnWidth(20)
     private String describe;
 
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getType() {
+        return type;
+    }
+
+    public void setType(String type) {
+        this.type = type;
+    }
+
+    public String getSourceUnit() {
+        return sourceUnit;
+    }
+
+    public void setSourceUnit(String sourceUnit) {
+        this.sourceUnit = sourceUnit;
+    }
+
+    public String getIsOpen() {
+        return isOpen;
+    }
+
+    public void setIsOpen(String isOpen) {
+        this.isOpen = isOpen;
+    }
+
+    public String getSceneBackground() {
+        return sceneBackground;
+    }
+
+    public void setSceneBackground(String sceneBackground) {
+        this.sceneBackground = sceneBackground;
+    }
+
+    public String getDescribe() {
+        return describe;
+    }
+
+    public void setDescribe(String describe) {
+        this.describe = describe;
+    }
 }
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/mapper/QuestionBankMapper.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/mapper/QuestionBankMapper.java
index bc20b287..adb19308 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/mapper/QuestionBankMapper.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/mapper/QuestionBankMapper.java
@@ -1,6 +1,7 @@
 package com.zdxt.knowledge.mapper;
 
 import com.zdxt.knowledge.domain.QuestionBank;
+import com.zdxt.knowledge.domain.SceneManage;
 import org.apache.ibatis.annotations.Param;
 
 import java.util.List;
@@ -67,4 +68,11 @@ public interface QuestionBankMapper
      * @return
      */
     public int updatePublishState(@Param("guids") String[] guids, @Param("state") String state, @Param("publishdate") String publishdate);
+
+    /**
+     * 批量新增【请填写功能名称】
+     * @param questionBanks 【请填写功能名称】
+     * @return 结果
+     */
+    public int batchInsertQuestion(List<QuestionBank> questionBanks);
 }
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/IQuestionBankService.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/IQuestionBankService.java
index 5e5e0159..aacc0afe 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/IQuestionBankService.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/IQuestionBankService.java
@@ -1,5 +1,6 @@
 package com.zdxt.knowledge.service;
 
+import com.zdxt.common.ZDResponse;
 import com.zdxt.common.zdxtFile.AttFileRespDTO;
 import com.zdxt.knowledge.domain.QuestionBank;
 import com.zdxt.knowledge.dto.QuestionBankBean;
@@ -83,4 +84,11 @@ public interface IQuestionBankService
      * @return
      */
     public int removeFile(String key);
+
+    /**
+     * 导入【请填写功能名称】信息
+     * @param multipartFile
+     * @return 结果
+     */
+    ZDResponse importData(MultipartFile multipartFile);
 }
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/BannerManageServiceImpl.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/BannerManageServiceImpl.java
index c8001040..dcc38bfb 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/BannerManageServiceImpl.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/BannerManageServiceImpl.java
@@ -7,6 +7,7 @@ import cn.hutool.core.bean.BeanUtil;
 import cn.hutool.core.util.ObjectUtil;
 import com.zdxt.auth.dto.ZdxtFileBean;
 import com.zdxt.auth.feign.FileUploadApi;
+import com.zdxt.auth.feign.UserApi;
 import com.zdxt.auth.feign.ZdxtFileCommonApi;
 import com.zdxt.common.util.Convert;
 import com.zdxt.common.util.DateUtils;
@@ -33,6 +34,7 @@ public class BannerManageServiceImpl implements IBannerManageService
     @Autowired private BannerManageMapper bannerManageMapper;
     @Autowired private FileUploadApi fileUploadApi;
     @Autowired private ZdxtFileCommonApi zdxtFileCommonApi;
+    @Autowired private UserApi userApi;
 
     /**
      * 查询横幅管理
@@ -69,6 +71,7 @@ public class BannerManageServiceImpl implements IBannerManageService
     {
         bannerManage.setGuid(StringUtils.getUUID());
         bannerManage.setSrot(0L);
+        bannerManage.setCreator(userApi.getCurrentUser().getUserName());
         int resNum = bannerManageMapper.insertBannerManage(bannerManage);
 
         // 上传文件，并在附件表中添加记录
@@ -95,6 +98,7 @@ public class BannerManageServiceImpl implements IBannerManageService
     @Override
     public int updateBannerManage(BannerManage bannerManage, MultipartFile[] files)
     {
+        bannerManage.setUpdator(userApi.getCurrentUser().getUserName());
         int resNum = bannerManageMapper.updateBannerManage(bannerManage);
 
         // 上传文件，并在附件表中添加记录
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/KnowledgeLibraryServiceImpl.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/KnowledgeLibraryServiceImpl.java
index 45e8e130..e2667c48 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/KnowledgeLibraryServiceImpl.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/KnowledgeLibraryServiceImpl.java
@@ -7,6 +7,7 @@ import cn.hutool.core.bean.BeanUtil;
 import cn.hutool.core.util.ObjectUtil;
 import com.zdxt.auth.dto.ZdxtFileBean;
 import com.zdxt.auth.feign.FileUploadApi;
+import com.zdxt.auth.feign.UserApi;
 import com.zdxt.auth.feign.ZdxtFileCommonApi;
 import com.zdxt.common.util.Convert;
 import com.zdxt.common.util.DateUtils;
@@ -33,6 +34,7 @@ public class KnowledgeLibraryServiceImpl implements IKnowledgeLibraryService
     @Autowired private KnowledgeLibraryMapper knowledgeLibraryMapper;
     @Autowired private FileUploadApi fileUploadApi;
     @Autowired private ZdxtFileCommonApi zdxtFileCommonApi;
+    @Autowired private UserApi userApi;
 
     /**
      * 查询知识库
@@ -69,6 +71,7 @@ public class KnowledgeLibraryServiceImpl implements IKnowledgeLibraryService
     {
         knowledgeLibrary.setGuid(StringUtils.getUUID());
         knowledgeLibrary.setSrot(0L);
+        knowledgeLibrary.setCreator(userApi.getCurrentUser().getUserName());
         int resNum = knowledgeLibraryMapper.insertKnowledgeLibrary(knowledgeLibrary);
 
         // 上传文件，并在附件表中添加记录
@@ -102,6 +105,7 @@ public class KnowledgeLibraryServiceImpl implements IKnowledgeLibraryService
     @Override
     public int updateKnowledgeLibrary(KnowledgeLibrary knowledgeLibrary, MultipartFile[] files)
     {
+        knowledgeLibrary.setUpdator(userApi.getCurrentUser().getUserName());
         int resNum = knowledgeLibraryMapper.updateKnowledgeLibrary(knowledgeLibrary);
 
         // 上传文件，并在附件表中添加记录
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/QuestionBankServiceImpl.java b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/QuestionBankServiceImpl.java
index bd39f5da..76dd7886 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/QuestionBankServiceImpl.java
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/java/com/zdxt/knowledge/service/impl/QuestionBankServiceImpl.java
@@ -2,24 +2,34 @@ package com.zdxt.knowledge.service.impl;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Map;
+import java.util.Objects;
+import java.util.stream.Collectors;
 
 import cn.hutool.core.bean.BeanUtil;
 import cn.hutool.core.util.ObjectUtil;
+import com.zdxt.auth.dto.DictDataBean;
+import com.zdxt.auth.dto.UserBean;
 import com.zdxt.auth.dto.ZdxtFileBean;
+import com.zdxt.auth.feign.DictDataApi;
 import com.zdxt.auth.feign.FileUploadApi;
+import com.zdxt.auth.feign.UserApi;
 import com.zdxt.auth.feign.ZdxtFileCommonApi;
+import com.zdxt.common.ZDResponse;
 import com.zdxt.common.util.Convert;
 import com.zdxt.common.util.DateUtils;
 import com.zdxt.common.util.StringUtils;
 import com.zdxt.common.zdxtFile.AttFileRespDTO;
 import com.zdxt.common.zdxtFile.FilePreviewUtilBean;
 import com.zdxt.common.zdxtFile.ZdxtFileCommon;
-import com.zdxt.knowledge.domain.AnswerBank;
-import com.zdxt.knowledge.domain.QuestionBank;
+import com.zdxt.knowledge.domain.*;
 import com.zdxt.knowledge.dto.QuestionBankBean;
 import com.zdxt.knowledge.mapper.AnswerBankMapper;
 import com.zdxt.knowledge.mapper.QuestionBankMapper;
 import com.zdxt.knowledge.service.IQuestionBankService;
+import com.zdxt.knowledge.utils.ExcelUtil;
+import org.apache.commons.collections.CollectionUtils;
+import org.springframework.beans.BeanUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import org.springframework.web.multipart.MultipartFile;
@@ -37,6 +47,8 @@ public class QuestionBankServiceImpl implements IQuestionBankService
     @Autowired private AnswerBankMapper answerBankMapper;
     @Autowired private FileUploadApi fileUploadApi;
     @Autowired private ZdxtFileCommonApi zdxtFileCommonApi;
+    @Autowired private UserApi userApi;
+    @Autowired private DictDataApi dictDataApi;
 
     /**
      * 查询题库
@@ -76,6 +88,7 @@ public class QuestionBankServiceImpl implements IQuestionBankService
 
         questionBank.setGuid(StringUtils.getUUID());
         questionBank.setSrot(0L);
+        questionBank.setCreator(userApi.getCurrentUser().getUserName());
         int resNum = questionBankMapper.insertQuestionBank(questionBank);
         String[] codes = bean.getCodes().split(",");
         String[] values = bean.getValues().split(",");
@@ -112,6 +125,7 @@ public class QuestionBankServiceImpl implements IQuestionBankService
     {
         QuestionBank questionBank = new QuestionBank();
         BeanUtil.copyProperties(bean, questionBank);
+        questionBank.setUpdator(userApi.getCurrentUser().getUserName());
         int resNum = questionBankMapper.updateQuestionBank(questionBank);
 
         String[] codes = bean.getCodes().split(",");
@@ -194,4 +208,37 @@ public class QuestionBankServiceImpl implements IQuestionBankService
     public int removeFile(String key) {
         return zdxtFileCommonApi.deleteZdxtFileById(key);
     }
+
+    @Override
+    public ZDResponse importData(MultipartFile multipartFile) {
+        List<QuestionImportDataModel> dataModelList = ExcelUtil.read(multipartFile, QuestionImportDataModel.class);
+
+        DictDataBean dictDataBean = new DictDataBean();
+        dictDataBean.setDictType("question_type");
+        List<DictDataBean> questionTypeDict = dictDataApi.getDictData(dictDataBean);
+        Map<String, String> questionTypeMap = questionTypeDict.stream().collect(Collectors.toMap(DictDataBean::getDictLabel, DictDataBean::getDictValue));
+
+        if (CollectionUtils.isNotEmpty(dataModelList)) {
+            List<QuestionBank> questionBankList = dataModelList.stream()
+                    .filter(Objects::nonNull).peek(item -> {
+                        String type = questionTypeMap.get(item.getType());
+                        item.setType(type == null ? item.getType() : type);
+                    })
+                    .map(item -> {
+                        UserBean userBean = userApi.getCurrentUser();
+                        QuestionBank questionBank = new QuestionBank();
+                        BeanUtils.copyProperties(item, questionBank);
+                        questionBank.setGuid(StringUtils.getUUID());
+                        questionBank.setType(Integer.valueOf(item.getType()));
+                        questionBank.setCreator(userBean.getUserName());
+                        return questionBank;
+                    })
+                    .collect(Collectors.toList());
+
+            return questionBankMapper.batchInsertQuestion(questionBankList) > 0
+                    ? ZDResponse.success("导入成功") : ZDResponse.error("导入失败");
+        } else {
+            return ZDResponse.error("上传数据不允许为空!");
+        }
+    }
 }
diff --git a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/resources/mapper/QuestionBankMapper.xml b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/resources/mapper/QuestionBankMapper.xml
index ebc56a27..4c7707aa 100755
--- a/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/resources/mapper/QuestionBankMapper.xml
+++ b/lib/EmergencyService/zdxtEmergencyKnowledgeService/src/main/resources/mapper/QuestionBankMapper.xml
@@ -125,5 +125,12 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             #{guid}
         </foreach>
     </update>
-    
+
+    <insert id="batchInsertQuestion">
+        insert into question_bank
+        (guid, title, `content`, tips, answer, `type`, creator) values
+        <foreach collection="questionBanks" item="obj" separator=",">
+            (#{obj.guid},#{obj.title},#{obj.content},#{obj.tips},#{obj.answer},#{obj.type},#{obj.creator})
+        </foreach>
+    </insert>
 </mapper>
\ No newline at end of file