.use-theme .main-header{
      background: rgba(0,0,0,.2);
}
.use-theme .wrapper, .use-theme .main-sidebar, .use-theme .left-side,.use-theme .main-header .navbar{
  background: transparent;
}
.use-theme ::selection,.use-theme .content-wrapper {
  background: rgba(255, 255, 255, 0.2);
}
.use-theme {
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .3s;
}
.miniwin.use-theme .wrapper,.use-theme .box,.use-theme .box-footer,.use-theme .modal-header{
  background: transparent;
  /*color:#26c6f0;*/
  color:black;
}
.use-theme a{
  /*color:#0c8dad;*/
}
.use-theme a:hover{
  /*color:#26c6f0;*/
  color:red;
}

.use-theme .box-header.with-border{
  border-bottom-color: #0c8dad;
}
.use-theme .table-striped>tbody>tr:nth-of-type(odd){
  background-color: rgba(0,0,0,0.5);
}
.use-theme .table>thead>tr>th{
  border-bottom-color: #064e60;
}
.use-theme .table>tbody>tr>td{
  border-top-color: #064e60;
}
.use-theme code{
  background: #0059c58a;
}
.use-theme input.form-control,.use-theme textarea.form-control,.use-theme select.form-control{
  background-color: rgba(0,0,0,0.5);
  border-color:#26c6f0;
  color:#0c8dad;
}
.page-search input.form-control{
  background-color: rgba(0,0,0,0.8);
}
.use-theme .box{
  border-width: 0;
}
.use-theme .box-footer{
  padding-left:0;
  padding-right:0;
  border-width: 0;
}
.use-theme .onez-table-extra td,select,option{
  background:transparent!important;
}
.use-theme pre{
  color: #37ccf9;
  background-color: #032e38;
  border: 1px solid #064e60;
}
.use-theme form .box-body{
  /*margin: 0 -10px;*/
  margin: 0;
}
.use-theme .pagination>li>a.current,.use-theme  .pagination>li>span{
  border-width: 0;
  background:transparent;
  /*color:#26c6f0;*/
  color:red;
}

.use-theme .pagination>li>a:hover{
  background: orange;
	border-style: solid;
  border-color: red;
  border-width: 1px;
}


.use-theme .pagination>li>a.current{
  font-size: 22px;
  font-weight: 900;
  line-height: 18px;
}
.use-theme .pagination>li>a{
  border-width: 0;
  background:transparent;
  /*color:#075f74;*/
  color:black;
}
.use-theme .modal-header{
  border-color:#032d60;
}
.use-theme .modal-content,.layui-layer-page.layui-layer,.border,dl{
  background: #010509;
  border: 2px solid #032d60;
  -webkit-box-shadow: #07417a 0 0 10px;
  -moz-box-shadow: #07417a 0 0 10px;
  box-shadow: inset 0 0 30px #07417a;
}
.use-theme .table-striped,.use-theme  .table>tbody>tr{
  background: rgba(255, 255, 255, 0.1)!important;
}

.use-theme .table-striped,.use-theme  .table>tbody>tr:hover{
  background: rgba(255, 255, 255, 0.2)!important;
}

