/*
	for ckeditor 5 and HTML purifier
	ckeditor 5 use figure tag for image wrapper
	*/
	figure.table table {
	}

	.doc-container .text-huge {
		font-size: xx-large;
	}
	.doc-container .text-big {
		font-size: x-large;
	}
	.doc-container .text-small {
		font-size: x-small;
	}
	.doc-container .text-tiny {
		font-size: xx-small;
	}

	.marker-green {
	    background-color: rgb(25, 156, 25);
	}
	.marker-yellow {
	    background-color: #cac407;
	}
	.marker-pink {
		background-color: #fc7999;
	}
	.marker-blue {
		background-color: #72cdfd
	}
	.pen-red {
	    color: hsl(343, 82%, 58%);
	}
	.pen-green {
		color: #180
	}

	.doc-container figure.image-style-side {
		float: right;
	}
	.doc-container figcaption {
		background-color: #f7f7f7;
		padding: .6em;
		font-size: .75em;
		outline-offset: -1px;
		text-align: center;
	}

/*
	form
	*/
	.doc-form-wrap {
		padding: 1rem
	}

	.doc-form input[type='text'] {
		margin: .5rem 0;
	}

	.doc-form textarea {
		min-height: 400px;
	}

	.doc-form label {
		margin: 1rem 0 0 0;
		padding: 0;
	}

	.doc-form .submit {
		padding: 1rem 0;
		text-align: center;
	}

	.doc-btn-wrap {
		position: fixed;
		z-index: 3;
		right: 0;
		bottom: 0;
		padding: .2rem .7rem;
		font-size: small;
		background: rgba(220, 53, 69, 0.7);
		border: solid 1px #fff;
		border-radius: .2rem;
	}

	.doc-btn-wrap:hover {
		background: rgba(220, 53, 69, 1);
	}

	.doc-btn-wrap a {
		color: #fff;
	}

	.doc-btn-wrap a:hover {
		text-decoration: none;
	}