/*navbar*/
#mynav{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:50px;
  background:rgba(236,236,236,0.9);
  padding:0;
  margin:0;
  line-height:50px;
}
#mynav span.header{
  padding:0;
  color:#881BE6;
  font-size:24px;
  font-weight:bold;
}
button.btn-nav{
  color:white;
  background-color:#881BE6;
  padding:8px;
  margin:8px;
  font-size:16px;
  float:right;
  line-height:16px;
  border-color:rgba(0,0,0,0.3);
}
.btn-nav:focus{
  color: #fff;
  background-color:#881BE6;
}
.btn-nav:hover {
  color: #fff;
  background-color:#881BE6;
}
.btn-nav:active {
  color: #fff;
  background-color:#761BC5;
}
.main-panel{
  color:#000;
  background-color:rgba(229,229,229,0.8);
  margin-bottom:5px;
  padding:5px 5px 5px 5px;
  border-radius:5px;
  box-shadow:0 0 3px 1px #aaa;
}
/*panel nav*/
.panel-header{
  width:100%;
  height:40px;
  line-height:40px;
  font-size:36px;
  border-bottom:1px solid rgba(0,0,0,0.5);
}
/*day&night mode*/
.theme .dn-mode{
  color:#333;
}
/*sidemenu*/
/*mobile*/
@media (max-width: 767px) {
  #sidemenu.sidemenu-out{
    position:fixed;
    top:50px;
    height:100%;
    right:-240px;
    width:240px;
    margin:0;
    background-color:#8E6FD5;
    padding:0;
    color:white;
    overflow-y:auto;

    -webkit-transition:0.5s ease all;
    -moz-transition:0.5s ease all;
    -o-transition:0.5s ease all;
    transition:0.5s ease all;
  }
  #sidemenu.sidemenu-in{
    position:fixed;
    top:50px;
    height:100%;
    right:0;
    width:240px;
    margin:0;
    background-color:#8E6FD5;
    padding:0;
    color:white;
    overflow-y:auto;

    -webkit-transition:0.5s ease all;
    -moz-transition:0.5s ease all;
    -o-transition:0.5s ease all;
    transition:0.5s ease all;
  }
  #sidemenu .menu-card{
    margin:20px 0 0 0;
    padding:0 0 20px 0;
    width:240px;
    text-align:center;
    font-size:30px;
    color:#624B95;
    border-bottom: 1px solid rgba(0,0,0,0.4);
  }
  #sidemenu ul{
    list-style-type:none;
    padding:0;
    margin:0;
    list-style-position:inside;
  }
  #sidemenu ul a li,#sidemenu ul li{
    padding:0 0 0 20px;
    margin:0 0 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    line-height:40px;
    font-size:18px;
    color:white;
    text-decoration: none;
    cursor: pointer;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul ul{
    display:none;
    list-style-type:none;
    padding:0;
    margin:0;
    background-color:rgba(0,0,0,0.2);
    list-style-position:inside;
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  #sidemenu ul ul a li{
    padding:0 0 0 60px;
    margin:0;
    line-height:18px;
    font-size:14px;
    border-bottom: 0;
    color:white;
    text-decoration: none;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul ul a:hover li{
    background:#6F7ED5;
    font-size:16px;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul a:hover li,#sidemenu ul li:hover{
    background:#6F7ED5;
    font-size:20px;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
}
/*pc*/
@media (min-width: 768px) {
  #sidemenu.sidemenu-out{
    position:fixed;
    top:50px;
    height:100%;
    left:0;
    width:180px;
    margin:0;
    background-color:rgba(83,83,83,0.5);
    padding:0;
    color:white;
    overflow-y:auto;
  }
  #sidemenu.sidemenu-in{
    position:fixed;
    top:50px;
    height:100%;
    left:0;
    width:180px;
    margin:0;
    background-color:#rgba(83,83,83,0.5);
    padding:0;
    color:white;
    overflow-y:auto;
  }
  #sidemenu .menu-card{
    margin:20px 0 0 0;
    padding:0 0 20px 0;
    width:180px;
    text-align:center;
    font-size:26px;
    color:#a3fae6;
    border-bottom: 1px solid rgba(0,0,0,0.4);
  }
  #sidemenu ul{
    list-style-type:none;
    padding:0;
    margin:0;
    list-style-position:inside;
  }
  #sidemenu ul a li,#sidemenu ul li{
    padding:0 0 0 20px;
    margin:0 0 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    line-height:30px;
    font-size:14px;
    color:white;
    text-decoration: none;
    cursor: pointer;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul ul{
    display:none;
    list-style-type:none;
    padding:0;
    margin:0;
    background-color:rgba(0,0,0,0.2);
    list-style-position:inside;
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  #sidemenu ul ul a li{
    padding:0 0 0 40px;
    margin:0;
    line-height:16px;
    font-size:12px;
    border-bottom: 0px solid rgba(0,0,0,0);
    color:white;
    text-decoration: none;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul ul a:hover li{
    background:rgba(111,126,213,0.6);
    font-size:14px;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
  #sidemenu ul a:hover li,#sidemenu ul li:hover{
    background:rgba(111,126,213,0.6);
    font-size:16px;
  
    -webkit-transition:0.3s ease all;
    -moz-transition:0.3s ease all;
    -o-transition:0.3s ease all;
    transition:0.3s ease all;
  }
}
/*块引用颜色样式*/
.bq-primary{
  border-left: 5px solid #6a33b7;
  background-color: rgba(106,51,183,0.3);
}
.bq-info{
  border-left: 5px solid #31708f;
  background-color: rgba(49,112,143,0.3);
}
.bq-success{
  border-left: 5px solid #3c763d;
  background-color: rgba(60,118,61,0.3);
}
.bq-warning{
  border-left: 5px solid #8a6d3b;
  background-color: rgba(138,109,59,0.3);
}
.bq-danger{
  border-left: 5px solid #a94442;
  background-color: rgba(169,68,66,0.3);
}
.bq-primary h4,h5,h6{
  color: #532890;
  font-size:150%;
}
.bq-info h4,h5,h6{
  color: #245269;
  font-size:150%;
}
.bq-success h4,h5,h6{
  color: #2b542c;
  font-size:150%;
}
.bq-warning h4,h5,h6{
  color: #66512c;
  font-size:150%;
}
.bq-danger h4,h5,h6{
  color: #843534;
  font-size:150%;
}
.bq-primary p{
  color: #6a33b7;
}
.bq-info p{
  color: #31708f;
}
.bq-success p{
  color: #3c763d;
}
.bq-warning p{
  color: #8a6d3b;
}
.bq-danger p{
  color: #a94442;
}
.bq-reverse{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}
.bq-reverse.bq-primary{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #6a33b7;
  border-left: 0;
  text-align: right;
}
.bq-reverse.bq-info{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #31708f;
  border-left: 0;
  text-align: right;
}
.bq-reverse.bq-success{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #3c763d;
  border-left: 0;
  text-align: right;
}
.bq-reverse.bq-warning{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #8a6d3b;
  border-left: 0;
  text-align: right;
}
.bq-reverse.bq-danger{
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #a94442;
  border-left: 0;
  text-align: right;
}
/*列表组样式*/
.list-group-item {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(51,51,51,0.3);
}
.list-group-item-success {
  color: #3c763d;
  background-color: rgba(0,144,2,0.2);
}
.list-group-item-info {
  color: #31708f;
  background-color: rgba(0,99,149,0.2);
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: rgba(143,120,0,0.2);
}
.list-group-item-danger {
  color: #a94442;
  background-color: rgba(130,0,0,0.2);
}
/*面板样式*/
.panel{
  background-color: rgba(255,255,255,0.2);
}
.panel-primary {
  border-color: #6a33b7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #6a33b7;
  border-color: #6a33b7;
}
.panel-primary > .panel-heading .badge {
  color: #6a33b7;
  background-color: #fff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #6a33b7;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #6a33b7;
}
/*标签样式*/
.label-primary {
  background-color: #6a33b7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #532890;
}