#contractorNo {
	margin-left: 25px;
}

.label {
	margin-left: -2px;
	font-weight: 700;
	margin-top: 5px;
	width: 30%;
	color: black;
}

.panel-group {
	margin-right: 0px;
}

.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: white;
}

.panel-heading .accordion-toggle.collapsed:after {
	content: "\e080";
}

.portlet-body #sumryfordaygrid {
	margin-right: 15px;
}

input#check-test-details:checked+label {
	right: 31px !important;
	transition: 0.5s;
	top: 105px;
}

.slide-icon-new span.icon-bar {
	top: 8px;
	right: -11px;
}

#alertsNameId+.btn-group ul {
	left: -34px !important;
}

.popover {
	z-index: 10000;
	left: initial !important;
	right: 0px !important;
}

.clockpicker-align-left.popover>.arrow {
	left: 177px !important;
}

input#check-test1:checked  ~ .display-mycheck .portlet.box.green {
	right: 0px !important;
	transition: 0.2s;
}

input:checked+label .fa.fa-close {
	display: none;
}

input:checked+label .fa.fa-pie-chart {
	display: block !important;
}

input:checked+label .icon-bell {
	display: none;
}

input:checked+label .fa.fa-close {
	display: block !important;
}

input:checked+#dispViewHtml label .fa.fa-search {
	display: none;
}

input:checked+#dispViewHtml label .fa.fa-close.serach-check {
	display: block !important;
}

.portlet.solid.green.changes-margin {
	margin-top: -12px !important;
}

#searchArea {
	right: -451px;
}

.alertout {
	margin-left: 0px;
	transition: 0.3s;
}

.alertin {
	margin-left: -274px;
	transition: 0.3s;
}

/* #Piechartid {
	left: 0px;
} */

/* #Piechartid1 {
	left: 0px;
} */
page-quick-sidebar-wrapper1 {
	transition: right .3s;
	z-index: 9994;
	position: absolute;
	top: 46px;
	bottom: 0;
	right: -320px;
	width: 270px;
}

input:checked ~ .col-lg-4.alarm-grid {
	left: -14px !important;
	transition: 0.3s;
}

.col-lg-4.alarm-grid {
	left: -375px;
}

.page-quick-sidebar-wrapper1 {
	overflow: hidden;
}

input:checked ~ .page-header .page-quick-sidebar-wrapper1 {
	right: -20px;
}

.space-tp-bt {
	/* margin-top: 15px; */
	/* margin-left: 2px;
        margin-right: 15px; */
	/*margin-left: 2px;
		margin-right: 2px; */
	padding-right: 0px;
	padding-left: 0px;
}

.btn.btn-sm.dashboard-rtl-button.alert-bt {
	margin-right: 30px;
}

#livetrackervehicle-close {
	float: right;
}

@media ( max-width : 991px) {
	#stoptrackHstry,#idletrackHstry,#Running,#Speed {
		width: 20% !important;
	}
	/* #Piechartid {
		top: 0px !important;
	} */
	.changes-margin {
		margin-top: 0px !important;
	}
	.liveTrackModelCls {
		height: 100vh !important;
	}
}

@media ( max-width : 685px) {
	#stoptrackHstry,#idletrackHstry,#Running,#Speed {
		width: 43% !important;
		margin-bottom: 5px;
	}
}

@media ( max-width : 520px) {
	#stoptrackHstry,#idletrackHstry,#Running,#Speed {
		width: 93% !important;
		margin-bottom: 5px;
	}
}

@media ( max-width : 580px) {
	#gaugeWidget {
		left: 29% !important;
		top: 46% !important;
	}
	.livetrackeroprator {
		width: 100% !important;
	}
	.gauage-bottom {
		top: 250px !important;
	}
	.round-button {
		width: 25% !important;
	}

	/* .counter{
	display:none !important;
}
.livetrackeroprator{
	width:100% !imporant;
}
.position-change .DashGaugeValue {
    position: relative !important;
    top: 202.5px !important;
    padding: 2px;
    border-radius: 0px 0px 100% 100% !important;
    text-align: center;
    width: 143px !important;
    height: 30px;
    margin: 0 auto !important;
}
.position-change{
	width:50% !important;
	margin:0 auto;
}
#LiveTrackgaugeContainer{
height: 270px !important;
    width: 259px !important;
} */
}

@media ( max-width : 321px) {
	#livetrackmob-first-col {
		left: 0% !important;
	}
	.livetrackmob-font6 {
		font-size: 11px !important;
	}
	.livetrackmob-font7 {
		font-size: 13px !important;
	}
	.centerline-livetrack {
		right: 53% !important;
	}
	/* .mobreportModalCls .nav-tabs>li>a{
		font-size: 9px !important;
	} */
	.firstpara-livemob {
		left: 1% !important;
	}
	.thirdpara-livemob {
		width: 89% !important;
		font-size: 11px !important;
	}
	#trackhistorydatetimepicker1 input {
		width: 78px;
		padding: 0px;
	}
}

