* {
	padding: 0;
	margin: 0;
}

*, :after, :before {
	box-sizing: inherit;
}

html {
	font-size: 16px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.busdb-application {
	display: flex;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.5;
	
}

.busdb-application-wrap {
	flex: 1 1 auto;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	max-width: 100%;
	position: relative;
	color: rgba(0,0,0,.87);
}

.busdb-app-bar {
	position: fixed;
	top: 0;
	z-index: 5;
	transform: translateY(0px);
	left: 0px;
	right: 0px;
}

.busdb-toolbar {
	display: block;
	flex: 1 1 auto;
	max-width: 100%;
}

.busdb-toolbar-content {
	align-items: center;
	display: flex;
	position: relative;
	z-index: 0;
	padding: 4px 16px;
	
}

.busdb-application a { 
	color: #1867c0; 
	cursor: pointer;
	text-decoration: none;
}

.busdb-button {
	height: 36px;
	min-width: 64px;
	padding: 0 16px;
	transition: all .2s ease-in;
	text-decoration: none;
	border: 0;
	border-radius: 4px;
	font-size: .875rem;
	cursor: pointer;
	text-transform: capitalize !important;
	
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
	outline: 0;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}

.busdb-spacer {
	flex-grow: 1 !important;
}

.busdb-divider {
	min-height: 0px;
	max-height: calc(100% - 16px);
}

.busdb-card {
	border-width: thin;
	display: block;
	max-width: 100%;
	outline: none;
	text-decoration: none;
	transition-property: box-shadow,opacity;
	overflow-wrap: break-word;
	position: relative;
	white-space: normal;
	border-radius: 4px;
}

.bullet {
	display: inline-block !important;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	position:relative;
	top:2px;
}

.divider.vertical {
	border-bottom:1px solid rgba(0,0,0,.3);
	width:100%;
	margin: 1.5rem 0;
	height: 1px;
}

.internal-border {
	background: repeating-linear-gradient(45deg, #f9dacd, #f9dacd 5px, #f9fafb 5px, #f9fafb 6px) !important;
    background-size: 8px 8px !important;
}

.grow { flex-shrink: 0 !important; }
.full-width { width: 100% !important; }

.align-center {	align-items: center !important; }

.justify-start { justify-content: flex-start !important; }
.justify-center { justify-content: center !important; }
.justify-end { justify-content: flex-end !important; }

.bottom { position:absolute; bottom:0; left:0; right:0; }

.d-none { display: none !important; }
.d-flex { display: flex !important; }
.d-inline-block { display: inline-block !important; }

.flex-1-1-auto { flex: 1 1 auto !important; }

.busdb-application .mx-0, .busdb-application .ml-0 { margin-left: 0px !important; }
.busdb-application .mx-1, .busdb-application .ml-1 { margin-left: 4px !important; }
.busdb-application .mx-2, .busdb-application .ml-2 { margin-left: 8px !important; }
.busdb-application .mx-3, .busdb-application .ml-3 { margin-left: 12px !important; }
.busdb-application .mx-4, .busdb-application .ml-4 { margin-left: 16px !important; }
.busdb-application .mx-auto, .busdb-application .ml-auto { margin-left: auto !important; }

.busdb-application .mx-0, .busdb-application .mr-0 { margin-right: 0px !important; }
.busdb-application .mx-1, .busdb-application .mr-1 { margin-right: 4px !important; }
.busdb-application .mx-2, .busdb-application .mr-2 { margin-right: 8px !important; }
.busdb-application .mx-3, .busdb-application .mr-3 { margin-right: 12px !important; }
.busdb-application .mx-4, .busdb-application .mr-4 { margin-right: 16px !important; }
.busdb-application .mx-auto, .busdb-application .mr-auto { margin-right: auto !important; }

.busdb-application .my-0, .busdb-application .mt-0 { margin-top: 0px !important; }
.busdb-application .my-1, .busdb-application .mt-1 { margin-top: 4px !important; }
.busdb-application .my-2, .busdb-application .mt-2 { margin-top: 8px !important; }
.busdb-application .my-3, .busdb-application .mt-3 { margin-top: 12px !important; }
.busdb-application .my-4, .busdb-application .mt-4 { margin-top: 16px !important; }
.busdb-application .my-auto, .busdb-application .mt-auto { margin-top: auto !important; }

.busdb-application .my-0, .busdb-application .mb-0 { margin-bottom: 0px !important; }
.busdb-application .my-1, .busdb-application .mb-1 { margin-bottom: 4px !important; }
.busdb-application .my-2, .busdb-application .mb-2 { margin-bottom: 8px !important; }
.busdb-application .my-3, .busdb-application .mb-3 { margin-bottom: 12px !important; }
.busdb-application .my-4, .busdb-application .mb-4 { margin-bottom: 16px !important; }
.busdb-application .my-auto, .busdb-application .mb-auto { margin-bottom: auto !important; }

.busdb-application .ma-0 { margin: 0px !important; }
.busdb-application .ma-1 { margin: 4px !important; }
.busdb-application .ma-2 { margin: 8px !important }
.busdb-application .ma-3 { margin: 12px !important }
.busdb-application .ma-4 { margin: 16px !important }
.busdb-application .ma-auto { margin: auto !important }

.busdb-application .px-0, .busdb-application .pl-0 { padding-left: 0px !important; }
.busdb-application .px-1, .busdb-application .pl-1 { padding-left: 4px !important; }
.busdb-application .px-2, .busdb-application .pl-2 { padding-left: 8px !important; }
.busdb-application .px-3, .busdb-application .pl-3 { padding-left: 12px !important; }
.busdb-application .px-4, .busdb-application .pl-4 { padding-left: 16px !important; }
.busdb-application .px-auto, .busdb-application .pl-auto { padding-left: auto !important; }

.busdb-application .px-0, .busdb-application .pr-0 { padding-right: 0px !important; }
.busdb-application .px-1, .busdb-application .pr-1 { padding-right: 4px !important; }
.busdb-application .px-2, .busdb-application .pr-2 { padding-right: 8px !important; }
.busdb-application .px-3, .busdb-application .pr-3 { padding-right: 12px !important; }
.busdb-application .px-4, .busdb-application .pr-4 { padding-right: 16px !important; }
.busdb-application .px-auto, .busdb-application .pr-auto { padding-right: auto !important; }

.busdb-application .py-0, .busdb-application .pt-0 { padding-top: 0px !important; }
.busdb-application .py-1, .busdb-application .pt-1 { padding-top: 4px !important; }
.busdb-application .py-2, .busdb-application .pt-2 { padding-top: 8px !important; }
.busdb-application .py-3, .busdb-application .pt-3 { padding-top: 12px !important; }
.busdb-application .py-4, .busdb-application .pt-4 { padding-top: 16px !important; }
.busdb-application .py-auto, .busdb-application .pt-auto { padding-top: auto !important; }

.busdb-application .py-0, .busdb-application .pb-0 { padding-bottom: 0px !important; }
.busdb-application .py-1, .busdb-application .pb-1 { padding-bottom: 4px !important; }
.busdb-application .py-2, .busdb-application .pb-2 { padding-bottom: 8px !important; }
.busdb-application .py-3, .busdb-application .pb-3 { padding-bottom: 12px !important; }
.busdb-application .py-4, .busdb-application .pb-4 { padding-bottom: 16px !important; }
.busdb-application .py-auto, .busdb-application .pb-auto { padding-bottom: auto !important; }

.busdb-application .pa-0 { padding: 0px !important; }
.busdb-application .pa-1 { padding: 4px !important; }
.busdb-application .pa-2 { padding: 8px !important }
.busdb-application .pa-3 { padding: 12px !important }
.busdb-application .pa-4 { padding: 16px !important }

.busdb-application .rounded { border-radius: 8px !important; }

.elevation-0, .flat { box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)!important; }
.elevation-1 { box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)!important; }
.elevation-2 { box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)!important; }

.row { display: flex; flex-wrap: wrap; flex: 1 1 auto; flex-direction: column; position:relative;  }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-8, .col-9, .col-10, .col-12 {  }
.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
.col-2 { flex: 0 0 16.6666666665%; max-width: 16.6666666665%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

.no-gap { gap: 0px; }
.ga-1 { gap: 4px; }
.ga-2 { gap: 8px; }
.ga-3 { gap: 12px; }
.ga-4 { gap: 16px; }

.gx-1 { column-gap: 4px; }
.gx-2 { column-gap: 8px; }
.gx-3 { column-gap: 12px; }
.gx-4 { column-gap: 16px; }

.gy-1 { row-gap: 4px; }
.gy-2 { row-gap: 8px; }
.gy-3 { row-gap: 12px; }
.gy-4 { row-gap: 16px; }