#table thead th:last-child {
	width: 200px !important;
}

.btn-quarter a {
	width: 40px;
	height: 40px;
	background-color: #495057;
	font-size: 24px;
	color: var(--white);
}

.next-step {
	transition: transform 300ms ease-in-out 0s;
	transform: translateX(-150%);
}

.back-step {
	transition: transform 300ms ease-in-out 0s;
	transform: translateX(150%);
}

.advanced {
	border-top: 2px solid var(--primary) !important;
}

.advanced:before {
	border: var(--primary) !important;
	background-color: var(--primary) !important;
}

@keyframes move_left {
	0% {
		left: 0;
	}

	100% {
		left: -100%;
		opacity: 0;
	}
}

@keyframes move_right {
	0% {
		left: 0;
	}

	100% {
		right: 200%;
		opacity: 0;
	}
}

.datepicker.datepicker-dropdown {
	z-index: 1060 !important
}

#btn_pdf_load {
	cursor: pointer;
}

#btn_pdf_load .mdi {
	font-size: 24px;
}

.pdf-load {
	display: flex;
	justify-content: space-between;
}

.content-file>div>label.input-file-drop {
	border: 2px dashed #7C8A96 !important;
	display: flex;
	gap: 4px;
	padding: 10px;
	cursor: pointer;
}

.content-file>div>label.input-file-drop:hover {
	background: var(--primary100);
}

.pdf-load {
	height: 61px;
	border-radius: 8px;
	border: 1px solid #d0d1d1;
	background-color: #fffFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.content-pdf {
	display: flex;
	flex-direction: row !important;
	gap: 8px;
	align-items: center;
}

.pdf-load>.icon {
	cursor: pointer;
	user-select: none;
	width: 32px;
	height: 32px;
	display: grid;
	place-content: center;
	border-radius: 8px;
}

.pdf-load>.content-pdf .material-symbols-outlined {
	color: #58595b;
	font-size: 16px;
}

.pdf-load .content-pdf .text-pdf.body-m {
	color: #4e4f50;
	transform: translateY(3px);
}

.content-fields-detail {
	display: flex;
	flex-wrap: wrap;
	row-gap: 0.51rem;
	justify-content: space-between;
	margin-top: 0.51rem;
	width: 100%;
}

.conten-fields-detail-info {
	display: flex;
	gap: 3rem;
	flex-wrap: wrap;
	row-gap: 0.2rem;
}

.btn-group-add-contracts {
	display: flex;
	flex-direction: row-reverse;
	gap: 8px;
}

@media (max-width: 1832px) {
	.info-detail {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1448px) {
	.info-detail {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1187px) {
	.info-detail {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 862px) {
	.info-detail {
		grid-template-columns: repeat(2, 1fr);
	}
}

.container-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.chip {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 32px;
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	color: var(--general);
	font-size: 12px;
}

.chip-left {
	border-radius: 4px 0 0 4px;
	border: 1px solid #212529;
	border-right: 0px solid #212529;
}

.chip-right {
	border-radius: 0 4px 4px 0;
	border: 1px solid #212529;
	border-left: 1px solid #212529;
}

.state-selected {
	background-color: var(--primary300) !important;
	font-weight: 600;
}

.chip-center {
	border-radius: 0 0 0 0;
	border-top: 1px solid #212529;
	border-bottom: 1px solid #212529;
	border-left: 1px solid #212529;
}

.chip-label {
	font-size: 12px;
	font-weight: 600;
}

.chip:hover {
	cursor: pointer;
	background: rgba(71, 71, 71, 0.08) 0% 0% no-repeat padding-box;
}

.chip:focus-visible {
	outline: none;
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
	border: 1px solid var(--black900);
}

.chip:active {
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
}

.chip[disabled] {
	border: 1px solid rgba(85, 101, 120, 0.12);
	cursor: default;
	user-select: none;
}

.chip[disabled] span {
	color: rgba(71, 71, 71, 0.38) !important;
}

@media(hover:hover) {

	.chip[disabled]:hover {
		background-color: transparent;
		user-select: none;
	}
}

#form_state_client {
	display: flex;
	flex-wrap: wrap;
}

.content-header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

*,
*::before,
*::after {
	box-sizing: border-box !important;
}

.container-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.chip {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 32px;
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	color: var(--general);
	font-size: 12px;
}

.chip-left {
	border-radius: 4px 0 0 4px;
	border: 1px solid #212529;
	border-right: 0px solid #212529;
}

.chip-right {
	border-radius: 0 4px 4px 0;
	border: 1px solid #212529;
	border-left: 1px solid #212529;
}

.state-selected {
	background-color: var(--primary300) !important;
	font-weight: 600;
}

.state_contract {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.chip-center {
	border-radius: 0 0 0 0;
	border-top: 1px solid #212529;
	border-bottom: 1px solid #212529;
	border-left: 1px solid #212529;
}

.chip-label {
	font-size: 12px;
	font-weight: 600;
}

.chip:hover {
	cursor: pointer;
	background: rgba(71, 71, 71, 0.08) 0% 0% no-repeat padding-box;
}

.chip:focus-visible {
	outline: none;
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
	border: 1px solid var(--black900);
}

.chip:active {
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
}

.chip[disabled] {
	border: 1px solid rgba(85, 101, 120, 0.12);
	cursor: default;
	user-select: none;
}

.chip[disabled] span {
	color: rgba(71, 71, 71, 0.38) !important;
}

.select_year,
.select_line,
.select_movement {
	width: auto;
	height: 35px;
}

#table_filter,
#table_lines_filter,
#table_movements_filter,
#table_lines_fil_filter,
#table_movements_fil_filter {
	display: flex;
	justify-content: end;
	gap: 12px;
	flex-wrap: wrap;
}

#table_filter.dataTables_filter label .fa-search,
#table_lines_filter.dataTables_filter label .fa-search,
#table_movements_filter.dataTables_filter label .fa-search {
	position: absolute;
	left: 10px;
}

#table_filter .form-control-sm,
#table_lines_filter .form-control-sm,
#table_movements_filter .form-control-sm {
	height: calc(1.5em + 0.94rem + 2px);
}

