@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');

/* .sidebar .nav-link:hover {
    color: #fff;
    background: #6610f2;
}

.sidebar .nav-link:hover .nav-icon {
    color: #fff;
}

.sidebar .nav-link.active .nav-icon {
    color: #fff;
} */

.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff;
    background-color: #6610f2;
    border-color: hsl(263, 67%, 33%);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current, .show>.btn-primary.dropdown-toggle,
.btn-primary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    color: #fff;
    background-color: hsl(263, 89%, 29%);
    border-color: #23084c;
}

body {
    font-family: 'Noto Sans';
    font-size: 0.80rem;
}

/* .sidebar .nav-link.active {
    color: #fff;
    background: hsl(263, 96%, 35%);
}

.sidebar .nav-link {
    color: #333;
}

.sidebar>.sidebar-nav {
    background-color: white;
} */

.bg-purple {
    color: #fff;
}

.sidebar .nav-dropdown.open {
    background: #231896;
    border-top: 1px solid #231896;
}

.sidebar .nav-dropdown.open .nav-link {
    color: #333;
}

.sidebar .nav-dropdown.open .nav-link:hover {
    color: #fff;
}

.sidebar .nav-dropdown.open .nav-link.active {
    color: #fff;
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib, a.mapboxgl-ctrl-logo {
    display: none!important;
}

#datatable_info_stack {
    display: none;
}

.compound-thumbnail {
    display: block;
    background-position:center center;
    background-size:cover;
    height:110px
}

@media print {
    main.main, html, body {
      background-color: #fff!important;
    }
}

@font-face {
    font-family: barcode;
    src: url(/css/code128.ttf);
}

.barcode {
    font-family: barcode!important;
    font-size: 4em;
    margin-bottom: 0px;
}

.btn {
    min-width: 60px;
}

.timeline{
	position: relative;
}

/*Line*/
.timeline>li::before{
	content:'';
	position: absolute;
	width: 1px;
	background-color: #E7E7E7;
	top: 0;
	bottom: 0;
	left:-19px;
}

/*Circle*/
.timeline>li::after{
    text-align: center;
    padding-top:10px;
	z-index: 10;
	content:counter(item);
	position: absolute;
	width: 50px;
	height: 50px;
	border:3px solid white;
	background-color: #E7E7E7;
	border-radius: 50%;
	top:0;
	left:-43px;
}

/*Content*/
.timeline>li{
	counter-increment: item;
	padding: 10px 10px;
	margin-left: 0px;
	min-height:70px;
	position: relative;
    list-style: none;
    padding-top: 3px;
    padding-left: 18px;
}
.timeline>li:nth-last-child(1)::before{
	width: 0px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    min-width: 70px;
}

.daterangepicker .ranges li.active {
    background-color: #6610f2!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #605ca8!important;
}

.daterangepicker td.in-range {
    background-color: #eeebf8!important;
}

.no-break {
    page-break-inside: avoid!important;
}

.report-table thead th[colspan] {
    border-bottom: 1px solid rgba(0, 40, 100, .12);
}

.report-table thead th {
    vertical-align: middle;
    text-align: center;
}

.report .card-body {
    overflow-x: auto;
}

.report .card {
    padding-right: 1.25rem;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.dashboard-child {
    flex: 1 1 auto;
    margin-right: 0.5em;
    margin-top: 0em;
}

.dashboard-child:last-child {
    margin-right: 0px;
}