﻿.transport_icons_wrap {
	white-space:nowrap;
	position:absolute;
	margin-top:-16px;
	text-align:left;
}

.transport_icons_wrap img {
	margin-left:2px;
	width:20px;
}

.transport_rating {
	display:inline-block;
	background-color:green;
	color:#fff;
	width:20px;
	height:22px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	padding-top:3px;
	text-align:center;
}

.transport_rating_corner {
	width: 0px;
    height: 0px;
	border-bottom: 4px solid transparent;
    border-right: 10px solid green;
    border-left: 10px solid green;
}

.garage_catalog_content {
	overflow-y:scroll;
	height:550px;
}

.garage_item {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */		

	vertical-align:top; 

	margin:20px 0 0 0;
	background-color:#fff;
	color:#555;

	font-size:14px;
	line-height:18px;

	border:1px solid #e7e7e7;
	border-radius:3px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1);
	
	overflow:hidden;
}

.garage_installed_count {
	display:block;
	margin:10px 0 4px 2px;
	color:#689640;
	cursor:pointer;
	text-decoration:underline;
}

.garage_installed_market {
	display:block;
	margin:0px 0 6px 2px;
	color:#689640;
}	
	
.garage_modal_hover {
	cursor:pointer;
}

.garage_modal_hover:hover {
	color:#4cbfb6;
}


.garage_table {
	font-size:12px;
	line-height:15px;
}

.garage_table td a {
	text-decoration:none;
	color:#444;
}

.garage_table td a:hover {
	color:#000;
	text-decoration:underline;
}

.garage_title {
	height:40px;
	width:100%;
	background-color:#eee;
	background: linear-gradient(to top, #e4e4e4, #fefefe);
	font-size:22px;
	padding-left:10px;
	line-height:36px;
	font-weight:bolder;
}

.garage_block_hint {
	display:inline-block;
	width:20px;
	height:20px;
	margin-top:4px;
	border:2px solid #aaa;
	border-radius:5px;
	float:right;
	padding:0 0 0 6px;
	line-height:16px;
	font-size:13px;
	color:#aaa;
    
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;	
}

.garage_block_hint_hidden {
	display:none;
}

.garage_block_hint:hover {
	background-color:#666;
	color:#fff;
	cursor:pointer;	
}

.garage_block {
	display:inline-block;
	width:100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */		

	vertical-align:top; 

	background-color:#fff;
	color:#555;

	font-size:14px;
	line-height:18px;

	border:1px solid #e7e7e7;
	border-radius:3px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1);

	overflow:hidden;
}

.garage_user_avatar {
	width:40px;
	margin:4px 10px 0 0;
	border-radius:20px;
}

.garage_link {
	font-size:12px;
	line-height:14px;
	color:#999;
	text-decoration:underline;
	cursor:pointer;
}

.garage_link_block {
	display:inline-block;
	margin:10px;
	font-size:12px;
	line-height:14px;
	color:#999;
	text-decoration:underline;
	cursor:pointer;
}

.garage_image {
	width:80%;
	margin:20px 0 0 17px;
	border-radius:5px;
}

.garage_additional_images {
	display:inline-block;
	vertical-align:top;
	width:60px;
	margin-left:18px;
	padding-top:20px;
}

.garage_additional_image {
	width:60px;
	height:60px;
	border:1px solid #ddd;
	border-radius:5px;
	margin-bottom:10px;
	overflow:hidden;
}

.garage_additional_image img {
	width:60px;
}

.garage_title img {
	float:right;
	margin-right:5px;
}