#table_filter .select_year_filter~.select2-container,
#table_lines_filter .select_year_filter_line~.select2-container,
#table_movements_filter .select_year_filter_movement~.select2-container {
	max-width: 200px;
}

.dropdown.dropdown-filters {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}

.multiple-filter .mdi-round {
	font-size: 25px;
}

.dropdown-options-filter {
	width: 400px;
	padding: 20px;
	left: unset !important;
	right: 0 !important;
}

.cont-btns-filters {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding-top: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: unset !important;
	top: 44% !important;
}

.modal-center {
	margin: auto !important;
	max-width: auto !important;
}

.has-arrow.waves-effect {
	border-radius: 0 4px;
}

@media (max-width: 1832px) {
	.info-detail {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1448px) {
	.info-detail {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1187px) {
	.info-detail {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 862px) {
	.info-detail {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 763px) {
	.cont-search_arr_doc {
		margin-top: 12px;
	}
}

@media (max-width: 393px) {
	.icon-contract-view {
		display: none;
	}
}



@media (max-width:480px) {
	.comod {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

:root {
	--blue500-op-0-08: rgba(27, 110, 218, 0.08);
	--blue500-op-0-12: rgba(27, 110, 218, 0.12);
	--gray-blue700: #556578;
	--gray-blue700-op-0-08: rgba(85, 101, 120, 0.08);
	--gray-blue700-op-0-12: rgba(85, 101, 120, 0.12);
}

.dropzone {
	min-height: 80px !important;
	max-height: 80px !important;
	height: 80px !important;
	width: 100% !important;
	border: 2px dashed #7C8A96 !important;
	background: #fff;
	border-radius: 6px;
	padding: 0px 20px !important;
}

.dropzone .dz-message {
	text-align: center;
	margin: 0em 0 !important;
}

.pdf-load {
	height: 61px;
	width: 384px;
	border-radius: 8px;
	border: 1px solid #d0d1d1;
	background-color: #fffFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.content-pdf {
	display: flex;
	flex-direction: row !important;
	gap: 8px;
	align-items: center;
}

.pdf-load>.icon {
	cursor: pointer;
	user-select: none;
	width: 32px;
	height: 32px;
	display: grid;
	place-content: center;
	border-radius: 8px;
}

.pdf-load>.content-pdf .material-symbols-outlined {
	color: #58595b;
	font-size: 16px;
}

.spinner {
	border: 2px solid rgba(179, 175, 175, 0.3);
	border-radius: 100%;
	border-top: 2px solid #3051D3;
	width: 16px;
	height: 16px;
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.search_arr_doc {
	width: 100%;
	padding-left: 31px;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 250px;
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

.paginationjs {
	display: flex;
	justify-content: flex-end;
}

.paginationjs .paginationjs-pages li.active>a {
	background: #3051D3;
}

.paginationjs-prev .disabled {
	background-color: #4e4f50;
}

@media (min-width: 1000px) and (hover: hover) {

	.dropzone:hover {
		background: var(--primary100);
	}


	.btn_icon_standard:hover::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-color: var(--gray-blue700-op-0-08);
	}

	.btn_icon_standard.active:hover::after {
		visibility: visible;
		background-color: var(--blue500-op-0-08);
	}
}

.list-arr-docs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	margin-bottom: 16px;
}

@media (min-width: 1100px) and (max-width: 1400px) {
	.list-arr-docs {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 701px) and (max-width: 1100px) {
	.list-arr-docs {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.list-arr-docs {
		grid-template-columns: repeat(1, 1fr);
	}
}

.card-attachment {
	width: 100%;
	height: 241px;
	display: grid !important;
	grid-template-rows: calc(100% - 68px) auto;
	border: 1px solid #BCC3C9;
	border-radius: 8px;
	margin-right: 24px;
}

.ctn-img-attachment {
	width: 100%;
	height: 118%;
	background-color: #eff2f7;
	display: flex;
	justify-content: center;
	border-radius: 7px;
}

.ctn-img-attachment .canvas-preview {
	width: 90%;
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	object-position: top;
	padding-top: 17px;
	border-radius: 4px;
}

.sec-bottom {
	max-height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 18px 2px 18px;
	gap: 16px;
	background-color: white;
	border-top: 1px solid #BCC3C9;
}

.info-attachment {
	display: flex;
	flex-direction: column;
}

.ctn-icon {
	width: 44px;
	height: 44px;
	border-radius: 4px;
	display: grid;
	place-items: center;
	border: none;
	text-decoration: none;
	cursor: pointer;
	background-color: transparent !important;
	color: #495057;
}

@media (min-width:1280px) {

	.ctn-icon:hover,
	.ctn-icon-sm:hover {
		background-color: rgba(85, 101, 120, 0.08) !important;
	}

	.ctn-icon:active,
	.ctn-icon-sm:active {
		background-color: rgba(85, 101, 120, 0.12);
	}
}

.cap-text {
	margin: 0px;
}

.sub-text {
	font-family: Nunito;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: #505D69;
}

.search_arr_doc {
	width: 100%;
	padding-left: 31px;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 250px;
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

.paginationjs {
	display: flex;
	justify-content: flex-end;
}

.paginationjs .paginationjs-pages li.active>a {
	background: #3051D3;
}

.paginationjs-prev .disabled {
	background-color: #4e4f50;
}

.header-title--text-normal {
	text-transform: math-auto !important
}

#form {
	overflow-x: hidden !important;
}

.nav-tabs .nav-item {
	max-width: 300px;
	font-size: 1rem;
	font-weight: 600;
}

.dropdown-item:hover {
	cursor: pointer;
	background-color: var(--neutral100);
}

.mdi-2rem {
	font-size: 2rem;
}

.mdi-15rem {
	font-size: 1.5rem;
}

.content-needsclick {
	display: flex;
	gap: 0.25rem;
	align-items: center;
}

#empty {
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
}

.dragover {
	border: 2px dashed #3374b9;
	background-color: var(--sea100);
}

.input-file-drop--2 {
	display: flex;
	justify-content: center;

}

.icon-delete-left {
	position: absolute;
	right: 8px;
	top: 10px;
	cursor: pointer;
}

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;
	}
}

.table-responsive table th,
.table-responsive table td {
	word-wrap: break-word !important;
	white-space: normal !important;
}

.table-responsive #table_products thead th:last-child {
	min-width: 185px !important;
	width: 185px !important;
}

.select_year_filter {
	height: 34px;
	max-width: 90px;
	width: 100%;
}

.btn-supplier a {
	width: 40px;
	height: 40px;
	background-color: var(--general);
	font-size: 24px;
	color: var(--white);
}

.hiding {
	display: none !important;
}

.flex-comod {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 12px;
}

.container-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.chip {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 32px;
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	color: var(--general);
}

.chip-left {
	border-radius: 4px 0 0 4px;
	border: 1px solid #212529;
	border-right: 0px solid #212529;
}

.chip-right {
	border-radius: 0 4px 4px 0;
	border: 1px solid #212529;
	border-left: 1px solid #212529;
}

.chip-label {
	font-size: 12px;
	font-weight: 600;
}

.chip:focus-visible {
	outline: none;
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
	border: 1px solid var(--black900);
}

.chip:active {
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
}

.chip[disabled] {
	border: 1px solid rgba(85, 101, 120, 0.12);
	cursor: default;
	user-select: none;
}

.chip[disabled] span {
	color: rgba(71, 71, 71, 0.38) !important;
}

.cont-title-detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.title-detail {
	font-size: 20px;
}

.p-item-info {
	font-size: 14px;
	color: var(--general);
	font-weight: 600;
}

.info_product_span {
	font-weight: 500;
}

.state-selected {
	background-color: var(--primary300) !important;
	font-weight: 700;
}

.graphic {
	width: 150px;
}

.graphic svg,
.graphic canvas {
	max-height: 100px;
}

.cont-info-product {
	width: 700px;
	min-height: 300px;
	margin-top: 10px;
}

.content-btns-header {
	flex-wrap: wrap;
	row-gap: 4px;
	column-gap: 4px;
	justify-content: flex-end;
}

@media (max-width:569px) {
	.content-btns-header {
		margin-top: 8px;
	}
}

.row-selected {
	background-color: var(--primary100) !important;
	background-color: #005baa !important;
	color: white;
	transition: 0.15s all;
}

#table_labs tbody tr {
	cursor: pointer;
}

#table_detail_fil tbody tr {
	cursor: pointer;
}

.cnt_info_relation {
	width: 100%;
}

.content-graphics {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.content-graphics.cnt {
	margin-bottom: 1rem;
}

.container-tables-details {
	display: flex;
	flex-direction: row;
}

.icon-no-fill {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

.icon-fill {
	font-variation-settings:
		'FILL' 1,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

.container-info-product {
	width: 100%;
	padding: 12px;
	box-shadow: 0px 4px 16px 0px rgba(217, 217, 217, 0.80);
	border-radius: 4px;
}

.cont-place-price {
	position: relative;
}

.cont-place-price input {
	padding-right: 35px;
}

.text-placeholder-price {
	position: absolute;
	right: 24px;
	top: 10px;
}

.check-product-cart {
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 1px solid #ADB5BD !important;
}

.select-product-for-cart {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-right: 1.5rem;
}

.select-product-for-cart label {
	margin-bottom: 0 !important;
	font-size: 14.6px;
}

.select-product-for-cart label a {
	color: inherit;
}

.p-text-price-total {
	text-align: right;
}

.cont-btns p {
	font-size: 14.6px;
	font-weight: 500;
}

.price {
	font-size: 20px;
	font-weight: 600;
}

.btn-delete-product {
	padding: 12px;
	cursor: pointer;
}

.inp-quantity {
	padding-right: 26px;
}

.ctn-button-input {
	height: calc(1.5em + .94rem + 2px);
	list-style: none;
	position: absolute;
	top: 1px;
	right: 13px;
	padding: 0;
	margin: 0;
	border-radius: 0 4px 4px 0;
	background: var(--neutral200);
}

.ctn-button-input .input-item {
	max-height: 20px;
	color: var(--neutral500);
	font-size: 10px;
	cursor: pointer;
}

.ctn-button-input .input-item:first-child {
	border-bottom: 2px solid var(--neutral500);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-file-drop {
	margin-bottom: 0 !important;
}

.content-form {
	height: calc(100vh - 240px);
}

@media screen and (max-width:1280px) {
	.container-tables-details {
		display: flex;
		flex-direction: column;
	}

	.container-tables-details--detail {
		display: flex;
		flex-direction: column-reverse;
	}

	.cont-info-product {
		margin-top: 0;
		width: 100%;
	}
}

#modal_shopping_cart .content-modal {
	position: relative;
	width: auto;
	height: 90vh !important;
	border-radius: 4px !important;
	padding: 24px 0 0;
	overflow: hidden;
	margin: 40px;
	max-width: unset;
	min-width: unset;

	overflow-x: hidden;
}

#modal_shopping_cart .content-form {
	height: calc(100vh - 350px);
	overflow-x: hidden !important;
}

#modal_shopping_cart .container-products-car {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

#modal_shopping_cart .container-info-product {
	max-width: 400px;
}

#modal_shopping_cart .cntr-btn-send {
	display: flex;
	justify-content: end;
}

#modal_shopping_cart .btn-send-buy-car {
	width: auto;
}

@media screen and (max-width:1280px) {

	#modal_shopping_cart.modal.show .modal-dialog {
		transform: translateY(0);
		justify-content: center;
		display: flex;
		align-items: center;
		height: 100vh;
	}

	#modal_shopping_cart .content-form {
		padding: 0 20px 20px;
	}

	#modal_shopping_cart .cntr-btn-cancel {
		margin-top: 8px;
	}

	#modal_shopping_cart .content-modal {
		position: absolute;
		right: auto;
		left: auto;
		top: unset;
		bottom: 0;
		height: 90vh !important;
		border-radius: 12px 12px 0px 0px !important;
		max-width: 90vw;
		min-width: 640px;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	#modal_shopping_cart .content-title-modal {
		align-items: start;
		flex-direction: row;
		width: 100%;
	}

	#modal_shopping_cart .content-btn-close-modal {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	#modal_shopping_cart .close-modal-web {
		display: none;
	}

	#modal_shopping_cart .close-modal-mob-tab {
		display: block;
		font-size: 0;
		width: 100%;
		text-align: center;
		padding: 16px 0;
	}

	#modal_shopping_cart.modal .modal-dialog {
		transform: translateY(100%);
		transition: transform 0.3s ease-out;
	}

	#modal_shopping_cart.modal.show .modal-dialog {
		transform: translateY(0);
		justify-content: center;
		display: flex;
		align-items: center;
		height: 100vh;
	}
}