@media ( max-width : 550px) {
	.media-port .fa.fa-map-marker {
		font-size: 24px !important;
		margin-left: 17px !important;
	}
	#alertmob-close {
		right: 0px;
	}
	#alertmob-close {
		right: 0px;
	}
	.pull-report-dropdown {
		float: left;
	}
	.portlet-body #sumryfordaygrid {
		margin-right: 0px;
	}
	#summaryreporytshowid #gridBox {
		padding-left: 0px;
	}
	.round-button {
		width: 73px !important;
	}
	#trackhistorydatetimepicker1 input {
		padding: 1px;
	}
	.form-group.form-md-line-input>.input-icon.right>i.fa.fa-search {
		bottom: -4px;
		left: 0px;
	}
	#trackModalCls-close {
		right: 0px;
	}
	#quick_sidebar_tab_1 .fa.fa-close {
		right: 0px;
		bottom: -3px;
	}
	.form-group.form-md-line-input.has-success.form-md-floating-label input
		{
		border-bottom: 0px !important;
		padding-left: 29px !important;
		margin-bottom: 3px;
	}
	.mapLayerView {
		left: 7px !important;
		top: 75px !important;
	}
	#outer-websocket {
		left: 40% !important;
	}
	#livetrack-closemob {
		right: 0px;
	}
	/* #livedata-main-details>span:nth-child(2n) {
		padding: 0px 4px;
	} */
	.live-tracking-details2 {
		width: 50%;
	}
	.live-tracking-details2 svg {
		width: 96px;
		float: right;
		position: relative;
		top: -22px;
	}
	.live-tracking-details2 .kph {
		right: -3%;
		font-size: 18px;
		left: unset;
		top: 26%;
	}
	#immovableassetes-modal [data-dismiss=modal] {
		right: 3px;
	}
	#livedata-main-details .fa {
		padding-right: 7px;
	}
}

@media ( max-width : 480px) {
	#gaugeWidget {
		left: 20% !important;
	}
	#digitalinputconfig {
		top: 40px !important;
	}
	#digitalinputconfig img {
		width: 90px !important;
		height: 90px !important;
	}
	#gaugeWidget1 {
		top: 24px !important;
		left: 43% !important;
	}
}

@media ( max-width : 220px) {
	#gaugeWidget {
		left: 5% !important;
	}
	.round-button {
		margin-top: 130px !important;
	}
	#digitalinputconfig {
		top: 130px !important;
		left: 64% !important;
	}
	#nearbyID {
		width: 31% !important;
		padding: 4px 0px 5px !important;
		font-size: 12px !important;
	}
	#last3Alerts {
		width: 28% !important;
		padding: 4px 0px 5px !important;
		font-size: 12px !important;
	}
	#last7odomter {
		width: 25% !important;
		padding: 4px 0px 5px !important;
		font-size: 12px !important;
	}
	span.gmloc {
		font-size: 13px !important;
	}
	#gaugeWidget {
		top: 40% !important;
	}
	#gaugeWidget1 {
		top: 24px !important;
		left: 47% !important;
	}
}

#insrtTabArea {
	left: 3.3%;
}

/*login.css*/
.container-fluid.login-main .form-group {
	margin-top: 10px;
}

.container-fluid.login-main .form-actions .md-checkbox-list,.container-fluid.login-main .form-actions .md-checkbox
	{
	display: inline !important;
}

.container-fluid.login-main .form-actions .md-checkbox label {
	padding-left: 24px !important;
}

.container-fluid.login-main .form-actions .md-checkbox-list {
	margin-left: 20px;
	color: #fff !important;
}

.container-fluid.login-main .form-actions .md-checkbox-list .box {
	border: 2px solid #fff !important;
	height: 17px !important;
	width: 17px !important;
}

.container-fluid.login-main .box-control {
	background: #211c21;
	border: 0px;
	height: 43px;
	color: #fff;
}

.container-fluid.login-main .form-actions .forget-password {
	color: #F4D642;
	float: right;
	margin-top: 9px;
	font-size: 14px;
	cursor: pointer;
}

.container-fluid.login-main .form-actions  .btn-success {
	background: #F4D642;
	Color: #FFF;
	font-weight: 600;
	padding: 10px 20px !important;
	border: 0px !important;
	font-size: 14px;
	text-transform: uppercase;
}

