html {
    height: 100%;
    width:100%;
    background-color:transparent;
}
body {
    height: 100%;
    width:100%;
    min-height: 100%;
    background-color:transparent;
}
.km-view-title { /* Added by Nia */
    background-color:#02569b;
}
.goHomeButton {
    height:32px !important;
    position: absolute !important;
    top:5px !important;
    left:0px !important;
    color:#fff;
    overflow: visible;
    text-align: left !important;
    z-index:1000;
}
.popoverMenu {
    height:40px !important;
    position: absolute !important;
    top:2px !important;
    right:0px !important;
    border:none !important;
    overflow: visible;
    text-align: left !important;
}

.popoverItems li {
    background-color:#fff !important;
    overflow: visible;
    text-align: left !important;
}
.footerContainer {
    padding:6px 12px 6px 12px !important;
    background-color:#fff;
}
.saveButton {
   
    color:#fff !important;
    background-color: #5ca3d6 !important; 
    border-radius:12px 6px 12px 6px !important;     
    font-family:'Helvetica Neue' Verdana;
    font-weight:bold;
    margin-bottom:10px;
}
.activateButton {
    height:12px;
    padding:10px 0 10px 0 !important;
    color:#fff !important;
    background-color: #22c372 !important; 
    border-radius:12px 6px 12px 6px !important;     
    font-family:'Helvetica Neue' Verdana;
    font-weight:bold;
    margin-bottom:10px;
	z-index: 2;
}
.activateCheck {
    height:20px;
    margin-top:-3px !important;
    margin-left:4px !important;
    border:2px solid #fff;
    border-radius:24px;
    position:absolute; 
}
.activateButton span {
    font-size:16px !important;
    font-weight:bold;
}
.FailPass {
    height:16px;
    padding:10px 0 10px 0 !important;
    color:#fff !important;
    background-color: #22c372 !important; 
    border-radius:12px 6px 12px 6px !important;     
    font-family:'Helvetica Neue' Verdana;
    font-weight:bold;
    margin-bottom:10px;
}
.FailPass span {
    font-size:16px !important;
    font-weight:bold;
}
.km-loading, .km-spin, .km-loading-left, .km-loading-right{
    margin-left:0px !important; 
    background-color:#FFF !important; 
}
.km-loader h1 {
    color:#FFF !important;
}
#ServiceTest .km-scroll-container {
    height:100%;
}
.ImageButton {
    text-decoration:none;
    cursor:pointer;
}
.VINData {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
    color:black;
    background-color:#DAECF4;
}
.VINDataHeader {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
    color:black;
}
.ActivationService {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
}
.ActivationServiceBig {
    white-space:nowrap !important;
    vertical-align:middle;
	font-size: 22px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
    color:#000;
    border-bottom:1px solid #dedede;
    cursor:pointer;
    /*border-style:dotted;
    border-width:1px;*/
}
.ServiceName {
    vertical-align:top;
    padding:10px 0 0 6px;
    font-size:16px;
    display:inline-block;
}
/*Kendo Custom*/
.km-done-e:after,
    .km-done-e:before
    {
        content: "\e030";
    }
    .km-cancel-e:after,
    .km-cancel-e:before
    {
        content: "\e031";
    }
.km-list-e:after,.km-list-e:before
{
    content: "\e077";
}
.km-startover-e:after,.km-startover-e:before
{
    content: "\e01c";
}

.k-textbox {
width: 9.8em;
}
/*to hide whitebackground*/
 .km-content {
        background:none;
        }
.km-text {

  font-size:10px !important;

}
.km-done-e:after,
.km-done-e:before
{
    content: "\e037";
}
/*End Kendo Custom*/
.menuItems ul li {
padding:8px;
font-size:10px;
color:#ffffff;
}
.buttonAppearance 
{
    width: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background:url("../js/kendo/styles/WebBlue/sprite.gif") repeat-x scroll 0px -2300px rgb(113, 140, 161) !important;
    background-color:red;
    border-color:white;
    color:white !important;
    float:left;         
    padding-top:4px;      
}
span.Header {
	font-size: 22px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
    color:white;
    text-shadow: 1px 1px 1px #CCCCCC;
    display: inline-block;
  /*vertical-align: middle;*/
  line-height: normal;
}
div.bar { 
    border-bottom-color: #22374a; 
    border-right: 0;
    border-left: 0;
    text-align: center;
    /*background-image:url(/Images/Back.gif);*/
    /*background-image:url(../images/tabsblue_shine.png);*/
    color:#FFF;
    background-color: #00467f;
    font-weight:bold;
    position:relative;
    background-repeat:repeat-x;
    height:44px;
}
#LogOutButton {
    line-height: 0.8 !important;
}
.dataheader {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-align:right;
}