@media screen and (max-width:768px) {

	#modal_shopping_cart .content-modal {
		right: auto;
		left: auto;
		top: unset;
		bottom: 0;
		border-radius: 12px 12px 0px 0px !important;
		min-width: 100%;
		margin: 0;
	}

	#modal_shopping_cart .content-form {
		height: calc(100vh - 400px) !important;
	}
}

.select_year {
	width: auto;
	height: 35px;
}

#table_products_filter {
	display: flex;
	justify-content: end;
	gap: 12px;
}

#table_products_filter.dataTables_filter label .fa-search {
	position: absolute;
	left: 10px;
}

#table_products_filter .form-control-sm {
	height: calc(1.5em + 0.94rem + 2px);
}

#table_products_filter .select_year_filter~.select2-container {
	max-width: 200px;
}

#table_products_filter .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: unset !important;
	top: 43% !important;
}

.dropdown.dropdown-filters a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}

.multiple-filter .mdi-round {
	font-size: 25px;
}

.dropdown-options-filter {
	min-width: 400px;
	width: auto;
	padding: 20px;
	right: 0 !important;
}

.cont-btns-filters {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-top: 16px;
}

.table_products {
	min-height: 50vh !important;
}

.filter-active .icon-filter {
	color: #3ddc97;
}

.multiple-filter {
	border: 1px solid #afafb1;
}

