﻿
/* Verowa Settings */

.verowa_input_disabled {
	color: #CCC;
}

.verowa-setting-section {
	margin-bottom: 1rem;
}

.verowa-setting-section h2 {
    margin-top: 1rem;
    margin-bottom: 0;
    position: relative;
    top: 0.5rem;
}

.verowa-setting-section + .verowa-setting-section {
    border-top: 1px solid #c3c4c7;
}
.verowa-personlist-options .fa-question-circle {
	position: relative;
	top: 3px;
}

.verowa-keep-outdated-events i {
	position: relative;
	top: 4px;
}

.verowa-manual-link {
	display: inline-block;
	margin-left: 1em;
}

.verowa-select-error-first-child {
	color: #F00 !important;
}

.verowa-select-error-first-child option:not(first-child) {
	color: #000;
}

/* Template editor */
.verowa-template-overview .column-template_id {
	width: 25px;
}

.verowa-template-overview .column-edit {
	width: 200px;
}

.verowa-delete-action {
	color:red;
}

.verowa-disable-delete, .verowa-disabled-label {
	color: #808080;
	cursor: default;
}

.verowa_form {
	padding: 15px;
}

.verowa_form .row {
	display:flex;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.verowa_form label {
	font-weight:bold;
	font-size:1.0rem;
	width: 20vw;
}

.verowa_form .CodeMirror {
	margin-top: 15px;
	width: 100%;
}

#verowa_deprecated_placeholder {
	flex-basis: 100%;
	margin-top: 15px;
	display: flex;
	flex-flow: column;
}

#verowa_deprecated_placeholder span.label {
	font-weight: bold;
	padding-bottom: 5px;
}

#verowa_deprecated_placeholder p.placeholders {
	color: #F00;
	margin-top: 0;
	margin-bottom: 0;
}


#verowa_current_placeholder{
	margin-top: 15px;
	width: 75%;
}

#verowa_current_placeholder .verowa-pcl-btn {
	display: flex;
	align-items: center;
	border: none;
	background-color: #f6f7f7;
	color: #2271b1;
	text-align: center;
	text-decoration: none;
	height: 32px;
	padding: 0 15px;
	font-size: 11px;
	margin: 4px 2px;
	transition: all .3s ease-in-out;
}

#verowa_current_placeholder .verowa-pcl-group {
	margin-bottom:1rem;
	display: flex;
	flex-direction: column;
}

#verowa_current_placeholder .verowa-pcl-group > div {
	display: flex;
	flex-wrap: wrap;
}

#verowa_current_placeholder .verowa-pcl-title {
	font-weight:bold;
	margin-right: 1rem;
	width: 100%;
}

#verowa_current_placeholder .verowa-pcl-btn {
	background-color: #f0f0f1;
	color: #0a4b78;
}

#verowa_current_placeholder .verowa-pcl-btn .dashicons {
	margin-left: 10px;
}

.templates .edit.column-edit a {
	margin: 0 7px;
	white-space: nowrap !important;
}

/* Event-list assign */
.verowa-list-option input {
	margin-right: 10px;
}
