input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow:  0 0 0px 1000px white inset;
    
}
.select-lienholder{
    background-color: green;
    color: #FFFFFF;
}
.dealstatuspending{
    font-weight: bold;
    color: red;
}
.dealstatusnormal{
    color: green;
}
.numericCol {
    text-align: right;
}
.checkAlign {
    vertical-align: middle;
    text-align: center;
}
.logocntlogin {
    width:182px;
    height:54px;
    background: url('../img/logo-white_CAN.png')no-repeat;
     margin: auto;
}
.logocnt {
     width:109px;
    height:27px;
    background: url('../img/logo-small.png')no-repeat;

}
.fiveplan {display: none;}
.has-error {color:#a94442;display: none;}
#Odometer {text-align:left;}
.errorplan {display:none;}
#vehicledata-error {display:none;}
@media (min-width: 768px){

}
.admin {display:none !important;}
#Vin{text-transform:uppercase;}


#surchargetable {border-collapse:collapse; }
#surchargetable th {background-color:#dddddd; padding:2px;}
#surchargetable tr td {border-left:1px solid #dddddd;border-right:1px solid #dddddd;padding:2px;}
#surchargetable tr {border-bottom:1px solid #dddddd;}
.surchargeheader {border-bottom:1px solid #dddddd;}
.hidecol {display:none;}

label[for=password]{display:none;color:#e42904;font-size:10px;}
.popover {
    position: relative;
    top: 0px;
    1right: none;
    1z-index: 1010;
    display: none;
    1max-width: none;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
     #vehicledata {
    1width: 400px;
    1position: absolute;
    1bottom: 160px;
    1left: 10px;
    1z-index: 2000;
    display: block;
}
     #vehicledata-home {
    1width: 450px;
    1position: absolute;
    1top: -25px;
    1left: 10px;
    1z-index: 1049;
    display: block;
}
/* Hide login name so it doesnt wrap on ipad */
@media (min-width: 768px) and (max-width: 776px) {
.login_name {display: none;}
}
@media (max-width: 766px) { 
    .fixspace {
        margin-top:30px;
        }
        
        #vehicledata {
    1width: 400px;
    1position: absolute;
    1bottom: 120px;
    1left: 10px;
    1z-index: 2000;
    display: block;
}
        
        
        
     }
.flot-tick-label {color: #a5a5a5;}
.row {margin-bottom:7px;}
body#login {background-color:#414141 !important;}

.form-signin{
	background-color:#ececec;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.1test {color:#098e1b;}
.loginheader{
	background-color:#0b62a4;
	padding: 25px 15px 15px 15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	max-width: 330px;
	margin: 90px auto 0px auto;
	color:#fff;
	text-align: center;
	font-size: 20px;
	border-bottom: 3px solid #0a3a5f;
}
.search input, select {
	margin-bottom: 5px;
}
#vehicledata {display:none;}
.modal-body {position:relative;}
#decodebtn {position:absolute;top:51px;right:25px;outline:none;}
.red {color:#e42904;}
.blue {color:#0b62a4;}
.green {color:#5cb85c;}

.yellow {color:#ffe100;}
.white {color:#fff;}

.panel-red {border-top: 3px solid #e42904;}
.panel-blue {border-top: 3px solid #0b62a4;}
.panel-green {border-top: 3px solid #5cb85c;}
.panel-yellow {border-top: 3px solid #ffe100;}

.input-red {}
.input-blue {}
.input-green {background-color:#5cb85c;}
.input-yellow {background-color:#fff8c6;}


.badge {font-family: arial !important;font-size: 10px;background-color: #B8B8B8;padding: 2px 4px 2px 4px;}
.badge a {color: #fff;text-decoration: none;outline: none;}
.viewme{display: none;background-color: #B8B8B8;margin-right:20px; }
.tc {display:inline;margin-right:20px;}
.editvehicle {position:absolute;top:8px;right:6px;}
.viewmegreen {background-color: #32dc40 !important;}
.tcgreen {
    background-color: #32dc40 !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
background-color: #95bcd7;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #95bcd7;
}
.navbar-default .navbar-nav > li > a {
	color: #dddddd;
}
.navbar-default {
	background-color: rgba(11,98,163,0.87);/*#0b62a4*/
	border-color: #e7e7e7;
}
.footersubmit {background-color: rgba(11,98,163,0.87);}
.corners {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.gbg {background-color:#69c769;margin-bottom:0px;padding:5px 0px 5px 0px;color:#fff;}
/* plan selet table styles */
.table>tbody>tr>td {border-top: none;}
.planbreak 		{border-top: 1px solid #ddd;}
.plan-right 	{text-align: right;font-weight: bold;font-size: 15px;cursor: pointer;}
.plan-info 		{font-size: 12px;color:#8d8d8d;}
#plan-purchase {display: none;}
#plan-number {font-weight: bold;1color: #ababab;}
#plan-number span {display: none;}
.highlight{background-color:#F2F2F2;}
#plan-title {font-weight: bold;}
.plan-title 	{font-weight: bold;font-size: 15px;cursor: pointer;}
.plan-details 	{padding: 10px 10px 10px 10px !important;}
.plan-details p {font-size: 14px !important;}
.table-hover > tbody > tr.planbreak:hover > td,
.table-hover > tbody > tr.plan-info:hover > td {background-color: red !important;}
.table .plan-info td 	{padding: 2px 4px 2px 4px !important;}

.yellowrow{color:#f0ad4e !important;}
.greenrow {color:#5cb85c !important;}
.fadegray {color:#dbdbdb !important;}
.table .planbreak td 	{padding: 2px !important;}

.has-errorvin {
border-color: #a94442;
1-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
1box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
color: #e42904;
}

.has-errorvin:focus {
    border-color: #a94442 !important;
    outline: 0px none;
    box-shadow: none;
}




.demo-container {
	box-sizing: border-box;
	width: 100%;
	height: 200px;
	padding: 0px;/*20px 15px 15px 15px*/
	margin: 15px auto 0px auto;
	1border: 1px solid #dedede;
	1background: #fff;
	1background: linear-gradient(#f6f6f6 0, #fff 50px);
	1background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	1background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	1background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	1background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	1box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	1-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	1-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	1-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	1-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
	width: 100%;
	height: 90%;
	font-size: 14px;
	line-height: 1.2em;
}
.knob, .knob1 {visibility: hidden;}



.charts {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.chart-responsive {
	width: 100%;
overflow: hidden;
}


#external-events {
		1float: left;
		1width: 150px;
		1padding: 0 10px;
		1border: 1px solid #ccc;
		1background: #eee;
		text-align: left;
		}
		
	#external-events h4 {
		font-size: 16px;
		margin-top: 0;
		padding-top: 1em;
		}
		
	.external-event { /* try to mimick the look of a real event */
		margin: 10px 3px;
		1padding: 2px 4px;
		1background: #3366CC;
		1color: #fff;
		1font-size: .85em;
		cursor: pointer;
		display: inline-block;
		}
		
	#external-events p {
		margin: 1.5em 0;
		font-size: 11px;
		color: #666;
		}
		
	#external-events p input {
		margin: 0;
		vertical-align: middle;
		}

	#11calendar {
		float: right;
		width: 900px;
		}
		
@-ms-viewport{ width: auto !important; }
		/* style to fix data tables plugin*/
		
table.dataTable, table.dataTable td, table.dataTable th  {font-family: arial !important;}
.modal { overflow-y: auto;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 6px !important;
    }
    
    @media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}