/*************************Log*************************/

.log {
	max-width:700px;

}
	.log .entries {
		display:flex;
			flex-direction:column;
		margin-left:5px;
	}
	
		.log .entries .entry {
			border-bottom:1px solid lightgrey;
			display:flex;
				align-items:flex-start;
				flex-direction:row;
			padding:2px 0px;
			
				
			font-size:13px;
		}
		
			.log .entries .entry .buttons {
				flex-grow:2;
				margin-left:10px;
				text-align:right;
				white-space:nowrap;
			}
			
				.log .entries .entry button {
					font-size:10px;
					width:70px;
				}
		
			.log .entries .entry .log_datetime {
				min-width:90px;
				max-width:90px;
				padding:2px;
				text-align:right;
				
				border:0px solid yellow;
			}
			
			.log .entries .entry .log_entry {
				margin-left:10px;
				padding:1px 0px;
				
				border:0px solid green;
			}

				.log .entries .entry .log_entry .log_admin {
					background-color:red;
					color:white;
					border-radius:8px;
					border:0px solid brown;
					font-size:9px;
					font-weight:bold;
					padding:1px 3px;
				}
				
				.log .entries .entry .log_entry .log_player {
					
					border:0px solid brown;
				}
				
				.log .entries .entry .log_entry .log_text {
				
					border:0px solid orange;
				}
				
				.log .entries .entry .log_entry .log_title {
					color:black;
					font-weight:bold;
					border:0px solid blue;
				}
				
				.log .entries .entry .log_entry .log_url {
					
					border:0px solid green;
				}
				
				.log .entries .entry .log_entry .log_user {
					border:0px solid purple;
				}
				
		.log .entries .noentry {
			color:lightgrey;
			font-size:13px;
			font-style:italic;
			margin-top:5px;
			text-align:left;
		}

	.log .filters {
		width:100%;
		border:none !important;
	}
	
		.log .filters .row {
			justify-content:space-around !important;
		}

	.log .log_section {
		border:1px solid grey;
		display:flex;
			flex-direction:column;
	
		margin-bottom:10px; 
	}
	
		.log .log_section .row {
			display:flex;
				align-items:center;
				flex-direction:row;
			margin-bottom:5px;
		}
		
			.log .log_section .row label {
				color:grey;
				display:flex;
					align-items:center;
					justify-content:flex-end;
				font-size:14px;
				text-align:right;
				min-width:125px;
				padding:5px 0px;
				white-space:pre-wrap;
			}
		
			.log .log_section .row .value {
				flex-grow:0;
				display:flex;
					align-items:center;
					justify-content:flex-start;
				font-size:14px;
				padding-left:5px;
				padding-right:5px;
				width:100%;
			}
			
				.log .log_section .row .value input[type="text"], 
				.log .log_section .row .value input[type="url"] {
					width:100%;
				}
			
			.log .log_section .top {
				margin-top:5px;
			}
			
		.log .log_section .row_center {
			justify-content: center;
		}
	
		.log .log_section .title {
			background-color:grey;
			color: white; 
			font-size: 11px;
			margin-bottom:10px;
			padding:5px;
	
		}
		
@media screen and (max-width: 700px) {

.log {

}
	.log .entries {
		display:flex;
			flex-direction:column;
		margin-left:0px;
	}
	
		.log .entries .entry {				
			flex-wrap:wrap;
		}

	.log .filters {

	}
	
		.log .filters .row {
			justify-content:flex-start;
		}
		
			.log .filters .row select {
				margin-bottom:5px;
				width:100%;
			}

	.log .log_section {
	
		margin-bottom:15px;
	}
	
		.log .log_section .row {
				flex-direction:column;
				justify-content:flex-start;
			margin-bottom:5px;
		}
		
			.log .log_section .row label {
					justify-content:flex-start;
				text-align:left;
				margin-left:5px;
				margin-right:5px;
				margin-bottom:3px;
				min-width:0px;
				padding:0px 0px;
				width:calc(100% - 10px);
			}
		
			.log .log_section .row .value {
					justify-content:flex-start;
				font-size:14px;
				margin-left:5px;
				margin-right:5px;
				padding-left:0px;
				padding-right:0px;
				width:calc(100% - 10px);
			}

				.log .log_section .row select,
				.log .log_section .row input[type="submit"] {
					width:calc(100% - 10px);
				}
			
			.log .log_section .top {
				margin-top:5px;
			}




}