.multiple-filter:active {
	background-color: var(--neutral100) !important;
}

.btn-clear-cart {
	cursor: pointer;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	justify-content: center;
	background: none;
	border: none;
	box-shadow: none;
}

.btn-clear-cart:focus,
.btn-delete-product:focus {
	background: none;
	border: none;
	box-shadow: none;
}

.btn-clear-cart:active,
.btn-delete-product:active {
	background: var(--neutral100);
	border: none;
	box-shadow: none;
}

@media screen and (max-width:720px) {
	.dropdown-options-filter {
		min-width: 255px;
	}
}

@media screen and (max-width:420px) {
	.tab-content {
		padding: 0 !important;
	}

	.cont-info-product {
		margin: 0 !important;
		padding: 1rem;
	}

	.content-graphics {
		flex-wrap: wrap;
	}

	.m-0.title-detail.mb-4 {
		margin-top: 1.5rem !important;
	}

	#table_products_filter {
		justify-content: center;
		flex-wrap: wrap;
	}

}

@media screen and (max-width:335px) {

	.dropdown-options-filter {
		transform: translateX(-42%) !important;
	}

}

@media screen and (max-width:400px) and (min-width:335px) {

	.dropdown-options-filter {
		transform: unset !important;
	}

}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0 !important;
	width: 100% !important;
}

