body { padding: 20px; }
body, th, td, textarea, input, option, select { font-family: lucida grande,lucida sans unicode; font-size: 13px; }

.dev-icon { position: absolute; left: 0; top: 0; z-index: 1; }

.main { float: left; width: 100%; margin-top: 20px; }

.shadow { display: none; position: absolute; float: left; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shadow.png); z-index: 10; }
.shadow .loading { position: absolute; float: left; width: 300px; height: 80px; left: 50%; margin-left: -150px; text-align: center; color: #FFF; font-size: 16px; }
.shadow .loading h3 { font-size: 30px; margin: 0 0 0 0; }

h1 { margin-top: 0; }

/* Lista */
table.list { border-collapse: collapse; }
table.list th, table.list td { text-align: left; padding: 3px 20px 3px 10px; border-bottom: 1px solid #CCC; } 
table.list td { border-color: #DDD; white-space: nowrap; } 
table.list td.r, table.list th.r { text-align: right; }
table.list tr:nth-child(even) td { background: #F7F7F7; } 
.box table.list tr:nth-child(even) td { background: none; }
.box table.list th, .box table.list td { border-width: 0; padding-right: 10px; }

table.list th { white-space: nowrap; }
table.list th img { margin-left: 5px; }
table.list th a { color: #000; }

table.list tr:hover td { background: #EAEAEA; } 

table.list tr.pagination td { border: 0; background: none; text-align: center; padding: 10px 10px 3px; }
table.list tr.pagination td table { float: right; }
table.list tr.pagination td.next { padding-right: 0; }
table.list tr.pagination .pages td { padding: 3px 0px; }
table.list tr.pagination .pages td.active a { font-weight: bold; }

table.list td.credit,
table.list td.red,
table.list th.red { color: #CC0000; }

table.list th.green,
table.list td.green { color: green; }

table.list td.pagination table.info { float: left; }
table.list td.pagination table.pages { float: right; }
table.list td.pagination td { border: 0; padding: 0 0 0 5px; }

table.list tr.new_reg td { border-top: 2px solid #000; }
table.list tr.selected td { font-weight: bold; }

table.list td.under-control { color: #bcb245; }

a { color: #2c48f0; }

a.btn, a.btn-r, input[type=button] { float: left; background: #000; border: 0; color: #FFF; padding: 5px 10px; border-radius: 5px; text-decoration: none; white-space: nowrap; margin: 0 5px 5px 0; }
input[type=button] { padding: 2px 5px; }
a.btn-r { float: right; }

a.btn-cat { width: 120px; overflow: hidden; }

a img { border: 0; }

form { margin: 0; padding: 0; }

/* Meddelande */
div.flash { float: left; clear: left; margin: 20px 0 0; border: 1px solid #DDD; padding: 10px; }
div.flash .ok { color: #108a00; }
div.flash .error { color: #8a0000; }

.box { float: left; border: 1px solid #DDD; background: #e5e5e5; padding: 5px; }
.box td { padding-right: 10px; }

.border { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.fields { border-collapse: collapse; }
.fields td { padding: 0 20px 0 0; }

label, .fields td label { display: block; clear: left; font-weight: bold; padding: 20px 0 2px; }
td label { display: inline; font-weight: normal; padding: 0; }
.input { float: left; border: 1px solid #DDD; }
input[type=text], body input[type=password] { background: #FFF; border: 5px solid #FFF; padding: 0; width: 300px; outline: 1px solid #999; }
input[type=submit], input.green { background: #19b400; color: #FFF; padding: 5px 10px; border: 0; border-radius: 3px; border: 1px solid #138b00; } 

label a.help { font-weight: normal; font-size: 10px; text-transform: uppercase; color: #999; }

input.btn-abort, input.abort { background: #b40000; border-color: #8b0000; }
input.abort { padding: 5px 10px; border: 1px solid #8c0000; border-radius: 3px; }

a.btn-abort { color: #FFF; padding: 5px 10px; border: 0; border-radius: 3px; background: #b40000; border: 1px solid #8b0000; text-decoration: none; } 

.box input[type=submit] { padding: 0px 10px; }

.status { float: left; margin-left: 10px; }

input[type=text].datepicker, input[type=text].small { width: 90px; }
input[type=text].amount { width: 40px; }
input[type=text].price { width: 60px; }
input[type=text].booking_ID { width: 100px; }

textarea { background: #FFF; border: 5px solid #FFF; padding: 0; width: 300px; height: 100px; outline: 1px solid #999; }

.forgot { display: none; padding: 10px; }
.forgot label { padding-top: 0; }

.head { float: left; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #DDD; }
.head a.logo { float: left; margin-right: 40px; }
.head ul.other-customers { list-style: none; padding: 0; margin: 0; }
.head ul.other-customers li { float: left; margin-right: 10px; }
.head ul.other-customers input[type=submit].inactive { background: #fafafa; cursor: pointer; color: #666; border-color: #ccc; }

.footer { float: left; width: 100%; margin-top: 100px; padding-top: 20px; border-top: 1px solid #DDD; }

.menu { float: left; width: 100%; margin-top: 20px; }
.menu ul { float: left; list-style: none; margin: 0; padding: 0; }
.menu ul li { float: left; margin: 0 5px 5px 0; }
.menu ul li a { float: left; border: 1px solid #CCC; background: #DDD; padding: 5px 10px; text-decoration: none; color: #000; }
.menu ul li a:hover { background: #CCC; }

.prod_select { display: none; }

.new-car { clear: both; margin-top: 10px; float: left; display: none; border: 1px solid #cbcbcb; background: #eaeaea; padding: 10px; }
.new-car h3 { margin: 0; }
.new-car label { padding-top: 10px; }

.add_row, .add_return_row { float: left; position: absolute; width: 740px; margin: -0 0 0 -370px; left: 50%; top: 50%; z-index: 10; display: none; }
.add_return_row { height: 500px; margin-top: -250px; }
.add_row .error, .add_return_row .error { display: none; color: #8a0000; }
.add_row .addrow_loader, .add_return_row .addreturn_loader { display: none; }

.add_row .close, .add_return_row .close { float: right; }
.add_row .extra_service input { width: 300px; }
.add_row .extra_service input.price { width: 100px; }

.add_return_row input[type=text] { width: 100px; }

.add_return_row table { border-collapse: collapse; }
.add_return_row table th { text-align: left; }
.add_return_row table th, .add_return_row table td { padding: 2px 10px 2px 0; }

.add_return_row textarea { width: 100%; }

/* Felmeddelande om samma order data */
.double_msg,
.error_mount_date { float: left; clear: both; margin-top: 10px; display: none; background: url(../images/icon_error.png) 10px center #f7f7f7 no-repeat; border: 1px solid #CC0000; padding: 10px 10px 10px 45px; font-weight: bold; }

/***** Välj avtalskund *****/
.startpage .select_customer { float: left; }
.startpage .select_customer ul { float: left; list-style: none; margin: 0; padding: 0; }
.startpage .select_customer li { float: left; clear: both; margin: 2px 0; width: 250px; }
.startpage .select_customer li a { float: left; width: 100%; background: #e5e5e5; border: 1px solid #d9d9d9; color: #000; border-radius: 3px; }
.startpage .select_customer li a:hover { background: #d9d9d9; }
.startpage .select_customer li a span { float: left; padding: 6px 8px; }

.startpage .unread-messages { float: left; width: 100%; margin-bottom: 20px; border: 1px solid #CCC; background: #eaeaea; }
.startpage .unread-messages h4 { float: left; margin: 0; font-size: 16px; font-weight: bold; padding: 20px; color: #CC0000; }
.startpage .messages { float: left; margin-left: 200px; width: 400px; }
.startpage .messages .news { float: left; width: 100%; background: #f7f7f7; }
.startpage .messages ul { float: left; list-style: none; margin: 10px; padding: 0px; width: 380px; }
.startpage .messages li { float: left; clear: both; width: 100%; padding: 8px 0; border-bottom: 1px solid #CCC; }
.startpage .messages li.unread h3 a { color: #CC0000; }
.startpage .messages li.last { border: 0; }
.startpage .messages li h3 { margin: 0; }
.startpage .messages li h3 a { text-decoration: underline; }
.startpage .messages li a { text-decoration: none; color: #000; }
.startpage .messages li a:hover { text-decoration: underline; }
.startpage .messages li a.btn-r { color: #FFF; }


/**** Information *****/
.message { float: left; width: 600px; }
.message .date { float: left; width: 100%; margin: 0 0 10px; font-size: 12px; }
.message .ingress { float: left; width: 100%; margin: 0 0 20px; font-size: 14px; }
.more_message { float: left; clear: both; width: 600px; margin-top: 20px; }


/***** Samlingsfaktura ****/
#collective_invoice .contractor_address { float: left; }
#collective_invoice .ndi_address { float: left; margin-left: 100px; }


/******************** CUSTOMER *************************/

body.customer input[name=regnr] { width: 90px; }


/******************** HELP *************************/

body.help ol { margin: 20px; padding: 0; }
body.help li { padding: 0 0 10px 0px; }

/******************** ADMIN *************************/

body.admin * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body.admin .cars input[type=text] { width: 200px; }
body.admin .cars input.regnr, body.admin .cars input.year_model { width: 60px; }

body.admin .newcar { display: none; }

body.admin .filter table { border-collapse: collapse; }
body.admin .filter th { text-align: left; padding-right: 3px; }
body.admin .filter td { padding-right: 10px; }
body.admin .filter input[type=text] { width: 100px; }
body.admin .filter input[type=submit] { padding: 3px 8px; } 

body.admin .filter .field,
body.customer .filter .field { float: left; margin: 0 20px 20px 0; }

body.customer { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body.customer .filter .field { margin: 0; padding: 0 20px 20px 0; min-height: 60px; }
body.customer .filter .field label { padding: 0; }

body.admin .car_result { float: left; clear: both; padding-top: 20px; }

body.admin .log { float: right; width: 300px; margin-right: 20px; }
body.admin .log .item { float: left; width: 100%; padding: 5px 0; margin-top: 5px; border-top: 1px solid #CCC; }
body.admin .log .item .date { font-size: 11px; }

body.admin .articles .filter .field { margin: 0 5px 5px; }
body.admin .articles .filter { padding-bottom: 0; }

body.admin .articles ul { list-style: none; float: left; width: 100%; padding: 0; margin: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body.admin .articles span.name { float: left; padding: 3px 10px 3px 3px; }
body.admin .articles span.name a { color: #000; }
body.admin .articles span.status-0 a { color: #ff9999; }
body.admin .articles span.name-import { font-style: italic; }
body.admin .articles span.name .info { display: none; float: left; clear: both; width: 100%; }
body.admin .articles li .links { float: right; }
body.admin .articles li .links a,
body.admin .articles li .links span { float: left; margin-left: 10px; padding: 3px 0; } 
body.admin .articles li .links span { margin-right: 20px; }

body.admin .articles span.line { float: left; width: 14px; border: 0px dotted #000; }
body.admin .articles span.line span { float: left; width: 100%; height: 14px; border-bottom: 1px dotted #000;  }
body.admin .articles span.line-last { border-width: 0 0 1px 1px; height: 14px; }

body.admin .articles ul li { float: left; width: 100%; border-left: 1px dotted #000; }
body.admin .articles ul li a { color: #000; text-decoration: none; }
body.admin .articles ul li a.btn { color: #FFF; padding: 0 10px; }
body.admin .articles ul li .holder { float: left; width: 100%; }
body.admin .articles ul li .holder:hover { background: #f7f7f7; }
body.admin .articles ul li .children { float: left; width: 100%; padding-left: 26px; }
body.admin .articles ul li ul { margin-bottom: 10px; }
body.admin .articles ul li.last { border: 0; }
body.admin .articles ul li.inactive .name a { color: #CCC; }
body.admin .articles ul li.inactive span,
body.admin .articles ul li.inactive ul li,
body.admin .articles ul li.inactive { border-color: #000; }

body.admin .articles .colors { float: right; }
body.admin .articles .colors span { float: left; width: 10px; height: 10px; }
body.admin .articles .colors span.active { background: #000; }
body.admin .articles .colors span.inactive { background: #CCC; }
body.admin .articles .colors span.status-0 { background: #ff9999; }

body.admin .article-edit select { max-width: 300px; }

body.admin .article-edit .edit { float: left; }
body.admin .article-edit .customer-prices { float: right; }
body.admin .article-edit .customer-prices td { border: 1px solid #ddd; padding: 5px; }
body.admin .article-edit .prices { float: left; width: 100%; padding: 20px; }
body.admin .article-edit .prices th,
body.admin .article-edit .prices td { border: 0; padding: 3px 10px; }
body.admin .article-edit .select-box { float: left; width: 500px; height: 300px; overflow: auto; border: 1px solid #ddd; padding: 10px; }
body.admin .article-edit .select-box .input { float: left; width: 100%; padding: 2px 0; border: 0; }
body.admin .article-edit .select-box label { display: inline; padding: 0; font-weight: normal; }

body.admin .articles-sort ul { list-style: none; margin: 0 0 0; padding: 0; }
body.admin .articles-sort ul li { float: left; clear: both; margin: 0 0 5px; }
body.admin .articles-sort ul li ul { margin: 5px 0 0px 40px; }
body.admin .articles-sort ul li .holder { background: #f7f7f7; padding: 0 10px; height: 34px; line-height: 34px; border: 1px solid #CCC; }
body.admin .articles-sort ul li .holder:hover { cursor: move; }
body.admin .articles-sort .highlight { height: 34px; width: 300px; background: green; }

/* Däckrapport */
.tire_report .regnr { width: 120px; }
.tire_report .tires { float: left; width: 100%; margin-bottom: 20px; }
.tire_report .tires .row { float: left; width: 100%; border: 1px solid #CCC; padding: 10px 10px 0 10px; margin-bottom: 10px; } 
.tire_report .tires .row h3 { float: left; width: 100%; margin: 0 0 20px; padding: 10px; background: #f7f7f7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tire_report .tires .row a.remove-tire { float: right; font-size: 13px; font-weight: normal; margin: 0; }
.tire_report .tires .row .field { float: left; padding: 0 20px 10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tire_report .tires .row .field label { padding: 0; }

.tire_report .tires .row a.remove-tire { float: right; }
.tire_report .tires .row .field-brand-new-tire,
.tire_report .tires .row .field-serienr-new-tire,
.tire_report .tires .row .field-brand-old-tire,
.tire_report .tires .row .field-serienr-old-tire { width: auto }
.tire_report .tires .row .field-brand-old-tire { clear: both; }

.tire_report .tires .row .field-position table { border-collapse: collapse; }
.tire_report .tires .row .field-position td { border: 1px solid #333; padding: 2px 4px; }
.tire_report .tires .row .field-position td input { margin: 0; padding: 0; }

.tire_report .tires .row ul.images { list-style: none; margin: 0; padding: 0; }
.tire_report .tires .row ul.images li { float: left; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 10px; }
.tire_report .tires .row ul.images li img { float: left; max-width: 200px; border: 0; }

.list-tire-report td span { display: inline; width: 14px; height: 14px; background: yellow; margin: 3px 5px 0 0; }
.list-tire-report td span.status-1 { background: green; }
.list-tire-report td span.status--1,
.list-tire-report td span.status--2 { background: red; }

.head a.show-mobile-menu { display: none; }

/* Mobil */
@media only screen and (max-width: 600px) {

	/*
	* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	html, body { padding: 0px; margin: 0; }

	body, th, td, textarea, input, option, select { font-size: 15px; }

	.head { padding: 0; text-align: center; }
	.head a.logo { margin: 0 0 0 30px; padding: 7px 0 0; }
	.head a.logo img { float: left; height: 35px; }
	.head a.show-mobile-menu { display: block; float: left; width: 80px; text-align: center; background: #ddd; height: 50px; padding-top: 18px; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #000; text-decoration: none; }

	.menu { display: none; margin: 0; }
	.menu ul { width: 100%; border-top: 1px solid #CCC; }
	.menu ul li { width: 100%; margin: 0; border: 0; } 
	.menu ul li a { width: 100%; border: 0; border-bottom: 1px solid #CCC; padding: 15px 10px; } 

	.main { padding: 0 10px; }

	.footer { padding: 20px 10px; }
	.footer img { display: none; }

	h1 { font-size: 22px; }

	.login { float: left; width: 100%; }
	.login .input { float: left; width: 100%; }
	.login .input input { float: left; width: 100%; padding: 5px; }

	input.datepicker[type=text],
	input.small[type=text] { width: 120px; }
	*/
}