.content-wrapper.no-menu{
	margin-left: 0;
}

#control-map{
  width: calc(100% - 250px);
  height: calc(100vh - 125px);
}

#map-wrapper{
  width: 100%;
  height: 100%;
}

#tracking-map{
	width: 100%;
	height: calc(100vh - 125px);
  }

.top-filter{
	height: 75px;
}

.navbar.lef-bar{
  width: calc(100% - 300px);
}

.width-navbar{
	width: auto !important;
}

/* default loading wrapper */

#loading-wrapper{
	position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 9999;background: rgba(255, 255, 255, 1);
}

/* notifications side bar */

 #notifications-wrapper {
	height: 100vh !important; /* 100% Full-height */
	width: 250px; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Stay on top */
	top: 0;
	right: 0;
	background-color: #222d32; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	overflow: hidden;
	/*display: none;*/
  }
  
  /* The sidebar links */
  #notifications-wrapper a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  /* When you mouse over the navigation links, change their color */
  #notifications-wrapper a:hover {
	color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  #notifications-wrapper .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  /* The button used to open the sidebar */
  .openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
  }
  
  .openbtn:hover {
	background-color: #444;
  }  

  .notification-item{
	background-color: #fff;
	color: #000;
	margin: 5px;
	border-radius: 6px;
  }

  .width-notifications{
	width: 100% !important;
  }

  .notification-header{
	background-color: lightgray;
	padding: 6px;
  }

  .notification-header.danger{
	background-color: #f86644;
  }
 
  .notification-header.warning{
	background-color: #fbc82b;
  }

  .notification-header.success{
	background-color: #5ef653;
  }

  .notification-content{
	padding: 0 6px 6px 6px;
	margin: 0;
	line-height: 1.2;
  }

  #notifications-items-wrapper{
	overflow-y: scroll;
	height: 100%;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
	#notifications-wrapper {padding-top: 15px;}
	#notifications-wrapper a {font-size: 18px;}
	} 
	
.close-map{
	position: absolute;
	top: 5%;
	width: 100px;
	margin: auto;
	left: calc( 50% - 50px );
}

#map-center{
	position: absolute;
    z-index: 99;
    height: 64px;
    width: 40px;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -64px;
}

/* common */ 

.helper-relative{
	position: relative;
}

.required{
	color:#ED1C24;
}

.width50{
	width: 50%;
	float: left;
}

.show-mobile-small{
	display: none;
}

.clear{
	clear: both;
}

.font-50{
	font-size: 50px !important;
}

.font-30{
	font-size: 30px !important;
}

.font-23{
	font-size: 23px !important;
}

.font-19{
	font-size: 19px !important;
}

.font-16{
	font-size: 16px !important;
}

.font-15{
	font-size: 15px !important;
}

.font-12{
	font-size: 12px !important;
}

.font-11{
	font-size: 11px !important;
}

.scroll-show
{
    opacity:0;
}

.padding-no-left{
	padding-left: 0;
}

.padding-no-right{
	padding-right: 0;
}

.padding-left-15px{
	padding-left: 15px;
}

.padding-right-15px{
	padding-right: 15px;
}

.padding-left-10{
	padding-left: 10%;
}

.padding-right-10{
	padding-right: 10%;
}

.padding-left-4{
	padding-left: 4%;
}

.padding-right-4{
	padding-right: 4%;
}

.padding-top-6{
	padding-top: 6% !important;
}

.padding-bottom-6{
	padding-bottom: 6% !important;
}

.padding-top-4{
	padding-top: 4% ;
}

.padding-bottom-4{
	padding-bottom: 4% ;
}

.margin-left-15px{
	margin-left: 15px;
}

.margin-right-15px{
	margin-right: 15px;
}

.margin-bottom-15px{
	margin-bottom: 15px;
}

.margin-top-15px{
	margin-top: 15px;
}

.margin-left-10px{
	margin-left: 10px;
}

.margin-bottom-20px{
	margin-bottom: 20px;
}

.margin-bottom-10px{
	margin-bottom: 10px;
}

.margin-top-10px{
	margin-top: 10px;
}

.margin-bottom-0{
	margin-bottom: 0;
}

.margin-top-0{
	margin-top: 0;
}

.margin-bottom-6px{
	margin-bottom: 6px;
}

.margin-top-6px{
	margin-top: 6px;
}

.wrapper-relative{
	position:relative;
}

.postion-absolute-center{
	position: absolute;
	top: 50%;
    transform: translateY(-50%); 
	left: 0; 
	bottom: 0; 
	right: 0;
}

.img-responsive-inverse{
	/*display: block;*/
    max-width: 100%;
    height: auto;
}

/* -------------- */

.btn-full-blue {
	position:relative;
	display: inline-block;
	background-color: #00acb6;
	border:  2px solid #00acb6;
	border-radius:6px;
}

.btn-full-blue.helper-block{
	display: block;
}


.btn-full-blue:hover, .btn-full-blue:focus, .btn-full-blue:active {
	text-decoration: none;
	border:  2px solid #02929a;
	background-color:#02929a;
	box-shadow: none;
}

/* -------------- */

.btn-blue {
	position:relative;
	display: inline-block;
	background-color: #00acb6;
	border:  2px solid #00acb6;
	border-radius:6px;
}

.btn-blue.helper-block{
	display: block;
}


.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
	text-decoration: none;
	border:  2px solid #f38630;
	background-color:#f38630;
	box-shadow: none;
}

.btn-blue .color-txt-green:hover {
	color:#fff !important;
}