@media(hover:hover) {

	.btn-clear-cart:hover,
	.btn-delete-product:hover,
	.dropdown.dropdown-filters a.filter-active:hover,
	.dropdown.dropdown-filters a:hover,
	.state-selected:hover,
	.chip:hover {
		background: transparent;
	}

	.chip:hover {
		cursor: pointer;
		background: rgba(71, 71, 71, 0.08) 0% 0% no-repeat padding-box;
	}

	.chip[disabled]:hover {
		background-color: transparent;
		user-select: none;
	}

	.state-selected:hover {
		background-color: var(--primary300) !important;
	}

	.dropdown.dropdown-filters a:hover {
		background-color: var(--neutral100);
	}

	.multiple-filter:hover {
		background-color: #f5f5f5 !important;
	}

	.dropdown.dropdown-filters a.filter-active:hover {
		background-color: var(--primary100);
	}

	.btn-clear-cart:hover,
	.btn-delete-product:hover {
		background: var(--neutral100);
		border-radius: 4px;
	}
}

*,
*::before,
*::after {
	box-sizing: border-box !important;
}


.container-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}

.chip {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 32px;
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	color: var(--general);
	font-size: 12px;
}

.chip-left {
	border-radius: 4px 0 0 4px;
	border: 1px solid #212529;
	border-right: 0px solid #212529;
}

.chip-right {
	border-radius: 0 4px 4px 0;
	border: 1px solid #212529;
	border-left: 1px solid #212529;
}

.state-selected {
	background-color: var(--primary300) !important;
	font-weight: 600;
}

.state_contract {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.chip-center {
	border-radius: 0 0 0 0;
	border-top: 1px solid #212529;
	border-bottom: 1px solid #212529;
	border-left: 1px solid #212529;
}

.chip-label {
	font-size: 12px;
	font-weight: 600;
}

.chip:hover {
	cursor: pointer;
	background: rgba(71, 71, 71, 0.08) 0% 0% no-repeat padding-box;
}

.chip:focus-visible {
	outline: none;
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
	border: 1px solid var(--black900);
}

.chip:active {
	background: rgba(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
}

.chip[disabled] {
	border: 1px solid rgba(85, 101, 120, 0.12);
	cursor: default;
	user-select: none;
}

.chip[disabled] span {
	color: rgba(71, 71, 71, 0.38) !important;
}

.select_year,
.select_line,
.select_movement {
	width: auto;
	height: 35px;
}

#table_filter,
#table_lines_filter,
#table_movements_filter,
#table_lines_fil_filter,
#table_movements_fil_filter {
	display: flex;
	justify-content: end;
	gap: 12px;
	flex-wrap: wrap;
}

#table_filter.dataTables_filter label .fa-search,
#table_lines_filter.dataTables_filter label .fa-search,
#table_movements_filter.dataTables_filter label .fa-search {
	position: absolute;
	left: 10px;
}

#table_filter .form-control-sm,
#table_lines_filter .form-control-sm,
#table_movements_filter .form-control-sm {
	height: calc(1.5em + 0.94rem + 2px);
}

#table_filter .select_year_filter~.select2-container,
#table_lines_filter .select_year_filter_line~.select2-container,
#table_movements_filter .select_year_filter_movement~.select2-container {
	max-width: 200px;
}


.dropdown.dropdown-filters {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}

.multiple-filter .mdi-round {
	font-size: 25px;
}

.dropdown-options-filter {
	width: 400px;
	padding: 20px;
	left: unset !important;
	right: 0 !important;
}

