/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


img {
	object-fit: cover;
}

.form-check.custom-icon .content {
	display: flex !important;
	flex-direction: column
}

.form-check.custom-icon .form-check-label {
	padding-top: initial
}

	.form-check.custom-icon .form-check-label::before {
		width: 26px;
		min-width: 26px;
		height: 26px;
		left: -40px;
		top: 0;
		border-radius: var(--border-radius-xl);
		border-color: var(--muted) !important;
		opacity: .3
	}

.form-check.custom-icon .form-check-input {
	width: 25px;
	height: 25px;
	background: initial !important;
	font-size: 16px;
	text-align: center;
	padding-top: 1px;
	border-radius: var(--border-radius-xl);
	border-color: var(--muted) !important;
	color: var(--muted) !important;
	opacity: .3;
	margin-top: 0;
	margin-right: 1rem
}

	.form-check.custom-icon .form-check-input:checked {
		border-color: var(--primary) !important;
		background: initial !important;
		opacity: 1
	}

		.form-check.custom-icon .form-check-input:checked:after {
			font-family: CS-Interface !important;
			font-style: normal;
			font-weight: 400;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			color: var(--primary) !important;
			opacity: 1;
			content: ""
		}

	.form-check.custom-icon .form-check-input[type=radio]:checked:after {
		content: ""
	}

.form-check.custom-card .form-check-input:checked ~ .form-check-label::before,
.form-check.custom-card:hover .form-check-label::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-md);
	box-shadow: inset 0 0 0 1px rgba(115,103,240,.5) !important;
}

.form-check.custom-card .form-check-input {
	border: initial;
	background-color: initial !important
}

	.form-check.custom-card .form-check-input:checked {
		border: 1px solid #641c34;
		background-color: #641c34 !important;
	}

.form-check .custom-border {
	border: initial !important;
	box-shadow: initial !important
}

	.form-check .custom-border .form-check-input:checked ~ .form-check-label::before,
	.form-check .custom-border:hover .form-check-label::before {
		box-shadow: inset 0 0 0 1px rgba(115,103,240,.5) !important
	}

	.form-check .custom-border.form-check-label::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: var(--border-radius-md);
		box-shadow: inset 0 0 0 1px var(--separator)
	}

.custom-icon input[type=radio] .form-check-label::after {
	content: ""
}

.form-check {
	margin-bottom: .25rem;
	padding-left: 1.75em;
	line-height: 1.5
}

.form-check-input[type=checkbox]:indeterminate {
	background-color: #641c34;
	border-color: #641c34
}

.form-check-input,
.form-check-input input,
.form-check-input label {
	outline: initial !important;
	box-shadow: initial !important
}

.form-check-input {
	width: 16px;
	height: 16px
}

.form-check .form-check-input {
	border-color: var(--muted) !important;
	background-color: initial;
	margin-top: .2em;
	margin-left: -1.75em
}

.form-check-input:checked {
	background-color: #641c34;
	border-color: #641c34 !important
}

.form-check-label {
	color: var(--body);
	margin-top: 1px
}

.t-2 {
	top: .5rem !important;
	z-index: 1
}

.b-2 {
	bottom: .5rem !important;
	z-index: 1
}

.s-2 {
	left: .5rem !important;
	z-index: 1
}

.e-2 {
	right: .5rem !important;
	z-index: 1
}

.z-index-1 {
	z-index: 1
}

.z-index-1000 {
	z-index: 1000
}

.position-absolute {
	position: absolute !important;
}








.pe-md-0 {
	padding-right: 0 !important;
}

.pt-md-0 {
	padding-top: 0 !important;
}

.align-items-md-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.form-check.custom-icon .form-check-input:checked::after {
	font-family: "CS-Interface" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #641c34 !important;
	opacity: 1;
	content: "\2713";
}



.form-check.custom-icon .form-check-input:checked {
	border-color: #641c34 !important;
	background: initial !important;
	opacity: 1;
}

.form-check.custom-icon .form-check-input {
	width: 25px;
	height: 25px;
	background: initial !important;
	font-size: 16px;
	text-align: center;
	padding-top: 1px;
	border-radius: 50px;
	border-color: #afafaf !important;
	color: #afafaf !important;
	opacity: 0.3;
	margin-top: 0;
	margin-right: 1rem;
}

.sh-md-10 {
	height: 5rem !important;
}



