@charset "utf-8";

body,div {
   margin: 0px;
   font-family: "Microsoft YaHei", "微软雅黑", MicrosoftJhengHei, "华文细黑", STHeiti, MingLiu;
   font-size: 12px;
}
a{
   text-decoration: none;
}
.layui-form-onswitch, .layui-form-switch{
    margin-right:3px;
}
.list{
	padding: 5px 12px;
	cursor:pointer;
	color:#333;
}
.classlist .on{
	background-color:rgb(122, 199, 243) !important;
	color:#FFF !important;
	border-radius:2px;
}
.classlist .off{
	background-color: rgb(230, 230, 230);
	color:#333;
	border-radius:2px;
}
#journal .off{
	background-color:rgb(230, 230, 230);
	color:#333;
	border-radius:2px;
}
.list i{
	font-size: 14px;
    margin-right: 5px;
}
.classlist,#journal{
    border-right: 2px solid #f5f5f5;
    float: left;
    margin-left: 5px;
    padding-right: 5px;
}
/*滚动条样式定义*/
#catalog{
   overflow-x: hidden;
   overflow-y: auto;
   float:left; 
   margin-left:10px;
   max-width:300px;
   padding-right:20px;
}
#catalog .fa-folder{
    color: #616161;
}
#sublog{
   overflow-x: hidden;
   overflow-y: auto;
   float:left; 
   margin-left:10px;
   width:140px;
   padding-right:10px;
}
#journal{
   overflow-x: auto;
   overflow-y: scroll;
   float:left; 
   margin-left:10px;
   width:250px;
   padding-right:20px;
}
#logid{

   float:left; 
   margin-left:20px;
   padding-right:10px;	
}
#logid .text{
   overflow-x: auto;
   overflow-y: auto;
   padding-right: 20px; 

   word-break:break-all;

}

#logid .text::-webkit-scrollbar ,#sublog::-webkit-scrollbar , #catalog::-webkit-scrollbar ,#journal::-webkit-scrollbar {
 width: 8px;
 height:8px;
}
#logid .text::-webkit-scrollbar-track ,#sublog::-webkit-scrollbar-track , #catalog::-webkit-scrollbar-track ,#journal::-webkit-scrollbar-track {
 background-color:#FFF;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius:10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
 border-radius: 10px; 
  
}
#logid .text::-webkit-scrollbar-thumb ,#sublog::-webkit-scrollbar-thumb , #catalog::-webkit-scrollbar-thumb ,#journal::-webkit-scrollbar-thumb {
background: #666;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius:10px;
}
#journal::-webkit-scrollbar-track-piece{
    background-color: #cacaca;
    border-radius: 4px;
}
#headlog{
    height:60px; 
	width:100%; 
	background-color:#393d49; 
	border-bottom:solid 1px #404553;
	margin-bottom:3px;	
}
#headlog .layui-form{
	float:left;    
	margin-top: 16px;
    margin-left: 50px;
	width: 126px;
	color:#FFF;	
}
.layui-form-radioed>i{
	color:#5fb878;
	
}
#headlog .search{
	float:left; 
	width: 140px;    
	margin-top: 16px;
    margin-left: 9px;
    height: 20px;
}

#logid .title{
    height: 25px;
    background-color: #393d49;
    border-radius: 2px;
    padding-top: 11px;
    color: #fff;
    margin-bottom: 5px;
	display:none;
}
#logid .title div ,#logid .title a{
	float:left; 
	margin-left:20px;
	
}
#logid .title div i ,#logid .title a i{
	margin-right:4px ;
	font-size:14px;

}