html, body {
    margin: 0;
    padding: 0;
	width: -webkit-calc(100% - 0px);
    font-size: 16px;
	overflow-x:hidden;
    /* overflow: hidden; */
}


.hidden {
	visibility: hidden;
}

.bg-circle-close:after {
    content: '';
    display: block;
    width: 100%;
    background-color: var(--dark);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    z-index: -1;
    padding-top: 100%;
}

.no-select{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.overflow-hidden {
	overflow: hidden !important;
}

.text-small {
	font-size: .875rem;
}

.bottomBarBtn {
	min-width:80px;
	border: none;
}

.vis-tooltip {
	transform: translate(3em,-3em) !important;
}.vis-tooltip:hover {
	transform: translate(3em,-3em) !important;
}

.bg-blue {
    background-color: var(--blue)!important;
}

.semiLight {
	background-color: rgb(240, 240, 240) !important;
}
.recurringTimeSpawnPicker-control {
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	border-top: 1px solid #ced4d9;
	border-bottom: 1px solid #ced4d9;
	border-left: 1px solid #ced4d9;
	border-right: 1px solid #ced4d9;
	padding-left: 5px;
	padding-right: 10px;
	border-radius: 3px !important;
	font-size: 14px;
}

.timeSpawnPicker-control {
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	border-top: 1px solid #ced4d9;
	border-bottom: 1px solid #ced4d9;
	border-left: 0px;
	border-right: 1px solid #ced4d9;
	padding-left: 10px;
	padding-right: 10px;
}

.timeLineRangeFilter-control {
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	border-top: 1px solid #ced4d9;
	border-bottom: 1px solid #ced4d9;
	border-left: 0px;
	border-right: 1px solid #ced4d9;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 10px;
	padding-right: 12px;
	background-color: white;
}

.navBar1 {
	position: fixed;
	display: inline-block;
	box-sizing: border-box;
	/*background-color: #7fbb07;*/
	width: 100%;
	bottom: 10px;
	border-radius: 8px;
	left: 10px;

	z-index: 1000;
	cursor: pointer;
}

.navButton{
	display: flex !important;
	justify-content: center;
	flex-direction: column;
	font-size: 0.8em;
	height: 100%;
}

.navicon {
	position: relative;
    display: inline-block;
	text-align: center;
    width: 100% !important;
    font-size: 2em;
	margin-top:3px;
	margin-bottom:5px;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}

.right-100 {
    right: 100%;
}

.min-h-100 {
	min-height: 100% !important;
}

.bg-semiLight {
	background-color: #e5e9ec;
}

[data-section-shown="false"] {
    display: none;
    visibility: hidden;
    right: -100%;
}

[data-section-index="0"] {
    z-index: 1;
}

:not([data-section-index="0"]) {
    z-index: 0;
}

[aria-labelledby="maps-tab"] {
	height: 80vh;
}

[data-loading="true"]:after {
	content: '';
	box-sizing: border-box;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 2px solid var(--light);
	border-top-color: var(--dark);
	animation: spinner .6s linear infinite;
	top: .1375rem;
	position: relative;
	margin-left: .5rem;
}

.loadingBackgroundScreen {
    position:absolute;
    display: inline-block;
    z-index: -2;
}

.mobileBetaText {
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	padding-top:9px;
}

label, .cursor-pointer {
    cursor: pointer;
}

.cursor-disabled {
    cursor: disabled;
}

.user-item-container{
	font-size: 12px;
}

#mainLegenda {

}

.smartTable {
    width: 100%;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:70px;
}

.smartTableItem {
	display: inline-block;
    width: 100%;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}

/*Radio buttons*/