.btn-flat-primary {
	box-shadow: none;
	background-color: transparent;
	color: #641c34;
	border: none;
}

	.btn-flat-primary:hover {
		color: #641c34;
	}

	.btn-flat-primary:disabled {
		
	}

		.btn-flat-primary:hover:not(.disabled):not(:disabled) {
			background-color: rgba(115, 103, 240, 0.12);
		}

	.btn-flat-primary:active, .btn-flat-primary.active, .btn-flat-primary:focus {
		background-color: rgba(115, 103, 240, 0.2);
		color: #641c34;
	}

	.btn-flat-primary.dropdown-toggle::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	}

.btn:not([class*=btn-flat-]) {
	box-shadow: 0px 2px 4px rgba(165, 163, 174, 0.4);
}


.encabezadoInfo{

	display:block;

}



.personal-image {
	text-align: center;
}

	.personal-image input[type="file"] {
		display: none;
	}

.personal-figure {
	position: relative;
	width: 120px;
	height: 120px;
}

.personal-avatar {
	cursor: pointer;
	width: 120px;
	height: 120px;
	box-sizing: border-box;
	border-radius: 100%;
	border: 2px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	transition: all ease-in-out .3s;
	object-fit: cover;
}

	.personal-avatar:hover {
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
	}

.personal-figcaption {
	cursor: pointer;
	position: absolute;
	top: 0px;
	width: inherit;
	height: inherit;
	border-radius: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: all ease-in-out .3s;
}

	.personal-figcaption:hover {
		opacity: 1;
		background-color: rgba(0, 0, 0, .5);
	}

	.personal-figcaption > img {
		margin-top: 32.5px;
		width: 50px;
		height: 50px;
	}

	.contenedor-absoluto{

		position:relative;
	}


.btn-input {
	padding: 10px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	background-color: #ffffffdd;
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	transition: background-color ease-out 120ms;
	position: absolute;
	left: 100px;
	top: 100px;
}

button:hover {
	background-color: #fff;
}




.card .card-img {
	border-radius: var(--bs-card-border-radius);
}

.card .card-img-top {
	width: 100%;
	border-radius: initial;
	border-top-left-radius: var(--bs-card-border-radius);
	border-top-right-radius: var(--bs-card-border-radius);
}

.card .card-img-overlay {
	background: rgba(0,0,0,.35);
	border-radius: var(--bs-card-border-radius);
}

.card .card-img-bottom {
	width: 100%;
	border-radius: initial;
	border-bottom-left-radius: var(--bs-card-border-radius);
	border-bottom-right-radius: var(--bs-card-border-radius);
}

.card .card-img-left {
	border-radius: initial;
	border-top-left-radius: var(--bs-card-border-radius);
	border-bottom-left-radius: var(--bs-card-border-radius);
	border-bottom-right-radius: initial;
	border-top-right-radius: initial
}



.card [class*=card-img-horizontal] {
	border-radius: initial;
	border-top-left-radius: var(--bs-card-border-radius); /*var(--bs-card-border-radius);;*/
	border-bottom-left-radius: var(--bs-card-border-radius); /*var(--bs-card-border-radius);;*/
	border-bottom-right-radius: initial;
	border-top-right-radius: initial;
	height: 100%
}

.h-auto {
	height: auto !important
}

.w-auto {
	width: auto !important
}

.sh-0 {
	height: 0 !important
}

.sw-0 {
	width: 0 !important
}

.sh-1 {
	height: .5rem !important
}

.sw-1 {
	width: .5rem !important
}

.sh-2 {
	height: 1rem !important
}

.sw-2 {
	width: 1rem !important
}

.sh-3 {
	height: 1.5rem !important
}

.sw-3 {
	width: 1.5rem !important
}

.sh-4 {
	height: 2rem !important
}

.sw-4 {
	width: 2rem !important
}

.sh-5 {
	height: 2.5rem !important
}

.sw-5 {
	width: 2.5rem !important
}

.sh-6 {
	height: 3rem !important
}

.sw-6 {
	width: 3rem !important
}

.sh-7 {
	height: 3.5rem !important
}

.sw-7 {
	width: 3.5rem !important
}

.sh-8 {
	height: 4rem !important
}

.sw-8 {
	width: 4rem !important
}

.sh-9 {
	height: 4.5rem !important
}

.sw-9 {
	width: 4.5rem !important
}

.sh-10 {
	height: 5rem !important
}

.sw-10 {
	width: 5rem !important
}

.sh-11 {
	height: 5.5rem !important
}

.sw-11 {
	width: 5.5rem !important
}

.sh-12 {
	height: 6rem !important
}

.sw-12 {
	width: 6rem !important
}

.sh-13 {
	height: 6.5rem !important
}

.sw-13 {
	width: 6.5rem !important
}

.sh-14 {
	height: 7rem !important
}

.sw-14 {
	width: 7rem !important
}

.sh-15 {
	height: 7.5rem !important
}