.cont-btns-filters {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding-top: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: unset !important;
	top: 44% !important;
}

.modal-center {
	margin: auto !important;
	max-width: auto !important;
}

.has-arrow.waves-effect {
	border-radius: 0 4px;
}

@media (max-width: 1832px) {
	.info-detail {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 1448px) {
	.info-detail {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1187px) {
	.info-detail {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 862px) {
	.info-detail {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 763px) {
	.cont-search_arr_doc {
		margin-top: 12px;
	}
}

@media (max-width: 393px) {
	.icon-contract-view {
		display: none;
	}
}

@media (max-width:480px) {
	.comod {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

:root {
	--blue500-op-0-08: rgba(27, 110, 218, 0.08);
	--blue500-op-0-12: rgba(27, 110, 218, 0.12);
	--gray-blue700: #556578;
	--gray-blue700-op-0-08: rgba(85, 101, 120, 0.08);
	--gray-blue700-op-0-12: rgba(85, 101, 120, 0.12);
}

.dropzone {
	min-height: 80px !important;
	max-height: 80px !important;
	height: 80px !important;
	width: 100% !important;
	border: 2px dashed #7C8A96 !important;
	background: #fff;
	border-radius: 6px;
	padding: 0px 20px !important;
}

.dropzone .dz-message {
	text-align: center;
	margin: 0em 0 !important;
}

.pdf-load {
	height: 61px;
	width: 384px;
	border-radius: 8px;
	border: 1px solid #d0d1d1;
	background-color: #fffFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

.pdf-load--sidechip {
	width: 100%;
}

.content-pdf {
	display: flex;
	flex-direction: row !important;
	gap: 8px;
	align-items: center;
}

.pdf-load>.icon {
	cursor: pointer;
	user-select: none;
	width: 32px;
	height: 32px;
	display: grid;
	place-content: center;
	border-radius: 8px;
}

.pdf-load>.content-pdf .material-symbols-outlined {
	font-size: 16px;
}

.search-pagination {
	padding-left: 2rem;
}

.pdf-load .content-pdf .text-pdf.body-m {
	color: #4e4f50;
	transform: translateY(3px);

	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.content-pdf-description {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.spinner {
	border: 2px solid rgba(179, 175, 175, 0.3);
	border-radius: 100%;
	border-top: 2px solid #3051D3;
	width: 24px;
	height: 24px;
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.search_arr_doc {
	width: 100%;
	padding-left: 31px;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 250px;
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

.paginationjs {
	display: flex;
	justify-content: flex-end;
}

.paginationjs .paginationjs-pages li.active>a {
	background: #3051D3;
}

.search-documents {
	display: flex;
	gap: 0.4rem;
	align-items: center;
}

@media (min-width: 1000px) and (hover: hover) {

	.dropzone:hover {
		background: var(--primary100);
	}


	.btn_icon_standard:hover::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-color: var(--gray-blue700-op-0-08);
	}

	.btn_icon_standard.active:hover::after {
		visibility: visible;
		background-color: var(--blue500-op-0-08);
	}
}

.list-arr-docs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
}

@media (min-width: 1100px) and (max-width: 1400px) {
	.list-arr-docs {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 701px) and (max-width: 1100px) {
	.list-arr-docs {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 700px) {
	.list-arr-docs {
		grid-template-columns: repeat(1, 1fr);
	}
}

.card-attachment {
	width: 100%;
	height: 241px;
	display: grid !important;
	grid-template-rows: calc(100% - 68px) auto;
	border: 1px solid #BCC3C9;
	border-radius: 8px;
}

.ctn-img-attachment {
	width: 100%;
	height: 118%;
	background-color: #eff2f7;
	display: flex;
	justify-content: center;
	border-radius: 7px;
}

.ctn-img-attachment .canvas-preview {
	width: 90%;
	height: 100%;
	cursor: pointer;
	object-fit: cover;
	object-position: top;
	padding-top: 17px;
	border-radius: 4px;
}

.sec-bottom {
	max-height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 18px 2px 18px;
	gap: 16px;
	background-color: white;
	border-top: 1px solid #BCC3C9;
}

.info-attachment {
	display: flex;
	flex-direction: column;
}

.text-ellipsis {
	max-width: 205px;
	max-width: 120px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0px;
	font-family: Nunito;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: lowercase;
	color: #212529;
}

.ctn-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: grid;
	place-items: center;
	border: none;
	text-decoration: none;
	cursor: pointer;
	background-color: transparent !important;
	color: #495057;
}

@media (min-width:1280px) {

	.ctn-icon:hover,
	.ctn-icon-sm:hover {
		background-color: rgba(85, 101, 120, 0.08) !important;
	}

	.ctn-icon:active,
	.ctn-icon-sm:active {
		background-color: rgba(85, 101, 120, 0.12);
	}
}

.cap-text {
	margin: 0px;
}

.sub-text {
	font-family: Nunito;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: #505D69;
}

.search_arr_doc {
	width: 100%;
	padding-left: 31px;
}

.icon-search_arr_doc {
	position: absolute;
	left: 10px;
}

.label-search_arr_doc {
	position: relative;
	display: flex;
	width: 300px;
}

.cont-search_arr_doc {
	display: flex;
	justify-content: flex-end;
}

.tooltip-documents {
	display: flex;
	flex-direction: column;
}

.tooltipp .tooltip-documents::before {
	border-width: 0px;
	border-style: solid;
}

.header-title--text-normal {
	text-transform: math-auto !important
}

#table_products tbody tr,
#table_labs_fil tbody tr {
	cursor: pointer;
}

#table_products tbody tr:active {
	background-color: var(--primary200) !important;
}

#table_products tbody tr:focus {
	outline: none;
}

#modal_buy_prin>.modal-dialog,
#modal_pending>.modal-dialog {
	margin: 1.75rem auto !important;
	width: auto !important;
}

#modal_buy_prin>.modal-dialog .modal-body,
#modal_pending>.modal-dialog .modal-body {
	overflow-x: hidden;
	padding: 0 !important;
}

@media (min-width: 576px) {

	#modal_buy_prin>.modal-dialog,
	#modal_pending>.modal-dialog {
		max-width: 60vw !important;
		margin: 1.75rem auto;
	}
}

@media (max-width: 576px) {

	#modal_buy_prin>.modal-dialog,
	#modal_pending>.modal-dialog {
		margin: 1.75rem 20px !important;
	}
}

#table_movements_fil thead th {
	white-space: nowrap !important;
}

#table_movements_fil_wrapper,
#table_detail_fil_wrapper,
#table_labs_fil_wrapper {
	margin: 0px !important;
}

#table_labs_fil_filter,
#table_detail_fil_filter {
	display: none !important;
}