/*--Ryan added*/
.appBackgroundMain .km-content{
    /* Editted by Nia 
    background-image:url(../images/IturanBackground.png) !important ;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;*/
    background-color:#fff;
}
.appBackgroundMain2 {
    /* Editted by Nia 
    background-image:url(../images/IturanBackground.png) !important ;
    background-size: 100% 100% !important;
    background-repeat: repeat;*/
    background-color:#fff;
}
.LoginMain .km-content{
background-color:#FFF;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
}
#logoDiv {
background-image:url(../images/IturanLogo_200.png) ;
background-repeat:no-repeat;
background-size:cover;
height:93px;
width:200px;
margin-left: auto;
margin-right: auto;
margin-top:21px;
position: relative;
}
#homecontainer {
position:absolute; top:0; bottom:0; right:0; left:0;
}
#childContainer {
height:300px;width:100%;
}
div.botBar { 
    position: fixed;
    bottom:0;
    width:100%;
    height:42px;
    line-height: 42px;
  text-align: center;
   
    background-image:url(../images/greyTab.png);
    background-repeat:repeat-x;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}

.verticalText {
    display: inline-block;
  /*vertical-align: middle;*/
  line-height: normal;
}
	#nav#full {
		display:none
	}

	nav#mobile {
	/*	background-color:#111;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);*/
		display:block;
        width: 220px;
float: right;
	}
#mmenu {
background-color:#f3f3f3;
padding:5px;

}
	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		/*line-height:28px;*/
		/*height:28px;*/
        
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile strong a {
		margin-left:30px;
		border:1px solid #444;
		padding:10px;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	nav#mobile .navicon {
		float: right;
		height: 6px;
		width: 34px;
		margin-right: 20px;
        margin-top:5px;
        top:0;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size:0;
        position:absolute;
	}

	/*
	The dropdown menu
	*/

	nav#mobile ul li {
		clear:both;
		list-style:none;
        /*background-color:#e1e2e3;*/
	}

	nav#mobile ul li a {
		display:block;
		/*background-color:#300;*/
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		/*padding:6px 0 6px 8px;*/
        text-align:left;
	}

	nav#mobile ul ul {
		font-size:small;
	}

	nav#mobile ul ul li {
		margin-left:30px;
	}

	nav#mobile ul ul a {
		/*background-color:#333;*/
		padding-left:8px;
        
	}

	nav#mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
	}
    .ui-btn-icon-right:after {

background-color: #6acdf4;
}
        .ui-btn-icon-left:after {

background-color: #6acdf4;
}
    .ui-btn-icon-right:after :hover {

background-color: #002748;
}
.SignalBarArea {
    /*height:21px;*/
    vertical-align:bottom !important;
    margin:0px;
    padding:0px;
    text-align: center;
}
.light-bar{
	/*width:22px;*/
	/*border:1px solid #CCC;*/
}
.light-bar div{
	/*display:inline-block;*/
	font-size:1px;
    vertical-align:bottom !important;
}
.Nobar  {
    background-color: transparent;
}
/*.light-bar1 {
	height:6px;
	left:0;
    background-color: rgb(80, 192, 83);
}
.light-bar2 {
	height:9px;
	left:3px;
    background-color: rgb(80, 192, 83);
}
.light-bar3 {
	height:12px;
	left:6px;
    background-color: rgb(80, 192, 83);
}
.light-bar4 {
	height:15px;
	left:9px;
    background-color: rgb(80, 192, 83);
}
.light-bar5 {
	height:18px;
	left:12px;
    background-color: rgb(80, 192, 83);
}*/
.UnitStatusSpacer {
    width: 1px;
    height: 55px;
    background-color: #5a5a59;
    margin-left: 8px;
    margin-right: 8px;
}
td.UnitStatusSpacerTD {
    width: 1% !important;
}
.SignalBarArea {
    height:21px;
    vertical-align:bottom !important;
    margin:0px;
    padding:0px;
}