.sw-15 {
	width: 7.5rem !important
}

.sh-16 {
	height: 8rem !important
}

.sw-16 {
	width: 8rem !important
}

.sh-17 {
	height: 8.5rem !important
}

.sw-17 {
	width: 8.5rem !important
}

.sh-18 {
	height: 9rem !important
}

.sw-18 {
	width: 9rem !important
}

.sh-19 {
	height: 9.5rem !important
}

.sw-19 {
	width: 9.5rem !important
}

.sh-20 {
	height: 10rem !important
}

.sw-20 {
	width: 10rem !important
}

.sh-21 {
	height: 10.5rem !important
}

.sw-21 {
	width: 10.5rem !important
}

.sh-22 {
	height: 11rem !important
}

.sw-22 {
	width: 11rem !important
}

.sh-23 {
	height: 11.5rem !important
}

.sw-23 {
	width: 11.5rem !important
}

.sh-24 {
	height: 12rem !important
}

.sw-24 {
	width: 12rem !important
}

.sh-25 {
	height: 12.5rem !important
}

.sw-25 {
	width: 12.5rem !important
}

.sh-30 {
	height: 15rem !important
}

.sw-30 {
	width: 15rem !important
}

.sh-35 {
	height: 17.5rem !important
}

.sw-35 {
	width: 17.5rem !important
}

.sh-40 {
	height: 20rem !important
}

.sw-40 {
	width: 20rem !important
}

.sh-45 {
	height: 22.5rem !important
}

.sw-45 {
	width: 22.5rem !important
}

.sh-50 {
	height: 25rem !important
}

.sw-50 {
	width: 25rem !important
}

.sh-60 {
	height: 30rem !important
}

.sw-60 {
	width: 30rem !important
}

.sh-70 {
	height: 35rem !important
}

.sw-70 {
	width: 35rem !important
}

.sh-80 {
	height: 40rem !important
}

.sw-80 {
	width: 40rem !important
}

@media (min-width:992px) {
	.sw-lg-1 {
		width: .5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-2 {
		height: 1rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-2 {
		width: 1rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-3 {
		height: 1.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-3 {
		width: 1.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-4 {
		height: 2rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-4 {
		width: 2rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-5 {
		height: 2.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-5 {
		width: 2.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-6 {
		height: 3rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-6 {
		width: 3rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-7 {
		height: 3.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-7 {
		width: 3.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-8 {
		height: 4rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-8 {
		width: 4rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-9 {
		height: 4.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-9 {
		width: 4.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-10 {
		height: 5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-10 {
		width: 5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-11 {
		height: 5.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-11 {
		width: 5.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-12 {
		height: 6rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-12 {
		width: 6rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-13 {
		height: 6.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-13 {
		width: 6.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-14 {
		height: 7rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-14 {
		width: 7rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-15 {
		height: 7.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-15 {
		width: 7.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-16 {
		height: 8rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-16 {
		width: 8rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-17 {
		height: 8.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-17 {
		width: 8.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-18 {
		height: 9rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-18 {
		width: 9rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-19 {
		height: 9.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-19 {
		width: 9.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-20 {
		height: 10rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-20 {
		width: 10rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-21 {
		height: 10.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-21 {
		width: 10.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-22 {
		height: 11rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-22 {
		width: 11rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-23 {
		height: 11.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-23 {
		width: 11.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-24 {
		height: 12rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-24 {
		width: 12rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-25 {
		height: 12.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-25 {
		width: 12.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-30 {
		height: 15rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-30 {
		width: 15rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-35 {
		height: 17.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-35 {
		width: 17.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-40 {
		height: 20rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-40 {
		width: 20rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-45 {
		height: 22.5rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-45 {
		width: 22.5rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-50 {
		height: 25rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-50 {
		width: 25rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-60 {
		height: 30rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-60 {
		width: 30rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-70 {
		height: 35rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-70 {
		width: 35rem !important
	}
}

@media (min-width:992px) {
	.sh-lg-80 {
		height: 40rem !important
	}
}

@media (min-width:992px) {
	.sw-lg-80 {
		width: 40rem !important
	}
}

@media (min-width:1200px) {
	.sh-xl-0 {
		height: 0 !important
	}
}

@media (min-width:1200px) {
	.sw-xl-0 {
		width: 0 !important
	}
}



	/*.dxbs-grid > .card .dxbs-scroll-viewer > .dxbs-scroll-viewer-content > .dxbs-grid-table > thead {

	z-index:0;
}

.dxbs-grid > .card .dxbs-scroll-viewer > .dxbs-scroll-viewer-content > .dxbs-grid-table > tfoot {
	z-index: 0;
}*/