@font-face{
	font-family: poppins-black;
	src: url('../../fonts/Poppins-Black.ttf') format('truetype');
}

@font-face{
	font-family: poppins-bold;
	src: url('../../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face{
	font-family: poppins-medium;
	src: url('../../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face{
	font-family: poppins-light;
	src: url('../../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face{
	font-family: poppins-thin;
	src: url('../../fonts/Poppins-Thin.ttf') format('truetype');
}

* { 
	margin: 0;
 	padding: 0;
 	font-family: poppins-bold, sans-serif;
 	font-weight: 700;
}

:root {
	--color-primary: #c51919;
	--color-secundary: #ffbe00;
	--color-tercery: #ff5d1f;
	--color-gray: #6c6c6a;
	--color-gray: #a9a9a9;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-green: #3BAF4F;
	--font-family-black: 'poppins-black';
	--font-family-bold: 'poppins-bold';
	--font-family-medium: 'poppins-medium';
	--font-family-light: 'poppins-light';
	--font-family-thin: 'poppins-thin';
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background: var(--color-gray);
	border-radius: 2.5px;
	margin-inline: 2px;
}

body {
	display: flex;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.dataTables_wrapper {
	margin-block: 0 1vw;
}

.col-sm-12 {
    padding-block: .5vw;
}

.dataTables_filter label, .dataTables_length label, div.dataTables_wrapper div.dataTables_length select {
    font-size: 1vw;
    font-family: var(--font-family-bold);
}

div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid var(--color-black);
	width: 50%;
	height: 1.2vw;
	font-size: 1vw;
	outline: none;
	border-radius: 0;
	margin-inline: 1vw;
}

.table > :not(caption) > * > * {
    padding: .3rem .5rem;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 1vw;
    font-family: var(--font-family-bold);
}

.page-link {
    font-size: 1vw;
    border: 1px solid var(--color-black);
}

.active > .page-link, .page-link.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}