object, iframe {
	width: 100%;
	height: 1000px;
	border: 2px solid black;
}

.tc-preview {
	width: 100%;
	aspect-ratio: 1/1;
    font-size: 1.2rem;
    font-weight: 700;
    color: white;
    background-color: rgb(150,150,150);
	position:relative;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content:center;
	align-items:center;
}

.tc-preview.instance {
	background-color: rgb(200,200, 200);
}


.fileupload {
	margin-bottom: 20px;
}

.fileupload input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.fileupload label {
	width: 100%;
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: rgb(150,150,150);
    display: block;
	position:relative;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.fileupload.ajax label {
	cursor: pointer;
}

.fileupload label > span {
	position: absolute;
	width: 100%;
	text-align:center;
	left:0px; top:45%;
}

.fileupload input[type="file"]:focus + label,
.fileupload input[type="file"] + label:hover {
    background-color: rgb(180,180,180);
}

.fileupload label:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.padding {
	padding: 5px;
}

textarea, input[type="text"] {
	width: 100%;	
}

.v-center {
   display: flex;
   align-items: center;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.bottom-padding {
	padding-bottom: 20px;
}

.field-label {
	margin-top: 30px;
	font-weight: bold;
}

.nulldesign {
	background: none;
	border: none;
}

.managenaventry {
	margin-bottom: 20px;
}

.ck-editor__editable {
    min-height: 300px;
}

/* bootstrap additions */
.btn-xs, .btn-group-xs > .btn {
  padding: 0.15rem 0.3rem;
  font-size: 0.675rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