.container-fluid.login-main .form-group  .btn-success {
	background: #F4D642;
	Color: #FFF;
	font-weight: 600;
	padding: 10px 20px !important;
	border: 0px !important;
	float: right;
	margin-top: 10px;
	font-size: 14px;
}

.container-fluid.login-main .input-group-addon {
	border: 0px !important;
	background: #211c21;
}

.container-fluid.login-main .input-group-addon>i {
	font-size: 22px !important;
	color: #F4D642;
}

.container-fluid.login-main h1.title {
	text-align: center;
	font-size: 28px;
	font-weight: 400 !important;
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#vehiclesumryFrm .interval-left {
	padding-right: 0px;
}

#vehiclesumryFrm .interval-right {
	padding-left: 3px;
}

.main-selction {
	position: absolute;
	top: -46px;
	right: 40px;
}

div#vehiclesGrid * {
	text-align: left !important;
}

div#operatorGrid * {
	text-align: left !important;
}

div#simcardGrid * {
	text-align: left !important;
}

div#deviceGrid * {
	text-align: left !important;
}

.live-tracking-address>span:nth-child(1)>.tooltip {
	left: 34px !important;
}

#dashboardLayerView {
	position: absolute;
	top: 4%;
	left: 23% !important;
	z-index: 1;
	cursor: pointer;
	z-index: 1;
}

#trackhistoryLayerView {
	position: fixed;
	top: 69px;
	z-index: 1;
	left: 68px;
	cursor: pointer;
	z-index: 1;
	width: 6%;
}

#LiveTrackrunninghourscum {
	left: 55%
}

#mobile-alerts-icon {
	float: right;
}

/* for hajj css */
.login-logo img {
	left: 34%;
}

#firstgrid {
	padding: 0px;
}

#firstgrid .col-md-12.zero.spacing {
	padding-right: 0px;
}

#vertical-menu-bar .page-sidebar.navbar-collapse.collapse {
	border-right: 5px solid #f2f2f2;
}

#vertical-menu-bar .page-sidebar.navbar-collapse.collapse {
	height: calc(100vh - 35px) !important;
	top: 36px;
}

#vertical-menu-bar .page-sidebar-menu.page-sidebar-menu-hover-submenu.page-sidebar-menu-closed
	{
	margin-top: -50px;
}

#vertical-menu-bar .page-sidebar-menu.page-sidebar-menu-hover-submenu.page-sidebar-menu-closed
	{
	width: 36px !important;
}

#logout_sidebarId,#refreshIconHeader {
	right: 11px;
}

#vertical-menu-bar .page-sidebar-menu.page-sidebar-menu-hover-submenu.page-sidebar-menu-closed li:hover>a>.title
	{
	padding-left: 39px;
}

#vertical-menu-bar .page-sidebar-menu.page-sidebar-menu-hover-submenu.page-sidebar-menu-closed li:hover>.sub-menu
	{
	left: 46px;
}

#Manage_Fleets_sidebarId>a>span.title {
	margin: 0 17%;
}

#headerLogo1 {
	left: 1px
}

#newRefresh {
	right: 5%
}

#totalCountelement {
	right: 16%;
}

#headerLogo2 {
	right: 112px;
}

#main-menu-fafabars .fa.fa-bars {
	margin: 15px 0px 0px 33px;
}

#vertical-menu-bar .page-sidebar .page-sidebar-menu li>a {
	padding: 17px 15px 15px 4px;
}

#vehicle .vehicle-colFirst {
	padding: 0 0 0 7%;
}

#vehicle .vehicle-colFirst .name {
	margin-left: -13px;
}

#vehicle .vehicle-colSecond .name {
	margin-left: 9px;
}

#vehicle .vehicle-colThird .name {
	margin-left: -15px
}

.vehicleaccord-col4 {
	margin-left: -16px;
}

#grid-first-tab input.form-control {
	padding-left: 27px;
	padding-right: 0px;
}

#grid-second-tab input.form-control {
	padding-left: 22px;
	padding-right: 0px;
}

.form-group.form-md-line-input>.input-icon.right>i.fa.fa-search {
	bottom: -5px;
	left: -5px;
}

.viewChangeMap {
	display: block;
	top: 49%;
	right: 3%;
}

.viewNormalMap {
	display: none;
	bottom: 0;
	right: 9%;
}

.svgPopupMarkerId {
	position: relative;
	right: 1%;
}

#running-check {
	float: left;
}

.row.option-play-pause-stop {
	margin-left: 0%;
}

.track-history-play {
	border-width: 0px 0px 0 1px !important;
}

#outer-websocket {
	position: absolute;
	left: 40%;
	top: 5px;
	overflow: hidden;
	height: 25px;
	background-color: #868686;
	color: white;
	padding-left: 19px;
	padding-top: 2px;
	border-radius: 30px !important;
	width: 115px;
	z-index: 1;
}