.garage_block_title {
	height:28px;
	width:100%;
	background-color:#eee;
	background: linear-gradient(to top, #e4e4e4, #fefefe);
	font-size:16px;
	padding:0 10px 0 10px;
	line-height:28px;
	color:#333;
}

.garage_blocks_table {
	width:100%;
	display:table;
    border-spacing: 5px;
    border-collapse: separate	
}

.garage_td2 {
	display:table-cell !important;
	width:50%;
	vertical-align:top;
}


.garage_td3 {
	display:table-cell !important;
	width:33%;
	vertical-align:top;
}


.garage_parameters {
	padding:13px 20px 0 40px;
	line-height:24px;
}

.garage_parameters span {
	font-weight:bolder;
	font-size:16px;
	line-height:28px;
}

.garage_status {
	font-size:12px;
	line-height:14px;
	color:#aaa;
}

.garage_progress {
	background-color:#fff;
	color:#555;

	border:1px solid #b4ada2;
	border-radius:3px;
	height:18px;
	margin:-3px 0 10px 0;
	
	overflow:hidden;
	width:100%;
}

.garage_progress div {
	height:16px;
	background-color:#f5b549;
	background-image:Url('/images/gui/progressbar.jpg');
}
.garage_block table {
	table-layout: fixed;
	
}

.garage_block table td {
	padding:4px 6px 4px 6px;
}

.garage_main_data {
	width:330px;
	margin:0 10px 0 10px;
}

.garage_installed_desktop {
	margin-top:10px;
	display:block;
	width:100%;
	/*
	display: grid;
	grid-template-columns: repeat(auto-fill, 80px);
	grid-gap: 1rem;
	justify-content: space-between;
	*/
}

.garage_installed_mobile {
	display:none;
}

.garage_file {
	display:inline-block;
	vertical-align:top;
	margin:20px 10px 10px 10px;
	font-size:12px;
	line-height:14px;
	width:90px;
	text-align:center;
	cursor:pointer;
}

.garage_installed_grid {
	margin:8px;
	display: grid; /* 1 */
	grid-template-columns: repeat(auto-fill, 80px); /* 2 */
	grid-gap: 1rem; /* 3 */
	justify-content: space-between; /* 4 */		
}

.garage_item_installed {
	display:inline-block;
	 vertical-align: top;
	width:80px;
	height:80px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:2px;
	
	font-size:12px;
	line-height:14px;
	color:#ccc;
	text-align:center;
	overflow:hidden;
}

.garage_item_installed img {
	width:100%;
}

.garage_item_installed:hover {
	cursor:pointer;
	border-color:#4cbfb6;
	box-shadow:0px 1px 5px 3px #d0f9f6;
}

.garage_item_installed_small {
	display:inline-block;
	 vertical-align: top;
	width:32px;
	height:32px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:2px;
	
	font-size:12px;
	line-height:14px;
	color:#ccc;
	text-align:center;
	overflow:hidden;	
}

.garage_item_installed_small img {
	width:100%;
}

.garage_item_installed_small:hover {
	cursor:pointer;
	border:2px solid #4cbfb6;
}

.garage_block_main {
	margin:30px 0 40px 0;
}

.garage_block_main td {
	width:33%;
	text-align:center;
}

.garage_block_main td h6 {
	font-size:32px;
	font-weight:bolder;
	margin:10px 0 0 0;
}

.garage_block_about {
	padding:10px;
}

.garage_block_about p, .garage_block_about li {
	margin:0;color:#555;font-size:14px;line-height:18px;font-family:"Ubuntu", Arial;
}


.garage_item1 {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Для Firefox */	
		
	width:124px;
	height:145px;
	background-color:#fff;
	margin:0 10px 10px 0;
	font-size:12px;
	line-height:14px;
	text-align:center;
	padding:6px;
}

.garage_item1 img {
	width:80px;
	margin:10px 0 10px 0;
}


.garage_item1 a {
	display:block;
	height:125px;
	color:#555;
	text-decoration:none;
}

.garage_item1 a:hover {
	color:#555;
}

.garage_desktop_padding {
	padding:6px;
}



.installed_name {
	font-size:18px;
}

.garage_modal_window {
	font-size:14px;
	line-height:18px;
	color:#555;
	padding:20px;
}

.no_padding {
	padding:0px;
}

.garage_modal_window h2 {
	margin:0 0 10px 0;
}

.garage_modal_window h3 {
	margin:0px;
}

.tab-content input, .tab-content  select, .tab-content  textarea {
	display:block;
	margin-bottom:10px;
}

.installed_item {
	display:block;
	border:1px solid #aaa;
	border-radius:3px;
	overflow:hidden;
	margin:0 10px 10px 0;
	cursor:pointer;
	overflow:hidden;
	width:100%;
	height:80px;
	margin-left:5px;
}

.installed_item:hover {
	border-color:#4cbfb6;
	box-shadow:0px 1px 5px 3px #d0f9f6;
	color:#208981;
}

.installed_item img {
	width:80px;
	max-width:80px;
	min-width:80px;
}

.installed_item_content {
	width:420px;
	padding:10px 10px 0 20px;
	line-height:28px;
}

#installedInfo {
	padding-top:20px;
}

