textarea {
	min-height: 300px;
	resize: none;
}

textarea#question {
	min-height: 150px;
}

.card-body-actions {
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
}

.card-faq {
	border-radius: 4px;
	border: 1px solid #d0d1d1;
}

.paginationjs .paginationjs-pages li.active>a {
	color: #fff !important;
	background-color: #3051d3 !important;
	border-color: #3051d3 !important;
}

.paginationjs .paginationjs-pages li>a {
	color: #7c8a96 !important;
	background-color: #fff;
}

.paginationjs .paginationjs-pages li>a.active:hover {
	color: #fff;
	background-color: #3051d3;
	border-color: #3051d3;
}

.prevText-pagination {
	padding: 8px 12px;
}

.paginationjs .paginationjs-pages li>a {
	font-family: Nunito, sans-serif;
	font-weight: 500;
}

.paginationjs .paginationjs-pages li>a:hover {
	color: #203897 !important;
}

.paginationjs .paginationjs-pages li.active>a:hover {
	color: #fff !important;
}

.paginationjs .paginationjs-pages li.disabled>a {
	color: #7c8a96 !important;
	pointer-events: none;
	cursor: auto;
	background-color: #f8f9fa !important;
}

.paginationjs .paginationjs-pages li.disabled>a {
	opacity: 1;
	cursor: default;
}

.paginationjs .paginationjs-pages li {
	border: 1px solid #d7dce1;
}

@media (hover: hover) {
	.txt-hover:hover {
		color: var(--primary600) !important;
	}
}

#ctn_articles_pagination {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(190px, 0fr));
    gap: 1rem;
}

.badge-success {
    background-color: var(--color-green2) !important;
    color: var(--color-green1) !important;
	font-weight: 700 !important;
}
.badge-success i {
    color: var(--color-green1) !important;
	/* font-weight: 700 !important; */
}

.badge-primary {
    background-color: var(--color-sky100) !important;
    color: var(--color-sky700) !important;
	font-weight: 700 !important;
}
.badge-primary i{
    color: var(--color-sky700) !important;
	/* font-weight: 700 !important; */
}

.ctn-pagination{
	display: flex;
	justify-content: space-between;
}
#nums{
	align-self: end;
}

/* head table */

.search-documents {
	display: flex;
	gap: 0.4rem;
	align-items: center;
	flex-wrap: wrap;
}

.search-pagination,
.search-datatable {
	padding-left: 2rem;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 350px;
}

.label-search_arr_doc input[type="text"]
{
	border-radius: 8px;
}

.icon-delete-left {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.ctn-btn-filter{
	display: flex;
	align-items: center;
	gap: 4px;
}

/* head table */

/* detail */
.ctn-traceability{
	display: flex;
	gap: 4rem;
    row-gap: 1rem;
}

@media (max-width:768px)
{
	.ctn-traceability{
		row-gap: 1rem;
		flex-wrap: wrap;
	}

	#nums {
		align-self:center
	}

	.ctn-pagination {
		margin-top: 8px;
		flex-direction: column;
		align-items: center;
	}
}

.ctn-info-detail{
	width: -webkit-fill-available;
}

.art-docs{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.text-1line{
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden; 
}

/* empty ctn */
.content_empty {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: var(--spacing-space-3);
}
.content_text {
    text-align: center;
}
.icon_empty {
    font-size: 48px;
    color: var(--color-neutral-300);
}
.title_empty {
    font: var(--font-title-medium);
    color: var(--color-neutral-400);
}
.desc_empty {
    font: var(--font-caption-medium);
    color: var(--color-neutral-400);
}
/* empty ctn */

.btn--trace{
	height: fit-content !important;
    max-height: none;
	max-width: 190px !important;
	width: 190px !important;
	justify-content: center;
}
.ctn-section-filter{
	border: 1px solid #afafb1;
    padding: 0.8rem;
    border-radius: 0.5rem;
}

.card-body--heigthm{
	height: 46vh !important;
}

/* canvas {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
} */

.sect-items-indicator{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;

	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-areas: 
		"donut barChart lineChart"
		"info barChart2 lineChart2";

/* 	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    gap: 1rem; */
}

/* @media(max-width:600px)
{
	.sect-items-indicator{
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 1rem;
	}
} */

/* .item-indicator-1{
	grid-area: donut;
}
.item-indicator-2{
	grid-area: barChart;
}
.item-indicator-3{
	grid-area: lineChart;
}
.item-indicator-4{
	grid-area: barChart2;
}
.item-indicator-5{
	grid-area: lineChart2;
}
.item-indicator-6{
	grid-area: info;
} */
.art-infoitem{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;
    *//*align-items: center;
    */border: 1px solid #d9d9d9;
    border-radius: 8px;
    background-color: white;
    box-shadow: var(--boxshadow-1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
	box-shadow: var(--boxshadow-1);
}

/* .ctn-infoitem4{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(2,1fr);
    gap: 0.5rem;
} */

.art-infoitem2{
    display: flex;
    width: 100%;
    /* flex-direction: column; */
    /* flex-direction: column; */
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background-color: white;
    box-shadow: var(--boxshadow-1);
	padding: 1rem;
    /* padding-left: 2rem; */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
	justify-content: space-between;
	align-items: center;
}

.art-infoitem2-value{
	font-size: 20px;
	/* font-weight: 700; */
	margin: 0;
}
.icon-art-infoitem2{
	font-size: 40px;
}
.art-infoitem2-title{
	font-size: 24px;
    font-weight: 600;
}
.art-infoitem--noborder{
	border:0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
	padding: 0;
}
.ctn-infoitem4{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* .art-infoitem2,
.art-infoitem {
    transition: transform 0.3s ease; 
}
.art-infoitem2:hover,
.art-infoitem:hover {
    transform: scale(1.02); 
} */


.cnt2-colunm{
	display: flex;
	gap: 1rem;
	width: 100%;
}
.cnt1-col{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 40%;
	min-width: 479px;
}
.cnt2-col{
	width: -webkit-fill-available;
	display: grid;
	/* grid-template-rows: ; */
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    gap: 1rem;
	/* display: flex; */
	/* height: 82vh; */
}

@media(max-width:1266px)
{
	.cnt2-colunm{
		flex-direction: column;
	}
	.cnt1-col {
		width: 100%;
	}
}
@media(max-width:551px)
{
	.cnt2-col {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	}
	.cnt1-col {
		min-width: auto;
	}
}
@media(max-width:483px)
{
	.icon-art-infoitem2{
		display: none;
	}
}
@media(max-width:443px)
{
	.cnt2-col {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

.ctn-filter-inform
{
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: white;
    box-shadow: var(--boxshadow-1);
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.custom-input-date{
    border-radius: 8px!important;
}
.legend-time-closed{
    text-align: center;
    margin-top: -18px;
}
.ctn-inputs-dates{
    align-items: center!important;
    width: 100%;
}
.ctn-inputs-dates input {
    text-align: center;
}