.content-modal-buy {
	max-height: 84vh;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.btn-filled--wauto,
.btn-outlined--wauto {
	width: fit-content !important;
	font-size: 1rem !important;
}

.btn-modal-fast-buy {
	display: flex;
	flex-direction: row-reverse;
	gap: 8px;
	flex-wrap: wrap;
}

.cont-btns--fast-buy {
	padding: 0px !important;
	margin-top: 0px !important;
	border-top: 0px solid var(--neutral200);
	position: revert;
}

.content-double-input {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.content-double-input>div:nth-child(1) {
	width: 49%;
}

.content-double-input>div:nth-child(2) {
	width: 49%;
}

@media (max-width:990px) {
	.content-double-input>div:nth-child(1) {
		width: 100%;
	}

	.content-double-input>div:nth-child(2) {
		width: 100%;
	}
}

#table_movements_fil thead th {
	max-width: 125px !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

.data-product--fast-buy {
	display: flex;
	flex-wrap: wrap;
	row-gap: 24px;
	justify-content: space-between;
}

.cont_info_product_lab--fast-buy {
	width: 50%;
}

.content-graphics-fast-buy {
	width: fit-content;
}

@media(max-width:1138px) {
	.cont_info_product_lab--fast-buy {
		width: 100%;
	}

	.btn-modal-fast-buy div button {
		font-size: 0.85rem !important;
		height: 34px !important;
	}

	.btn-modal-fast-buy div button.btn-outlined {
		font-size: 0.85rem !important;
		height: 34px !important;
		padding-top: 0;
		padding-bottom: 0;
	}
}

#table_pending thead th:last-child {
	min-width: 88px !important;
}

#table_pending_wrapper {
	margin-top: 0;
}

.dataTables_filter label {
	margin-bottom: 0px !important;
}

#table_pending thead th:nth-child(1) {
	min-width: 115px !important;
}

#table_pending thead th:nth-child(3) {
	min-width: 260px !important;
}

.txt-bah-products-graphics {
	color: red;
	font-size: 1rem;
	font-weight: 400;
}

.txt-good-products-graphics {
	color: green;
	font-size: 1rem;
	font-weight: 400;
}

.p-item-info--1rem {
	font-size: 1rem !important;
	display: flex;
	gap: 4px;
}

#table_detail_fil td,
#table_labs_fil td,
#table_movements_fil td {
	height: 34px !important;
}

.collapse-create-supplier {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: column;
}

.btn-filled--padding {
	padding: 4px 12px;
	height: fit-content;
}

.table-suppliers-head {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content-duo-tables-detail {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: space-between;
	margin-top: 12px;
}

.content-duo-tables-detail>div:nth-child(1) {
	width: 35%;
}

.content-duo-tables-detail>div:nth-child(2) {
	width: 63%;
}

#table_labs_wrapper .row:nth-child(1) {
	display: none;
}

.card-body-double-column {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-template-areas:
		"table-products data-buy"
	;
}

.table-rep-plugin-products {
	grid-area: table-products;
}

.data-buy {
	grid-area: data-buy;
}

.table td {
	vertical-align: middle;
	border-top: 1px solid #eff2f7;
}

.content-data-product {
	width: 48%;
	position: relative;
}

.cont_info_product_lab {
	width: 48%;
}

