/* Bootstrap Overrides */

body, button, .form-control {
	font-size: 0.85rem;
}

a {
	cursor: pointer;
}

.text-bold {
	font-weight: bold;	
}

.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
}

/**
 * Particle JS Container
 **/

#particles-js{ 
	position:absolute; 
	width: 100%; 
	height: 100%; 
}

/**
 * Dropdown Submenu
 **/

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/**
 * XXL Modal
 **/
.modal-xxl {
	max-width: 1650px;
}

/**
 * Loading Spinner
 **/

.loading-animation {
	padding: 5px;
	margin: 2px;
}
.loaded-animation {
	animation: fadein 0.8s;
    -moz-animation: fadein 0.8s; /* Firefox */
    -webkit-animation: fadein 0.8s; /* Safari and Chrome */
    -o-animation: fadein 0.8s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Autocomplete options */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* DataTable Scroller background */
div.dts div.dataTables_scrollBody table {
	background: inherit;
}

div.dts div.dataTables_scrollBody {
	background: inherit;
}

/* DataTable hide until fully rendered */
.hide-onload {
	overflow: hidden;
	display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: #212529;
    border-radius: 50%;
    opacity: 0;
    /*-webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;*/
}

/**
 * Toaster
 **/

#toast-container {
  position: sticky;
  z-index: 1055;
  top: 0;
}

#toast-wrapper {
  position: absolute;
  top: 75px;
  right: 0;
  margin: 5px;
}

#toast-container>#toast-wrapper>.toast {
  min-width: 150px;
}

#toast-container>#toast-wrapper>.toast>.toast-header strong {
  padding-right: 20px;
}

/**
 * HIIT
 **/

 .hiit-timer {
  font-size: 10em;
  font-weight: bold;
 }

 /**
 * Leaflet Map
 **/

 .map-text-labels {
  width: 100px;
  font-size: .8em;
  font-weight: normal;
  color: white;
  /* Use color, background, set margins for offset, etc */
}

.leaflet-popup {
  z-index: 9000;
}

.leaflet-label-overlay {
  line-height:0px;
  font-size: 0;
}

/**
 * E-Mail Body Resets
 **/

/* CSS reset for email container */
.email-body-container * {
  all: unset;
  display: revert; /* reset inline styles and keep default browser styles */
}
.email-body-container a {
  color: inherit;
  text-decoration: none;
}
.email-body-container img {
  max-width: 100%;
  height: auto;
}
/* Add any additional styling for email content */