.radioContainer {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	margin-bottom: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cursorPointer {
    cursor: pointer;
}

.radioContainer input {
	position: relative;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.radioContainer label {
	position: relative;
	padding-left: 20px;
	margin-right: 20px;
}

#confirmationAlert {
	z-index: 100000;
}
.radioContainer:hover input~.radio {
	box-shadow: inset 0 0 0 150vw rgba(0, 0, 0, 0.2);
}

.radio:hover {
	box-shadow: inset 0 0 0 150vw rgba(0, 0, 0, 0.2);
}

.radioContainer input:checked~.radio {
	box-shadow: inset 0 0 0 150vw rgba(0, 0, 0, 0.0);
}

.radioContainer input:checked~.radio:after {
	display: block;
}

.radioContainer input:checked~.radio:after {
	display: block;
}

.radioContainer .radio:after {
	left: 30%;
	top: 30%;
	width: 7px;
	height: 7px;
	border: solid white;
	border-radius: 50%;
	background: #eee;
}

.radio {
	transition-duration: 0.1s;
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #9f9f9f;
	box-shadow: inset 0 0 0 150vw rgba(0, 0, 0, 0.5);
}

.radio:after {
  content: "";
  position: absolute;
  display: none;
}

.alert {
	position:relative;
    margin-bottom: 7px;
	padding-left:0px;
	padding-right:0px;
	width:300px;
	padding-top:10px;
	padding-bottom:9px;
	border-right: 1px solid rgba(58, 58, 58, 0.575);
    border-top-left-radius: : 0px;
    border-bottom-left-radius: : 0px;
    border-top-right-radius: : 0px;
    border-bottom-right-radius: : 0px;
	z-index: 1040 !important;
}


#alertsWrapper {
    position:fixed;
    top: 0px;
	width:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    box-shadow: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-top-left-radius: : 0px;
    border-bottom-left-radius: : 0px;
    border-top-right-radius: : 0px;
    border-bottom-right-radius: : 0px;
    transition-duration: 0.5s;
    z-index: 10100 !important;
}
#alertsList {
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
}
#alertsWrapperClose {
	visibility: hidden;
	position: absolute;
	right:25px;
	padding:5px;
	font-size:18px;
	overflow-x: hidden;
	overflow-y: auto;
	bottom:0px;
	cursor:pointer;
}

.tabsBtn {
    box-shadow: inset 0 0 0 150vw rgba(255, 255, 255, 0.1);
    border:0;
    color: white;
    cursor: pointer;
    display:inline-block;
    width:auto;
    font-size: 17px
    padding-left:15px;
    border-radius:3px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:2px;
    background-color: #7fbb05;
    user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -o-user-select: none;
}

.tabsBtn:hover {
    box-shadow: inset 0 0 0 150vw rgba(255, 255, 255, 0.2);
}

.tabsBtn:active {
    box-shadow: inset 0 0 0 150vw rgba(255, 255, 255, 0.6);
}

.tabsBtns .active{
    box-shadow: inset 0 0 0 150vw rgba(0, 0, 0, 0.5);
}


.mainContent {
	margin-top: 45px;
	height: calc(100% - 45px); /* Minus topBar height */
}

.main-fab-area {
	right:10px;
	bottom:0px;
}

#main-fab {
    z-index: 1031;
}

#main-fab-button::after {
	display: none !important;
	cursor: pointer;
	bottom:5px !important;
}

#main-fab2-button {
	height: 100%;
	float:right;
}
#main-fab2-button::after {
	display: none !important;
	cursor: pointer;
}

#main-fab[data-offset-placement="true"] {
    right: 25%;
}
#main-fab2[data-offset-placement="true"] {
    right: 25%;
}

#dashboard-items-notice {
	z-index: -1;
}

#aside-container {
    top: 0;
    box-shadow: 0 0 5px #000;
    left: inherit;
    margin-top: 45px;
    height: calc(100vh - 35px) !important;
}

.aside-item {
	box-sizing: border-box;
	width: 400px;
	-webkit-overflow-scrolling: touch;
	overflow-y:auto;
	/* Full screen minus header height(45px) */
	max-height: calc(100vh - 35px);
}

.no-bullets{
	list-style: none;
}

.btn.sub-ride-item {
	white-space: normal;
}



.fa-spin-fast {
	animation: fa-spin 1s infinite linear;
}

.fa-spin-slow {
	animation: fa-spin 3s infinite linear;
}

/*The animation bellow is taken from font-awesome.css*/

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}





.permanent-location-results {
	max-height: 30%;
	overflow: auto;
}

.timeline-right-click-menu{
	position: fixed;
	display: none;
	z-index: 20;
	background-color: white;
	border: solid 1px black;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 5px 6px #ccc;
}

.timeline-right-click-menu-row{
    padding: 2px 10px;
}

.timeline-right-click-menu-row:hover{
    background-color: dimgrey !important;
    cursor: pointer;
}

.timeline-right-click-menu-row-top-border{
	border-top: 1px solid black;
}

.timeline-right-click-menu-light-row{
    background-color: white;
}

.timeline-right-click-menu-dark-row{
    background-color: lightgray;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #5e8a05!important;
}

#nav-tabs > li:last-child
{
    float:right;
}

.white-space-wrap {
	white-space: normal !important;
}