@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

* {
	box-sizing: border-box;
	transition: all ease-in-out 0.5s;
	font-family: 'DM Sans', sans-serif;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
}

.no-transition * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.no-scrollbar * {
	scrollbar-gutter: 0;
	scrollbar-width: 8px;
	scrollbar-track-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
	/* display: none !important; */
	width: 8px !important;
}

::-webkit-scrollbar-track {
	border-radius: 8px !important;
	background-color: rgba(0, 0, 0, 0.01) !important;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px !important;
	background: #c2d0d6 !important;
}

/* generated by https://loading.io/ */
@keyframes ldio-36ci75x0fkp {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.ldio-36ci75x0fkp div {
	position: absolute;
	width: 120px;
	height: 120px;
	border-width: 20px;
	border-radius: 50%;
	border-style: solid;
	border-top-color: transparent !important;
}
.ldio-36ci75x0fkp div {
	animation: ldio-36ci75x0fkp 1s linear infinite;
	top: 100px;
	left: 100px;
}
.loadingio-spinner-rolling-9wecyn0eoed {
	width: 200px;
	height: 200px;
	display: inline-block;
	overflow: hidden;
	background: none;
}
.ldio-36ci75x0fkp {
	width: 100%;
	height: 100%;
	position: relative;
	backface-visibility: hidden;
	transform: translateZ(0) scale(1);
	transform-origin: 0 0; /* see note above */
}
/* generated by https://loading.io/ */

.chk input[type='checkbox'] {
	display: flex;
	width: 1.25em;
	height: 1.25em;
	appearance: none;
	border-radius: 2px;
	align-items: center;
	background: white;
	justify-content: center;
	border: 1px solid #c2d0d6;
}
.chk input[type='checkbox']:hover {
	border: 1px solid #065373;
}
.chk input[type='checkbox']:checked {
	position: relative;
	border: 1px solid #065373;
}
.chk input[type='checkbox']:checked::after {
	top: -15px;
	width: 8px;
	right: 2px;
	left: 0.3px;
	content: '■';
	font-size: 29px;
	color: #065373;
	position: absolute;
}

input[type='radio'] {
	display: flex;
	width: 1.25em;
	height: 1.25em;
	appearance: none;
	border-radius: 50%;
	background: white;
	align-items: center;
	justify-content: center;
	border: 1px solid #c2d0d6;
}
input[type='radio']:hover {
	background: white;
	border: 1px solid #065373;
}
input[type='radio']:checked {
	position: relative;
	border: 1px solid #065373;
}
input[type='radio']:checked::after {
	top: -25.5px;
	content: '•';
	font-size: 48px;
	color: #065373;
	position: absolute;
}

.av-active {
	top: 70%;
	right: 5%;
}

.icon.solid svg,
.icon.solid svg path {
	color: inherit;
	fill: currentColor !important;
}

.icon.outline svg,
.icon.outline svg path {
	color: inherit;
	stroke: currentColor !important;
}

.icon svg path {
	/* width: inherit;
	height: inherit; */
	transform: inherit !important;
}

.loader {
	background-color: rgba(230, 237, 240, 0.5);
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0px;
	left: 0;
	position: absolute;
}

.table_spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.tb thead th {
	@apply border-t border-b border-grey-beau;
}

.tb thead tr th:first-child {
	@apply border-l rounded-l-md;
}

.tb thead tr th:last-child {
	@apply border-r rounded-r-md;
}

.tb tbody td {
	@apply border-t border-b border-grey-beau;
}

.tb tbody tr td:first-child {
	@apply border-l rounded-l-md;
}

.tb tbody tr td:last-child {
	@apply border-r rounded-r-md;
}

.rc-slider-track {
	position: absolute;
	height: 4px;
	background-color: #2e63ea;
	border-radius: 6px;
}