.head-data-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.content-labs-suppliers {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

.table-suppliers {
	width: -webkit-fill-available;
}

.table-labs {
	width: 30%;
	margin-top: 48px;
}

.btn-light--union-products {
	border-radius: 0.25rem 0 0 0.25rem;
}

.btn-light--union-btn-group {
	border-radius: 0 0 0 0;
}

.dropdown-item--aligned {
	display: flex;
	gap: 8px;
}

.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
	right: auto !important;
}

@media screen and (max-width: 767px) {

	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		flex-direction: row-reverse;
	}

	.dataTables_filter {
		flex-wrap: wrap;
		justify-content: flex-start !important;
	}
}

@media screen and (max-width: 556px) {
	.dropdown-options-filter {
		min-width: 255px;
	}
}

@media(max-width:481px) {
	.dropdown-menu.dropdown-options-filter.show {
		display: flex;
		flex-direction: column;
		width: 300px !important;
	}

	.dropdown-options-filter {
		width: auto !important;
	}

	.dropdown-menu[x-placement^=left],
	.dropdown-menu[x-placement^=right],
	.dropdown-menu[x-placement^=top] {
		right: 0 !important;
	}

	.dropdown-menu[x-placement^=left],
	.dropdown-menu[x-placement^=right],
	.dropdown-menu[x-placement^=top] {
		top: 40px !important;
		-webkit-animation: none !important;
		animation: none !important;
	}

	.cont-btns-filters {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		padding-top: 16px;
		flex-direction: column;
	}
}

#modal_buy>div>div .content-form {
	height: calc(100vh - 198px);
}

.header-title-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.buy-for-supplier {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: -1.5rem;
	flex-wrap: wrap;
}

.content-select-buy-for-supplier {
	width: 300px;
	max-width: 300px !important;
}

.content-select-buy-for-supplier>select {
	width: 300px;
	max-width: 300px !important;
}

.select2-container--open {
	width: min-content;
}

#table_products>thead>tr>th:nth-child(3) {
	min-width: 131px !important;
}

#table_products>thead>tr>th:nth-child(2) {
	min-width: 130px !important;
}

#table_products>thead>tr>th:nth-child(4) {
	min-width: 148px !important;
}


@media(max-width:1305px) {
	.cont_info_product_lab {
		width: 100%;
	}

	.content-graphics-fast-buy {
		width: 100%;
	}

	.data-product--fast-buy {
		flex-direction: column;
	}
}

#table_responsive_products {
	max-height: 62vh;
}

#table_detail_filter>label>input[type="search"] {
	min-width: 200px !important;
}

@media (max-width:1235px) {
	.buy-for-supplier {
		margin-top: 0rem;
	}
}

@media (max-width:391px) {
	.content-select-buy-for-supplier {
		width: auto;
	}
}

@media (max-width: 1305px) {
	.data-product-prin {
		width: fit-content;
		flex-direction: row;
	}

	.data-product-prin>.content-graphics-fast-buy,
	.data-product-prin>.cont_info_product_lab {
		width: fit-content;
	}

	.data-product-prin>.cont_info_product_lab {
		width: min-content;
		min-width: 300px;

	}

}

@media (max-width:785px) {
	.content-labs-suppliers {
		flex-direction: column;
	}

	.content-labs-suppliers>.table-labs {
		margin-top: 0px;
	}

	#table_labs_wrapper {
		margin-top: 1rempx;
	}

	#table_movements_filter {
		justify-content: end !important;
	}

	.dataTables_wrapper>.row:first-child {
		row-gap: 4px !important;
	}

	.table-labs {
		width: 100%;
	}
}

@media (max-width:389px) {
	.data-product-prin>.cont_info_product_lab {
		width: auto;
		min-width: inherit;
	}
}

@media (max-width: 850px) {
	.dataTables_filter {
		flex-wrap: wrap;
		justify-content: end !important;
	}
}

@media screen and (max-width: 420px) {
	#table_products_filter {
		justify-content: center !important;
		flex-wrap: wrap;
	}
}

.head-data-product-state-and-buy {
	display: flex !important;
	gap: 8px;
	align-items: center;
}

#table_products_filter {
	display: flex;
	justify-content: end;
	gap: 8px;
	flex-wrap: wrap;
}

.btn-gropu--adjust {
	max-width: 44px;
	max-height: 44px;
}

.select-resize-document {
	display: flex;
	flex-direction: column;
}

.select-resize-document select {
	max-width: 100px;
}

.btn-filter {
	display: flex;
	color: #495057;
	height: 40px;
}

.btn-filter>div.d-flex {
	gap: 0.25rem;
}

.txt-nocolor {
	color: initial !important;
}

@media (max-width:420px) {

	.sub-text {
		font-size: 12px;
	}

	.ctn-icon {
		width: 30px;
		height: 30px;
	}

	.text-ellipsis {
		font-size: 12px;
	}

	.sec-bottom {
		padding: 5px 8px 2px 8px;
	}

	.mdi,
	.mdi-round {
		font-size: 16px;
	}
}

label.btn.chip {
    max-height: 32px !important;
}