#outer-websocket span {
	position: relative;
	left: 4%;
}

.page-quick-sidebar-wrapper.grid-view-right {
	transition: 0.3s;
	position: fixed;
	right: 0px;
	background: #21282e;
}

#livedata-tab .live-tracking-address,#livedata-tab .live-tracking-details
	{
	padding-left: 9px;
}

.mostly-customized-scrollbar ul li .media-object {
	width: 46px;
	float: left;
	border: 2px solid #877272;
	border-radius: 60px !important;
	height: 46px;
	margin-right: 6px;
	margin-top: 5px;
}

#quick_sidebar_tab_1 .mostly-customized-scrollbar,#quick_sidebar_tab_2 .mostly-customized-scrollbar
	{
	width: auto;
}

#quick_sidebar_tab_1 input,#quick_sidebar_tab_2 input {
	padding-left: 21px;
}

.form-group.form-md-line-input {
	margin: 0px;
	padding: 4px 10px;
	width: 88%;
}

#quick_sidebar_tab_1 .md-checkbox .box,#quick_sidebar_tab_2 .md-checkbox .box
	{
	top: 6px !important;
	border: 1px solid #000 !important;
	height: 12px !important;
	width: 12px !important;
}

#quick_sidebar_tab_1 .md-checkbox input[type=checkbox]:checked ~ label>.check,#quick_sidebar_tab_2 .md-checkbox input[type=checkbox]:checked 
	 ~ label>.check {
	top: 3px;
	width: 6px;
	height: 13px;
	border: 1px solid #000;
	border-top: none;
	border-left: none;
}

.alert-check {
	position: fixed;
	z-index: 10000;
	right: 20px;
	top: 54px;
	width: 50px;
	background: #89C4F4;
	height: 50px;
	border-radius: 50px !important;
}

.display-mycheck #searchArea {
	margin-bottom: 5px;
	width: 300px;
	position: fixed;
	z-index: 1000;
	transition: 0.2s;
	border: 0px;
	top: 16%;
}

.vehicleaccord-label2 {
	margin-right: 13px;
	padding: 7px;
}

.vehicleaccord-label1 {
	padding: 5px;
}

.vehicleaccord-label3 {
	padding: 6px;
}

.vehicleaccord-label2 {
	padding: 4px;
}

.vehicleaccord-col2 {
	margin-left: -13px;
}

.obdCaptionStyle {
	background-color: #702a84;
	padding-left: 6px;
	color: white;
}

.allStatus {
	width: 18%;
	position: relative;
	float: right;
	right: 0%;
	bottom: 15%;
}

#filterSearchBar {
	border-radius: 25px !important;
	border: 2px solid #b6b3c6;
	width: 70%;
	left: 10%;
}

.filterIcon {
	position: absolute;
	top: 20%;
	left: 0%
}

#live-charts-col #live-modal-icon>p {
	position: absolute;
	top: 21%;
	left: 2.5vw;
	width: auto;
}

.svgPopupMarkerId1 {
	position: relative;
	right: 2%;
}

#livedata-tab #live-modal-icon>p {
	position: absolute;
	top: 31%;
	width: auto;
	left: 2.5vw;
}

.filterIconPanelTitle {
	padding-right: 10px
}

.vehOpe-sectionShow {
	padding-left: 14px !important
}

.vehOpe-sectionHide {
	padding-left: 0px !important
}

.live1-speed,.live2-speed {
	margin-left: -3px !important;
}

.live1-LUT {
	margin-left: -6px;
}

.live1-LUT img {
	margin-right: -6px;
}

.live-ltt img {
	margin-right: -5px;
}

.livetodayodo,.live-totodo {
	margin-left: -3px;
}

#pttbtn {
	right: 3%;
	position: fixed;
}

.live-locupdtime {
	margin-left: -8px;
}

.live-ltt {
	margin-left: -6px;
}

#grid-first-tab svg.media-object {
	background: #fff;
	width: 48px !important;
	height: 48px !important;
	position: relative;
	top: -15px;
	left: 2px;
}

#operatorImg {
	left: 15px;
}

#passengerImg {
	left: 30px;
}

#passengerProblemImg {
	left: 40px;
}

#preventiveSplit {
	width: 45%;
	position: relative;
	float: left;
}

#preventiveBtn {
	width: 55%;
	position: relative;
	float: left;
}

#generatorpreventivereset {
	float: left;
}

#pttLiveOffline {
	left: 7%;
}

#brokenCountelement {
	right: 22%;
}

#passengerproblemCountelement {
	right: 16%;
}

.mostly-customized-scrollbar.vehicles ul#dashboardVehicles li .md-checkbox
	{
	left: 16px;
}