.SignalBarAreaTD {
	width:20%;
    padding-bottom: 4px !important;
    vertical-align:initial;
	text-align: center;
	
}
.SignalSizer {
    /*width:38px;*/
    height:32px;
}
.SignalStrengthLabel {
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 16px;
    line-height:14px;
    font-weight: bold;
    padding-bottom: 8px;
}
.UnitStatusBar table, tr, td {
    height:64px;
    margin:0px;
    padding:0px;
    border-style:none;
    vertical-align:middle;
    background-color:transparent;
}
.UnitStatusBar td {
    height:32px;
    overflow-y:hidden;
    background-color:transparent;
    padding-top: 4px;
	width:0px;
	width:10%;
}
table.UnitStatusBar {
    /*margin-left:30px;
    margin-right:4px;*/
}
div.UnitStatusBar  {
    height:71px;
    padding:0px !important;
    margin:0px !important;
    border:none;    
    border-style:none;
    background-color:#83d5f7bf;
    /*background: url("../js/kendo/styles/WebBlue/sprite.gif") repeat-x scroll 0px -2300px rgb(113, 140, 161) !important;
    border-top-left-radius:18px;
    border-bottom-left-radius:18px;*/
    box-shadow: 1px 3px 4px #aaa !important;
    color: black;
	text-align: center;
}

   .UnitInfoLabelTD { 
   width:20%;
    padding-bottom: 4px !important;
    vertical-align:initial;
	text-align: center;
   }
.UnitInfoLabel {
    display:inline;
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 12px;
    margin-top:0px !important;
    vertical-align:middle;
    font-weight: bold;
    /*padding-bottom: 8px;*/
	width: 100px;
    display: inline-block;
}
.UnitInfoLabelImg {
    display:inline;
	display: inline-block;
}
#ccCarStat {
   /*width: 370px;*/
}
.StatusTitle {
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 16px;
    margin-top:0px !important;
    vertical-align:middle;
    font-weight: bold;
}
.GPSImg img {
    margin-top:6px;

}
.ComImg img {
    height:12px;
    margin-top:6px;
}
.SessionTitle{
	color: #5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    font-size: 16px;
    font-weight: bold;
}
.SessionImg img {
    height:12px;
    margin-top:6px;
}
.ICFImg img {
    height:12px;
    margin-top:6px;
}
.VoltageLabel {
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 16px;
    font-weight:bold;
}
.VoltageInfo {
    display:inline;
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 12px;
    margin-top:0px !important;
    vertical-align:middle;
    font-weight: bold;
    /*padding-bottom: 8px;*/
	width: 70px;
    display: inline-block;
}
.VoltageTD {
    vertical-align: initial;
	text-align: center;
	width:20%;
}
.CarVoltage {
    margin-top: 4px;
}
.GPSTD {
    vertical-align: initial;
	text-align: center;
}
.DataAgeLabel {
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 16px;
    font-weight:bold;
}
.DataAgeInfo {
   display:inline;
    color:#5a5a59;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 12px;
    margin-top:0px !important;
    vertical-align:middle;
    font-weight: bold;
    /*padding-bottom: 8px;*/
	width: 70px;
    display: inline-block;
}
#UserName {
    height: 32px;
    width: 200px;
    margin: 5px;
    font-size: 18px;
}
#Password {
    height: 32px;
    width: 200px;
    margin: 5px;
    font-size: 18px;
}
#Submit {    
    height: 32px;
    width: 200px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
	font-size: 14px;
}
.IturanDownButton {
    display:inline-block;
    border-style:solid;
    border-color: #94C0D2;
    border-width:1px;
    color: transparent !important;
    background: url("../js/kendo/styles/WebBlue/radFormSprite.png") repeat-x scroll -2px -205px #94C0D2 !important;
    border-radius: 3px;
    height: 100%;
    min-height: 1.65em;
    line-height: 2em;
    width: 1.9em;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: center;
}
.IturanComboSelect {
    min-width:200px;
    width:100%;
    min-height:200px;
    height:100%;
    vertical-align:top;
    text-align:left;
    margin-top:0px;
    padding-top:0px;
    border-color: #94C0D2;
}
.IturanComboClose{
    position: absolute !important;
    top:1px !important;
    right:1px !important;
    width:31px !important;
    height: 17px !important;
    display:inline !important;
    background-image:url(../images/close.gif) !important;
    background-color:transparent !important;
    border-style:none !important;
    border-width:0px !important;
}
.IturanComboClose30{
    position: absolute !important;
    top:1px !important;
    right:1px !important;
    width:31px !important;
    height: 28px !important;
    display:inline !important;
    background-image:url(../images/close.gif) !important;
    background-size: 100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    background-color:transparent !important;
    border-style:none !important;
    border-width:0px !important;
}
.km-footer {
    background: white!important;
}
.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}