/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 .eventilla_admin_event_list li{
 	background-color: #fafafa;
 	padding: 15px;
 	border-radius: 10px;
 	border: 1px solid #dddddd; 
 }
 .eventilla_admin_event_list li h3{
 	margin-top: 0;
 }
 .eventilla-admin-title{
 	background: url('logo_retina.png') no-repeat;
 	background-size: 210px 62px;
 	width: 210px;
 	height: 62px;
 	text-indent: -9999em;
 }
#myProgress {
	width: 100%;
	background-color: #ddd;
}

#myBar {
	width: 0%;
	height: 30px;
	background-color: #4CAF50;
	text-align: center;
	line-height: 30px;
	color: white;
}


.eventilla-wp-logger-log-selector-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.eventilla-wp-logger-log-container {
	background-color: #fafafa;
	border: 1px solid #dddddd;
	margin-top: 10px;

	.eventilla-wp-logger-log-empty {
		line-height: 1.5;
		font-size: 14px;
		padding: 5px 10px;
	}

	.eventilla-wp-logger-log-content {
		line-height: 1.5;
		font-size: 14px;

		.eventilla-wp-logger-log-line {
			padding: 5px 10px;
	
			&:nth-child(even) {
				background-color: #f0f0f0;
			}
		}
	}

	.eventilla-wp-logger-log-context-button {
		background: none;
		border: none;
		color: #000;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
		font-size: 12px;
	}

	.eventilla-wp-logger-log-date-time {
		font-weight: bold;
	}

	.eventilla-wp-logger-log-level {
		display:inline;
		padding:0 .5em;
		font-size:80%;
		font-weight:700;
		line-height:1;
		color:#000;
		background:#fff;
		text-align:center;
		white-space:nowrap;
		vertical-align:baseline;
		border-style:solid;
		border-width:.16em .16em .16em 1em;
		border-top-left-radius:.5em;
		border-bottom-left-radius:.5em;

		&:empty {
			display:none;
		}

		&:before{
			content:"•";
			color:#fff;
			margin-left:-1.3em;
			margin-right:.7em
		}

		&.eventilla-wp-logger-log-level-debug {
			border-color:#3d9970
		}
        &.eventilla-wp-logger-log-level-info {
			border-color:#0074d9
		}
        &.eventilla-wp-logger-log-level-notice {
			color:#222;border-color:#ffdc00
		}
        &.eventilla-wp-logger-log-level-warning {
			color:#222;border-color:#ffdc00
		}
        &.eventilla-wp-logger-log-level-error {
			border-color:#ff851b
		}
        &.eventilla-wp-logger-log-level-critical {
			border-color:#ff851b
		}	
        &.eventilla-wp-logger-log-level-alert {

		}
        &.eventilla-wp-logger-log-level-emergency {

		}
	}
	.eventilla-wp-logger-log-message {
		
	}
	.eventilla-wp-logger-log-context {
		display:none;
		&.eventilla-wp-logger-log-context-visible {
			display:block;
		}
	}
}

.floating-save-container {
    position: fixed;
    top: 50px;
    right: 30px;
    z-index: 9999;
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
}

.floating-save-btn {
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 14px;
    cursor: pointer;
}

.misc-pub-post-eventilla-uid {
	vertical-align: top;
	&::before {
		content: '\f137';
		font-size: 20px;
		color: #8c8f94;
		font-family: 'dashicons';
		margin-right: 5px;
		position: relative;
		top: -5px;
		vertical-align: top;
	}
}