* {
    -webkit-text-size-adjust: auto;
}

html { height: 100%; }

body { background: #fff url(images/body_bg.png) repeat-x; font-family: 'modern_hlight'; height: 100% !important; }

a { color: #777; }
	a:hover { text-decoration: none; opacity: 0.8; }
/**cover bootstrap**/
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { padding-left: 10px; }

.btn-default { border: 1px solid #c7c8ca; color: #212121; padding-left: 30px; padding-right: 30px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #c7c8ca #c7c8ca #c7c8ca; border-bottom-color: #a3a3a5; }

.close { font-size: 35px; }
/**for Workshop status**/
#dialogChangeJobStatus .radio input { position: relative; margin-right: 10px; }
#dialogChangeAddJobStatus .radio input { position: relative; }
/* for datetime pick hide year select*/
.datetimepicker-hours thead,
.datetimepicker-minutes thead { display: none; }
.datetimepicker-hours tbody td,
.datetimepicker-minutes tbody td { width: 250px; }
/**for all textarea**/
textarea { resize: none; }
/***********************************************/
.form-horizontal { font-size: 12px; }
	.form-horizontal .control-label { font-weight: normal; color: #7f7f7f; padding-right: 0; font-family: Arial, Helvetica, sans-serif; }
.form-control { background: #f8f8f8; border: 1px solid #cdcdcd; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;padding:6px 5px; }
/*.navbar-brand { height:100px; padding: 0px 15px; overflow:hidden; }
.navbar-brand img { width:115px; height:100px; }
.navbar { min-height: 100px; border-radius: 0; }
.navbar-default .navbar-text { margin:0; font-size:42px; color:#6a757b; line-height:100px; white-space: nowrap; }*/
.navbar-default { background-color: transparent; border-color: transparent; }


/* Generic text colour changes*/ 
.text-black {
    color:#000000;
}
/************************************/

@media (min-width:768px) {
	.navbar-default { padding-top: 20px; padding-bottom: 30px; }
	.navbar-brand { height: 100px; padding: 0px 15px; overflow: hidden; }
		.navbar-brand img { width: 115px; height: 100px; }
	.navbar { min-height: 100px; border-radius: 0; }
	.navbar-default .navbar-text { margin: 0; font-size: 24px; color: #6a757b; line-height: 100px; white-space: nowrap; }
	.navbar-right { padding-top: 28px; }
}

@media screen and (max-width:767px) {
	.navbar-default { padding-top: 10px; }
	.navbar-brand { height: 80px; padding: 0px 15px; overflow: hidden; text-align: center; }
		.navbar-brand img { width: 92px; height: 80px; display: block; float: none; margin: 0 auto; }
	.navbar-default .navbar-text { /*	text-align:center;
	margin-top:90px;*/ font-size: 24px; }
	.bg-darkblue { text-align: center; }
}
/*.navbar-btn { margin:0; }*/
.btn-logout { background: #6d6d6d; /*border-radius:0; height:50px;*/ }
	.btn-logout a { color: #fff; }
		.btn-logout a:hover { color: #7f7f7f; }
.navbar-nav > li { text-align: right; }
.tab-content { padding: 20px 0; }
.form-horizontal .control-label.text-black { color: #000; }
.margin-no { margin-bottom: 0; }
.panel-body .panel-title { color: #333; padding-bottom: 15px; font-family: 'modern_hlight'; font-size: 18px; }
.label-default { opacity: 0.6; }
/*table*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { border-top: 1px solid #d5d5d5; color: #666; padding: 0 8px; vertical-align: middle; font-weight: normal; font-size: 14px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th { color: #333; }
.table > thead > tr > th { border-bottom: 1px solid #d5d5d5; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { /*font-family:'modern_hlight';*/ border-top: 1px solid #ddd; padding: 5px 8px; vertical-align: top; font-weight: normal; color: #646464; font-size: 12px; background: #fbfbfb; }
.table-bordered > thead > tr > th { border-bottom: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th { background: #b3b3b3; padding: 5px 8px; color: #fff; }
.table-check > tbody > tr > td:first-child { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #8d8d8d; }
/*pagination*/
.pagination > li > a,
.pagination > li > span { border: none; background: none; color: #999999; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { border-radius: 20px; border: 3px solid #4f81bd; background: #fff; color: #4f81bd; padding: 2px 8px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { border-radius: 20px; background: #d9d9d9; }
.pagination > li > a,
.pagination > li > span { padding: 2px 8px; margin-left: 5px; border-radius: 20px; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { background: none; }
/************* LOGIN PAGE*************************************************** *************/
.header_signin { min-height: 80px; background: #001f39; color: #fff; margin-bottom: 20px; }
.bg-darkblue { padding: 17px; padding-left: 50px; font-size: 36px; }
.bg-white { background: #fff; padding: 17px 10px; text-align: center; }
.form-signin { max-width: 350px; padding: 25px 30px 15px 30px; margin: 0 auto; background: #e7e7e7; border-radius: 20px; color: #777; }
.hr-signin { border-bottom: 2px solid #aeaeae; }
.btn-signin { background: #59aaf1; color: #fff; border-color: #fff; padding: 10px 30px; border-radius: 8px; }
	.btn-signin a { color: #fff; }
	.btn-signin:hover { background: #3497ee; border-color: #fff; }
.form-signin .control-label { text-transform: uppercase; }
/************* INDEX PAGE ***********************************************************/
.well { font-size: 16px; }

	.well .active { color: #bfbfbf; }
/************* Reservation Management Queue  PAGE ***********************************************************/
.table > tbody > tr > td.border-no { border-top: none; }
/*panel*/
.panel { background-color: transparent; box-shadow: none; }

.panel-default > .panel-heading { /*background-color:#f0f0f0; background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff)); background-image:-webkit-linear-gradient(top, #f0f0f0 0, #ffffff 100%); background-image:-o-linear-gradient(top, #f0f0f0 0, #ffffff 100%); background-image:linear-gradient(to bottom, #f0f0f0 0, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);
background-repeat:repeat-x;*/ color: #333; background-color: transparent; border-color: transparent; }

.panel-default { border-color: transparent; }
.input-text-16 { font-size: 16px !important; }
/************* Customer Check In PAGE *********************************************************************************************************/
/*inside tabs*/
.inside.nav-tabs > li > a { text-transform: uppercase; border: 1px solid #bfbfbf; border-radius: 4px 4px 0 0; padding: 8px 20px; font-size: 14px; /*background-color:#bfbfbf; background-image:-webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#fefefe)); background-image:-webkit-linear-gradient(top, #bfbfbf 0, #fefefe 100%); background-image:-o-linear-gradient(top, #bfbfbf 0, #fefefe 100%); background-image:linear-gradient(to bottom, #bfbfbf 0, #fefefe 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#fefefe', GradientType=0);*/ font-family: 'modern_hlight'; }

.inside.nav-tabs > li.active > a,
.inside.nav-tabs > li.active > a:hover,
.inside.nav-tabs > li.active > a:focus { background: #efefef !important; border: 1px solid #bfbfbf; border-bottom-color: #fff !important; /*background-color:#828282; background-image:-webkit-gradient(linear, left top, left bottom, from(#828282), to(#fbfbfb)); background-image:-webkit-linear-gradient(top, #828282 0, #fefefe 100%); background-image:-o-linear-gradient(top, #828282 0, #fbfbfb 100%); background-image:linear-gradient(to bottom, #828282 0, #fbfbfb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#fbfbfb', GradientType=0);*/ }

.inside.nav-tabs { border-bottom: 1px solid #bfbfbf; }

.table-inspection.table > thead > tr > th,
.table-inspection.table > tbody > tr > th,
.table-inspection.table > tfoot > tr > th,
.table-inspection.table > thead > tr > td,
.table-inspection.table > tbody > tr > td,
.table-inspection.table > tfoot > tr > td { padding: 8px; }
/*icons**************************************************************************************************************************************/
.icon { background: url(images/icons.png) center center no-repeat; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-right: 5px; }
.icon_aw { margin-right: 0px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; }
.form-group div.icon_container { margin-top: 0px; padding: 0px; }
.icon_container { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; zoom: 1; }

.icon_stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.icon-eVHC { background-position: 0 0; cursor: pointer; }
.icon-Repair { background-position: 0 -50px; cursor: pointer; }
.icon-Service { background-position: 0 -100px; cursor: pointer; }
.icon-MOT { background-position: 0 -150px; cursor: pointer; }
.icon-Valet { background-position: 0 -200px; cursor: pointer; }
.icon-QCheck { background-position: 0 -250px; cursor: pointer; }
.icon-QCheck-small{ background:url(images/icon-QCheck.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-Paused-small{ background:url(images/icon-paused.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-Repair-small{ background:url(images/icon-Repair.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-Service-small{ background:url(images/icon-Service.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-MOT-small{ background:url(images/icon-MOT.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-Valet-small{ background:url(images/icon-Valet.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-eVHC-small{ background:url(images/icon-eVHC.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-HandOver-small{ background:url(images/icon-handover.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-Extra-small{ background:url(images/icon-Extra.png) no-repeat; width:50px; height:50px;background-size: 50px 50px; display:inline-block; vertical-align:middle; }
.icon-jobs-xs {width:16px;height:16px;background-size: 16px 16px;}
.icon-Waiting-small{ background:url(images/icon-Waiting.png) no-repeat; width:16px; height:16px;background-size: 12px; display:inline-block; vertical-align:middle; }
.icon-Addition-small { background:url(images/icon-Addition.png) no-repeat; width:16px; height:16px;background-size: 12px; display:inline-block; vertical-align:middle; }

.icon-key { background-position: 0 -350px; cursor: pointer; }
.icon-eVHC.off { background-position: -50px 0px; }
.icon-eVHC.red { background-position: -200px 0px; }
.icon-eVHC.green { background-position: -250px 0px; }
.icon-Repair.off { background-position: -50px -50px; }
.icon-Repair.red { background-position: -200px -50px; }
.icon-Repair.green { background-position: -250px -50px; }
.icon-Service.off { background-position: -50px -100px; }
.icon-Service.red { background-position: -200px -100px; }
.icon-Service.green { background-position: -250px -100px; }
.icon-MOT.off { background-position: -50px -150px; }
.icon-MOT.red { background-position: -200px -150px; }
.icon-MOT.green { background-position: -250px -150px; }
.icon-Valet.off { background-position: -50px -200px; }
.icon-Valet.red { background-position: -200px -200px; }
.icon-Valet.green { background-position: -250px -200px; }
.icon-QCheck.off { background-position: -50px -250px; }
.icon-QCheck.red { background-position: -200px -250px; }
.icon-QCheck.green { background-position: -250px -250px; }
.icon-key.off { background-position: -50px -350px; }
.icon-key.red { background-position: -200px -350px; }
.icon-key.green { background-position: -250px -350px; }
.icon-Addtional { background-position: 0 -300px; cursor: pointer; }
	.icon-Addtional.off { background-position: -50px -300px; }

.icon.hide { background: none; display: none; }
.icon-start-time { background-position: -150px 0; width: 40px; height: 40px; }
.icon-end-time { background-position: -150px -50px; width: 40px; height: 40px; }
.icon-model { background-position: -100px -100px; width: 50px; height: 50px; cursor: pointer; }
.icon-model-small { background-position: -150px -100px; width: 30px; height: 30px; }
.icon-date { background-position: -100px -350px; width: 50px; height: 50px; cursor: pointer; }
.icon-note { background-position: -150px -250px; width: 45px; height: 45px; }
/*.icon-user { background-position: -100px -50px; width: 50px; height: 50px; }*/
.icon.icon-user { background:url(images/icons_tv_small.png) center center no-repeat; display:inline-block; vertical-align:middle; width:50px; height:50px; cursor:pointer;  background-position: -450px -200px;}

.icon-jobnumber{background-position:-100px -400px;  width: 50px; height: 50px;}
.icon-tool { background-position: -100px -150px; width: 50px; height: 50px; }
.icon-tool-small { background-position: -100px -150px; width: 30px; height: 30px; }
.icon-status { background-position: -100px -200px; width: 50px; height: 50px; }
.icon-status-uncompleted { background-position: -100px -250px; width: 50px; height: 50px; }
.icon-handover { background-position: -300px -150px; width: 50px; height: 50px; }
.icon-home { background-position: -100px 0; margin-right: 10px; width: 50px; height: 50px; }
.icon-green-circle,
.icon-orange-circle,
.icon-red-circle,
.icon-gray-circle { background: none; background-color: #009846; border-radius: 20px; width: 20px; height: 20px; }
.icon-orange-circle { background-color: #ef7f1a; }
.icon-red-circle { background-color: #e31e24; }
.icon-gray-circle { background-color: #b2b3b3; }

.icon-hces {
    background:url(Images/icon-hces.png) center center no-repeat; 
    display:inline-block; 
    vertical-align:middle; 
    width:50px;
    height:50px; 
    cursor:pointer;
}

.icon-hces-large {
    background:url(Images/icon-hces-large.png) center center no-repeat; 
    display:inline-block; 
    vertical-align:middle; 
    width:50px;
    height:50px; 
    cursor:pointer;
}



.registration { background: url(images/registration_bg.png) no-repeat; background-size: 150px; width: 165px; height: 40px; display: inline-block; vertical-align: middle; font-size: 26px; line-height: 35px; white-space: nowrap; padding: 0 5px 0 20px; margin: 5px 0; cursor: pointer; /**/ color: #4d4b4b; font-size: 24px; letter-spacing: -2px; white-space: nowrap; font-weight: lighter; cursor: pointer; font-family: uknumberplateregular; }
.registration-black { background: url(images/registration_bg_black.png) no-repeat; background-size: 150px; width: 165px; height: 40px; display: inline-block; vertical-align: middle; font-size: 26px; line-height: 35px; white-space: nowrap; padding: 0 5px 0 20px; margin: 5px 0; cursor: pointer; /**/ color: #4d4b4b; font-size: 24px; letter-spacing: -2px; white-space: nowrap; font-weight: lighter; cursor: pointer; font-family: uknumberplateregular; }
.searchCheckIn { background: url(images/searchCheckIn.png) no-repeat; width: 45px; height: 45px; display: inline-block; vertical-align: middle; }

a span.registration { font-family: 'modern_hlight'; text-transform: uppercase; background-size: 150px 30px; height: 30px; margin-bottom: 0; letter-spacing: 0; font-size: 18px; padding-left: 0; line-height: 30px; text-align: center; font-weight: bold; }
a span.registration-black { font-family: 'modern_hlight'; text-transform: uppercase; background-size: 150px 30px; height: 30px; margin-bottom: 0; letter-spacing: 0; font-size: 18px; padding-left: 0; line-height: 30px; text-align: center; font-weight: bold; }

#schedulerContainer th span.registration {padding:0;}
#schedulerContainer td span.registration { font-family: 'modern_hlight'; text-transform: uppercase; background-size: 150px 30px; height: 30px; margin-bottom: 0; letter-spacing: 0; font-size: 18px; padding-left: 0; line-height: 30px; text-align: center; font-weight: bold; }
#schedulerContainer td span.registration-black { font-family: 'modern_hlight'; text-transform: uppercase; background-size: 150px 30px; height: 30px; margin-bottom: 0; letter-spacing: 0; font-size: 18px; padding-left: 0; line-height: 30px; text-align: center; font-weight: bold; }


.icon-flag { background-position: -150px -350px; width: 50px; height: 50px; }
.icon-status-waitting { background-position: -200px -300px; width: 50px; height: 50px; }
.icon-status-complete { background-position: -150px -300px; width: 50px; height: 50px; }
.icon-status-progress { background-position: -100px -300px; width: 50px; height: 50px; }
/*modal*******************************************************************************************************************/
.modal-backdrop { z-index: 10; }
.modal-content { border: 1px solid #d5d5d5; background: #fff url(images/model_bg.png) repeat-x; }
.modal-header { padding: 20px 30px; font-family: 'modern_hlight'; border-bottom: none; text-align: right; min-height: 122px; background: url(images/model_logo_nostrapline.png) 20px 30px no-repeat; box-sizing: content-box; }
.modal-title { font-size:24px; line-height:122px; text-align:left; text-indent:150px;  text-transform:uppercase; }
.modal-body { color: #565454; font-size: 32px; padding: 20px 30px 50px 30px; }
	.modal-body h1 { color: #7c7c7c; font-size: 38px; text-transform: uppercase; margin-bottom: 40px; }
.modal-footer { border-top: none; padding: 20px 30px; }
.btn-authorise { color: #797978; font-size: 32px; text-transform: uppercase; /*padding:20px 60px;*/ }

/***media*************************************************************************************************/
.media-body{ font-size:16px; line-height:1.5em; margin-bottom:20px; }

/*index*********************************************************************************/
.dashboard { padding-top: 200px; }
.panel-box { text-align: center; }
.panel-box .bottom h2 { margin: 0; font-size: 14px; color: #576169; font-weight: bold; margin: 10px auto; min-height: 30px;}

.glyphicon-edit:before,
.glyphicon-ok-sign:before,
.glyphicon-tasks:before,
.glyphicon-bell:before,
.glyphicon-tags:before,
.glyphicon-user:before { content: ""; }

.glyphicon-edit { background: url(images/home_reservation.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-ok-sign { background: url(images/home_checkin.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-tasks { background: url(images/home_progress.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-bell { background: url(images/home_notifications.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-tags { background: url(images/home_menupricing.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-user { background: url(images/home_administration.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-backtohome { background: url(images/home_backtohome.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-jobsearch { background: url(images/home_jobsearch.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-additionalwork { background: url(images/home_additionalwork.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-usergroups { background: url(images/home_usergroups.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-tvpassword { background: url(images/home_tvpassword.png) no-repeat; width: 140px; height: 140px; }
.glyphicon-support { background:url(images/home_support.png) no-repeat; width:140px; height:140px; }
.glyphicon-schedule { background:url(images/home_schedule.png) no-repeat; width:140px; height:140px; }
.glyphicon-bay { background:url(images/home_bay.png) no-repeat; width:140px; height:140px; }
.glyphicon-sms { background:url(images/home_sms.png) no-repeat; width:140px; height:140px; }
.glyphicon-settings { background:url(images/home_settings.png) no-repeat; width:140px; height:140px; }
.glyphicon-imagesmanagement { background:url(images/home_imagesmanagement.png) no-repeat; width:140px; height:140px; }
.glyphicon-notificationtype { background:url(images/home_notificationtype.png) no-repeat; width:140px; height:140px; }
.glyphicon-notificationtypegroup { background:url(images/home_notificationtypegroup.png) no-repeat; width:140px; height:140px; }
.glyphicon-techniciansettings { background:url(images/home_techniciansettings.png) no-repeat; width:140px; height:140px; }
.glyphicon-qcheck { background:url(images/home_qcheck.png) no-repeat; width:140px; height:140px; }
.glyphicon-handoverreport{ background:url(images/home_handoverreport.png) no-repeat; width:140px; height:140px; }
.glyphicon-anpr { background:url(images/home_anpr.png) no-repeat; width:140px; height:140px; }
.glyphicon-download { background:url(images/home_download.png) no-repeat; width:140px; height:140px; }
.glyphicon-onlinebooking { background:url(images/home_onlinebooking.png) no-repeat; width:140px; height:140px; }
.glyphicon-screen { background:url(images/home_screen.png) no-repeat; width:140px; height:140px; }
.glyphicon-dashboardicon { background:url(images/home_Dashboard.png) no-repeat; width:140px; height:140px; }
.glyphicon-welcome { background:url(images/home_welcome.png) no-repeat; width:140px; height:140px; }
.glyphicon-receptionlandscape { background:url(images/home_receptionlandscape.png) no-repeat; width:140px; height:140px; }
.glyphicon-receptionportrait { background:url(images/home_receptionportrait.png) no-repeat; width:140px; height:140px; }
.glyphicon-receptionLR { background:url(images/home_receptionLR.jpg) no-repeat; width:140px; height:140px; }
.glyphicon-workshopHD { background:url(images/home_workshopHD.png) no-repeat; width:140px; height:140px; }
.glyphicon-workshopLR { background:url(images/home_workshopLR.png) no-repeat; width:140px; height:140px; }
.glyphicon-partsHD { background:url(images/home_partsHD.png) no-repeat; width:140px; height:140px; }
.glyphicon-partsLR { background:url(images/home_partsLR.jpg) no-repeat; width:140px; height:140px; }
.glyphicon-valetHD { background:url(images/home_valetHD.png) no-repeat; width:140px; height:140px; }
.glyphicon-valetLR { background:url(images/home_valetLR.png) no-repeat; width:140px; height:140px; }
.glyphicon-authorisestatus{ background:url(images/home_authorisestatus.png) no-repeat; width:140px; height:140px; }
.glyphicon-smstemplate{ background:url(images/home_smstemplate.png) no-repeat; width:140px; height:140px; }
.glyphicon-upload{ background:url(images/home_upload.png) no-repeat; width:140px; height:140px; }
.glyphicon-manually-checkin{ background:url(images/home_manually-checkin.png) no-repeat; width:140px; height:140px; }
.glyphicon-smsaccountsetting{ background:url(images/home_smsaccountsetting.png) no-repeat; width:140px; height:140px; }
.glyphicon-report{ background:url(images/home_report.png) no-repeat; width:140px; height:140px; }
.glyphicon-dealergroup { background:url(images/home_dealergroup.png) no-repeat; width:140px; height:140px; }
.glyphicon-purge { background:url(images/home_purge.png) no-repeat; width:140px; height:140px; }
.glyphicon-groupaccess { background:url(images/home_groupaccess.png) no-repeat; width:140px; height:140px; }
.glyphicon-my360 { background:url(images/home_my360.png) no-repeat; width:140px; height:140px; }
.glyphicon-ici{ background:url(images/home_iCI.png) no-repeat; width:140px; height:140px; }
.glyphicon-report-timeline{ background:url(images/report_timeline.png) no-repeat; width:140px; height:140px; }
.glyphicon-customer-status-wait { background:url(Images/workshopicons/Customer-status-wait.png) no-repeat; width:20px;height:20px; }
.glyphicon-customer-status-loan { background:url(Images/workshopicons/Customer-status-loan.png) no-repeat; width:20px;height:20px; }
.glyphicon-customer-status-courtesy { background:url(Images/workshopicons/Customer-status-courtesy.png) no-repeat; width:20px;height:20px; }
.glyphicon-customer-status-pickup { background:url(Images/workshopicons/Customer-status-pickup.png) no-repeat; width:20px;height:20px; }

.btn-group .btn-default { font-size:14px; color:#576169; font-weight:bold; }
.btn-group .btn-default { font-size: 14px; color: #576169; font-weight: bold; }
footer { bottom: 0; height: 149px; margin-top: -149px; position: relative; clear: both; width: 100%; background: #fff; padding: 20px 0; }

.logo-strapline-large { background: url(images/logo_strapline.png); background-size: 777px 160px; -moz-background-size: 777px 160px; background-repeat: no-repeat; height: 160px; width: 777px; }

.logo-right-large { background: url(images/login_top_logo.png); background-size: 335px 100px; background-repeat: no-repeat; display: block; height: 100px; width: 335px; float: right; }
.logo-right-large-hyu { background: url(images/logo-hyu-screen.png); background-size: 335px 46px; background-repeat: no-repeat; display: block; height: 46px; width: 335px; float: right; }

.footer { min-height: 100px !important; }

.logo-strapline { background: url(images/logo_strapline.png); background-size: 528px 109px; -moz-background-size: 528px 109px; background-repeat: no-repeat; height: 109px; width: 528px; margin: 0px auto; }

.logo-right { float: right; background: url(images/login_top_logo.png); background-size: 200px 60px; background-repeat: no-repeat; display: block; height: 60px; width: 200px; }
.logo-right-hyu { float: right; background: url(images/logo-hyu.png); background-size: 200px 60px; background-repeat: no-repeat; display: block; height: 60px; width: 200px; }

.text-muted { color: #818c93; }

	.text-muted:hover { color: #98a3ab; cursor: pointer; }

.dropdown-menu > li > a { font-weight: bold; }

.logo-right-bottom {
      position: absolute;
  right: 80px;
  top: 30px;
}
.logo-right-bottom-nostrapline {
    position: absolute;
  right: 40px;
  top: 55px;
}
/**********home index layout*******/

.form-horizontal .control-label { font-family: "modern_hlight"; }
.form-control { font-family: "modern_hlight"; }
.noPoint { cursor: default; }
a.noPoint:hover { text-decoration: none; }
.margin-top-35 { margin-top: 35px; }
.table-bordered > tbody > tr > td { vertical-align: bottom; }

/***Workshop************************** new design 2014-12-11********************************/
.tv { width: 1920px; padding-top: 20px; min-height: 900px; }

	.tv span.icon-tv { cursor: inherit; }
	/*.navbar-fixed-bottom { right:20px; left:20px; vertical-align:middle }*/
	.tv h1 { font-size: 48px; }

.table-workshop > thead > tr > th,
.table-workshop > tbody > tr > th,
.table-workshop > tfoot > tr > th,
.table-workshop > thead > tr > td,
.table-workshop > tbody > tr > td,
.table-workshop > tfoot > tr > td { color: #666; padding: 15px 10px; vertical-align: middle; font-weight: bold; font-size: 24px; background-color: #d3d2d2; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d2d2), to(#ffffff)); background-image: -webkit-linear-gradient(top, #d3d2d2 0, #ffffff 100%); background-image: -o-linear-gradient(top, #d3d2d2 0, #ffffff 100%); background-image: linear-gradient(to bottom, #d3d2d2 0, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d2d2', endColorstr='#ffffff', GradientType=0); }

.table-workshop > thead > tr > th,
.table-workshop > tbody > tr > th,
.table-workshop > tfoot > tr > th { color: #333; padding: 15px 10px; background: none; }
.table-workshop > tbody > tr > td.text-lighter { color: #a7aeb4; }

.registration-tv { background: url(images/registration_bg.png) no-repeat; width: 273px; height: 60px; line-height: 60px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 48px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; }
.registration-tv-black { background: url(images/registration_bg_black.png) no-repeat; width: 273px; height: 60px; line-height: 60px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 48px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; }

.icon-tv { background: url(images/icons_tv_small.png) center center no-repeat; display: inline-block; vertical-align: middle; width: 50px; height: 50px; cursor: pointer; }

.icon-eVHC.waiting { background-position: 0 0; }
.icon-Repair.waiting { background-position: -50px 0; }
.icon-Service.waiting { background-position: -100px 0; }
.icon-MOT.waiting { background-position: -150px 0; }
.icon-Valet.waiting { background-position: -200px 0; }
.icon-QCheck.waiting { background-position: -250px 0; }
.icon-Handover.waiting { background-position: -300px 0; }
.icon-Handover.paperwork { background-position: -300px -200px; }
.icon-eVHC.inprogress { background-position: 0 -50px; }
.icon-eVHC.paused { background-position: 0 -100px; }
.icon-eVHC.completed { background-position: 0 -150px; }
.icon-Repair.inprogress { background-position: -50px -50px; }
.icon-Repair.paused { background-position: -50px -100px; }
.icon-Repair.completed { background-position: -50px -150px; }
.icon-Service.inprogress { background-position: -100px -50px; }
.icon-Service.paused { background-position: -100px -100px; }
.icon-Service.completed { background-position: -100px -150px; }
.icon-MOT.inprogress { background-position: -150px -50px; }
.icon-MOT.paused { background-position: -150px -100px; }
.icon-MOT.completed { background-position: -150px -150px; }
.icon-Valet.inprogress { background-position: -200px -50px; }
.icon-Valet.paused { background-position: -200px -100px; }
.icon-Valet.completed { background-position: -200px -150px; }
.icon-QCheck.inprogress { background-position: -250px -50px; }
.icon-QCheck.paused { background-position: -250px -100px; }
.icon-QCheck.completed { background-position: -250px -150px; }
.icon-Handover.inprogress { background-position: -300px -50px; }
.icon-Handover.paused { background-position: -300px -100px; }
.icon-Handover.completed { background-position: -300px -150px; }
.icon-Addtional { background-position: 0 -300px; cursor: pointer; }
.icon-Addtional.off { background-position: -50px -300px; }
.icon-tv.icon-Addtional.waiting { background-position: -350px 0; }
.icon-tv.icon-Addtional.inprogress { background-position: -350px -50px; }
.icon-tv.icon-Addtional.paused { background-position: -350px -100px; }
.icon-tv.icon-Addtional.completed { background-position: -350px -150px; }
.icon-tv.icon-Addtional.awaitingquote{ background-position:-350px -200px;}
.icon-tv.icon-Addtional.authorised{ background-position:-350px -250px;}
.icon-dtu{background-position:-450px 0; }
.icon-tagnumber{background-position:-450px -50px; }
.icon-technician{background-position:-450px -100px;}
.icon-wsjobnumber{background-position:-450px -150px; }
.icon-wsuser{background-position:-450px -200px;}
.icon-authorisationPending{ background-position: -200px -400px; width: 40px; height: 40px;}
.icon-authorisationRejected{ background-position: -200px -450px; width: 40px; height: 40px;}
.icon-authorisationAccepted { background-position: -250px -450px; width: 40px; height: 40px;}
.icon-creatingQuotation{ background-position: -200px -500px; width: 40px; height: 40px;}
.icon-callbackRequested{ background-position: -200px -550px; width: 40px; height: 40px;}
.icon-partiallyAuthorised{background-position: -250px -400px; width: 40px; height: 40px;}
.icon-tv.icon-eVHCplus.inprogress{background-position:-350px -50px;}
.icon-enter{background:url(Images/icon-enter.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}
.icon-exit{background:url(Images/icon-exit.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}


#schedulerContainer.tv .icon-tv { background: url(images/icons_tv_small.png) center center no-repeat; display: inline-block; vertical-align: middle; width: 50px; height: 50px; cursor: default; }
#schedulerContainer.tv .icon-eVHC.waiting { background-position: 0 0; }
#schedulerContainer.tv .icon-Repair.waiting { background-position: -50px 0; }
#schedulerContainer.tv .icon-Service.waiting { background-position: -100px 0; }
#schedulerContainer.tv .icon-MOT.waiting { background-position: -150px 0; }
#schedulerContainer.tv .icon-Valet.waiting { background-position: -200px 0; }
#schedulerContainer.tv .icon-QCheck.waiting { background-position: -250px 0; }
#schedulerContainer.tv .icon-Handover.waiting { background-position: -300px 0; }
#schedulerContainer.tv .icon-eVHC.inprogress { background-position: 0 -50px; }
#schedulerContainer.tv .icon-eVHC.paused { background-position: 0 -100px; }
#schedulerContainer.tv .icon-eVHC.completed { background-position: 0 -150px; }
#schedulerContainer.tv .icon-Repair.inprogress { background-position: -50px -50px; }
#schedulerContainer.tv .icon-Repair.paused { background-position: -50px -100px; }
#schedulerContainer.tv .icon-Repair.completed { background-position: -50px -150px; }
#schedulerContainer.tv .icon-Service.inprogress { background-position: -100px -50px; }
#schedulerContainer.tv .icon-Service.paused { background-position: -100px -100px; }
#schedulerContainer.tv .icon-Service.completed { background-position: -100px -150px; }
#schedulerContainer.tv .icon-MOT.inprogress { background-position: -150px -50px; }
#schedulerContainer.tv .icon-MOT.paused { background-position: -150px -100px; }
#schedulerContainer.tv .icon-MOT.completed { background-position: -150px -150px; }
#schedulerContainer.tv .icon-Valet.inprogress { background-position: -200px -50px; }
#schedulerContainer.tv .icon-Valet.paused { background-position: -200px -100px; }
#schedulerContainer.tv .icon-Valet.completed { background-position: -200px -150px; }
#schedulerContainer.tv .icon-QCheck.inprogress { background-position: -250px -50px; }
#schedulerContainer.tv .icon-QCheck.paused { background-position: -250px -100px; }
#schedulerContainer.tv .icon-QCheck.completed { background-position: -250px -150px; }
#schedulerContainer.tv .icon-Handover.inprogress { background-position: -300px -50px; }
#schedulerContainer.tv .icon-Handover.paused { background-position: -300px -100px; }
#schedulerContainer.tv .icon-Handover.completed { background-position: -300px -150px; }
#schedulerContainer.tv .icon-Addtional { background-position: 0 -300px; }
#schedulerContainer.tv .icon-Addtional.off { background-position: -50px -300px; }
#schedulerContainer.tv .icon-tv.icon-Addtional.waiting { background-position: -350px 0; }
#schedulerContainer.tv .icon-tv.icon-Addtional.inprogress { background-position: -350px -50px; }
#schedulerContainer.tv .icon-tv.icon-Addtional.paused { background-position: -350px -100px; }
#schedulerContainer.tv .icon-tv.icon-Addtional.completed { background-position: -350px -150px; }
#schedulerContainer.tv .icon-tv.icon-Addtional.awaitingquote{ background-position:-350px -200px;}
#schedulerContainer.tv .icon-tv.icon-Addtional.authorised{ background-position:-350px -250px;}
#schedulerContainer.tv .icon-dtu{background-position:-450px 0; }
#schedulerContainer.tv .icon-tagnumber{background-position:-450px -50px; }
#schedulerContainer.tv .icon-technician{background-position:-450px -100px;}
#schedulerContainer.tv .icon-wsjobnumber{background-position:-450px -150px; }
#schedulerContainer.tv .icon-wsuser{background-position:-450px -200px;}
#schedulerContainer.tv .icon-authorisationPending{ background-position: -200px -400px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-authorisationRejected{ background-position: -200px -450px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-authorisationAccepted { background-position: -250px -450px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-creatingQuotation{ background-position: -200px -500px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-callbackRequested{ background-position: -200px -550px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-partiallyAuthorised{background-position: -250px -400px; width: 40px; height: 40px;}
#schedulerContainer.tv .icon-tv.icon-eVHCplus.inprogress{background-position:-350px -50px;}
#schedulerContainer.tv .icon-enter{background:url(Images/icon-enter.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}
#schedulerContainer.tv .icon-exit{background:url(Images/icon-exit.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}

#schedulerContainer .icon-tv { background: url(images/icons_tv_small.png) center center no-repeat; display: inline-block; vertical-align: middle; width: 50px; height: 50px; cursor: default; }
#schedulerContainer .icon-eVHC.waiting { background-position: 0 0; }
#schedulerContainer .icon-Repair.waiting { background-position: -50px 0; }
#schedulerContainer .icon-Service.waiting { background-position: -100px 0; }
#schedulerContainer .icon-MOT.waiting { background-position: -150px 0; }
#schedulerContainer .icon-Valet.waiting { background-position: -200px 0; }
#schedulerContainer .icon-QCheck.waiting { background-position: -250px 0; }
#schedulerContainer .icon-Handover.waiting { background-position: -300px 0; }
#schedulerContainer .icon-eVHC.inprogress { background-position: 0 -50px; }
#schedulerContainer .icon-eVHC.paused { background-position: 0 -100px; }
#schedulerContainer .icon-eVHC.completed { background-position: 0 -150px; }
#schedulerContainer .icon-Repair.inprogress { background-position: -50px -50px; }
#schedulerContainer .icon-Repair.paused { background-position: -50px -100px; }
#schedulerContainer .icon-Repair.completed { background-position: -50px -150px; }
#schedulerContainer .icon-Service.inprogress { background-position: -100px -50px; }
#schedulerContainer .icon-Service.paused { background-position: -100px -100px; }
#schedulerContainer .icon-Service.completed { background-position: -100px -150px; }
#schedulerContainer .icon-MOT.inprogress { background-position: -150px -50px; }
#schedulerContainer .icon-MOT.paused { background-position: -150px -100px; }
#schedulerContainer .icon-MOT.completed { background-position: -150px -150px; }
#schedulerContainer .icon-Valet.inprogress { background-position: -200px -50px; }
#schedulerContainer .icon-Valet.paused { background-position: -200px -100px; }
#schedulerContainer .icon-Valet.completed { background-position: -200px -150px; }
#schedulerContainer .icon-QCheck.inprogress { background-position: -250px -50px; }
#schedulerContainer .icon-QCheck.paused { background-position: -250px -100px; }
#schedulerContainer .icon-QCheck.completed { background-position: -250px -150px; }
#schedulerContainer .icon-Handover.inprogress { background-position: -300px -50px; }
#schedulerContainer .icon-Handover.paused { background-position: -300px -100px; }
#schedulerContainer .icon-Handover.completed { background-position: -300px -150px; }
#schedulerContainer .icon-Addtional { background-position: 0 -300px; }
#schedulerContainer .icon-Addtional.off { background-position: -50px -300px; }
#schedulerContainer .icon-tv.icon-Addtional.waiting { background-position: -350px 0; }
#schedulerContainer .icon-tv.icon-Addtional.inprogress { background-position: -350px -50px; }
#schedulerContainer .icon-tv.icon-Addtional.paused { background-position: -350px -100px; }
#schedulerContainer .icon-tv.icon-Addtional.completed { background-position: -350px -150px; }
#schedulerContainer .icon-tv.icon-Addtional.awaitingquote{ background-position:-350px -200px;}
#schedulerContainer .icon-tv.icon-Addtional.authorised{ background-position:-350px -250px;}
#schedulerContainer .icon-dtu{background-position:-450px 0; }
#schedulerContainer .icon-tagnumber{background-position:-450px -50px; }
#schedulerContainer .icon-technician{background-position:-450px -100px;}
#schedulerContainer .icon-wsjobnumber{background-position:-450px -150px; }
#schedulerContainer .icon-wsuser{background-position:-450px -200px;}
#schedulerContainer .icon-authorisationPending{ background-position: -200px -400px; width: 40px; height: 40px;}
#schedulerContainer .icon-authorisationRejected{ background-position: -200px -450px; width: 40px; height: 40px;}
#schedulerContainer .icon-authorisationAccepted { background-position: -250px -450px; width: 40px; height: 40px;}
#schedulerContainer .icon-creatingQuotation{ background-position: -200px -500px; width: 40px; height: 40px;}
#schedulerContainer .icon-callbackRequested{ background-position: -200px -550px; width: 40px; height: 40px;}
#schedulerContainer .icon-partiallyAuthorised{background-position: -250px -400px; width: 40px; height: 40px;}
#schedulerContainer .icon-tv.icon-eVHCplus.inprogress{background-position:-350px -50px;}
#schedulerContainer .icon-enter{background:url(Images/icon-enter.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}
#schedulerContainer .icon-exit{background:url(Images/icon-exit.png) no-repeat;width:30px;height:30px;background-size:contain;opacity:0.6;}


.tv .icon-eVHCplus.inprogress{background-position:-700px -100px;}
.tv .icon-tv { background: url(images/icons_tv.png) center center no-repeat; display: inline-block; vertical-align: middle; width: 100px; height: 65px; cursor: pointer; }
.tv .icon-eVHC.waiting { background-position: 0 0; }
.tv .icon-Repair.waiting { background-position: -100px 0; }
.tv .icon-Service.waiting { background-position: -200px 0; }
.tv .icon-MOT.waiting { background-position: -300px 0; }
.tv .icon-Valet.waiting { background-position: -400px 0; }
.tv .icon-QCheck.waiting { background-position: -500px 0; }
.tv .icon-Handover.waiting { background-position: -600px 0; }
.tv .icon-Handover.paperwork { background-position: -600px -200px; }
.tv .icon-eVHC.inprogress { background-position: 0 -100px; }
.tv .icon-eVHC.paused { background-position: 0 -200px; }
.tv .icon-eVHC.completed { background-position: 0 -300px; }
.tv .icon-Repair.inprogress { background-position: -100px -100px; }
.tv .icon-Repair.paused { background-position: -100px -200px; }
.tv .icon-Repair.completed { background-position: -100px -300px; }
.tv .icon-Service.inprogress { background-position: -200px -100px; }
.tv .icon-Service.paused { background-position: -200px -200px; }
.tv .icon-Service.completed { background-position: -200px -300px; }
.tv .icon-MOT.inprogress { background-position: -300px -100px; }
.tv .icon-MOT.paused { background-position: -300px -200px; }
.tv .icon-MOT.completed { background-position: -300px -300px; }
.tv .icon-Valet.inprogress { background-position: -400px -100px; }
.tv .icon-Valet.paused { background-position: -400px -200px; }
.tv .icon-Valet.completed { background-position: -400px -300px; }
.tv .icon-QCheck.inprogress { background-position: -500px -100px; }
.tv .icon-QCheck.paused { background-position: -500px -200px; }
.tv .icon-QCheck.completed { background-position: -500px -300px; }
.tv .icon-Handover.inprogress { background-position: -600px -100px; }
.tv .icon-Handover.paperwork { background-position: -600px -393px; }
.tv .icon-Handover.paused { background-position: -600px -200px; }
.tv .icon-Handover.completed { background-position: -600px -300px; }
.tv .icon-Addtional.waiting { background-position: -700px 0; }
.tv .icon-Addtional.inprogress { background-position: -700px -100px; }
.tv .icon-Addtional.paused { background-position: -700px -200px; }
.tv .icon-Addtional.completed { background-position: -700px -300px; }
.tv .icon-Addtional.awaitingquote{ background-position:-700px -400px;}
.tv .icon-Addtional.authorised{ background-position:-700px -500px;}
.tv .icon-dtu{background-position:-900px 0; }
.tv .icon-tagnumber{background-position:-900px -100px; }
.tv .icon-technician{background-position:-900px -200px;}
.tv .icon-jobnumber{background-position:-900px -300px; }
.tv .icon-user{background-position:-900px -400px;}

h1.welcome { font-size: 60px; margin: 30px auto; color: #ffffff; }


.logo-welcome { width: 234px; height: 204px; margin: 0; }
.registration-welcome { background: url(images/registration_welcome.png) no-repeat; width: 600px; height: 118px; display: inline-block; font-size: 100px; text-indent: 50px; line-height: 118px; font-family: 'uknumberplateregular'; }
.turn-right-arrow { background: url(images/turn-right-arrow.png) no-repeat; width: 200px; height: 168px; margin: 0 auto; cursor: pointer; }
.welcome-page-bg { background: url(Images/FINALVERSION1GREY_bk.jpg); width: 1920px; height: 1080px; }

/*bay*************************************************************************************************/

.calendar-wrap { font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: hidden; }
	.calendar-wrap .table > thead > tr > th,
	.calendar-wrap .table > tbody > tr > th,
	.calendar-wrap .table > tfoot > tr > th,
	.calendar-wrap .table > thead > tr > td,
	.calendar-wrap .table > tbody > tr > td,
	.calendar-wrap .table > tfoot > tr > td { border-top: none; color: #a6a6a6; vertical-align: top; border-right: 1px solid #fff; }

	.calendar-wrap .table > thead > tr > th { text-align: center; color: #4d4b4b; font-weight: bold; line-height: 2em; }

	.calendar-wrap .table-condensed > thead > tr > th,
	.calendar-wrap .table-condensed > tbody > tr > th,
	.calendar-wrap .table-condensed > tfoot > tr > th,
	.calendar-wrap .table-condensed > thead > tr > td,
	.calendar-wrap .table-condensed > tbody > tr > td,
	.calendar-wrap .table-condensed > tfoot > tr > td { padding: 0; }

	.calendar-wrap .table .green-dark { background: #00b050; color: #fff; border-right: 1px solid #fff; text-align: center; }
		.calendar-wrap .table .green-dark a { display: block; color: #fff; }

	.calendar-wrap .table .green-light { background: #d8e4bc; }
	.calendar-wrap .table .blue-dark { background: #a6a6a6; color: #000; border-right: 1px solid #fff; text-align: center; }
	.calendar-wrap .table .blue-light { background: #dce6f1; border-right: 1px solid #fff; text-align: center; }
	.calendar-wrap .table .grey-row { background: #a6a6a6; color: #fff; padding: 0 0 0 5px; margin-left: -10px; }
	.calendar-wrap .table .border-top { border-top: 1px solid #808080; }
	.calendar-wrap .table .border-bottom { border-bottom: 1px solid #808080; }
	.calendar-wrap .table .border-left { border-left: 1px solid #808080; }
	.calendar-wrap .table .border-right { border-right: 1px solid #808080; }
	.calendar-wrap .table-striped > tbody > tr > td:nth-child(odd) { background: #f9f9f9; }
	.calendar-wrap .table-striped > tbody > tr > td:nth-child(odd) { background: #ebebeb; }
	.calendar-wrap .table-striped > tbody > tr > td:first-child { background: #fff; }
	.well .registration-tv,
	.calendar-wrap .registration-tv,
    .scheduleDrag .registration-tv { background: url(images/registration_bg.png); background-size: 100px 22px; background-repeat: no-repeat; width: 100px; height: 22px; line-height: 24px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 20px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; margin-bottom: 5px; }
    .well .registration-tv.qCheckCompleted,
	.calendar-wrap .registration-tv.qCheckCompleted,
    .scheduleDrag .registration-tv.qCheckCompleted{background-image: url(images/registration_bg_greenbg.png);}
    .well .registration-tv-bg-yellow{ background:url(images/registration_bg_yellowbg.png); background-size: 100px 22px; background-repeat: no-repeat; }
    .well .registration-tv-black,
	.calendar-wrap .registration-tv-black,
    .scheduleDrag .registration-tv-black { background: url(images/registration_bg_black.png); background-size: 100px 22px; background-repeat: no-repeat; width: 100px; height: 22px; line-height: 24px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 20px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; margin-bottom: 5px; }
    .well .registration-tv-black.qCheckCompleted,
	.calendar-wrap .registration-tv-black.qCheckCompleted,
    .scheduleDrag .registration-tv-black.qCheckCompleted { background-image: url(images/registration_bg_black_greenbg.png);}

    .well .registration-tv-grey,
	.calendar-wrap .registration-tv-grey,
    .scheduleDrag .registration-tv-grey { background: url(images/registration_bg_grey.png); background-size: 100px 22px; background-repeat: no-repeat; width: 100px; height: 22px; line-height: 24px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 20px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; margin-bottom: 5px; }

    .well .registration-tv-red,
	.calendar-wrap .registration-tv-red,
    .scheduleDrag .registration-tv-red { background: url(images/registration_bg_red.png); background-size: 100px 22px; background-repeat: no-repeat; width: 100px; height: 22px; line-height: 24px; font-family: 'uknumberplateregular'; color: #57585b; font-size: 20px; white-space: nowrap; display: inline-block; letter-spacing: -1px; font-weight: normal; text-align: center; margin-bottom: 5px; }

.icon-arrow-left { background-position: -100px -450px; }
.icon-arrow-right { background-position: -100px -500px; }
.bay_content { width: 100%; height: 100%; padding: 10px 0; text-align: center; }
.bay .well { height: 300px; /*overflow: hidden; overflow-y: scroll; */}
.table-time .grey-row { position: absolute; z-index: 99; width: 100%; }

/****scheduler appointment***/
.table-bay{height: 100%; width: 100%; filter: alpha(opacity=80); opacity: 0.80;}

.bay-blue .vTopLeftCorner{background: url(Scheduler/AppointmentTemplates/vTopLeftCorner.gif) no-repeat; font-size:0; background-size:cover;}
.bay-blue .vTopEdge{width: 100%; background: url(Scheduler/AppointmentTemplates/vTopEdge.gif) repeat-x #f3fef7;}
.bay-blue .vTopRightCorner{background: url(Scheduler/AppointmentTemplates/vTopRightCorner.gif) no-repeat right top; font-size: 0; background-size:cover;}

.bay-blue .vBottomLeftCorner{background: url(Scheduler/AppointmentTemplates/vBottomLeftCorner.gif) no-repeat left bottom;font-size: 0; background-size:cover;}
.bay-blue .vMiddle{border-bottom: solid 1px #7eacb1; background: #f3fef7}
.bay-blue .vBottomRightCorner{background: url(Scheduler/AppointmentTemplates/vBottomRightCorner.gif) no-repeat right bottom; font-size: 0; background-size:cover;}

.bay-red .vTopLeftCorner { background: url(Scheduler/AppointmentTemplates/vTopLeftCorner_red.gif) no-repeat; font-size:0; background-size:cover;}
.bay-red .vTopEdge { width: 100%; background: url(Scheduler/AppointmentTemplates/vTopEdge_red.gif) repeat-x #fff2fa; }
.bay-red .vTopRightCorner { background: url(Scheduler/AppointmentTemplates/vTopRightCorner_red.gif) no-repeat right top; font-size: 0; background-size:cover;}
.bay-red .vBottomLeftCorner { background: url(Scheduler/AppointmentTemplates/vBottomLeftCorner_red.gif) no-repeat left bottom; font-size: 0; background-size:cover;}
.bay-red .vMiddle { border-bottom: solid 1px #bc7a73; background: #fff2fa }
.bay-red .vBottomRightCorner { background: url(Scheduler/AppointmentTemplates/vBottomRightCorner_red.gif) no-repeat right bottom; font-size: 0; background-size:cover;}

.bay-amber .vTopLeftCorner { background: url(Scheduler/AppointmentTemplates/vTopLeftCorner_amber.gif) no-repeat; font-size:0; background-size:cover;}
.bay-amber .vTopEdge { width: 100%; background: url(Scheduler/AppointmentTemplates/vTopEdge_amber.gif) repeat-x #f6e7cb; }
.bay-amber .vTopRightCorner { background: url(Scheduler/AppointmentTemplates/vTopRightCorner_amber.gif) no-repeat right top; font-size: 0; background-size:cover;}
.bay-amber .vBottomLeftCorner { background: url(Scheduler/AppointmentTemplates/vBottomLeftCorner_amber.gif) no-repeat left bottom; font-size: 0; background-size:cover;}
.bay-amber .vMiddle { border-bottom: solid 1px #dba035; background:#f6e7cb; }
.bay-amber .vBottomRightCorner { background: url(Scheduler/AppointmentTemplates/vBottomRightCorner_amber.gif) no-repeat right bottom; font-size: 0; background-size:cover;}

.bay-green .vTopLeftCorner { background: url(Scheduler/AppointmentTemplates/vTopLeftCorner_green.gif) no-repeat; font-size:0; background-size:cover;}
.bay-green .vTopEdge { width: 100%; background: url(Scheduler/AppointmentTemplates/vTopEdge_green.gif) repeat-x #e3e9d7; }
.bay-green .vTopRightCorner { background: url(Scheduler/AppointmentTemplates/vTopRightCorner_green.gif) no-repeat right top; font-size: 0; background-size:cover;}
.bay-green .vBottomLeftCorner { background: url(Scheduler/AppointmentTemplates/vBottomLeftCorner_green.gif) no-repeat left bottom; font-size: 0; background-size:cover;}
.bay-green .vMiddle { border-bottom: solid 1px #94ac65; background:#e3e9d7; }
.bay-green .vBottomRightCorner { background: url(Scheduler/AppointmentTemplates/vBottomRightCorner_green.gif) no-repeat right bottom; font-size: 0; background-size:cover;}

.bay-grey .vTopLeftCorner { background: url(Scheduler/AppointmentTemplates/vTopLeftCorner_grey.gif) no-repeat; font-size:0; background-size:cover;}
.bay-grey .vTopEdge { width: 100%; background: url(Scheduler/AppointmentTemplates/vTopEdge_grey.gif) repeat-x #e0e0e0; }
.bay-grey .vTopRightCorner { background: url(Scheduler/AppointmentTemplates/vTopRightCorner_grey.gif) no-repeat right top; font-size: 0; background-size:cover;}
.bay-grey .vBottomLeftCorner { background: url(Scheduler/AppointmentTemplates/vBottomLeftCorner_grey.gif) no-repeat left bottom; font-size: 0; background-size:cover;}
.bay-grey .vMiddle { border-bottom: solid 1px #888888; background:#e0e0e0; }
.bay-grey .vBottomRightCorner { background: url(Scheduler/AppointmentTemplates/vBottomRightCorner_grey.gif) no-repeat right bottom; font-size: 0; background-size:cover;}


.logo-nostrapline-large { background:url(images/logo_nostrapline.png); background-size:152px 160px; -moz-background-size:152px 160px; background-repeat:no-repeat; height:160px; width:152px; }
.logo-nostrapline { background:url(images/logo_nostrapline.png); background-size:104px 109px; -moz-background-size:104px 109px; background-repeat:no-repeat; height:109px; width:104px; }
.modal-header-logo-nostrapline { padding:20px 30px; font-family:'modern_hlight'; border-bottom:none; text-align:right; min-height:122px; background:url(images/model_logo_nostrapline.png) 20px 30px no-repeat; box-sizing:content-box; }
/****************workshopicons*******************/
.master-on { display: inline-block; background: url(images/workshopicons/master-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.expert-on { display: inline-block; background: url(images/workshopicons/expert-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.certified-on { display: inline-block; background: url(images/workshopicons/certified-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.service-on { display: inline-block; background: url(images/workshopicons/service-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.apprentice-on { display: inline-block; background: url(images/workshopicons/apprentice-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.customer-on { display: inline-block; background: url(images/workshopicons/customer-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.qcheck-on { display: inline-block; background: url(images/workshopicons/qcheck-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.master-off { display: inline-block; background: url(images/workshopicons/master-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.expert-off { display: inline-block; background: url(images/workshopicons/expert-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.certified-off { display: inline-block; background: url(images/workshopicons/certified-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.service-off { display: inline-block; background: url(images/workshopicons/service-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.apprentice-off { display: inline-block; background: url(images/workshopicons/apprentice-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.customer-off { display: inline-block; background: url(images/workshopicons/customer-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.qcheck-off { display: inline-block; background: url(images/workshopicons/qcheck-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }

.master-small-on { display: inline-block; background: url(images/workshopicons/master-small-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.expert-small-on { display: inline-block; background: url(images/workshopicons/expert-small-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.certified-small-on { display: inline-block; background: url(images/workshopicons/certified-small-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.service-small-on { display: inline-block; background: url(images/workshopicons/service-small-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.apprentice-small-on { display: inline-block; background: url(images/workshopicons/apprentice-small-on.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.master-small-off { display: inline-block; background: url(images/workshopicons/master-small-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.expert-small-off { display: inline-block; background: url(images/workshopicons/expert-small-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.certified-small-off { display: inline-block; background: url(images/workshopicons/certified-small-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.service-small-off { display: inline-block; background: url(images/workshopicons/service-small-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }
.apprentice-small-off { display: inline-block; background: url(images/workshopicons/apprentice-small-off.png) no-repeat; background-size:50px 50px; width: 50px; height: 50px; }


.app-status-green  > tr:first-child > td {  background-color: #33cc33 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#33cc33), to(#ffffff)) !important; background-image: -webkit-linear-gradient(top, #33cc33 0, #ffffff 100%) !important; background-image: -o-linear-gradient(top, #33cc33 0, #ffffff 100%) !important; background-image: linear-gradient(to bottom, #33cc33 0, #ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc33', endColorstr='#ffffff', GradientType=0) !important; }
.app-status-red > tr:first-child > td {  background-color: #bc7a73 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#bc7a73), to(#ffffff)) !important; background-image: -webkit-linear-gradient(top, #bc7a73 0, #ffffff 100%) !important; background-image: -o-linear-gradient(top, #bc7a73 0, #ffffff 100%) !important; background-image: linear-gradient(to bottom, #bc7a73 0, #ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc7a73', endColorstr='#ffffff', GradientType=0) !important; }
.app-status-amber > tr:first-child > td {  background-color: #dba035 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#dba035), to(#ffffff)) !important; background-image: -webkit-linear-gradient(top, #dba035 0, #ffffff 100%) !important; background-image: -o-linear-gradient(top, #dba035 0, #ffffff 100%) !important; background-image: linear-gradient(to bottom, #dba035 0, #ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba035', endColorstr='#ffffff', GradientType=0) !important; }
table.table .ng-scope td{vertical-align:middle;}

/***admin admin_navigation ***/
.admin_navigation {
    font-size: 18px;
}
.icon-report-jobdetails{ background-position:-300px 0;}
.icon-report-VHCresults{ background-position:-300px -50px;}
.icon-report-additionalwork{ background-position:-300px -100px;}
.icon-report-partspictures{ background-position:-300px -150px;}
.icon-report-quotation{ background-position:-300px -200px;}
.icon-report-anthorisation{ background-position:-300px -250px;}
.icon-report-inspection{ background-position:-300px -300px;}
.icon-report-serviceschedules{ background-position:-300px -350px;}
.icon-report-automatic{ background-position:-300px -400px;}
.icon-report-update{ background-position:-300px -450px;}


.icon-report-jobdetails.off{ background-position:-350px 0;}
.icon-report-VHCresults.off{ background-position:-350px -50px;}
.icon-report-additionalwork.off{ background-position:-350px -100px;}
.icon-report-partspictures.off{ background-position:-350px -150px;}
.icon-report-quotation.off{ background-position:-350px -200px;}
.icon-report-anthorisation.off{ background-position:-350px -250px;}
.icon-report-inspection.off{ background-position:-350px -300px;}
.icon-report-serviceschedules.off{ background-position:-350px -350px;}
.icon-report-automatic.off{ background-position:-350px -400px;}
.icon-report-update.off{ background-position:-350px -450px;}

@media (max-width : 1024px)
{
    .logoMedia{
        position:relative;
        right:0;
        top:0;
        display:block;
        margin:10px auto;
        float:none !important;
    }
    .logoMediaMobile{
        position:relative;
        right:0;
        top:0;
        display:block;
        margin:10px auto;
        float:none !important;
    }
}
@media (max-width : 640px)
{
    .logoMedia{
        position:relative;
        right:0;
        top:0;
        display:block;
        margin:10px auto;
        float:none !important;
        width:100%;
    }
    .logoMediaMobile{
        position:relative;
        right:0;
        top:0;
        display:block;
        margin:10px auto;
        float:none !important;
        /*width:80%;*/
    }
}

.moduleIcon{
        width:40px;
        height:40px;
        margin:5px 0;
    }
.tyreInfo-area table{
    margin-bottom:0;
}
.tyreInfo-area .table-bordered > thead > tr > th,.tyreInfo-area .table-bordered > tbody > tr > td{
    text-align:center;
    vertical-align:middle;
}
.tyreInfo-area .table-bordered > tbody > tr > td.name-line{text-align:left;}
.tyreInfo-area .commentInfo-area label{
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
}

/* Row buffer zones*/
.buffer1 {
    margin-top:1%;
}
.buffer5 {
    margin-top:5%;
}

.buffer10 {
    margin-top:10%;
}

.buffer20 {
    margin-top:20%;
}

.bufferleft16p {
    margin-left:16px;
}

/* Row background colours */
.row-red {
    background-color:red;
}
.row-orange {
    background-color:#ffc966;
}
.row-green {
    background-color:#5cb85c;
}
/* mobile progress update screen */
    .circle {
    position:absolute;
	margin-top:-10px;
	z-index:1;
	height:40px;
	width:40px;
	border-radius:25px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	
    }

    
    .first{
	    left:0%;
    }

/* overwrites (For mobile update screen) */
@media(max-width: 400px) {
        .btn {
            width:35% !important;
        }
        .last {
            left:93%; 
        }
        .circle {
            height: 25px;
            width: 25px;
            border-radius: 25px;
        }
        .progress {
            height:10px;
        }
    }

/* HCES containers */

.hces-score-grey {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      line-height: 45px;
      text-align: center;
      background-color: #7E7E7E;
}
.hces-score-red {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      line-height: 45px;
      text-align: center;
      background-color: #e45073;
}
.hces-score-green {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      line-height: 45px;
      text-align: center;
      background-color: #32c37d;
}
.hces-score-orange {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      line-height: 45px;
      text-align: center;
      background-color: #ff8c4f;
}
.hces-score-blue {
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 11px;
      color: #fff;
      line-height: 45px;
      text-align: center;
      background-color: #3d7dca;
}

.hces-score-grey-small {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-size: 8px;
      color: #fff;
      line-height: 25px;
      text-align: center;
      background-color: #7E7E7E;
}
.hces-score-red-small {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-size: 8px;
      color: #fff;
      line-height: 25px;
      text-align: center;
      background-color: #e45073;
}
.hces-score-green-small {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-size: 8px;
      color: #fff;
      line-height: 25px;
      text-align: center;
      background-color: #32c37d;
}
.hces-score-orange-small {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-size: 8px;
      color: #fff;
      line-height: 25px;
      text-align: center;
      background-color: #ff8c4f;
}
.hces-score-blue-small {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-size: 8px;
      color: #fff;
      line-height: 25px;
      text-align: center;
      background-color: #3d7dca;
}