@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap');

body {
  font-family: 'Lato', sans-serif;
	font-size: 10px;
}

/* Cores */
.classAfrica, #idAfrica{
	fill: #E5A65F !important;
}
.classSouthAmerica, #idSouthAmerica{
	fill: #82baa1 !important;
}
.classCentralAmerica, #idCentralAmerica{
	fill: #4B785F !important;
}
.classNorthAmerica, #idNorthAmerica{
	fill: #416978 !important;
}
.classEurope , #idEurope{
	fill: #448BBC !important;
}
.classMiddleEast, #idMiddleEast{
	fill: #C37D6E !important;
}
.classAsia, #idAsia{
	fill: #e46481 !important;
}
.classGlobal , #idGlobal {
	fill: #AEA793 !important;
}


.classGoodsTrafficking , #idGoodsTrafficking {
	fill: #44375B !important;
}
.classHumanSmuggling , #idHumanSmuggling {
	fill: #AEA793 !important;
}
.classPiracy , #idPiracy {
	fill: #ccc6b6 !important;
}
.classTheftArmedRobbery , #idTheftArmedRobbery {
	fill: #416978 !important;
}
.classWildlifeTrafficking , #idWildlifeTrafficking {
	fill: #5E9175 !important;
}
.classFinancialCrime , #idFinancialCrime {
	fill: #448BBC !important;
}
.classDrugTrafficking , #idDrugTrafficking {
	fill: #A33348 !important;
}
.classKidnappingAbductions , #idKidnappingAbductions {
	fill: #e19dab !important;
}
.classResourceTrafficking , #idResourceTrafficking {
	fill: #C37D6E !important;
}
.classHumanTrafficking , #idHumanTrafficking {
	fill: #E5A65F !important;
}
.classArmsTrafficking , #idArmsTrafficking {
	fill: #f8d8b2 !important;
}

#targetdiv{
	max-width: 100%;
	width: 780px;
	height: 405px;
	display: block;
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: hidden;
}

#targetdiv::-webkit-scrollbar{
	height: 8px;
	background: white;
}

#targetdiv::-webkit-scrollbar-track{
	border-radius: 3px;
}

#targetdiv::-webkit-scrollbar-thumb{
	border-radius: 3px;
	background: #48385c;
}

#targetdiv::-webkit-scrollbar-thumb:window-inactive{
	background: #48385c;
}

#graph{
	display: block;
}

.bars:hover {
  cursor: pointer;
}

.region_l1 {
  font-weight: bold;
}

.region_l2 {
  margin-left: 1em;
}

.region_l3 {
  margin-left: 2em;
}

.region_l4 {
  margin-left: 3em;
}

.remodal {
  text-align: left;
  font-size: 13px;
}

.remodal ul{
	margin-left: 1rem;
}

.remodal ul, .remodal li{
	list-style: none;
	padding: 0px;
}

.remodal li a{
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	color: #6d58ad;
	text-decoration: none;
	transition: color .3s;
	margin: 0px;
}

.remodal li a:hover, .remodal li a:focus{
	color: #48385c;
}

.remodal-confirm {
  background-color: #6d58ad;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
	letter-spacing: .015em;
	padding: .5rem 1rem;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	appearance: none;
	border: none;
}

.remodal-confirm:hover, .remodal-confirm:focus {
  background-color: #48385c;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}

.tooltip{
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  fill:#48385c;
  pointer-events: none;
	text-anchor: middle;
}

.tooltip-bg{
  fill:white;
  pointer-events: none;
	height: 18px;
	border-radius: 3px;
	transform: translate(0px, -12px);
	stroke: #48385c;
	stroke-width: 1px;
}

.source{
	display: block;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 1em;
	color: #48385c;
	text-decoration: none;
	transition: color .3s;
	max-width: 1200px;
	margin: 1rem auto;
}

.source:hover, .source:focus{
	color: #57458d;
}

.roundbox{
  background-color: #f4f2ef;
  padding: 10px 20px;
  margin-right: 20px;
  border-radius: 15px;
  display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	max-width: 1200px;
	margin: 0 auto;
}

.roundbox > div{
	margin: 10px 0px;
}

.roundbox .filter-title{
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: .5em;
	color: #48385c;
}

.filter-selector{
	display: flex;
	align-items: center;
}

.button {
  background-color: #6d58ad;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
	letter-spacing: .015em;
	padding: .5rem 1rem;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	appearance: none;
	border: none;
	margin-left: .5em;
	margin-top: -.01em;
}

.select2 .selection{
	display: block;
}

.select2-container .select2-selection--multiple{
	display: inline-block;
	width: 100%;
	outline: none;
	padding: .3rem .5rem;
	cursor: pointer;
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: .015em;
	color: #6d58ad;
	font-weight: 700;
	line-height: 2;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border: 2px solid #6d58ad;
	border-radius: 3px;
	box-sizing: border-box;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 2px solid #48385c;
}

.select2-container--default .select2-search--inline .select2-search__field{
	margin: 0px;
  font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 900;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder{
	color: #48385c;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	margin: 0px;
	padding: 0px;
	display: block;
}

.select2-container .select2-search--inline{
	padding: 0px;
	line-height: 1em;
}

.select2-results__option{
	display: inline-block;
	width: 100%;
	outline: none;
	padding: .25rem 2rem .25rem .75rem;
	cursor: pointer;
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: .015em;
	color: #6d58ad;
	line-height: 2;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #6d58ad;
	color: white;
}

.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: #48385c;
	color: white;
}

.select2-container--default .select2-results > .select2-results__options{
	overflow-x: hidden;
	border: 2px solid #6d58ad;
	border-radius: 3px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar{
	width: 8px;
	background: white;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track{
	border-radius: 3px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb{
	border-radius: 3px;
	background: #48385c;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:window-inactive{
	background: #48385c;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding: .25rem;
	margin: .2rem;
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: .015em;
	font-weight: 900;
	background-color: #f1eff5;
	color: #48385c;
	display: block;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice:focus{
	background-color: #6d58ad;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice:focus .select2-selection__choice__remove{
	color: #f1eff5;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: #48385c;
	margin-right: .5em;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.button:hover, .button:focus{
  background-color: #48385c;
}

.switch-field {
  overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  display: inline-block;
  width: 60px;
  text-align: center;
  float: left;
	font-weight: 900;
	font-size: 13px;
	color: white;
	background-color: #6d58ad;
	letter-spacing: .015em;
	padding: .5rem;
	cursor: pointer;
	transition: all .3s;
}

.switch-field input:checked + label {
  background-color: #48385c;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

#loader {
  border: 16px solid #f4f2ef;
  border-top: 16px solid #6d58ad;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-left: auto;
  margin-right: auto;
}

#loadingdiv {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: white;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0px;
	top: 0px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.select2-search__field {
  width: 250px !important;
}


@media only screen and (min-width: 980px) {
	.roundbox {
		align-items: flex-start;
		flex-direction: row;
	}
}