.btn-blue:hover > .color-txt-green {
	color:#fff !important;
}

/* -------------- */

.btn-clear {
	position:relative;
	display: inline-block;
	background-color: transparent;
	border:  2px solid transparent;
	border-radius:6px;
}

.btn-clear.helper-block{
	display: block;
}


.btn-clear:hover, .btn-clear:focus, .btn-clear:active, .btn-clear:active:hover {
	text-decoration: none;
	border:  2px solid transparent;
	background-color: rgba(0,0,0,0.02);;
	color:#323232;
	box-shadow: none;	
}

.btn-clear:hover .text-dark, .btn-clear:hover .color-txt-green {
	color:#f38630 !important;
}

.btn-clear:hover .bg-green {
	background-color:#f38630 !important;
}

/* -------------- */

.btn-border, .btn-border:focus {
	position:relative;
	display: inline-block;
	background-color: #fff;
	border:  1px solid #262424;
	border-radius:6px;
	box-shadow: none;	
}

.btn-border.helper-block{
	display: block;
}

.btn-border:hover, .btn-border:active, .btn-border:active:hover, .btn-border.active{
	text-decoration: none;
	border:  1px solid #f38630;
	background-color: #f38630;
	color:#fff !important;
	box-shadow: none;	
}

.btn-border .color-txt-blue:hover {
	color:#fff !important;
}

/* -------------- */

.btn-gray {
	position:relative;
	display: inline-block;
	background-color: #e5e6e7;
	border:  2px solid #e5e6e7;
	border-radius:6px;
}

.btn-gray.helper-block{
	display: block;
}


.btn-gray:hover, .btn-gray:focus, .btn-gray:active {
	text-decoration: none;
	border:  2px solid #d1d2d3;
	background-color:#d1d2d3;
	box-shadow: none;
}

/* -------------- */

.helper-no-margin{
	margin: 0;
}

.helper-content-no-margin p{
	margin: 0;
}

.helper-no-padding{
	padding: 0;
}

.helper-no-padding-top{
	padding-top: 0 !important;
}

.helper-no-padding-bottom{
	padding-bottom: 0 !important;
}

.helper-no-margin-top{
	margin-top: 0 !important;
}

.helper-no-padding-right{
	padding-right: 0 !important;
}

.helper-no-padding-left{
	padding-left: 0 !important;
}

.img-responsive{
    width: 100%;
}

.img-responsive-large{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.helper-block {
    display: inline-block;
}

.helper-hide {
    display: none;
}

.helper-table {
    display: table;
    width: 100%;
    margin: 0px auto;
	height:100%;
	
}

.helper-table.auto { 
	width: auto;	
}

.helper-table.height-auto { 
	height: auto;	
}

.helper-cell {
	display: table-cell;
	float: none;
	vertical-align: top;
}

.helper-valign-middle {
	vertical-align: middle;
}

.helper-valign-bottom {
	vertical-align: bottom;
}

.helper-hidden {
    display: none;
}

.helper-line25{
	line-height:2.5;
}

.helper-line2{
	line-height:2;
}

.helper-line15{
	line-height:1.5;
}

.helper-line12{
	line-height:1.2;
}

.helper-line1{
	line-height:1;
}

.helper-line05{
	line-height:0.5;
}

.helper-line0{
	line-height:0;
}

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

.helper-float-none {
    float: none!important;
}

.helper-float-right {
    float: left!important;
}

.helper-li-content li{
	margin-left: 20px;
}

.helper-break-line::before {
	content: "\A";
	white-space: pre;
	
}

.show-lg{
	display: none;
}

.rounded-6{
	border-radius:6px;
}

.rounded-lt-6{
	border-radius:6px 0 0 0;
}

.color-txt-white, .color-txt-white:hover, .color-txt-white:focus{
	color:#fff !important;
}

.bordered {
    border: 1px solid #eee;
}

/* -------------- */


	 .error{
		font-size:11px;
		position: absolute;
		top:-28px;
		right:15px;
		z-index:9;
		height:25px;
		line-height:25px;
		background-color:#fcdbcf;
		color:#ED1C24;
		font-weight:normal;
		padding:0 6px;
		border: 1px solid #ED1C24;
		border-radius: 4px;
	 }  
   
	.error:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 9px 9px 0;
		border-color: transparent #ED1C24;
		display: block;
		width: 0;
		z-index: 1;
		bottom: -9px;
		left: 20%;
   	} 
   
   .bg-danger {
		border: 1px solid #ED1C24;
		color: #ED1C24;
		padding: 6px 12px;
		border-radius: 4px;
		font-size: 12px;
		background-color: #fcdbcf  !important;
	}
	
	.bg-success {
		background-color: #C8F9B4 !important;
		border: 1px solid #39861c;
		color: #39861c;
		padding: 6px 12px;
		border-radius: 4px;
		font-size: 12px;
	}
	
	
	#bg-wrapper{display:none;position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 9999;background: rgba(0, 0, 0, .4);}
	#bg-wrapper-menu{display:none;position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 99;background: rgba(0, 0, 0, .6);}
	#bg-wrapper-loading{display:none;position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 99999;background: rgba(0, 0, 0, .6);}

	.loading-icon-center{position:absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);}
	
	

/* md */
@media only screen and (max-width: 500px)
{
	.img-responsive-inverse{
		display: block;
		width: 100%;
		height: 100%;
	}
}


@media only screen and (max-width: 767px)
{	
	.no-padding-responsive{
		padding: 0 !important;
	}
}