#map{
		width:100vw;
		height:100vh;
		z-index:0;
	}
	.leaflet-tile-pane1 {
		filter: grayscale(1);
	}
	.leaflet-marker-pane > img{
		/*transition: all 0.1s ease 0s;*/
	}
	.pulse-marker:before {
		content: '';
		background: transparent;
		height: 40px;
		width: 40px;
		left: -15px;
		top: 5px
		display: block;
		position: absolute;
		border-radius: 50px;
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
		animation: pulse-red 2s infinite;
	}
	.pulse-marker img {
		position: absolute;
		left: -7px;
	}

	@keyframes pulse-red {
	  0% {
		transform: scale(0.5);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	  }
	  
	  70% {
		transform: scale(1.9);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	  }
	  
	  100% {
		transform: scale(0.5);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	  }
	}

	header{
		padding: 10px 12px;
		position: fixed;
		width: 100%;
		top: 0;
		background-color: transparent;
		height: 68px;
		z-index: 1000;
		background-image: linear-gradient(to bottom, rgb(12 12 12 / 26%), rgb(255 255 255 / 0%));
		height: 60px;
	}
	header span.bt {
		line-height: 20px;
		background: #ffffff;
		padding: 10px;
		border-radius: 50px;
		box-shadow: 0 6px 18px 0 rgb(0 0 0 / 35%), 0 0 2px 0 rgb(69 69 70 / 0%);
		background-color: #fff;
		transition: all .2s ease-in-out;
	}
	.bt_float_right{
		display: grid;
		position: absolute;
		right: 10px;
		 top: 60px;
		z-index: 999;
	}
	.bt_float_right > button{
		background: #fff;
		color: #000;
		margin-top:10px;
	}
	input:checked + .slider {
		background-color: #3f51b5;
		border: 2px solid #3f51b5;
	}
	.bt_float {
		line-height: 10px;
		background: #ffffff;
		padding: 7px 6px 6px 6px;
		box-shadow: 0 6px 18px 0 rgb(0 0 0 / 35%), 0 0 2px 0 rgb(69 69 70 / 0%);
		background-color: #fff;
		transition: all .2s ease-in-out;
		position: absolute;
		z-index: 1800;
		right: 12px;
		top: 60px;
		border-radius: 30px;
		height: 38px;
		width: 38px;
	}
	#menu_right{
		position: absolute;
		top: 0;
		left: -200px;
		width: 200px;
		transition: all 0.3s ease;
		background: #fff;
		z-index: 9999999;
		border-right: 1px solid #ccc;
		height: 100vh;
	}
	#menu_right ul {
		list-style: none;
		line-height: 30px;
	}
	.open {
		left:0px !important;
	}
	
	.btn_directions{
		width: 100%;
		max-width: 100%;
		height: 48px;
		text-align: center;
		background: #00BFA5;
		border-radius: 100px;
		color: #FFFFFF;
		letter-spacing: -0.0376471px;
		font-size: 16px;
		line-height: 22px;
		box-sizing: border-box;
		padding: 13px 25px;
		border: none;
		margin-top: 14px;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 18%);
		justify-content: center;
		display: flex;
	}
	.btn_submit{
		width: 90%;
		max-width: 300px;
		height: 48px;
		text-align: center;
		background: #00BFA5;
		border-radius: 100px;
		color: #FFFFFF;
		letter-spacing: -0.0376471px;
		font-size: 16px;
		line-height: 22px;
		box-sizing: border-box;
		padding: 13px 25px;
		border: none;
		margin-top: 14px;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 18%);
	}
	
	.bottom_widget{
		min-height: 200px;
		background-color: transparent;
		z-index: 1600;
		position: fixed;
		bottom:0px;
		overflow: hidden;
		padding: 20px 12px 0;
		padding-top: 50px;
		box-sizing: border-box;
		transition: all .2s ease-in-out;
		color: #000;
		padding-bottom: 10px;
		width: 100%;
		min-width: 380px;
		max-width: 480px;
        margin: auto;
	}
	.bottom_widget > div{
		background-color: #fff;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 12%);
		border-radius: 10px;
		z-index: 1600;
		overflow: hidden;
		padding: 10px;
		transition: all .2s ease-in-out;
		margin: 10px 0px 10px 0px;
	}
	
	
	#bottom_widget{
		min-height: 200px;
		background-color: transparent;
		z-index: 1600;
		position: fixed;
		bottom:0px;
		overflow: hidden;
		padding: 20px 12px 0;
		padding-top: 50px;
		box-sizing: border-box;
		transition: all .2s ease-in-out;
		color: #000;
		padding-bottom: 10px;
		width: 100%;
		min-width: 380px;
		
	}
	#bottom_widget > div{
		background-color: #fff;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 12%);
		border-radius: 10px;
		z-index: 1600;
		overflow: hidden;
		padding: 10px;
		transition: all .2s ease-in-out;
		margin: 10px 0px 10px 0px;
	}
	#bottom_devices{
		height: 130px;
		background-color: transparent;
		z-index: 1600;
		position: fixed;
		bottom:0px;
		overflow: hidden;
		box-sizing: border-box;
		transition: all .2s ease-in-out;
		color: #000;
		padding-bottom: 10px;
		width: 100%;
		min-width: 380px;
		background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(0 0 0 / 54%));
	}
	#bottom_devices > div{
		z-index: 1600;
		overflow: hidden;
		padding: 0px 120px 100px;
		transition: all .2s ease-in-out;
		display: flex;
		width: 100vw;
		overflow-x: auto;
		white-space: nowrap;
		padding: 0px 20px 0px 20px;
	}
	#bottom_devices > div >div{
		display: grid;
		margin: 20px;
		justify-items: center;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
	}
	#bottom_devices > div >div >span{
		background: #ec268f;
		padding: 0px 8px 0px;
		border-radius: 50px;
	}
	
	#bottom_devices > div >div > button{
		margin: 10px;
	}
	.btn_actions {
		border:0px;
		width: 42px;
		max-width: 300px;
		height: 42px;
		text-align: center;
		background: #3f51b5;;
		border-radius: 100px;
		color: #fff;
		font-size: 32px;
		line-height: 2px;
		padding: 10px;
		border: none;
		/* margin-top: 14px; */
		box-shadow: 0px 2px 16px rgb(0 0 0 / 18%);
	}
	.close_widget{
		bottom: -800px !important;
	}
	.card_address {
		font-weight: 100;
		font-size: 14px;
	}
	.card_name {
		font-weight: 700;
		padding-bottom:10px;
	}
	.top_slide{
		border: 0px;
		position: relative;
		top: -7px;
		left: calc(50% - 15px);
		width: 30px;
		border-radius: 50px;
		height: 5px;
		background: #e0e0e0;
	}
	.btn_icon{
		line-height: 20px;
		background: #ffffff;
		padding: 10px;
		border-radius: 5px;
		border-radius: 2px;
		box-shadow: 0 6px 18px 0 rgb(0 35 90 / 8%), 0 0 2px 0 rgb(0 35 90 / 6%);
		background-color: #fff;
		transition: all .2s ease-in-out;
	}
	.btn_car{
		min-width: 100px;
		height: 100px;
		background: white;
		border-radius: 5px;
		position: relative;
		margin: 10px;
		color: #3f51b5;
		text-align: left;
	}
	.btn_car > span{
		font-size: 13px;
		margin-top: 40px;
		width: 80px;
		text-align: left;
		/* overflow: hidden; */
		/* text-overflow: ellipsis; */
		padding: 4px 0px;
		color: black;
		height: 150px;
		position: relative;
		top: 30px;
		line-height: 15px;
	}
	.btn_car > i{
		position: absolute;
		top: 10px;
		background: #6d70f8;
		padding: 3px;
		border-radius: 5px;
		color: #fff;
		font-size: 22px;
	}
	.form-group .input-group {
		border:0px;
		border-bottom: 1px solid #ccc;
		border-radius: 0px;
	}
	.form-group .input-group .input-group-prepend, .form-group .input-group .input-group-append {
		margin: 0 10px 0 0px;
		width: 20px;
	}
	.bx {
		font-size: 22px;
	}
	.leaflet-left {
		left: 0;
		left: calc(100% - 60px);
		top: 200px;
		display:none;
	}
	p { margin: 0px }
	
	.loading-pulse{
		background: #ccc;
	}
	.loading-pulse:after {
		content: '';
		position: absolute;
		background-color: #ffffff;
		opacity: 89%;
		width: 53px;
		height: 53px;
		color: #ccc;
		z-index: -1;
		/* right: 50px; */
		/* top: 50px; */
		border-radius: 50%;
		transform: translate(-75%,-25%);
		animation: pulse 1s ease-out infinite;
	}
	#bottom_devices > div{
		z-index: 1600;
		overflow: hidden;
		padding: 0px 120px 100px;
		transition: all .2s ease-in-out;
		display: flex;
		width: 100vw;
		overflow-x: auto;
		white-space: nowrap;
		padding: 0px 20px 0px 20px;
	}
	#bottom_devices > div >div{
		display: grid;
		margin: 20px;
		justify-items: center;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
	}
	.map_buttons{
		display:grid;    
		justify-content: space-evenly;
		justify-items: center;
	}
	#bottom_maps >div > div >span>button{
		background: transparent;
		border: 0px;
		
		display: grid;
		justify-items: center;
	}
	.map_button_active{
		border: 6px solid #673ab7;
		border-radius: 14px;
		padding: 0px;
	}
	.map_buttons > span > button > img{
		width:90px;
	}
	#bottom_maps{
		min-height: 200px;
		background-color: transparent;
		z-index: 1700;
		position: fixed;
		bottom:0px;
		overflow: hidden;
		padding: 20px 12px 0;
		padding-top: 50px;
		box-sizing: border-box;
		transition: all .2s ease-in-out;
		color: #000;
		padding-bottom: 10px;
		width: 100%;
		min-width: 380px;
	}
	#bottom_maps > div{
		background-color: #fff;
		box-shadow: 0px 2px 16px rgb(0 0 0 / 12%);
		border-radius: 10px;
		z-index: 1600;
		overflow: hidden;
		padding: 0px 12px 10px;
		transition: all .2s ease-in-out;
	}
	#bottom_maps > div > div{
		padding: 20px;
	}
	#bottom_maps > div > div > span{
		display: grid;
		justify-items: center;
	}
	.leaflet-tooltip {
		position: absolute;
		background-color: #673ab7;
		border: 0px;
		border-radius: 3px;
		font-size: 10px;
		color: #fff;
		font-weight: 700;
		padding: 2px 5px;
		left: 5px;
		margin-top: -26px;
	}
	.leaflet-tooltip-top:before {
    	border-top-color:#673ab7;
	}
	.card_time{
		font-size: 12px;
	}
	.btn_active{
	    border: 4px solid #03a9f485;
		padding: 0px;
		scale: 1.2;
	}
	.btn_close{    
		position: absolute;
		top: 45px;
		right: 20px;
		padding: 0;
		height: 25px;
		width: 25px;
		background: #757a94;
		font-size: 8px;
	}
	.sensors > span > img{
		position: relative;
		top: -3px;
		filter: sepia(1) invert(1);
		max-width: 25px;
		background: #881b40;
		border-radius: 5px;
		padding: 2px;
		margin-right: 3px;
	}
	.leaflet-popup-panel{
		transform: translate3d(0px, -200px, 100px) !important;
	}
	.widget-title {
		padding: 30px 0px;
		font-size: 18px;
		font-weight: 700;
	}
	.setting-wrapper, .setting-wrapper-1, .setting-wrapper-2, .setting-wrapper-primary {
		margin: 10px;
		height: 40px;
	}
	.setting-wrapper:after, .setting-wrapper-1:after, .setting-wrapper-2:after, .setting-wrapper-primary:after {
		margin-top: 8px;
	}
	.settings-container {
		padding: 0px;
	}
	.progress{
		height: .5rem;
	}
	.description{
		position:absolute;
		z-index:9999;
		background: #fdfdfd;
		padding: 0px 12px;
		border-radius: 50px;
		top: 20px;
		font-size: 12px;
		font-weight: 700;
	}
	.map_active{
		border: 5px solid #e91e63 !important;
		padding: 0px;
		border-radius: 15px;
	}
	.form-group {
		padding: 0px;
		margin: 0;
	}
	#profile_pic{
		height: 120px;
		width: 120px;
		border-radius: 50%;
	}	
	.rest-container {
		position: relative;
		top: 0px;
	}