.demuestra21-1 {
	font-family: system-ui;
	background-color: #f7f8fc;
    padding: 10px;
}

.demuestra21-1 .vista {
	background-color: #fff;
    border-radius: 20px;
    padding: 30px 100px;
    max-width: 700px;
    margin: auto;
    box-shadow: 4.5px 5.5px 2.8px 0px #0000000a;
    position: relative;
}

.demuestra21-1 .vista:before {
	content: "";
	position: absolute;
	top: -2px;
    left: -2px;
	background: url(https://uvirtualabierta.udemedellin.edu.co/pluginfile.php/2162/mod_glossary/attachment/119/borde.png) no-repeat;
	width: 86px;
	height: 83px;
}

.demuestra21-1 .vista:hover {
	background-color: #e3e5ed;
}

.demuestra21-1 .vista.lista {
	text-align: center;
}

.demuestra21-1 .vista.individual {
	margin: 70px auto;
}

.demuestra21-1 .vista.lista .link,
.demuestra21-1 .vista.lista .name {
	margin: 10px auto;
}

.demuestra21-1 .vista .title {
	color: #775d96;
	margin: 10px 0;
	font-style: italic;
}

.demuestra21-1 .vista .title .name {
	font-size: 23px;
	font-weight: bold;
	background-color: #eee9f4;
	border-radius: 15px;
	padding: 2px 30px;
	position: relative;
	display: table;
	margin-top: 10px;
	font-style: normal;
}

.demuestra21-1 .vista .link a {
	background-color: #a4d2b3;
	border-radius: 15px;
	position: relative;
	padding: 2px 50px;
	display: table;
	font-weight: 500;
	color: #fff;
	margin: 15px 0;
}

.demuestra21-1 .vista.lista .link a {
	margin: 15px auto;
}

.demuestra21-1 .vista .link a:hover {
	background-color: #8ab598;
}

.demuestra21-1 .vista .link a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
    left: 15px;
	background: url(https://uvirtualabierta.udemedellin.edu.co/pluginfile.php/2162/mod_glossary/attachment/119/link.png) no-repeat center;
	width: 17px;
}

.demuestra21-1 .vista .datatable {
	color: #898391;
}

.demuestra21-1 .vista .datatable th {
	text-align: left;
	color: #7d5a9a;
}

.demuestra21-1 .vista.individual .botones {
	text-align: right;
}

.demuestra21-1 .vista.lista .botones {
	text-align: center;
}

.demuestra21-1 .vista .botones a {
	color: #7d5a9a;
}

.demuestra21-1 .pie,
.demuestra21-1 .encabezado {
	width: 100%;
	height: 50px;
	background-color: #f7f8fc;
}

.demuestra21-1.busqueda {
	width: 100%;
	padding: 50px 70px;
}

.demuestra21-1.busqueda .form-control {
	border-radius: 15px;
	border: 1px solid #dfe3f0;
}

.demuestra21-1.busqueda td {
	margin: 2px;
	color: #898391;
}

.demuestra21-1.busqueda th {
	color: #775D96;
	text-align: right;
	padding-right: 20px;
}

table.boxaligncenter {
	width: 100%;
}

.demuestra21-1.busqueda .col-2 {
	max-width: 50%;
    min-width: 400px;
    flex: none;
}

.demuestra21-1.busqueda .row {
	align-items: center;
}