html { height: 100%; }
div.panel { background-color: transparent; }
.fa-fw { margin-right: 5px; }
.panel-default>.panel-heading { background-color: #5778da; }
.navbar { background-color: #5778da; }
.navbar .navbar-brand { color: #FFF; }
.navbar .navbar-brand:hover { color: #52514F; }
.navbar .navbar-brand:focus { color: #52514F; }
.navbar a.dropdown-toggle { background-color: #5778da; color: #000; }
.navbar a.dropdown-toggle:hover { background-color: #5778da; color: #000; }
.navbar a.dropdown-toggle:focus { background-color: #5778da; color: #000; }
.navbar ul.navbar-top-links a.dropdown-toggle { color: #FFF; }

.navbar .sidebar a{ color: #000; }
.navbar .sidebar a.active{ background-color: #5778da; }

/* 固定导航侧边栏 */
@media screen and (min-width: 768px) {
  .affix{
    top: 0px;
    bottom: 0px;
    overflow-y: auto;
    width: 250px;
  }
}

/* 导航侧边栏需要收缩时取消固定 */
@media not screen and (min-width: 768px) {
  .affix{
    position: relative;
  }
}

.data-row { border: 1px solid #C0C0C0; margin: 5px 0;border-radius: 5px; }
.data-row .head { word-wrap:break-word; margin-top: 10px; }

div#preview-dlg .modal-dialog { max-width: 80%; margin: auto; }
img.preview { width: 100%;text-align: center; }

div#more-condition { margin:5px 0;}


.side-action {
	position: absolute; 
	width: 250px; 
	top: 0px; 
	bottom: 0px; 
	right: -250px; 
	display: flex; 
	flex-direction: column;
	justify-content: center;
	background-color: #f9f7f6;
}
.side-modal {
	overflow: hidden;
	display: none;
	z-index: 1050;
}
.side-modal-on {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
}

#back_to_top {
	position: fixed;
	bottom: 65px;
	transition: all .3s ease 0s;
	z-index: 1040;
	background-color: #FFF;
}
#back_to_top.off {
	opacity: 0;
}
#back_to_top.on {
	visibility: visible;
	right: 25px;
}