.right-sidebar-content{
  color:#fff;
}
.right-sidebar{
	width: 260px;
    height: 100%;
    max-height: 100%;
    position: fixed;
	overflow: scroll;
	overflow-x: hidden;
    top: 50px;
    right: -300px;
    z-index: 999;
	text-align:center;
	padding:10px;
    background: #000000;
	box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.switcher-icon{
	width: 40px;
    height: 40px;
	line-height:40px;
    background: #000;
	text-align:center;
	font-size:22px;
	color:#fff;
	cursor: pointer;
    display: inline-block;
	box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    position: fixed;
    right: 0;
    top: 15rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.right-sidebar.right-toggled{
	right: 0px;
}
.right-sidebar.right-toggled .switcher-icon{
	right: 260px;
}

.bg-theme{
     background-size: 100% 100%;
     background-attachment: fixed;
     background-position: center;
	 background-repeat: no-repeat;
     transition: background .3s;
}

.switcher {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left: 20px;
}
.switcher li {
  float: left;
  width: 85px;
  height: 75px;
  margin: 0 15px 15px 0px;
  border-radius: 4px;
  border: 0px solid black;
}

#theme1 {
  background-image: url(../images/bg-themes/1.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme2 {
  background-image: url(../images/bg-themes/2.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme3 {
  background-image: url(../images/bg-themes/3.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme4 {
  background-image: url(../images/bg-themes/4.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme5 {
  background-image: url(../images/bg-themes/5.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme6 {
  background-image: url(../images/bg-themes/6.png);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme7 {
  background-image: linear-gradient(45deg, #0c675e, #069e90);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme-default{
  background: #edffef;
}
#theme8 {
  background-image: linear-gradient(567deg, rgba(165, 42, 4, 0.89), rgba(113, 102, 8, 0.89), rgba(13, 95, 16, 0.93), rgba(4, 79, 88, 0.94), rgba(19, 56, 86, 0.9), rgba(24, 32, 78, 0.94), rgba(100, 8, 115, 0.95));
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme9 {
  background-image: linear-gradient(45deg, #29323c, #485563);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme10 {
  background-image: linear-gradient(45deg, #795548, #945c48);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme11 {
  background-image: linear-gradient(45deg, #1565C0, #1E88E5);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme12 {
  background-image: linear-gradient(45deg, #65379b, #886aea);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}

#theme13 {
  background-image: linear-gradient(180deg, #ff5447, #f1076f);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}

#theme14 {
  background-image: linear-gradient(180deg, #08a50e, #69bb03);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}
#theme15 {
  background-image: linear-gradient(45deg, #6a11cb, #2575fc);
  background-size: 100% 100%;
  background-position: center;
  transition: background .3s;
}

body[data-theme="7"] {
  background-image: linear-gradient(45deg, #0c675e, #069e90);
}
body[data-theme="8"] {
  background-image: linear-gradient(567deg, rgba(165, 42, 4, 0.89), rgba(113, 102, 8, 0.89), rgba(13, 95, 16, 0.93), rgba(4, 79, 88, 0.94), rgba(19, 56, 86, 0.9), rgba(24, 32, 78, 0.94), rgba(100, 8, 115, 0.95));
}
body[data-theme="9"] {
  background-image: linear-gradient(45deg, #29323c, #485563);
}
body[data-theme="10"] {
  background-image: linear-gradient(45deg, #795548, #945c48);
}
body[data-theme="11"] {
  background-image: linear-gradient(45deg, #1565C0, #1E88E5);
}
body[data-theme="12"] {
  background-image: linear-gradient(45deg, #65379b, #886aea);
}
body[data-theme="13"] {
  background-image: linear-gradient(180deg, #ff5447, #f1076f);
}
body[data-theme="14"] {
  background-image: linear-gradient(180deg, #08a50e, #69bb03);
}
body[data-theme="15"] {
  background-image: linear-gradient(45deg, #6a11cb, #2575fc);
}

.content-header>h1 {
    color: #20dbfd;
    text-shadow: 0 0 25px #00d8ff;
    font-weight: 555;
    font-size: 35px;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 13px;
}

/*设置奇数行颜色*/
.table-striped,.table>tbody>tr:nth-of-type(odd) {
    background-color: #C7EBF6!important;
}
/*设置偶数行颜色*/
/*.table-striped,.table>tbody>tr:nth-of-type(even) {*/
/*    background-color: white!important;*/
/*}*/
.table-striped,.table>tbody>tr:hover{
	background: orange!important;
}
.table>tbody>tr:hover{
	border-style: solid;
  border-color: red;
	background-color: orange!important;
}