.garage_installed_info {
	display:table;
	width:100%;
	height:310px;
	vertical-align:top;
}

.garage_installed_info_image {
	margin-left:20px;
	display:table-cell;
	height:200px;
	width:200px;
	font-size:12px;
}

.garage_installed_info_image img {
	border:1px solid #bbb;
	border-radius:5px;
	height:200px;
	margin-bottom:4px;
}

.garage_installed_info_content {
	padding-left:20px;
	display:table-cell;
	vertical-align:top;
	
}

.garage_installed_info_content h2 {
	margin:0 0 5px 0;
	line-height:30px;
}

.garage_installed_info_text {
	height:185px;
	overflow-y:auto;
	margin-bottom:10px;
}

.garage_installed_info_controls {
	height:50px;
}

.garage_installed_list_wrap {
	display:table-cell;	
	width:600px;
}

.garage_installed_list {
	width:600px;
	overflow-y:scroll;
	padding-right:10px;
	height:600px;
}

.garage_installed_filter {
	display:table-cell;
	vertical-align:top;
	width:300px;
	height:540px;
	max-height:540px;	
	overflow-y:auto;
	background-color:#eee;
	padding:10px;
}

.installs_filter_category {
	padding:4px 10px 4px 10px;
	border-bottom:1px solid #fff;
}

.installs_filter_category_selected {
	background-color:#333;
	color:#fff;
	padding:4px 10px 4px 10px;
	border-bottom:1px solid #fff;
}

.installs_filter_category:hover {
	background-color:#fff;
	cursor:pointer;
}

.garage_installed_addform {
	height:540px;
}

.garage_topics_tab {
	height:460px;
	overflow-y:auto;
	overflow-x:hidden;
}

.garage_create_topic_tab {
	height:460px;
	overflow-y:hidden;
	overflow-x:hidden;	
}

.garage_topic_check {
	cursor:pointer;
}

.gr_table {
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.gr_tr {
	display:table-row;
}

.gr_td {
	display:table-cell;
	vertical-align:middle;
	border:1px solid #bbb;
	font-size:14px;
	line-height:16px;
	padding:4px;
}

.gr_img {
	display:block;
	width:40px;
	margin:0 auto;
	border-radius:5px;
}

.gr_td .garage_user_avatar {
	width:24px;
}

.gr_modified {
	color:#999;
	font-size:12px;
}

.garage_owner {
	display:inline-block;
	white-space:nowrap;
}

.garage_owner_thumb {
	width:20px;
}

.garage_owner_thumb img {
	width:20px;
	border-radius:10px;
}

@media only screen and (max-width: 900px) {
	.garage_td2 {
		display:block !important;
		width:100%;
	}
	.garage_blocks_table {
		width:100%;
		display:block;
	}
	
	.garage_title {
		font-size:18px;
	}
	
	.garage_block {
		margin-top:10px;
	}
	
	.garage_additional_images {
		display:none;
	}
	
	.garage_installed_desktop {
		display:none;
	}

	.garage_installed_mobile {
		display:block;
		width:100%;
	}
	
	.garage_parameters {
		padding:0px;
	}
	
	.garage_image {
		margin:0px;
		width:100%;
	}
	
	.garage_desktop_padding {
		padding:0px;
	}
	
	.garage_item {
		border:none;
	}
}