/** @format */

.rojo-ascun {
	background: radial-gradient(
		circle,
		rgba(216, 25, 32, 1) 0%,
		rgba(101, 21, 4, 1) 100%
	) !important;
}

.azul-ascun {
	background: radial-gradient(
		circle,
		rgba(49, 107, 178, 1) 0%,
		rgba(10, 54, 126, 1) 100%
	) !important;
}

.card-button {
	border-radius: 50% !important;
	margin-top: -40px !important;
}

/**cards WIS(Tarjetas WIS) */
.bd-callout-primary {
	border-left-color: #d81920 !important;
}

.bd-callout-secondary {
	border-left-color: #757575 !important;
}

.bd-callout-success {
	border-left-color: #4caf50 !important;
}

.bd-callout-info {
	border-left-color: #316bb2 !important;
}

.bd-callout-warning {
	border-left-color: #fb8c00 !important;
}

.bd-callout-rose {
	border-left-color: #e91e63 !important;
}

.bd-callout-danger {
	border-left-color: #d81920 !important;
}

.bd-callout-light {
	border-left-color: #f5f5f5 !important;
}

.bd-callout-dark {
	border-left-color: #424242 !important;
}

.bd-callout {
	border: 0.2px solid #ddd;
	border-left-width: 0.25rem;
	border-radius: 0.25rem;
}

.blockquote {
	font-size: 1.25rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
	border-left: 0.3125rem solid #4caf50;
	margin-bottom: 1rem;
	padding: 0 1rem;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.ingreso-sistema {
		margin-bottom: 130px;
	}

	.bootstrap-select.tipo-documento-login {
		max-width: 85% !important;
	}

	.bootstrap-select.tipo-documento-register {
		max-width: 84% !important;
	}

	.copyright {
		margin-right: 0px !important;
	}

	.opt-cps {
		margin-top: -20px !important;
	}
}

.dropdown-item:hover {
	background-color: #d81920 !important;
}

.bootstrap-select .btn.dropdown-toggle.select-with-transition {
	border: 0 !important;
	background-image: linear-gradient(
			to top,
			#d81920 2px,
			rgba(216, 25, 32, 0) 2px
		),
		linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
	background-size: 0 100%, 100% 100%;
	background-repeat: no-repeat;
	background-position: bottom, 50% calc(100% - 1px);
	background-color: transparent !important;
	transition: background 0s linear !important;
	float: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #3c4858 !important;
	height: 34px;
	padding-left: 0 !important;
	padding-bottom: 5px !important;
}

/* scroll */
.scrollbar {
	height: 220px;
	overflow-y: scroll;
}

.force-overflow {
	min-height: 450px;
}

/*
*  scroll-azul-ascun
*/
.scroll-azul-ascun::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.scroll-azul-ascun::-webkit-scrollbar {
	width: 3px;
}

.scroll-azul-ascun::-webkit-scrollbar-thumb {
	background: radial-gradient(
		circle,
		rgba(49, 107, 178, 1) 0%,
		rgba(10, 54, 126, 1) 100%
	) !important;
}

/* estilos del botón para generar las certificaciones */

/* sm */
@media (max-width: 576px) {
	.btn-gc-sm {
		top: 670px !important;
		left: 374px !important;
	}
}

/* lg */
.btn-gc {
	top: 462px;
	left: 1318px;
	width: 172px;
	border-radius: 50px 0 0 50px;
	opacity: 0.9;
}