@import url(/css/simple.css);

/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
Modify from : http://www.imenn.com by SoftGanz Group
*/

/* @group General */
body {
	font: 13px/19px Tahoma, Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #333;
	padding: 0;
	margin: 0;
}
a {color: #17599c;}
a:hover {color: #1f84eb;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
h2.header {height:38px; margin:0; padding:0; color:#eee; font-size:12px; line-height:38px; font-weight:normal; position:absolute; top:48px; right:10px; }
h2.title {margin:0px;padding:8px;border-radius:0;font-size:1.4em;color:#fff;font-weight:normal;text-align:left; background-color:rgb(76, 126, 209);z-index:2;}
h3.header { margin:5px 0 10px 0; padding:5px 10px; background:#EEEEEE; border:1px #CCCCCC solid; border-radius:5px; }
/* @end */

.page.-page {margin: 0; background:#fff;}

.page.-header { height: 48px; margin:0 auto; padding-left:10px; background: #fff none center bottom no-repeat; position: fixed; z-index:1000; top:0; left:0px; right:0;}
.page.-header header {width:48px; height:48px; float: left; overflow: hidden; background: transparent url(logo.png) 0 0px no-repeat; text-indent: -999em;}
.page.-header h1 {margin:0; padding: 0; font-size: 1.6em; line-height: 35px;}
.page.-header h1>a {height:100%;display:block;color: #333;}

/* @group navigator */
.nav.-main {position: absolute; right: 8px; left: auto;}
.nav.-main .menu.-main>li>a {color: #333; padding:0 6px; font-weight: bold;}
.nav.-main .menu.-main>li>a:hover {color: #666; background-color: transparent;}
/* @end */



/* For fixed header-wrapper and make content-wrapper to vertical scroll */
html,body {height:100%;}
.page.-page {height:100%;}
.page.-content {padding:48px 0 20px 0; position: relative;}
.page.-primary {}
/* @end */

.page.-footer {text-align: center; clear: both;}
.page.-footer a {color:#333;}
.page.-footer a:hover {color:#555;}

.day {width:60px;height:60px;margin:0 10px 20px 0;border-radius:5px;display:block;float:left;font-size:40px;text-align:center;line-height:60px;background:#f60;color:#fff;}
.month, .year, .time {padding:3px 0;display:block;font-size:1.5em;text-align:left;}
.time {font-size:12px;padding:0;}



form.inline-upload>div>span {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	margin-top:2px;
	padding: 3px 5px;
	border-radius: 3px;
	border: 1px solid #a1a1a1;

	background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom,  from(#ffffff), to(#d9d9d9));
	 background: -ms-linear-gradient(top, #ffffff 0%, #d9d9d9);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4), 2px 1px 2px rgba(255,255,255,0.5);
}
form.inline-upload>div>span>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.btn.-primary {font-weight: bold;}

.nav.-main .menu.-main>li.select-lang>a {background: #ffa5a5; width: 32px; height: 32px; display: block; border-radius: 50%; vertical-align: middle; margin: 10px 0 0 16px; padding: 0; line-height: 32px; text-align: center;}
.nav.-main .menu.-main>li.select-lang>a:hover {background-color: #ffc4c4;}

.toolbar .sg-dropbox.-atright {top: 0; right: 2px;}
.toolbar .sg-dropbox>a {box-shadow: none;}

.toolbar.-main h2 {margin:0;background-color:rgb(76, 126, 209); color: #fff; font-weight: normal;}
.toolbar .search-box {width: 100px; position: absolute; top: 4px; right: 4px;}

.nav.-submodule {background-color: #fff;}
.nav.-submodule .ui-nav a {background-color: #ceefff; border-radius: 4px; margin:2px; padding: 4px 12px;}

.nav.-submodule .sg-dropbox>a {padding: 8px; background-color: #d4f1ff;}

.statusbar {margin: 4px 0; text-align:right;}
.statusbar a {display: inline-block; margin: 0 4px; background: #eee; padding: 4px 8px; border-radius: 4px;}
.statusbar a.-active {background-color:#ccc;}



/* @group home */
.module-home div#ribbon {width:200px;position:absolute;border:none;background:transparent;top:0px;}
.module-home ul li.head {display:none;}
.module-home li#user-menu-edit {display:block;}
.module-home ul#user-menu li a {border:none;}
.module-home h2.title {display: none;}
.module-home .banner {height: 300px; background: #1967AF url(https://icarsmile.com/upload/screen-garage-01.png) center center no-repeat; background-size: contain;}

.home.-product {padding: 32px 64px;}
.home.-product h3 {line-height: 1.6em;}
.home.-product h3>span {font-size: 1.2em; display: block;}
.home.-product .-item {margin-bottom: 96px; padding-bottom: 180px; position: relative;}
.home.-product .nav {position: absolute; bottom: 8px; width: 100%;}
.home.-product .nav a {display: block; margin: 16px auto; padding: 12px 32px; max-width: 10em;}
/*.home.-product .-item.-garage {background: transparent url(https://icarsmile.com/upload/pics/screen-garage-01.png) center center no-repeat; padding-top: 128px; background-size: 100% 128px;}
*/
.pricing {margin: 32px 0;}
.pricing>.ui-card {display: flex; flex-wrap: wrap; margin: 0; padding: 0; justify-content: space-between;}
.pricing>.ui-card>.ui-item {flex: 1 0 100%; margin: 0 0 32px 0; padding: 0;}
.pricing>.ui-card>.ui-item>* {display: block; padding: 4px 8px;}
.pricing>.ui-card>.ui-item>div {text-align: center;}
.pricing>.ui-card>.ui-item>.-price {padding: 16px 0;}
.pricing .-price span {font-size: 1.8em; font-weight: bold;}
.pricing>.ui-card>.ui-item>.-signup {padding: 16px 0;}
.pricing .-signup .btn {padding: 10px 32px; font-weight: bold;}


.qrcode-playstore {display: none;}
/* @end */


@media (min-width:40em) {    /* 640/16 = 40 */
	.pricing>.ui-card {flex-wrap: nowrap;}
	.pricing>.ui-card>.ui-item {flex: 0 0 24%;}

}

@media (min-width:61.25em) {    /* 980/16 = 50 */
	.module-home .banner {height: 500px;}
}



/* @module icar */
/* body#icar #content-icar>h2.title {display:none;} */
.module-icar .package-footer {display:none;}




.toolbar.-main.-icar {margin:0; padding:0;}
.toolbar.-main.-icar h2 {height: 40px; padding: 0 16px; margin:0; line-height: 40px; background-color: rgb(76, 126, 209); color: #fff; font-weight: normal;}
.toolbar.-main.-icar .search-box {top: 4px; height: 32px; box-shadow: 0 0 0 1px #ccc inset; border: none; opacity: 1;}
.toolbar.-main.-icar .search-box input[type="text"] {opacity: 1;}
.toolbar.-main.-icar .sg-dropbox {top: 6px;}

.icar-cost-tr>tbody>tr.row.-newtran>td {background-color:#fff0e6;}



.icar-main-form .form {margin: 0 0 16px 0; border:1px #bbb solid; background-color: #ffffed;}
.icar-main-form .form h3 {margin:0 0 1px 0; padding: 8px; background-color: #edefaa; font-weight: bold; text-align: center; font-size: 1.2em;}

.icar-buy-form {padding: 16px;}
.icar-buy-form label {width:100px;display:inline-block;}
.icar-buy-form #form-item-edit-icar-submit {clear:both;}
.icar-buy-form .form-text {}
.icar-buy-form .form-select {}
.icar-buy-form .button {padding: 4px 40px; margin:20px auto;display:block;}

.icar-sale-form {}
.icar-sale-form .form-item {padding-left: 16px;}
.icar-sale-form label {width:120px;display:inline-block;text-align:left;font-size:1.0em;}
.icar-sale-form .form-text {font-size:1.2em;}
.icar-sale-form #edit-icar-saledate,
.icar-sale-form #edit-icar-saleprice,
.icar-sale-form #edit-icar-saledownprice {text-align:center;}
.icar-sale-form .button-save {margin:4px 0 0 0;padding:2px 10px;}
.icar-sale-form .-fill-width {width: calc(100% - 150px);}

form#icar-cost-tr .form-text, form#icar-cost .form-select {}
form#icar-cost-tr .btn.-primary {margin:4px 0 0 0; width: 100%;}
form#icar-cost-tr .icar-cost-tr>tbody>tr>td {vertical-align:top;}

.icar-view-info td:first-child {white-space: nowrap;}

[class*="icar-list-"] img {width:64px;height:64px;background:url(logo.png) center center no-repeat;}
[class*="icar-list-"] li {position:relative;}
[class*="icar-list-"] .date {color:#999;background:#fff;opacity:.8;position:absolute;top:0;right:0px;}

.icar-list-table img {width:64px;height:64px;}
.icar-list-table>tbody>tr>td:first-child {width:64px;}
.icar-list-thumbnail img {width:128px;height:128px;}
.icar-list-icons img {width:256px;height:256px;}

.icar-list-table {list-style-type:none;padding:0;}
.icar-list-table>thead>tr>th {white-space:nowrap;}
.icar-list-table>tbody>tr>td:first-child, .icar-list-table>tbody>tr>td:nth-child(2), .icar-list-table>tbody>tr>td:nth-child(8), .icar-list-table>tbody>tr>td:nth-child(9) {white-space:nowrap;text-align:center;}
.icar-list-table>tbody>tr>td {text-align:center;}
.icar-list-table>tbody>tr>td:first-child, .icar-list-table>tbody>tr>td:nth-child(2), .icar-list-table>tbody>tr>td:nth-child(3) {font-weight:bold;}
.icar-list-table img.thumbnail {width:64px;}
.icar-list-table>li {width:40%;height:66px;margin:5px 10% 5px 0;float:left;overflow:hidden;border-radius:2px;}
.icar-list-table>li>h3 {padding:0;margin:0;font-size:1em;}
.icar-list-table>li img {float:left;margin:0 20px 0 0;border:1px #ccc solid;}
.icar-list-table>li .detail {position:absolute;top:20px;right:0;color:#666;}



.icar-list-icons {margin:0;padding:0;list-style-type:none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.icar-list-icons>li {width:300px;height:200px;margin:20px 20px 20px 0;padding:3px;display:inline-block;float:left;background:#f4f4f4;border:2px #c6c6c6 solid;border-radius:5px;text-align:center;position:relative;overflow:hidden;}
.icar-list-icons>li>h3 {width:300px;height:30px;padding:0;margin:0;line-height:30px;text-align:center;background:#fff;opacity:.8;font-size:1.4em;clear:both;position:absolute;top:144px;}
.icar-list-icons .date {position:absolute;}
.icar-list-icons .month {display:inline-block;}
.icar-list-icons .year {display:inline-block;}
.icar-list-icons a {display:block;overflow:hidden;}
.icar-list-icons img.thumbnail {width:auto;height:200px;}
.icar-list-icons p {width:300px;height:30px;padding:0;margin:0;line-height:30px;text-align:center;background:#fff;opacity:.8;font-weight:bold;font-size:1.2em;clear:both;position:absolute;top:174px;}

.icar-list-thumbnail {margin:0;padding:0;list-style-type:none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.icar-list-thumbnail:after {content: ""; flex: auto;}
.icar-list-thumbnail>li {width:100px;height:100px;margin:0 8px 24px 8px;padding:3px;display:inline-block;float:left;background:#f4f4f4;border:1px #c6c6c6 solid;border-radius:3px;text-align:center;position:relative;overflow:hidden;}
.icar-list-thumbnail>li>h3 {width:100px;height:20px;padding:0;margin:0;line-height:20px;text-align:center;background:#fff;opacity:.8;font-size:1em;clear:both;position:absolute;top:64px;}
.icar-list-thumbnail .date {position:absolute;}
.icar-list-thumbnail .day {width:32px;height:32px;margin:0 10px 0px 0;font-size:20px;line-height:32px;}
.icar-list-thumbnail .month {display:inline-block;font-size:1.1em;}
.icar-list-thumbnail .year {display:inline-block;font-size:1.1em;}
.icar-list-thumbnail .time {clear:both;}
.icar-list-thumbnail p {width:100px;height:20px;padding:0;margin:0;line-height:20px;text-align:center;background:#fff;opacity:.8;font-size:1em;clear:both;position:absolute;top:84px;}
.icar-list-thumbnail a {display:block;overflow:hidden;}
.icar-list-thumbnail img.thumbnail {width:auto;height:100px;}

[class*="icar-shop-list-"] img {width:64px;height:64px;background:url(shop-bg.jpg) center center;background-size:64px 64px;}
.icar-shop-list-table img {width:64px;height:64px;background-size:64px 64px;}
.icar-shop-list-table>tbody>tr>td:first-child {width:64px;}
.icar-shop-list-thumbnail img {width:128px;height:128px;background-size:128px 128px;}
.icar-shop-list-icons img {width:256px;height:256px;background-size:256px 256px;}

#content-icar {margin:0;padding:0;}
#icar-sidebar {padding:0;margin:0 0 20px 0;position:relative; overflow:auto; top:0px;}
#icar-detail {padding:0;}

#icar-sidebar .menu {position: fixed; width: 100%}
#icar-sidebar #info {margin: 0;}
#icar-sidebar>table {border:none;}
#icar-sidebar>table>tbody>tr>th {text-align:center;}
#icar-sidebar>table>tbody>tr>td:first-child {width:100px;text-align:right;padding-right:10px;}
#icar-sidebar>table>tbody>tr>td:nth-child(2) {padding-left:0px;font-weight:bold;}
#icar-sidebar div.photo {margin:20px 0; }
#icar-sidebar div.photo form {margin:20px 0; padding-bottom:40px;}
#icar-sidebar div.photo>ul {margin:0; padding:0; text-align:center; display: flex; flex-wrap: wrap; justify-content: space-between;}
#icar-sidebar div.photo>ul>li {width:48%;margin:0 0 5px 0; position:relative;}
#icar-sidebar div.photo img {width:100%;height:100px;display:block; margin:0 auto; padding: 0; border: none; box-shadow: 0 0 0 1px #ccc inset;}

[class^="icar-label-"] {padding:5px 0;margin:5px 0 5px 0;background:#CDFFAA;border:2px #4CB700 solid;font-size:14px;text-align:center;overflow:hidden;}
[class^="icar-label-"] span {font-size:24px;}
.icar-label-retailprice span {color:#E50000;}
.icar-label-retailprice span.icar-saled {font-size:16px;display:block;}
.icar-label-costprice span {color:green;}
.icar-label-saled {margin:0;padding: 4px 10px; border-radius:10px;display:inline-block;position:absolute;top:0px;right:10px; opacity: 0.7;}


.icar-cost-trform table.item {background-color: transparent;}
.icar-cost-trform th {padding: 2px; background-color: #edefaa}
.icar-cost-trform td {border: none;}
.icar-cost-trform tbody tr:hover {background: transparent;}

.icar-cost-tr th {padding: 2px;}
.icar-cost-tr>thead>tr:first-child>th:first-child {border-left:2px #F7F7F7 solid;}
.icar-cost-tr caption {border-left:2px #F7F7F7 solid;}
.icar-cost-tr>tbody>tr>td {vertical-align:top; }
.icar-cost-tr>tbody>tr>td:nth-child(1) {width:20px;}
.icar-cost-tr>tbody>tr>td:nth-child(2) {width:60px;}
.icar-cost-tr>tbody>tr>td:nth-child(3) {width:auto;}
.icar-cost-tr>tbody>tr>td:nth-child(4) {width:30px;}
.icar-cost-tr>tbody>tr>td:nth-child(5) {width:30px;}
.icar-cost-tr>tbody>tr>td:nth-child(6) {width:80px;}
.icar-cost-tr>tbody>tr>td:nth-child(7) {width:80px;}
.icar-cost-tr>tbody>tr>td:nth-child(8) {width:80px; padding-right: 32px;}
.icar-cost-tr>tbody>tr>td:nth-child(9) {width:16px;}

.icar-cost-tr>tbody>tr>td:nth-child(1) ,
.icar-cost-tr>tbody>tr>td:nth-child(2),
.icar-cost-tr>tbody>tr>td:nth-child(4) {text-align:center;}
.icar-cost-tr>tbody>tr>td:nth-child(3) {white-space:nowrap;}
.icar-cost-tr>tbody>tr>td:nth-child(5) {text-align:center;}
.icar-cost-tr>tbody>tr>td:nth-child(6) {text-align:right;}
.icar-cost-tr>tbody>tr>td:nth-child(7) {text-align:right;}
.icar-cost-tr>tbody>tr>td:nth-child(8) {text-align:center;}

.icar-cost-tr>tbody>tr>td:nth-child(1):after {}
.icar-cost-tr>tbody>tr>td:nth-child(4) #edit-icarcost-interest {text-align:center;}
.icar-cost-tr>tbody>tr>td:nth-child(5) #edit-icarcost-amt {text-align:center;font-weight:bold;}

.icar-cost-tr>tbody>tr.saledate>td:nth-child(1):after {content:"";}
.icar-cost-tr>tbody>tr.saledate {font-weight:bold;color:$000;}
.icar-cost-tr>tbody>tr.-cost>td {border-bottom: none;background: #fbfbfb;}
.icar-cost-tr>tbody>tr.-detail>td {}

.icar-cost-tr>tfoot>tr>td {text-align:right;font-weight:bold;}

.icar-cost-tr-sale>tfoot>tr>td {font-weight:bold;}
.icar-cost-tr-sale>tbody>tr>td:nth-child(1):after {content:".";}
.icar-cost-tr-sale>tbody>tr>td:nth-child(1),
.icar-cost-tr-sale>tbody>tr>td:nth-child(2),
.icar-cost-tr-sale>tbody>tr>td:nth-child(5),
.icar-cost-tr-sale>tbody>tr>td:nth-child(6),
.icar-cost-tr-sale>tbody>tr>td:nth-child(7),
.icar-cost-tr-sale>tbody>tr>td:nth-child(8) {text-align:center;}

.icar-cost-tr-sale>tfoot>tr>td:nth-child(2) {text-align:right;}
.icar-cost-tr-sale>tfoot>tr>td:nth-child(3) {text-align:center;}
.icar-cost-tr-sale>tfoot>tr>td:nth-child(4) {text-align:center;}

.icar-cost-tr.inline-edit .editable {min-width: auto;}
.icar-cost-tr .inline-edit-field.-interest {min-width: 0; width: 40px;}
.icar-cost-tr .inline-edit-field.-money {min-width: 0; width: 90px;}
.col.-date .inline-edit-field {min-width: 0; width: 90px;}

.icar-cost-tr tr:hover>td.-hover-parent>.-hover {right:0; margin-right: -2px; padding: 0; top: 10px;}

.icar-view table.icar-cost-calculate {margin:0;display:block;}

.icar-sale table.icar-cost-tr {margin:0 0 20px 0;display:block;clear:both;}
.icar-sale table.icar-cost-calculate {width:370px;margin:0 0 20px 0;float:left;display:block;}
.icar-cost-calculate>tbody>tr>td:first-child {width:200px;text-align:right;}
.icar-cost-calculate>tbody>tr>td:nth-child(2) {width:150px;text-align:right;font-weight:bold;}
.icar-cost-calculate>tbody>tr>td:nth-child(3) {width:20px;text-align:center;}

[class*="icar-tr-icar:tr:cost"]>td:first-child {border-left: 2px #ff9999 solid;}
[class*="icar-tr-icar:tr:notcost"]>td:first-child {text-decoration:line-through;}
[class*="icar-tr-icar:tr:down"]>td:first-child {border-left: 2px #6bbd6b solid;}
[class*="icar-tr-icar:tr:finance"]>td:first-child {border-left: 2px #8dcdff solid;}
[class*="icar-tr-icar:tr:info"]>td:first-child {border-left: 2px #e4df7c solid;}
[class*="icar-tr-icar:tr:rcv"]>td:first-child {border-left: 2px purple solid;}
[class*="icar-tr-icar:tr:exp"]>td:first-child {border-left: 2px orange solid;}
.icar-cost-tr>tfoot>tr>td:first-child {border-left: 2px #E5E5E5 solid;}

.icar-tr-37 {color:blue;}

/* @end */

#icar-report .form-item {display:inline-block;}
#icar-report label {display:inline-block;}






@media (min-width:30em) {    /* 480/16 = 30 */
	.page.-header header {width:140px;}
	.nav.-main .menu.-main>li>a {padding:0 4px;}
	.toolbar>ul>li>a[class^="icon-"] {width: 48px;}
	.toolbar .search-box {width: 30%;}
}

@media (min-width:40em) {    /* 640/16 = 40 */
	.home.-product .-item {flex: 0 0 45%;}

	#icar-shop-toolbar {left: 170px;}
	#icar-shop-toolbar .search-box {width:179px;}


	#icar-sidebar {width:265px; padding:0; margin:0 20px 20px 0; position:relative; float: left; overflow:auto; top:0px;}
	#icar-sidebar .menu {width: 265px;}
	#icar-detail {margin-left:290px;}
}


@media (min-width:45em) {    /* 720/16 = 45 */
	h2.title {border-radius:3px; width: calc(100% - 28px);}
	.page.-content {padding-left:10px; padding-right: 10px;}
	.nav.-main .menu.-main>li>a {padding:0 8px;}
	.toolbar.-main.-icar {position: fixed; top: 48px; z-index: 1; right: 0; left: 0;}
	.toolbar .sg-dropbox.-atright {right: 13px;}

	.module-icar .page.-content {padding-top: 150px;}

	.statusbar {padding:4px 0; position:fixed; top:100px; right: 70px;background:#fff; opacity:.8; z-index:2;}

	.icar-buy-form {margin:32px auto;width: 500px;border-radius:4px; padding:32px;border:2px #487ACB solid;}
	.icar-buy-form>fieldset {width:300px;margin:0 20px 20px 0;float:left;}

}

@media (min-width:61.25em) {    /* 980/16 = 50 */
	ul[class*="icar-list-"]  {margin-top:10px;border-top:10px #fff solid;}
	#icar-shop-toolbar .search-box {width: 260px;}
	.page.-content {height:auto; overflow:visible;}
}

















.icon.-i48 {width:100px; height:85px;background-image: url(icons-128.png);}
.icon.-i48.-new {background-position: 0px 0px;}
.icon.-i48.-job {background-position: -300px -100px;}
.icon.-i48.-do {background-position: -600px -100px;}
.icon.-i48.-part {background-position: -200px -100px;}
.icon.-i48.-finance {background-position: -700px -100px;}
.icon.-i48.-report {background-position: -100px -100px;}
.icon.-i48.-addjob {background-position: -600px -100px;}


.icon.-i32 {width:32px; height:32px;background-image: url(icons-128.png); background-position: 0 -400px;}
.icon.-i32.-material {background-image: none; font-size: 32px; color: #333;}

.ui-autocomplete {overflow: auto;}
.ui-autocomplete.-repaircode .ui-menu-item>a {white-space: nowrap;}
.ui-autocomplete.-repaircode .ui-menu-item>a>p {display: inline;}

.searchbox .button, .search-box .button {border:none; border-radius: 0 4px 4px 0;}


.module-home {}
.module-home .page.-content {background-color: transparent;}
.module-home .package-footer {display: none;}
.module-home .page.-footer {color:#eee;}
.module-home .page.-footer a {color:#eee;}
.module-home .page.-primary .login {border-radius: 8px; border: none;}


.home {background-color: #fff; color:#666;}
.home h2 {margin:0; padding: 32px 0; color:green; font-weight:normal; font-size:1.6em; opacity: 0.9; letter-spacing: 0.1em; font-family: Arial; text-align: center;}
.home .login {color:#333;}

.nav.-module.-garage {display: none;}

.nav.-master {margin-left:8px;}
.nav.-master>.ui-card {display: flex; flex-wrap: wrap;}
.nav.-master>.ui-card>.ui-item {width:136px; height:136px; margin:8px 8px 8px 0; color: #fff; background-color: #00a724; text-align: center; border-radius: 2px; border: none; box-shadow: none; position: relative;}
.nav.-master>.ui-card>.ui-item a {height:120px; padding:8px 0; display: block; color:#fff;}
.nav.-master>.ui-card>.ui-item:hover {background-color: #00b727;}
.nav.-master>.ui-card>.ui-item .icon {display: block; margin:0 auto 8px; background-image: url(icons-128.png); border-radius: 0;}
.nav.-master>.ui-card>.ui-item.-addjob {background-color:#f60; color: #fff; font-size: 1.2em;}
.nav.-master>.ui-card>.ui-item.-addjob:hover {background-color: #ff781e;}
.nav.-master .ui-action.-user {position: absolute; top: 2px; right: 2px;}
.nav.-master .ui-action.-user img {border-radius: 50%;}

.nav.-master .count {background-color: #ff823a; border-radius: 50%; display: block; width: 2.5em; height: 2.5em;  line-height: 2.5em; text-align: center; font-size: 0.7em; color: #ffdfdf;}

.nav.-submaster {margin-left:8px;}
.nav.-submaster>.ui-card {display: flex; flex-wrap: wrap;}
.nav.-submaster>.ui-card>.ui-item {width:64px; height:64px; margin:8px 8px 8px 0; background-color: #00a724; text-align: center; border: none; box-shadow: none;}
.nav.-submaster .ui-item a {height:56px; padding:4px 0; display: block; color:#EAF5FF;}
.nav.-submaster .ui-item a:hover {background-color: #00b727;}
.nav.-submaster .ui-item span {font-size:0.70em;}
.nav.-submaster .ui-item .icon {display: block; margin:4px auto;}
.nav.-submaster .ui-item .icon:hover {background-color:#67ABEF;}




.home .search-box {width:auto; height:48px; margin: 8px 8px 32px 8px; border: none; border-radius: 4px;}
.home .search-box .form-text {width:100%;}
.home .garage-chart {justify-content: space-around;}
.home .present {flex: 0 0 45%; height:280px; margin:0 0 16px 0;}
.home .present h3 {padding:4px 8px;}




.nav.-submodule {overflow: initial;padding: 0; background-color: #FDF9ED;}
.nav.-submodule>.ui-nav {margin:2px 1px;}
.nav.-submodule>.ui-nav>.ui-item {padding:0 1px;}
.nav.-submodule>.ui-nav>.ui-item>.button {border:none;}

.nav.-submodule .sg-dropbox.-atright {}
.nav.-submodule .sg-dropbox.-atright>a {padding:6px; background-color: #fff; box-shadow: 0 0 0 1px #ffedb6 inset;}
.nav.-submodule .sg-dropbox.-atright>a:hover {background-color: #FDF9ED;}




.ui-statusbar {margin:8px 0 32px 0; padding: 0; list-style-type: none; height:24px; border-bottom: 1px #ccc solid; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.ui-statusbar .ui-item {display: block; flex: 0 0 48px; text-align: center;}
.ui-statusbar .ui-item .status {display: block; width: 48px; height: 48px; margin: 0 auto; background-color: #eee; line-height: 48px; border-radius: 50%;}
.ui-statusbar .ui-item .status:hover {background-color: #f5f5f5;}
.ui-statusbar .ui-item .status.-active {background-color: green; color:#fff;}
.ui-statusbar .ui-item .status.-active:hover {background-color: #008912;}
.ui-statusbar .ui-item .status.-s4.-active {background-color: red;}
.ui-statusbar .ui-item .status.-process-1.-active {background-color: yellow; color: #333;}
.ui-statusbar .ui-item .status.-process-2.-active {background-color: orange;}
.ui-statusbar .ui-item .status.-process-3.-active {background-color: magenta;}
.ui-statusbar .ui-item .status.-process-4.-active {background-color: blue;}
.ui-statusbar .ui-item .status.-process-5.-active {background-color: green;}

/*
.nav.-submodule .ui-nav.-toright {display: inline-block; top: -10px; position: absolute; right: 4px;}
.nav.-submodule .ui-nav.-toright > li {position: relative;}
.nav.-submodule .ui-nav.-toright .ui-item .sg-dropbox>a {margin:0;padding: 8px; border-radius: 50%; background-color: #fff;}
.nav.-submodule .ui-nav.-toright .ui-item .sg-dropbox>a:hover {background-color: #ddd;}
.nav.-submodule .ui-nav.-toright .ui-item .sg-dropbox>a>.icon:hover {background-color: transparent;}
.nav.-submodule .ui-nav.-toright .sg-dropbox.leftside .sg-dropbox--wrapper {right: -35px; left: auto; top: 36px;}
*/
.sg-dropbox .sg-dropbox--content {border:1px #aaa solid;}

.toolbar.-main {background-color: green; border-radius: 0;}
.toolbar.-main.-garage {margin-bottom: 0px;}
.toolbar.-main h2 {padding: 13px; background-color: transparent; color:#fff;}
.toolbar.-main .search-box {height: 36px; border:none; box-shadow: none;}
.toolbar.-main .search-box input {opacity: 0.8;}

.form-text.-disabled, .form-select.-disabled {border:1px transparent solid; box-shadow: none; background-color: #f0f0f0;}

.item tr.-input td {border-bottom: none; background-color: #FFEDD8;}
.item.-edit tr.-input td {background-color: #F0D6FF;}
.item .-highlight td {background-color: #DBFFD3;}
.item th.-noprint, .item td.-noprint {color:#bbb;}

.item tr.status--1 {color:#ccc; text-decoration: line-through; background-color: #f5f5f5;}

.form-select.-fill {
	padding:8px;
	margin: 0;
	width:100%;
	width:-moz-available;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background: #fff url();
	color:#666;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	text-align: center;
	/* font-size:0.9em; */
 }

.sidebar {background-color: #ffffff; margin-top: 0px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); }
.sidebar>h3 {background-color: transparent; padding:8px 16px; color:#b1aeae; letter-spacing: 0.05em;}
.sidebar>ul {width:auto;margin:0; padding: 0; list-style-type: none;}
.sidebar>ul a {padding: 8px 16px; display: block; color:#666;}
.sidebar>ul a:hover {background:#FDF9ED;}


.form.-report .form-item.-edit-insurer .form-select {width:200px;}
.form.-report .form-text.sg-datepicker {width:80px;text-align: center;}

.reportform .form-item.-edit-insurer .form-select {width:200px;}
.reportform .form-text.sg-datepicker {width:80px;text-align: center;}

.nav.-report {margin:0 0 4px 0;}
.nav.-report .form-item {margin:0;}






.bill-info {}
.bill-info.-header {margin:0 0 8px 0;}
.bill-info.-title {padding:32px 0; text-align: center;}
.bill-info.-sign {text-align:center; margin:40px 0 40px 0;}
.bill-info.-signname {display:inline-block;width:10em;}

.garage-job-list {}
	.garage-job-list .form-text.-jobno {width: 5em;}
	.garage-job-list .form-text.-date {width: 6em;}
	.garage-job-list .-remain-many .-toret {color: green;}
	.garage-job-list .-carnotin td {color: #a2a2a2;}
	.garage-job-list .-remain-late .-toret {color: red;}
	.garage-job-list .-remain-today .-toret {color: red; font-weight: bold;}
	.garage-job-list .-remain-1 .-toret {color: red;}
	.garage-job-list .-remain-2 .-toret {color: #ff9e5e;}
	.garage-job-list .-remain-3 .-toret {color: #e4e400;}


.garage-job-new {background-color: transparent;}
	.garage-job-new h3 {background-color: #ccc; text-align: center; font-size:1.4em;padding:8px 0;}
	.garage-job-new .form-item {position: relative;}
	.garage-job-new .form-text {padding:8px 8px; width:100%; width:-moz-available; width:calc(100% - 16px); color:#666;}
	.garage-job-new .form-select {
		padding:8px;
		margin: 0;
		width:100%;
		width:-moz-available;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background: #fff;
		color:#666;
		outline:none;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		cursor:pointer;
		/* font-size:0.9em; */
	 }
	.garage-job-new .form-select.-disabled {background-color: #f0f0f0;}
	.garage-job-new .button-save {margin:20px 0; padding:8px 0px; width:100%; font-size: 1.4em;}
	.garage-job-new option {color:#666;background:#f0f0ef;white-space:nowrap;-webkit- appearance:button;text-overflow:ellipsis; padding:2px;}
	.garage-job-new.-info {}
	.garage-job-new.-trans {}
	.garage-job-new .sg-box.-addcode {position:absolute; margin:0; right:0; top:25px; border:1px #ccc solid; padding: 8px 6px 0 6px; height:32px; border-radius: 4px; z-index: 1;}
	.garage-job-new .sg-box.-addcode:hover {background-color: #eee;}
	.garage-job-new .sg-box.-addcode .icon:hover {background-color: transparent;}

#edit-job-jobno,#edit-job-plate {text-transform: uppercase;}




.garage-job {}
.garage-job .label {display: block;}
.garage-job .value {display: block; font-weight: bold; padding:4px; margin-bottom:10px; background-color: #eee;}

.garage-job.-info {position: relative;}
.garage-job.-info h3 {margin: 0; padding:8px; background-color: #e5e5e5; text-align: center;}
.garage-job.-info .header {padding: 0;}
.garage-job.-info .header a {position: absolute; top: 4px; right: 4px; background: #fff; border-radius: 50%; height: 29px; width: 29px;}
.garage-job.-info .header .icon {margin: 2px auto; display: block;}
.garage-job.-info .menu {margin-bottom:32px; box-shadow:0 0 1px 1px #ccc inset;}
.garage-job.-info .menu .ui-menu a {padding:8px; width:auto;}
.garage-job.-info .menu .ui-menu a:hover {background-color: #eee;}
.garage-job.-trans .inputblock {margin:0 0 4px 16px; display: inline-block; white-space: nowrap; padding:4px; color:#999; background-color: #fff; opacity: 0.8; border-radius: 4px; font-size:0.9em; display: none;}

.form-select.-damagecode {width: 3em; padding: 0 4px;}
.item.-garage-job-tran .-highlight td {background-color: #DBFFD3;}
.item.-garage-job-tran thead .icon {display:none;}
.item.-garage-job-tran .nav.-hover {opacity: 0.8;}
.item.-garage-job-tran tr.-wait {color: red;}
.item.-garage-job-tran .-wait>.icon {color: gray;}
.item.-garage-job-tran tr.-wait .-wait>.icon {color: red;}

.garage-job-title>* {padding: 4px; margin: 4px;}

.garage-job-do>.garage-job-title {flex: 0 0 200px;}
.garage-job-do>.garage-job-title>* {flex: 1 0 100%;}
.garage-job-do>.garage-job-tran {flex: 1 0 1px;}
.garage-job-do>.remark {flex: 1 0 100%;}

.garage-job-assign>.ui-item {margin-bottom: 4px;}
.garage-job-assign>.ui-item.-active {background-color: #c7ffc7;}

.garage-job-tech>.ui-item {margin: 0 0 64px 0; padding: 0; border: none; box-shadow: none;}
.garage-job-tech>.ui-item>.header {flex: 1 0 90%; text-align: center; background-color: #ff7272; margin: 0 8px; padding: 8px 0; border-radius: 16px; border: 2px #666 solid; display: block;}
.garage-job-tech>.ui-item>.do-photo {flex: 1 0 100%;  margin: 4px 0 32px 0; padding-bottom: 64px; position: relative;}
.garage-job-tech .ui-album>.ui-item {width: 49%; margin:0 2% 2% 0;}
.garage-job-tech .ui-album>.ui-item:nth-child(2n+2) {margin-right:0;}
.garage-job-tech .do-photo h5 {text-align: center; background-color: #ddd; margin: 0 0 4px 0; padding: 8px 0;}
.garage-job-tech .do-photo.-photo1 {background-color: #deffc5;}
.garage-job-tech .do-photo.-photo1 h5 {background-color: #4AA900;}
.garage-job-tech .do-photo.-photo2 {background-color: #e2daa3;}
.garage-job-tech .do-photo.-photo2 h5 {background-color: #a99400;}
.garage-job-tech .do-photo.-photo3 {background-color: #d1fdff;}
.garage-job-tech .do-photo.-photo3 h5 {background-color: #00a1a9;}
.garage-job-tech .do-photo.-photo4 {background-color: #ffe6dc;}
.garage-job-tech .do-photo.-photo4 h5 {background-color: #F48559;}
.garage-job-tech .do-photo.-photo5 {background-color: #ffd1fd;}
.garage-job-tech .do-photo.-photo5 h5 {background-color: #ffa3fb;}
.garage-job-tech .do-photo.-photo6 {background-color: #c5ecff;}
.garage-job-tech .do-photo.-photo6 h5 {background-color: #7bd5ff;}
.garage-job-tech>.ui-item>.header .nav.-header {position: relative; top: 0; right: 0;}
.garage-job-tech>.ui-item>.header .nav.-header>ul {margin: 0 auto;}
.garage-job-tech .nav.-card {padding: 8px 0; position: absolute; bottom: 0; width: 100%; text-align: center;}


.garage-do-cmd {display:block; margin:0 auto; width:20px; height:20px; line-height:20px; font-size:20px; border-radius:50%; border:1px #eee solid;}
.garage-do-cmd.-active {background-color:green; color:#DAFFCE; border:1px green solid;}
.garage-do-cmd.-inactive {background-color:#eee; color:#ddd;}



.garage-job-statusbar {}
.garage-job-statusbar h3 {display: none;}





.garage-code-trans td {position: relative;}
.garage-code-trans .col-code {width:10%;}
.garage-code-trans .col-description {width:90%;}
.garage-code-trans .-input .-floating {white-space: nowrap; margin: 8px 0 0 auto;display: block;}
.garage-code-trans .-input .button-cancel {width:120px;white-space:nowrap;margin:8px 0 0 auto; display:block;text-align:right;}
.garage-code-trans .search {position: absolute;margin: 0; padding: 0; border:none; background-color: transparent; top: 12px; right: 6px;}

.garage-qt.-info {}
	.garage-qt.-info address {font-style: normal; text-align: center; font-weight: bold;}
	.garage-qt.-info h3 {margin:32px 0; text-align: center;}
	.garage-qt.-info p {}
	.garage-qt.-info p.-indent {text-indent: 4em;}
	.garage-qt.-info .card {box-shadow: none;}
	.garage-qt.-info .card-item {display: inline-block;}
	.garage-qt.-info .card-item .label {display: inline-block; margin-right:8px;}
	.garage-qt.-trans tbody>tr>th:first-child {text-align: left;}

.garage-report-home {}
	.garage-report-home .-menu .ui-item {display: flex; padding: 2px; border-bottom: 1px #eee solid;}
	.garage-report-home .-menu .-desc {flex: 1; white-space: nowrap;}
	.garage-report-home .-menu .-value {flex: 0 0 7em; background-color: #ddd; border-radius: 4px; padding: 4px; text-align: center; white-space: nowrap;}

.garage-job-in .-car {flex: 1 0 100px; position: relative;}
.garage-job-in .garage-job-in-form {flex: 1;}
.garage-job-in .-car-photo {width: 140px; height: 280px; margin: 32px auto; background-image: url(car-1.png); background-size: contain; background-repeat: no-repeat; position: relative;}
.garage-job-in .-car-photo.-type-1 {background-image: url(car-1.png);}
.garage-job-in .-car-photo.-type-2 {background-image: url(car-2.png);}
.garage-job-in .-car-photo.-type-3 {background-image: url(car-3.png);}

.garage-job-in .-car-pos {width: 32px; height: 32px; display: block; background-color: red; border-radius: 50%; text-align: center; color: #fff; line-height: 32px; position: absolute; border: 2px #fff solid;}

.garage-job-in .-car-pos.-pos-1 {top: 0; left: 10%;}
.garage-job-in .-car-pos.-pos-2 {top: 0; right: 10%;}
.garage-job-in .-car-pos.-pos-3 {top: 20%; left: 2%;}
.garage-job-in .-car-pos.-pos-4 {top: 20%; right: 2%;}
.garage-job-in .-car-pos.-pos-5 {top: 40%; left: 2%;}
.garage-job-in .-car-pos.-pos-6 {top: 40%; right: 2%;}
.garage-job-in .-car-pos.-pos-7 {top: 58%; left: 2%;}
.garage-job-in .-car-pos.-pos-8 {top: 58%; right: 2%;}
.garage-job-in .-car-pos.-pos-9 {top: 75%; left: 2%;}
.garage-job-in .-car-pos.-pos-10 {top: 75%; right: 2%;}
.garage-job-in .-car-pos.-pos-11 {top: 95%; left: 10%;}
.garage-job-in .-car-pos.-pos-12 {top: 95%; right: 10%;}
.garage-job-in .-car-pos.-pos-13 {top: calc(50% - 16px); left: calc(50% - 16px);}

.garage-job-in .garage-job-in-form .sg-tabs>div {border: 1px #ccc solid; border-top: none; padding-bottom: 8px; margin-bottom: 32px;}
.garage-job-in .nav.-code-add {margin: 0 8px;}
.garage-job-in .nav.-code-add .btn>span>span {display: inline-block; background-color: red; width: 1.7em; border-radius: 50%; height: 1.7em; line-height: 1.7em; color: #fff;}

.garage-job-in .nav.-close {position: absolute; top: -4px; right: 0;}
.garage-job-in .garage-job-in-form>.-search {margin: 0 0 16px;}



/* Softganz APP */
.module.-softganz-app {}
.module.-softganz-app .page.-header {display: none; max-width: none;}
.module.-softganz-app .page.-content {padding: 0; margin:0; max-width: none; background-color: #eee}
.module.-softganz-app.-module-has-toolbar .page.-content {padding-top: 0; margin: 0;}
.module.-softganz-app .toolbar.-main {height: auto; position: relative; border: none;}
.module.-softganz-app .page.-footer {display: none;}
.module.-softganz-app .package-footer {display: none;}
.module-garage.-softganz-app.-job.-tech .toolbar {display: none;}
.module-garage.-softganz-app .nav.-submodule {display: none;}
.module-garage.-softganz-app .toolbar.-main>h2 {display: none;}

.module-garage.-softganz-app .toolbar.-main .search-box {height: 48px; border-radius: 0; background-color: #fff; position: relative; width: 100%; top: 0; left: 0; margin-bottom: 16px; }
.module-garage.-softganz-app .toolbar.-main .search-box input {opacity: 1;}
.module-garage.-softganz-app .toolbar.-main .search-box .btn {background-color: #fff; padding-left: 16px; padding-right: 16px;}
.module-garage.-softganz-app .toolbar.-main .search-box .btn>span {display: none;}



@media (min-width:30em){    /* 480/16 = 30 */
	.home h2 {font-size:2em; text-align: left; margin:0 0 32px 0;}
	.home .search-box {}
	.home .present {height: 280px;}
	.home .present .sg-chart {height: 280px;}

	.garage-job.-info {width:170px; float:left;}
	.garage-job.-trans {margin-left:171px;}

	.garage-job-tech>.ui-item>.do-photo {flex: 0 0 49%; margin-bottom: 0px;}
	.garage-job-tech>.ui-item>.do-photo.-photo1 {margin-bottom:32px;}
	.garage-job-tech>.ui-item>.do-photo.-photo2 {margin-bottom:32px;}
}

@media (min-width:37em){    /* 640/16 = 40 */
	.home.-topnews {height: 200px;}

	.home.-news {width:48%; float:left;}
		.home.-news h2 {font-size:1.6em;}
	.home.-intro {width:48%; float:right;}
		.home.-intro h2 {font-size:1.6em;}

	.home.-area {width:48%; float:left; min-height: 400px;}
	.home.-area.-a11 {float:left;}
	.home.-area.-a12 {float:right;}
	.home.-area.-a12 h2 {background-position: top right;}

	.home.-facebook {width:48%; float:left;}
	.home.-facebook.-fb12 {float:right;}

	.home.-links li {width: 23%; display: block; float: left; margin-right: 2%;}
	.home.-links li:last-child {margin-right:0;}

	.garage-job-in .-car {flex: 0 0 140px;}
	.garage-job-in .-car-photo {width: 140px; height: 280px;}
}

@media (min-width:45em) { /* 720/16 = 45 */
	.module-home div#ribbon {width:200px; position:fixed; border:none;background:transparent;top:48px; z-index:10;}
	.module-home ul li.head {display:none;}
	.module-home li#user-menu-edit {display:block;}
	.module-home ul#user-menu li a {border:none;}

	.widget .widget-item h3 {position: relative; height: 2em; overflow: hidden;}
	.widget .widget-item .summary {width: 100%; position: relative;}


	.nav.-master {margin-left:0;}
	.nav.-submaster {margin-left:0;}
	.nav.-submaster .ui-item span {font-size:0.80em;}

	.home .search-box {width:702px;}

	.garage-job-new.-info {width:200px;}
	.garage-job-new.-trans {margin-left:220px;}
	#form-item-edit-job-submit1 {display: none;}

	.garage-job.-info {width:200px; float:left;}
	.garage-job.-trans {margin-left:220px;}


}

@media (min-width:50em) {    /* 800/16 = 50 */
	.home .present {width: 370px; height:340px; margin:0 16px 0px 0; float:left;}
	.home .present .sg-chart {height: 300px;}
}


@media (min-width:56.25em) {    /* 900/16 = 56.25 */
	.home.-topnews {height: 320px;}
	.page.-header {background-position: center top; }

	.toolbar.-main {border-radius: 2px;}
	.home .search-box {width:710px; margin-left:0; margin-right:0;}

	.garage-job-new.-info {width:300px; float:left;}
	.garage-job-new.-trans {margin-left:320px;}

	.garage-job-in .-car {flex: 0 0 200px;}
	.garage-job-in .-car-photo {width: 200px; height: 400px;}

}










@media print {
	body {font: 12pt/14pt "CordiaNew","TH Sarabun New","TH SarabunPSK","Browallia New","BrowalliaUPC", Tahoma, Arial, Verdana, sans-serif;
		color: #000;}
	h2.title {margin:5px 0;padding:0;font-size:1.3em;}
	.page.-header {height:30px;overflow:hidden;display:none;}
	.page.-header h1 {font-size:1em;text-align:right;height:30px;overflow:hidden;}
	#cse-search-box {display:none;}
	.page.-footer {display:none;}
	#paper-footer, .package-footer {display:none;}

	#content-wrapprer, .page.-primary {width:100%; margin:0; padding:0; }

	#icar-sidebar {width:28%;padding:0;margin:0 2% 0 0;float:left; clear:both;}
	#icar-detail {width:70%; margin:0; padding:0; float:right;}
	#icar-sidebar .photo {display:none;}
	#icar-sidebar table.item {width:100%;}
	#icar-shop-toolbar {display: none;}

	table {border-spacing:0;border-collapse:collapse;}
	table.item {width:100%;margin-bottom:5px;}
	table.item tr td {margin:0;padding:2px;border:none;border-bottom:0.4pt #ccc solid;}
	table.item tr td span {margin:0;padding:0;}
	table.item thead tr th {padding:0;border:none;border-bottom:1px #ccc solid;}
	caption {margin:0 0 3px 0;border:1px #ccc solid;border-radius:3px;}
	table>tbody>tr>th {text-align:left;}

	.icar-buy-form {display:none;}
	.icar-sale-form {display:none;}
	form#icar-cost-tr {display:none;}
	div.menu {display:none;}

	table.item>thead>tr {border:none;}
	table.item>thead>tr>td {border:none;}
	.icar-sidebar {width:100%;height:auto;display:none;}
	table.icar-cost-tr-sale {width:100%;float:none;}
	table.icar-cost-calculate {width:100%;float:none;}

	.icar-buyprice {padding:0;margin:0 0 10px 0;background:#fff;border:1px #4CB700 solid;font-size:14px;text-align:center;overflow:hidden;}
	.icar-saleprice {padding:0;margin:;background:#FFA76D;border:2px #f60 solid;font-size:14px;text-align:center;overflow:hidden;}
	.icar-buyprice span, .icar-saleprice span {padding:0;font-size:16px;display:block;}

	[class*="icar-list-"] img {width:64px;height:64px;background:url(logo.png) center center no-repeat;}
	[class*="icar-list-"] {margin:0;padding:0;list-style-type:none;}
	[class*="icar-list-"]>li {width:100px;height:100px;margin:20px 20px 0 0;padding:3px;display:inline-block;float:left;background:#f4f4f4;border:1px #c6c6c6 solid;border-radius:3px;text-align:center;position:relative;overflow:hidden;}
	[class*="icar-list-"]>li>h3 {width:100px;height:20px;padding:0;margin:0;line-height:20px;text-align:center;background:#fff;opacity:.8;font-size:1em;clear:both;position:absolute;top:64px;}
	[class*="icar-list-"] .date {position:absolute;}
	[class*="icar-list-"] .day {width:32px;height:32px;margin:0 10px 0px 0;font-size:20px;line-height:32px;}
	[class*="icar-list-"] .month {display:inline-block;font-size:1.1em;}
	[class*="icar-list-"] .year {display:inline-block;font-size:1.1em;}
	[class*="icar-list-"] .time {clear:both;}
	[class*="icar-list-"] p {width:100px;height:20px;padding:0;margin:0;line-height:20px;text-align:center;background:#fff;opacity:.8;font-size:1em;clear:both;position:absolute;top:84px;}
	[class*="icar-list-"] a {display:block;overflow:hidden;}
	[class*="icar-list-"] img.thumbnail {width:auto;height:100px;}

	.form-text {border:none;font-size:1em;display:inline;}
	#icar-report .form-item {display:inline-block;}
	#icar-report label {display:inline-block;}
	#form-item-edit-report-submit {display:none;}
	.button {display:none;}
}


@media print {
	body {font: 16pt/18pt "CordiaUPC","Cordia New", Tahoma, Arial, Verdana, sans-serif; color:#000;}
	.page.-header {height:30px;overflow:hidden; display: none;}
	.page.-header h1 {font-size:1em;text-align:right;height:30px;overflow:hidden;}
	#cse-search-box {display:none;}
	.page.-footer {display:none;}
	#paper-footer, .package-footer {display:none;}
	.noprint {display: none;}
	.pagebreak {color: transparent; border: none; page-break-after:always;}

	.page.-content {margin:0; padding: 0;}

	table.item {margin:0;padding:0;float:none;display:table;width:100%; border:none;}
	table.item tr td,
	table.item thead tr th {border-bottom:2px #333 solid;}
	table.item thead tr th {border-top:2px #333 solid;}
	table.item>thead>tr>th {padding:2px;}
	table.item>tbody>tr>td {padding-left:8px; padding-right: 8px; border-bottom: 2px #000 solid;}

	.col-center {text-align: center;}
	.col-money {text-align: center;}
	.col-amt {text-align:center;}
	.col-tool {text-align:center;}
	.col-date {text-align:center;white-space:nowrap;}
	.col-status {text-align:center;}
	.col-poster {text-align:center;}

	.item .col-no {text-align:center; padding-left:4px; padding-right:4px;}
	.item .col-no:after {content:".";}
	.item .subheader {font-weight: bold; background-color: #ddd;}
	.item .subfooter {font-weight:bold; background-color: #eaeaea;}

	.toolbar.-main {display: block;margin:0;padding: 0; display: none;}
	.toolbar.-main h2 {font-size:1.2em;color:#000; margin:0; padding: 0;}
	.toolbar .search-box {display: none;}

	.nav.-submodule {display:none;}

	.garage-job-statusbar {display: none;}
	.garage-job.-info {width:initial; margin:0 0 0.25cm 0;}
	.garage-job.-info .card-item {display: inline-block; margin:0 0.5em 0 0;}
	.garage-job.-trans {width: 100%; clear: both; float: none; margin: 0;}
	.garage-job.-trans table.item.-garage-job-tran {width:100%; display: table;}
	.garage-job.-trans table.item.-garage-job-tran thead {display: none;}

	.garage-qt {font-size:105%;}
	.garage-qt.-info {margin:0 0 0.2cm;}

	.garage-job-new.-info {width: 100%; float: none;}
		.garage-job-new.-info .form-item {display: inline-block; width:auto; margin:0 0.5em 0 0; white-space: nowrap;}
		.garage-job-new.-info .-disabled {color:#000;}
		.garage-job-new.-info label {display: inline-block;}
		#garage-job-new .garage-job-new.-info input.form-text {margin:0; padding:0 2px; display: inline; overflow: hidden; text-align: left; white-space: nowrap;}
	.garage-job-new.-trans {width: 100%; clear: both; float: none; margin: 0;}
		.garage-job-new.-trans table.item {width:100%; display: table;}
		.item.-garage-job-tran {border:1px #000 solid;}
		.item.-garage-job-tran td,.item.-garage-job-tran th {padding:4px; border-right:1px #000 solid; border-bottom:1px #000 solid;}
		.item.-garage-job-tran .-damage {font-weight: bold;}
		.item.-garage-job-tran .-damage>span {display:block; color:#000; font-weight: bold; width:1.15em;height:1.15em; margin:0 auto; line-height: 1em; text-align: center;}

	.garage-do-cmd.-inactive {color:transparent; border:1px #f5f5f5 solid; display: none;}

	.form.-report .btn {display: none;}
	.form.-report.-inlineitem .form-item {display: inline;width:auto;}
	.form.-report .form-text,.form.-report .form-select {color:#333;border:none;box-shadow: none;}

	.reportform .btn {display: none;}
	.reportform.-inlineitem .form-item {display: inline;width:auto;}
	.reportform .form-text,.reportform .form-select {color:#333;border:none;box-shadow: none;}

	.garage-job-do>.garage-job-title {flex: 1 0 100%;}
	.module-garage.-job.-do .toolbar.-main {display: block;}
	.garage-job-do>.garage-job-title>* {flex: 0 0 auto;}
	.garage-job-do>.garage-job-title>.insurer {flex: 1 0 100%;}
	.garage-job-do>.garage-job-title>.customer {flex: 1 0 100%;}

}