@media screen and (min-width:768px){
	.side-nav.navbar-nav{
		padding-bottom: 0px;
	}
	.side-nav.navbar-nav::after{
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		bottom: 0;
	}
	.side-nav.navbar-nav > li.feeback-wrp{
		background-color: #2d3645;
		position: fixed;
		bottom: 0px;
		display: block;
		width: 242px;
		padding: 0;
	}
	.side-nav.navbar-nav > li > a.feeback{
		display: block;
		width: 100%;
		padding: 15px 15px 15px 80px;
		line-height: 12px;
	}
	.side-nav.navbar-nav > li > a.feeback::before{
		content: "";
		display: block;
		background: url('../img/feedback-icon.png') no-repeat;
		height: 60px;
		width: 60px;
		background-size: contain;
		position: absolute;
		left: 5px;
		top: 15px;
	}
	.b-homepage--margin--top0.mb-20 {
	   margin-bottom: 20px;
	}
	.pos-address-line {
		max-width: 270px;
	}
}

@media screen and (min-width:768px) and (max-width:1599px){
	#wrapper, #page-wrapper{
	    padding-left: 0px;
	}
}

@media screen and (min-width:768px) and (max-width:1199px){
	.dashboard-top-info .b-homepage--text--transform.b-homepage--font16{
		font-size: 12px;
	}
	.xs-data-table.table>thead>tr td{
		font-size: 12px !important;
	}
	.xs-data-table.table .md-inline-td{
		display: inline-block;
		border-top: none;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	.xs-data-table.table>thead>tr td{
		font-size: 12px !important;
	}
	/* header */
	.responsive-header .navbar-header{
		height: 77px;
	    background: #0073ae;
	    width: 242px;
	    padding: 25px 15px;
	}
}

@media screen and (max-width:991px){
	/* header */
	.responsive-header .search-form{
		margin-right: 25px;
	}
	.responsive-header .search-form input{
		min-width: 200px;
    	text-overflow: ellipsis;
	}
		.responsive-header .navbar-brand{
		height: 44px;
	}
	.responsive-header .navbar-brand img{
		width: 95px;
		/*margin-top: 4px;*/
		height: 40px;
	}
	.button-open-menu{
		float: left;
		background: none;
		border: none;
		height: 30px;
		width: 26px;
		margin-right: 15px;
		padding: 0;
	}
	.button-open-menu .icon-bar{
		background: #fff;
		height: 2px;
		border-radius: 5px;
		display: block;
		margin-bottom: 5px;
	}
	.button-open-menu .icon-bar.first{
		width: 26px;
	}
	.button-open-menu .icon-bar.second{
		width: 20px;
	}
	.button-open-menu .icon-bar.third{
		width: 11px;
	}
	/* menu */
	.navbar-collapse.collapse {
	    display: none!important;
	}
	.navbar-collapse.collapse.in {
	    display: block!important;
	}
}

@media screen and (max-width:767px){
	/* login */
	.login-type-page .b-connexion-logo-xs{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 20px 10px 20px;
	}
	.login-type-page .b-connexion-logo-xs img{
		width: 145px;
		display: block;
		margin: 0 auto;
	}
	.login-type-page .b-connexion-form--bg{
		background: transparent;
	}
	.login-type-page .b-connexion--width{
		width: auto;
		max-width: 350px;
		border-radius: 10px;
    	background: #fff;
	}
	.login-type-page .b-connexion-form{
		width: 90%;
		max-width: 260px;
	}
	.login-type-page .b-connexion-form .bootstrap-select .btn{
		padding: 9px 22px;
	}
	.login-type-page .b-connexion-input,
	.login-type-page .b-connexion-form .bootstrap-select .btn{
		background: #f0f0f0;
		border: none;
		border-radius: 25px !important;
		font-size: 14px;
	}
	.login-type-page .b-connexion-input{
		height: 40px;
		line-height: 40px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.login-type-page .b-reestablish-password{
		text-decoration: none;
	}
	.login-type-page .b-connexion-greeting{
		font-size: 12px;
		padding: 15px 15px 30px 15px;
	}
	.login-type-page .b-connexion-greeting div{
		font-size: 20px;
	}
	.login-type-page .reset_password_text{
		width: 90%;
		max-width: 260px;
		margin-bottom: -10px;
	}
	.login-type-page .b-connexion-connect{
		margin-bottom: 22px;
		border-radius: 25px;
		height: 40px;
		line-height: 40px;
		font-weight: 600;
		font-size: 14px;
	}

	/* header */
	nav.navbar-inverse{
		border: none;
		background-color: #2d3645;
	}
	.responsive-header .navbar-header{
		background: #2d3645;
		padding: 10px 15px;
	}
	.responsive-header .navbar-brand img {
		height: 36px;
		max-width: 170px;
	}
	.user-icon-xs img{
		width: 20px;
		margin-top: -7px;
	}
	.user-icon-xs a,
	.user-icon-xs a:focus{
		padding: 0;
		background: transparent;
	}
	.user-icon-xs .dropdown-menu{
		background: #2d3645;
		position: fixed;
	    top: 50px;
	    left: 0;
	    margin: 0;
	    padding: 0;
	    border: none;
	    box-shadow: none;
	    border-radius: 0px;
	    width: 100%;
	    height: 200px;
    	overflow-x: auto;
	}
	.user-icon-xs .dropdown-menu li a{
		padding: 10px 15px 10px 57px;
		font-size: 19px;
		color: #9d9d9d !important;
		white-space: normal;
	}
	.user-icon-xs .dropdown-menu li a i{
		display: none;
	}
	.responsive-header .search-form{
		background: #2d3645;
		width: 100%;
		padding: 0 8px 8px 8px;
		margin: 0;
	}
	.responsive-header .search-form input{
		color: #fff;
		border: none;
		background: rgba(255,255,255,0.2);
		border-radius: 25px;
		line-height: 34px;
	}
	.responsive-header .search-form .fa-search{
		color: #fff;
	    position: absolute;
	    left: 20px;
	    top: 7px;
	    font-size: 20px;
	}

	/* menu */
	.navbar-inverse	.navbar-collapse{
		width: 100%;
		padding: 0;
		background: #2d3645;
		border: none;
	    top: -45px;
	    position: relative;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.navbar-collapse .navbar-nav{
		margin: 0;
		padding-top: 30px;
	}
	.navbar-collapse .dropdown-in-menu{
		top: 0;
		display: none;
	}
	.navbar-collapse .dropdown-in-menu .dropdown-toggle{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		line-height: 40px;
		font-size: 14px;
		padding-left: 25px;
		margin-bottom: 9px;
	}
	.navbar-collapse .dropdown-in-menu .dropdown-menu>li>a {
	    color: #9d9d9d !important;
	}
	.navbar-fixed-top .navbar-collapse{
		max-height: 200px;
	}
	.side-nav.navbar-nav > li > a{
		border-left: none;
		padding-left: 57px;
		font-size: 19px;
	}
	.navbar-inverse .side-nav.navbar-nav>.active>a{
		font-weight: 600;
	}
	.side-nav li a img{
		display: none;
	}
	.side-nav.navbar-nav > li > a.feeback{
		margin-top: 17px;
		padding-top: 27px;
		position: relative;
	}
	.side-nav.navbar-nav > li > a.feeback::before{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 57px;
		width: 28px;
		height: 2px;
		background: #9d9d9d
	}

	/* content */
	#page-wrapper{
		padding-top: 90px;
	}
	.checkbox label::before{
		width: 18px;
		height: 18px;
		border-color: #95989a;
	}
	.checkbox label::after{
		height: 12px;
		width: 12px;
		border-radius: 3px;
		left: 3px;
		top: 3px;
	}
	.checkbox input[type="checkbox"]:checked + label::after,
	.checkbox input[type="radio"]:checked + label::after{
		content: "";
		background: #337ab7;
	}
	.checkbox-primary input[type="checkbox"]:checked + label::before,
	.checkbox-primary input[type="radio"]:checked + label::before{
		border-color: #95989a;
    	background-color: #fff;
	}
	.pagination li a{
		font-size: 15px;
	}
	.pagination>li>a, .pagination>li>span{
		padding: 6px;
	}
	.row.content.padding-true{
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.row.padding-0{
		padding: 0;
	}
	.page-main-title{
		background: #2d3645;
		margin: 0 -15px 10px -15px;
		padding: 10px 15px 15px 15px;
	}
	.page-main-title.m-b-0{
		margin-bottom: 0;
	}
	.page-main-title .border{
		padding: 10px 15px;
		display: inline-block;
		border-bottom: #0473a7 6px solid;
	}
	.page-main-title,
	.page-main-title span{
		font-size: 15px;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
	}
	.button-blue{
		height: 30px;
	    line-height: 30px;
	    padding: 0 25px;
	    border-radius: 25px;
	    font-size: 12px;
	    margin: 0 auto;
	    display: inline-block;
	    border: none;
	    background: #0473a7;
	}
	.button-grey{
	    border-radius: 25px;
	    background: #e8e8e8;
	    color: #9d9d9d;
	}
	#wrapper.no-color,
	.content.no-color{
		background: #fff;
	}

	/* search */
	.search-wrp .order .b-table-p.xs-title{
	    font-size: 20px;
	    font-weight: 600;
	    padding-top: 15px;
	    margin-bottom: 10px;
	}
	.search-wrp .order .b-table-p.xs-title span{
		font-size: 20px;
	}

	/* modal */
	.container.b-popup{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.container.b-popup>.col-lg-12{
		padding: 0;
	}
	.b-popup .b-connexion--width,
	.container.b-popup .b-connexion--width{
		width: 100%;
	}
	.b-popup .b-connexion--width.b-connexion__form{
		margin-top: 0;
	}
	.b-popup .b-popup__closed{
		background: url(../img/popup-closed-xs.png) no-repeat;
		background-size: contain;
		width: 18px;
		height: 18px;
	}

	/* dashboard */
	.responsive-dashboard{
		padding: 0;
	}
	.dashboard-header{
		margin-top: 30px;
	}
	.responsive-dashboard .b-homepage__data,
	.responsive-dashboard .b-homepage__data .b-homepage__month,
	.dashboard-header .b-homepage__data,
	.dashboard-header .b-homepage__data .b-homepage__month{
		text-align: center;
		font-size: 20px;
	}
	.dashboard-header .b-homepage__data p{
		font-size: 12px;
	}
	.dashboard-poligon .b-polygon-wrapper{
		position: relative;
		top: 20px;
	}
	.dashboard-poligon .b-polygon{
		margin-top: -28px;
	}
	.dashboard-poligon .b-polygon__big{
		font-size: 10px;
		height: 110px;
		width: 90px;
		font-weight: 600;
		margin-top: 15px;
	}
	.dashboard-poligon .b-polygon__big span{
		font-size: 25px;
		font-weight: 400;
		padding-top: 27px;
	}
	.b-polygon__mini{
		margin: -38px 11px 0 0;
		z-index: 2;
	}
	.b-polygon .opacity::before {
	    opacity: 1;
	}
	.dashboard-top-info{
		max-width: 320px;
		margin: 0 auto 20px auto;
	}
	.dashboard-top-info::after{
		content: "";
		display: block;
		clear: both;
	}
	.dashboard-top-info .row{
		float: left;
		margin-top: 100px;
	}
	.dashboard-top-info .b-homepage__consumption{
		margin-right: 10px;
		width: 150px;
	}
	.dashboard-top-info .b-homepage__co2{
		margin-left: 10px;
		width: 150px;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item1,
	.dashboard-top-info .b-homepage__co2 .b-homepage__item1{
		font-size: 29px;
		text-align: left;
		line-height: 1.1;
		font-weight: bold;
		position: relative;
		padding-right: 50px;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item1::after,
	.dashboard-top-info .b-homepage__co2 .b-homepage__item1::after{
		content: "";
		display: block;
		position: absolute;
		height: 36px;
		width: 44px;
		right: 0;
		top: 0;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item1::after{
		background: url(../img/dashboard-info-icon-xs.png) no-repeat 0 0;
		background-size: cover;
	}
	.dashboard-top-info .b-homepage__co2 .b-homepage__item1::after{
		background: url(../img/dashboard-info-icon-xs.png) no-repeat -44px 0;
		background-size: cover;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item1 span {
	    font-size: 29px;
	    margin-left: 5px;
	}
	.dashboard-top-info .b-homepage__co2 .b-homepage__item1 span{
		font-size: 29px;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item2,
	.dashboard-top-info .b-homepage__co2 .b-homepage__item2{
		margin-top: 10px;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item2 p,
	.dashboard-top-info .b-homepage__co2 .b-homepage__item2 p{
		color: #9d9d9d;
	    font-size: 12px;
	    text-transform: none;
	    font-weight: 600;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item2 p strong,
	.dashboard-top-info .b-homepage__co2 .b-homepage__item2 p strong{
		font-weight: 600;
	}
	.dashboard-top-info .b-homepage__consumption .b-homepage__item2 p strong span{
		color: #9d9d9d;
	}

	/* dashboard alerts */
	.responsive-alerts.alert-item{
		padding: 0;
		border-top: #e8e8e8 1px solid;
	}
	.responsive-dashboard .secondary-alerts .b-homepage__data{
		margin-bottom: 20px;
	}
	.responsive-alerts.alert-item>div{
		min-height: 80px;
		padding: 15px 10px 15px 30px;
	}
	.responsive-alerts.alert-item .info-item{
		border-bottom: none;
	}
	.responsive-alerts.alert-item .info-item p{
		display: inline-block;
	}
	.responsive-alerts.alert-item .info-item p:first-child::after{
		content: "-";
		display: inline-block;
		margin: 0 5px;
		color: #9d9d9d;
	}
	.responsive-alerts.alert-item .info-item p a{
		color: #9d9d9d;
		font-weight: 600;
	}
	.responsive-alerts.alert-item .info2-item{
		padding-top: 0;
		padding-left: 20px;
	}
	.responsive-alerts.alert-item .confi{
		margin: 0;
	}
	.responsive-alerts.alert-item .confi a,
	.responsive-alerts.alert-item .confi a span{
		color: #2e3746;
		font-size: 16px;
		font-weight: 600;
	}
	.responsive-alerts.alert-item .alert-driver-info{
		display: inline-block;
		margin-right: 10px;
	}
	.responsive-alerts.alert-item .alert-driver-info a{
		color: #2e3746;
		font-weight: 600;
		text-decoration: none;
	}
	.responsive-alerts .alert-image{
		position: absolute;
		left: 15px;
		top: 13px;
		width: 28px;
		height: auto;
		right: auto;
	}
	.responsive-alerts.alert-item .checkbox{
		float: right;
		top: -12px;
	}
	.responsive-dashboard .close-alert-button{
		text-align: center;
	}
	.responsive-dashboard .close-alert-button .active-link-alerts{
		height: 30px;
	    line-height: 30px;
	    padding: 0 25px;
	    border-radius: 25px;
	    font-size: 12px;
	    margin: 0 auto;
	    display: inline-block;
	    border: none;
	    background: #0473a7;
	}

	/* dashboard alert carousel */
	.responsive-alert-slider .carousel-container{
		min-width: 315px;
		margin: 20px auto 35px auto;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.responsive-alert-slider .carousel-container a.slider-close{
		font-size: 19px;
		right: 5px;
		top: 5px;
		background: #9d9d9d;
	}
	.responsive-alert-slider .carousel-container ul li,
	.responsive-alert-slider .carousel-container ul li a{
		color: #2e3746;
		font-weight: 600;
		text-decoration: none;
	}
	.responsive-alert-slider .carousel-container .alert-item > div{
		min-height: 80px;
		padding: 10px 5px 20px;
	}
	.responsive-alert-slider .carousel-container .info2-item .confi span{
		font-size: 16px;
	}
	.responsive-alert-slider .rn-carousel-controls{
		display: none;
	}
	.responsive-alert-slider .carousel-container .rn-carousel-indicator{
		bottom: -25px;
	}
	.responsive-alert-slider .carousel-container .rn-carousel-indicator span{
		color: #e8e8e8;
	}
	.responsive-alert-slider .carousel-container .rn-carousel-indicator .active{
		color: #95989a;
	}

	/* alert details */
	/* .responsive-alert-details .b-popup__data:before{
		width: 21px;
		height: 25px;
		background: url(../img/red-polygon.png) no-repeat;
		background-size: contain;
	}
	.responsive.b-popup__data--red:before{
		background: url(../img/red-polygon.png) no-repeat;
		background-size: contain;
	}
	.responsive.b-popup__data--orange:before{
		background: url(../img/orange-polygon.png) no-repeat;
		background-size: contain;
	}
	.responsive.b-popup__data--green:before{
		background: url(../img/green-polygon.png) no-repeat;
		background-size: contain;
	}
	.responsive.b-popup__data--purple:before{
		background: url(../img/deepPink-polygon.png) no-repeat;
		background-size: contain;
	}
	.responsive.b-popup__data--blue:before{
		background: url(../img/blue-polygon.png) no-repeat;
		background-size: contain;
	} */
	.responsive-alert-details .responsive{
		padding-right: 25px;
	}
	.responsive-alert-details .responsive .b-popup__data--fontSize26{
		color: #2d3645;
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 25px;
	}
	.responsive-alert-details .responsive .b-popup__data--fontSize13{
		color: #9d9d9d;
		font-size: 12px;
		font-weight: 600;
	}
	.responsive-alert-details .b-popup__block2__item1 a{
		font-size: 15px;
		font-weight: 600;
	}
	.responsive-alert-details .b-popup__block2__item1 a,
	.responsive-alert-details .b-maps__position a{
		color: #0473a7;
		text-decoration: none;
	}
	.responsive-alert-details .b-popup__block2{
		background: #f3f4f8;
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
		padding: 30px 20px;
		display: block;
	}
	.responsive-alert-details .b-popup__block2__item1{
		padding: 0 15px 0 0;
		width: 40%;
    	max-width: 175px;
	}
	.responsive-alert-details .b-popup__block2__item2{
		border-left: #a8a8a8 1px solid;
		padding: 0 0 0 15px;
		width: 60%;
	}
	.responsive-alert-details .b-maps__position{
		font-size: 12px;
		font-weight: 600;
	}
	.responsive-alert-details .b-maps__position strong{
		font-size: 16px;
		font-weight: 600;
		text-transform: none;
	}
	.responsive-alert-details .b-bootstrapPadding--left .b-detail__vehicle,
	.responsive-alert-details .b-bootstrapPadding--left .b-detail__engine{
		padding: 0;
    	background: none;
    	color: #0473a7;
    	font-weight: 600;
    	font-size: 12px;
    	white-space: nowrap;
    	margin-bottom: 30px;
	}
	.responsive-alert-details .col-lg-7.b-bootstrapPadding--left{
		padding-left: 15px;
	}
	.responsive-alert-details .b-detail__scrollBar .progress-wrp{
		margin-bottom: 30px;
	}
	.scroll-slider .b-detail__scrollBar__time .b-detail__scrollBar--padding{
		color: #9d9d9d;
		font-size: 12px;
		font-weight: 600;
		padding-top: 0;
	}
	.scroll-slider .b-detail__scrollBar__time .b-detail__scrollBar--padding strong{
		color: #2e3746;
		font-size: 16px;
		font-weight: 600;
	}
	.scroll-slider .b-detail__scrollBar__container .b-detail__scrollBar--font,
	.scroll-slider .b-detail__scrollBar__container .b-detail__scrollBar--font span{
		font-weight: 600;
		text-align: right;
		font-size: 18px;
	}
	.scroll-slider .b-detail__scrollBar__container .b-detail__scrollBar--font.first,
	.scroll-slider .b-detail__scrollBar__container .b-detail__scrollBar--font.first span{
		color: #2e3746;
		font-size: 29px;
		line-height: 28px;
	}
	.scroll-slider .battery-wrp{
		text-align: right;
	}

	/* alerts filter */
	.alerts-filter.responsive .reset-filters{
		margin-right: 0;
		color: #2d3645;
		font-size: 19px;
		text-transform: uppercase;
		margin-bottom: 20px;
		width: 100%;
	}
	.alerts-filter.responsive .reset-filters input{
		height: 20px;
	    line-height: 20px;
	    padding: 0 15px;
	    font-size: 10px;
	    text-transform: uppercase;
	    text-decoration: none;
	    border-radius: 25px;
	    background: #e8e8e8;
	    color: #9d9d9d;
	}
	.alerts-filter.responsive label{
		width: 50%;
		float: left;
		margin: 0 0 8px 0;
	}
	.alerts-filter.responsive label.first{
		padding-right: 4px;
	}
	.alerts-filter.responsive label.second{
		padding-left: 4px;
	}
	.alerts-filter.responsive label span.l-title{
		color: #2d3645;
		font-size: 9px;
		font-style: normal;
		display: block;
		font-weight: 600;
	}
	.alerts-filter.responsive.filter-alerts .datepicker-width{
		margin-top: 0;
		width: 100% !important;
	}
	.alerts-filter.responsive .datepicker-width input{
		margin-left: 0;
		background-color: #e8e8e8;
	    color: #9d9d9d;
	    border-radius: 25px !important;
	    border: none;
	    padding-left: 20px;
	    width: 100%;
    	box-sizing: border-box;
	}
	.alerts-filter.responsive label ._720kb-datepicker-calendar{
		min-width: 0;
	}
	.alerts-filter.responsive label.first .picker-container{
		left: 0;
	}
	.alerts-filter.responsive label.second .picker-container{
		right: 0;
	}
	.alerts-filter.responsive label .picker-container .cal caption{
		width: 216px;
	}
	.alerts-filter.responsive .b-filters-ui--select{
	    margin-bottom: 8px;
	    width: 100% !important;
	    margin-right: 0;
	}
	.alerts-filter.responsive .b-filters-ui--select input,
	.alerts-filter.responsive .ui-select-match > span{
		width: 100% !important;
		border: none;
	    border-radius: 25px !important;
	    background: #f0f0f0;
	    box-shadow: none;
	    padding: 6px 24px 6px 20px;
	}
	.alerts-filter.responsive .b-filters-ui--select .caret {
	    border-top: 7px solid;
	}
	.alerts-filter.responsive .ui-select-match.btn-default-focus{
		background: #e8e8e8;
	    color: #9d9d9d;
	    border-radius: 25px !important;
	    border: none;
	}
	.alerts-filter.responsive button[type="submit"]{
		border-radius: 25px !important;
		width: auto;
		padding: 0 25px;
	}

	/* alerts-page */
	.alert-card-responsive .close-alert-button{
		text-align: center;
	}
	.alert-card-responsive .order a.active-link-alerts{
		border-radius: 25px;
		padding: 0 25px;
		font-size: 12px;
		margin-right: 0;
	}
	.alert-card-responsive .order a.reset{
		height: 20px;
	    line-height: 20px;
	    padding: 0 15px;
	    font-size: 10px;
	    text-transform: uppercase;
	    text-decoration: none;
	    display: inline-block;
	    color: #9d9d9d;
	    margin: 10px 0 40px 0;
	}
	.alert-card-responsive .bywhat .bootstrap-select{
		width: 100% !important;
	}
	.alert-card-responsive .bywhat .ui-select-bootstrap>.ui-select-match>.btn{
		width: 100% !important;
	    border: none;
	    border-radius: 25px !important;
	    background: #ffffff;
	    box-shadow: none;
	    padding: 6px 24px 6px 20px;
	}
	.alert-card-responsive .bywhat .ui-select-match.btn-default-focus{
		background: #fff;
	    border-radius: 25px !important;
	    border: none;
	}
	.alert-card-responsive .bywhat .caret {
	    border-top: 7px solid;
	}

	/* responsive-modal */
	.responsive-modal .m-title{
		color: #2d3645;
	    font-size: 18px;
	    font-weight: 600;
	    text-transform: uppercase;
	    line-height: 25px;
	}
	.responsive-modal .m-name{
		color: #9d9d9d;
		font-size: 12px;
		font-weight: 600;
	}
	.responsive-modal .b-popup__tabs{
		background: #fff;
	}
	.responsive-modal .b-popup__tabs ul li a{
		background: #fff;
		color: #2e3746;
		font-weight: 600;
		font-size: 15px;
		padding: 0 20px;
		border-bottom: transparent 6px solid;
	}
	.responsive-modal .b-popup__tabs ul li .b-tab--active{
		background: #fff !important;
		color: #2e3746;
		border-bottom-color: #0473a7;
	}

	/* vehicle modal */
	.responsive-modal .b-vehicle-infos--width{
		font-size: 15px;
		color: #9d9d9d;
		line-height: 1.4;
	}
	.responsive-modal .b-vehicle-infos--width.b-font-weight--bold{
		color: #2e3746;
		font-weight: normal;
	}
	.responsive-modal .b-create-a-vehicle__blockLeft,
	.responsive-modal .b-create-a-vehicle__blockRight{
		width: 100%;
		float: none;
		padding-left: 0;
		clear: both;
	}
	.responsive-modal .b-popup--bgf2f4f7.b-block--margin + .checkbox{
		font-size: 15px;
	}

	/* vehicle, user position in modal */
	.responsive-modal .gmaps-container{
		display: none;
	}
	.responsive-modal .pos-title strong{
		font-weight: 600;
	}
	.responsive-modal .b-vehicle-infos--width.xs-font-12,
	.responsive-modal .pos-title .xs-font-12{
		font-size: 12px;
	}
	.responsive-modal .pos-title .xs-font-12 a{
		text-decoration: none;
	}
	.responsive-modal .xs-padding-normal{
		padding-left: 15px;
	}
	.xs-driver-wrp{
		margin-left: -15px;
	    margin-right: -15px;
	    background: #f3f4f8;
	    width: calc(100% + 30px);
	    padding: 25px 15px;
	}
	.xs-driver-wrp a{
		margin-left: 20px;
		text-decoration: none;
	}
	.b-detail__vehicle.xs-detail,
	.b-detail__engine.xs-detail{
		padding: 0;
	    background: none;
	    color: #0473a7;
	    font-weight: 600;
	    font-size: 12px;
	    white-space: nowrap;
	    margin-top: 20px;
	}
	.b-detail__scrollBar.xs-detail .b-homepage--text--transform{
		float: none !important;
	}
	.b-detail__scrollBar.xs-detail .b-homepage--text--transform strong{
		color: #2e3746;
	    font-size: 16px;
	    font-weight: 600;
	    display: block;
	}
	.b-detail__scrollBar.xs-detail .xs-right-info{
		color: #9d9d9d;
	    font-size: 12px;
	    font-weight: 600;
	    padding-top: 0;
	    float: left !important;
	    display: block;
	}
	.b-detail__scrollBar.xs-detail .b-detail__scrollBar__container strong,
	.b-detail__scrollBar.xs-detail .b-detail__scrollBar__container strong span{
		color: #2e3746;
	    font-size: 29px;
	    line-height: 28px;
	    font-weight: 600;
	}
	.b-detail__scrollBar.xs-detail .battery-wrp{
		text-align: right;
	}

	/* user modal */
	.user-info-modal-xs .b-ul{
		width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	    font-weight: normal;
	}
	.user-info-modal-xs.b-tab-clock1 ul li span,
	.xs-user-info-detail .b-create-a-vehicle__item1.first{
		font-size: 15px;
		color: #9d9d9d;
		line-height: 1.4;
	}
	.user-info-modal-xs.b-tab-clock1 ul li strong,
	.xs-user-info-detail .b-create-a-vehicle__item1.second,
	.xs-user-info-detail .b-create-a-vehicle__item1 .second{
		color: #2e3746;
		font-weight: normal;
		font-size: 15px;
		line-height: 1.4;
	}
	.xs-user-info-detail .b-create-a-vehicle__item1{
		font-size: 15px;
	}
	.xs-user-info-detail .b-create-a-vehicle__item1.w-135{
		width: 135px;
	}
	.xs-user-info-detail .b-create-a-vehicle__item1 .p-l-75{
		padding-left: 75px;
	}

	/* user modal stats, vehicle modal stats */
	.xs-modal-polygon{
		width: 100%;
		margin: 25px 0;
	}
	.xs-modal-polygon .b-polygon,
	.xs-modal-polygon .b-polygon--position1,
	.xs-modal-polygon .b-polygon--position2{
		float: none !important;
		margin: -28px 0 0 3px;
	}
	.xs-stats-info{
		width: 100%;
	}
	.xs-stats-info .b-homepage__item1{
		float: right;
	}
	.xs-stats-info .b-homepage__item1,
	.xs-stats-info .b-homepage__item1 span{
		font-size: 30px;
	}
	.xs-stats-info .b-homepage__item2{
		float: left;
		font-size: 16px;
		line-height: 1.3;
		padding-left: 15px;
	}
	.xs-stats-info .b-homepage__item2,
	.xs-stats-info .b-homepage__item2 strong{
		font-weight: 600;
	}
	.xs-modal-filter{
		position: relative;
	}
	.xs-modal-filter .reset-filters{
		width: 100%;
		margin-bottom: 25px;
	}
	.xs-modal-filter .reset-filters > button.reset{
		border-radius: 25px;
	    background: #e8e8e8;
	    color: #9d9d9d;
	    height: 20px;
	    line-height: 20px;
	    padding: 0 15px;
	    font-size: 10px;
	    text-transform: uppercase;
	    text-decoration: none;
	    display: inline-block;
	    color: #9d9d9d;
	}
	.xs-modal-filter.filter-form label{
		position: absolute;
		padding: 0;
		top: 40px;
	}
	.xs-modal-filter.filter-form label.first{
		left: 15px;
	}
	.xs-modal-filter.filter-form label.second{
		left: calc(50% + 4px);
	}
	.xs-modal-filter .datepicker-width input{
		background-color: #e8e8e8;
	    color: #9d9d9d;
	    border-radius: 25px !important;
	    border: none;
	    padding-left: 13px;
	    width: 100%;
	    box-sizing: border-box;
	}
	.xs-modal-filter .datepicker-width{
		width: 50% !important
	}
	.xs-modal-filter .datepicker-width.first{
		padding-right: 4px;
	}
	.xs-modal-filter .datepicker-width.second{
		padding-left: 4px;
	}

	/* xs tables, xs-tickets grid */
	.xs-data-table.table,
	.xs-ticket-item{
		max-width: calc(100% + 40px);
		margin-right: -20px;
		margin-left: -20px;
		width: calc(100% + 40px);
	}
	.xs-data-table.table{
		margin-top: -30px;
	}
	.xs-data-table.m-t-b-0{
		margin-top: 0;
		margin-bottom: 0;
	}
	.xs-ticket-item{
		padding: 10px 15px;
	}
	.xs-data-table.table>tbody+tbody {
	    border-top: 1px solid #e8e8e8;
	    display: block;
	}
	.xs-data-table.table .xs-tr-border + .xs-tr-border{
		border-top: 1px solid #e8e8e8;
	}
	.xs-data-table.table>tbody:last-child,
	.xs-ticket-item{
		border-bottom: 1px solid #e8e8e8;
	}
	.xs-data-table.table>tbody>tr{
		background: #fff !important;
		display: block;
		clear: both;
	}
	.xs-data-table.table>tbody>tr td{
		border-top: none;
		display: block;
		padding: 2px 15px !important;
	}
	.xs-data-table.table>tbody>tr td.content{
		background: #fff;
	}
	.xs-data-table td a{
		text-decoration: none !important;
	}
	.xs-data-table.table>tbody>tr td.xs-fuel,
	.xs-ticket-item .xs-fuel{
		font-size: 22px !important;
		text-align: right;
	}
	.xs-ticket-item .xs-fuel{
		line-height: 1.0;
	}
	.xs-data-table.table>tbody>tr td.xs-fuel-small,
	.xs-ticket-item .xs-fuel-small{
		font-size: 14px !important;
		text-align: right;
		float: right;
		padding-bottom: 10px !important;
	}
	.xs-data-table.table>tbody>tr td.xs-name,
	.xs-ticket-item .xs-name{
		font-size: 16px !important;
		padding-top: 10px !important;
	}
	.xs-ticket-item .xs-name{
		padding-top: 0px !important;
		font-weight: 600;
	}
	.xs-ticket-item .xs-driver,
	.xs-ticket-item .xs-grey{
		font-size: 12px;
	}
	.xs-data-table.table>tbody>tr td.xs-alert{
		color: #9d9d9d;
		text-align: right;
	}
	.xs-data-table.table>tbody>tr td.xs-grey,
	.xs-ticket-item .xs-grey{
		color: #9d9d9d;
		text-align: left;
	}
	.xs-data-table.table>tbody>tr td.xs-inline-block{
		display: inline-block;
	}

	/* tickets page */
	.filter-btn-wrp{
		background: #f3f4f8;
		padding: 15px;
		margin-right: -15px;
		margin-left: -15px;
		margin-top: -10px;
	}
	.filter-open{
		background: url(../img/filter-icon.png) no-repeat;
		cursor: pointer;
		float: right;
		background-size: cover;
		height: 21px;
		width: 25px;
	}
	.filter-modal .b-popup{
		bottom: 0;
		margin-bottom: 0;
	}
	.filter-modal .modal-body{
		background: #fff;
		height: 100%;
	}
	.filter-modal .alerts-filter.responsive .reset-filters{
		display: inline-block;
		width: auto;
		margin-bottom: 0;
	}
	.filter-modal .alerts-filter.responsive .reset-filters input,
	.filter-modal .alerts-filter.responsive button[type="submit"]{
		height: 40px;
		line-height: 40px;
		font-weight: 600;
		font-size: 14px;
		margin-top: 30px;
	}
	.filter-modal .alerts-filter.responsive .reset-filters input{
		padding: 0 25px;
		margin-right: 10px;
	}
	.filter-modal .alerts-filter.responsive button[type="submit"]{
		margin-left: 10px;
	}
	.filter-modal .filter-title{
		padding: 2px 50px 20px 60px;
		position: relative;
		color: #2d3645;
		font-weight: 600;
		font-size: 19px;
		text-transform: uppercase;
	}
	.filter-modal .filter-title::before{
		content: "";
		display: block;
		background: url(../img/filter-open-icon.png);
		background-size: cover;
		height: 20px;
		width: 25px;
		position: absolute;
		top: 4px;
    	left: 15px;
	}

	/* users page */
	.xs-users-title,
	.xs-users-title span{
		font-size: 20px;
	}
	.row.content.margin-up-20{
		margin-top: -20px;
		margin-left: -15px;
	}
	.row.content.margin-up-20 .div-table{
		padding-bottom: 0;
	}
	.p-b-xs-10{
		padding-bottom: 10px;
	}
	.xs-data-table.table tbody.table-users tr{
		border-bottom: 1px solid #e8e8e8;
	}
	.xs-data-table.table tbody.table-users tr td{
		border-top: none !important;
	}

	/* managers page */
	.xs-managers-tab{
		margin-right: -15px;
	}
	.xs-managers-tab .order{
		background: #2d3645;
		padding: 0;
		margin: 0;
	}
	.xs-managers-tab .b-managers-tanks-ts{
		padding: 0;
	}
	.xs-managers-tab .b-managers-tanks-ts li{
		font-size: 15px;
		line-height: 16px;
	    font-weight: 600;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 10px 15px;
    	border-bottom: transparent 6px solid;
	}
	.xs-managers-tab .b-managers-tanks-ts .b-managers-tanks-ts--active{
		border-bottom-color: #0473a7;
	}
	.xs-managers-item .xs-name,
	.xs-managers-item .xs-reference{
		color: #0d74aa;
	}
	.xs-managers-item .xs-reference,
	.xs-managers-item .xs-font-12{
		font-size: 13px;
		font-weight: 600;
		line-height: 1.6;
	}
	.xs-managers-item .xs-right-small{
		font-size: 15px;
		text-align: right;
		font-weight: 600;
	}

	.responsive-alerts .maintenance_on_card {
		margin: 10px;
	}

	.pos-relative {
    position: relative;
  }
  .xs-space-for-icon {
    padding-right: 65px !important;
  }
  .xs-absotule-icon {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .xs-data-table.table>tbody>tr td.xs-fuel.maintenance_enabled {
  	font-size: 12px !important;
  }
	.responsive-alerts .wait {
		margin-left: -12px;
	}
	.count-choises {
		top: -34px;
	}
	.count-choises a {
		margin-right: 5px;
		margin-left: 5px;
		color: #fff;
	}
}

@media screen and (max-width:400px){
	/* login */
	.login-type-page .b-connexion-logo{
		background-size: 80%;
	}

	/* modal tabs */
	.responsive-modal .b-popup__tabs ul li a{
		padding: 0 10px;
	}
}