.angular-mapboxgl-map {
	width:100% !important;
	height:100% !important;
}
.matterView {
	z-index: 9;
	width: 100%;
	height: 100%;
}
.themes div {
	background:grey;
	padding:8px;
	color: white;
	background-size: cover !important;
	text-align: center;
	height:64px;
}
.calques .md-list-item-inner {
	background: rgba(255,255,255,0.6);
	border-radius: 6px;
	padding-left: 8px;
}
.map_legend {
	position:absolute;
	right:8px;
	bottom:8px;
	z-index: 10;
	background: white;
	border-radius: 12px;
	transition: all 0.3s ease;
	max-height: 100%;
}
.map_legend.closed {
	max-height: 40px;
}

.badge {
    box-sizing: border-box;
    display: inline-block;
    background-color: $badge-default-bg;
    color: $badge-text-color;
    
    border-radius: 3rem; // As longe as this is bigger than the fontsize
    text-align: center;

    font-size: 1.6rem;
    font-weight: 400;
    padding: .05rem .8rem .1rem;
    line-height: inherit;
}

// Style
.badge--line {
    background-color: transparent;
    color: #95a5a6;
    box-shadow: 0 0 0 1px #95a5a6;
}

.badge--info {
    background-color: $badge-info-bg;
}

.badge--warning {
    background-color: $badge-warning-bg;
}

.badge--danger {
    background-color: $badge-danger-bg;
}

.badge--success {
    background-color: $badge-success-bg;
}

// Sizes
.badge--small {
    font-size: 1.2rem;
    padding: .1rem .65rem .2rem;
}

.badge--smaller {
    font-size: .7rem;
    padding: .05rem .4rem .15rem;
}
.hidescroll::-webkit-scrollbar  {
  display: none;
}
.hidescroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.nopadding.buttop .md-subheader-inner{
	padding-top: 26px !important;
}
.nopadding .md-subheader-inner{
	padding:0px !important;
}
.mapContainer {
	width:100%;
	height: 100%;
}
.appContainer {
	width:100%;
	height:100%;
}
.moduleContainer {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:50%;
	height:50%;
	z-index:10
}
.toolbar {
	position:absolute;
	bottom:0px;
	width:100%;
	right:0;
	left:0;
}
.bigdial button{
	width: 96px !important;
	height: 96px !important;
}
md-fab-toolbar.md-right md-fab-trigger {
    left: 0;
    bottom: 0px;
}
.md-sidenav-right {
z-index: 999;
}
.bigtoolbar button{
	width: 96px !important;
	height: 96px !important;
}
.mapboxgl-canvas-container {

    height: 100%;

}
.pushmode {
	position: static;
}
.main_sidebar {
	width: 64px;
	background: rgb(192, 192, 192) none repeat scroll 0% 0%;
	box-shadow: rgb(163, 163, 163) -20px 20px 60px inset, rgb(221, 221, 221) 20px -20px 60px inset;
	overflow:hidden;
}
.header_title {
	margin-left:5px;
}
.main_sidebar.expended {
	width: 33%;
	min-width: 320px;
}
.compass_list svg {
	width: 45px;
	margin-top: 5px;
	padding: 0
}
.submarker {
	position:absolute !important;
	margin: -40px 4px !important;
}
.md-title2 { 
	text-align: left;
	text-transform: capitalize;
	line-height: 20px;

}
.marker_name {
	z-index: 22;
	position: relative;
	background-color: #2196f3;
	padding: 2px 5px 2px 5px;
	margin-top: -20px;
	color: white;
}
.submarker md-icon {
	transition: transform 0.3s;
}
.grid_table td {
	border: 1px solid grey;
	width:40px;
}
.grid_table td:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.grid_circle {
	border-radius:100%;
	border: 1px solid grey;
}
#needle {
  animation: turn 5s ease-out forwards infinite;

  transform-origin: 47px 47px;
}
.amc-image-caption {
  width: 100%;
  text-align: center;
}

.amc-slider-wrapper {
  min-height: 100px;
}

.amc-slider-wrapper-single-tab {
  padding-bottom: 0px !important;
}

.amc-slider-tab-label {

}
.addmarker_image_placeholder {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border:1px solid grey;
	text-align:center;
	margin-left: 8px;
}
.dialogInput {
	width: calc(100% - 40px);
	margin: 2px 0px 0px 20px;
}
.autocomplete_input md-input-container {
	margin: 6px;
}
md-input-container.autocomplete_input .md-input {
    border-color: rgba(0,0,0,0);
}
.fullscreen_dialog { 
	max-width: 100%;
	width: 100%;
	height: 100%;
	max-height: 100%;
}
md-dialog[data-fullscreen="true"] {
	max-width: 100%;
	width: 100%;
	height: 100%;
	max-height: 100%;
}
.modal_content .md-menu-toolbar {
	height: 40px;min-height: 30px;
}
.amc-hide-tabs-header md-tabs-wrapper {
  display: none !important;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}