@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Audi Type Extended';
	src: url('../fonts/AudiType-ExtendedNormal.eot');
	src: url('../fonts/AudiType-ExtendedNormal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AudiType-ExtendedNormal.woff') format('woff'),
		url('../fonts/AudiType-ExtendedNormal.ttf') format('truetype');
	font-weight: normal; font-style: normal; }
@font-face {
	font-family: 'Audi Type Extended';
	src: url('../fonts/AudiType-ExtendedBold.eot');
	src: url('../fonts/AudiType-ExtendedBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AudiType-ExtendedBold.woff') format('woff'),
		url('../fonts/AudiType-ExtendedBold.ttf') format('truetype');
	font-weight: bold; font-style: normal; }
@font-face {
	font-family: 'Audi Type';
	src: url('../fonts/AudiType-Normal.eot');
	src: url('../fonts/AudiType-Normal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AudiType-Normal.woff') format('woff'),
		url('../fonts/AudiType-Normal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body{ font-family:Audi Type; font-size:15px; background:#c9c9c9; color:#303030; }/*line-height:20px;*/
a{text-decoration:none;}
a:hover{  text-decoration:none;}
.audi_type_e{font-family: 'Audi Type Extended';}
input[type='password']{ font-family:Arial, Helvetica, sans-serif;}
.container{ min-width:750px; margin-left:0px; margin-right:0px;}
header{ position:relative;}
.heder_f{ position:relative;}
.inner_header{ background:#eeeeee; float:left; width:100%; }
.menu{border:none;border:0px;margin:0px;padding:0px;}
.menu ul{  list-style:none; margin:0; padding:0; background:#303030;}
.menu li{ float:left; padding:0px 0px 0px 0px;}
.menu li.welcomeText {line-height: 50px;padding:18px 19px;}
.menu li.welcomeText span{ color:#e21838;}
.menu > ul > li:first-child{border-left:0}
.menu > ul > li { border-left:solid 1px #dbdbdb;}
.menu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0px;padding:18px 19px;text-align:center;text-decoration:none;}
/*.menu li:last-child a{ padding-right:5px;}*/
.menu li a:hover{background:#C60;color:#FFFFFF;}
.menu ul li:hover a{background:#303030;color:#FFFFFF;text-decoration:none;}
.menu li a.active_menu{background:#303030; color:#FFFFFF;}
.menu li ul{display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:100%;left:0px;z-index:200;text-align:right;}
.menu li:hover ul{display:block;}
.menu li li{display:inline-block;float:none;margin:0px 10px;padding:0px;}
.menu li:hover li a{}
.menu li ul a{display:block;height:67px; line-height:67px; margin:0px;padding:0px 10px 0px 10px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;color:#ffffff; text-decoration:none; border-bottom:solid 5px #FF0000;}

.select_part{ float:right; margin-top:51px;}
.select_part a{ color:#303030;}
.logo_home{ float:left; margin-top:30px;}
.logo_inner{float:left; margin-top:15px; margin-left:0px;}
.logo_inner img{ width:99px;}
.logo_right{ float:right;}
.login_block{ width:648px;margin:auto;}
.login_detail{ background:#FFFFFF; float:left; overflow:hidden; padding:15px 0px 0px 0px; clear:both; margin-top:80px;}
.login_detail h1{
font-size: 27px;  font-weight: bold;  letter-spacing: -1px; margin: 20px 0 40px; padding: 0; text-align: center;	
}
.login_field{ margin-bottom:50px; padding:0PX 60PX; float:left; }
.login_field input{ width:100%; float:left;}
.login_field button{ height:48px; border-radius:0px; width:100%;}
input[type='text']{ height:48px; line-height:48px; border:solid 1px #dbdbdb;}
input[type='password']{ height:48px; line-height:48px; border:solid 1px #dbdbdb;}
.btn.btn-line{border:solid 1px #dbdbdb; background:#FFF;}
.btn-line{ height:48px; line-height:48px;}
.new_row{ float:left; width:100%; height:65px;}
.forgot_pass{ font-size:13px; color:#009cff; clear:both; float:left; margin-top:10px;}
.login_proceed{ background:#e21838; display:block; height:76px; line-height:76px; font-size:22px; font-weight:bold; color:#fff;  text-align:center; clear:both; font-weight:bold;}
.login_proceed:hover{ color:#FFF; text-decoration:none;}
.copyright_txt{ clear:both; text-align:center; color:#303030;font-family: 'Audi Type Extended'; font-size:10pt; margin-top:120px; float:left; width:100%; clear:both; margin-bottom:15px;}


.welcome_page{ clear:both; padding-top:125px;}
.welcome_page h1{ font-weight:bold; letter-spacing:-1px; font-size:27.4px; text-align:center; margin-bottom:18px;}
.sub_txt{ font-size:22px; text-align:center; letter-spacing:2px;}
.audi_step{ margin-top:50px; margin-bottom:190px; }
.audi_step td{ padding:0px 26px;}
.audi_step span{ display:block; margin-top:18px; text-align:center; width:100%; font-size:18px; letter-spacing:-1px;}
.audi_step a{ color:#303030;}
.footer_l{ float:left;}
.footer_r{ float:right;}
footer{ background:#e21838; float:left; width:100%; color:#FFFFFF; font-size:12px; padding:20px;}
footer a{ color:#FFF;}

.inner_page{ clear:both; padding-top:40px;}
.heading_in{ font-size:22px; font-weight:bold; letter-spacing:-1px; padding-bottom:20px; clear:both; float:left; width:100%; margin-top:5px}
input, button, select, textarea{ border:solid 1px #dbdbdb;}
.field_table{ background:#FFFFFF; width:100%; }
.field_table td{ padding:10px; width:50%;}
.field_table td input{ display:block; width:100%; padding-left:13px;}
.address_field{display:block; width:100%; padding:13px; height:185px;}
.white_bg{ width:100%; background:#FFF; padding:25px 20px; margin-bottom:20px; clear:both;}
.submit_btn{ background:#e21838; color:#FFFFFF; display:block; text-align:center; clear:both; height:70px; line-height:70px;  font-weight:bold; font-size:22px;}
.back_btn{ background:#222; color:#FFFFFF; display:block; text-align:center; clear:both; height:70px; line-height:70px;  font-weight:bold; font-size:22px;}
.margin_t_50{ margin-top:50px;}
.four_block{ float:left; width:22.6%; margin-right:3%;}
.four_block a{ color:#303030;}
.four_block img{ width:100%;}
.four_block small{ font-size:14px; display:block; margin-top:15px; letter-spacing:0px;}
.four_block span{ font-size:18px; text-align:center; display:block; letter-spacing:-1px;}
.margin_r_0{ margin-right:0px;}
.option_block{ margin-bottom:100px; float:left; width:100%; clear:both;}
.line_hd{ font-size:17px; clear:both; padding-bottom:10px; font-weight:bold; margin-bottom:0px;}
.accordian .panel-default > .panel-heading{ background:#fff; padding:13px 15px;}
.accordian .panel-group .panel{ border-radius:0px;}
.accordian .panel-group .panel + .panel{ margin-top:20px;}
.accordian .panel-default > .panel-heading > .panel-title > a{ display:block;}
.margin_b_250{ margin-bottom:250px;}
.margin_b_45{ margin-bottom:45px;}
.margin_b_65{ margin-bottom:65px;}
.sub_menbu{ background:#303030; width:100%;}
.sub_menbu ul { margin:0px; padding:0px; float:right;}
.sub_menbu ul li{ display:inline; padding:0px 20px; float:left;}
.sub_menbu ul li a{ border-bottom:#303030 solid 5px; padding:21px 3px; float:left; color:#fff; letter-spacing:-1px;}
.sub_menbu ul li a:hover{ border-bottom:#e21838 solid 5px;}
.sub_menbu ul li a.act_sub{border-bottom:#e21838 solid 5px;}
.owner_ship{ float:left; margin-top:10px; margin-right:10px;} 
.field_op{ float:left;}
.radio_field{ float:left; margin-right:10px;}
.condition_check{ clear:both; margin:0px 0px 20px 0px; float:left; width:100%;}
.red_btn{ background:#e21838; color:#FFF; height:40px; line-height:40px; padding:0px 25px; display:inline-block;}
.in_tt{ font-size:17px; margin-top:7px;}
.padding_t_0{ padding-top:0px !important;}
.width_31{ width:31%;}
.width_32{ width:32%;}
.margin_l_r_2{ margin-left:2%; margin-right:2%;}
.field_name{ float:left; width:250px; line-height:45px;}
.field_name.two_line{ line-height:18px; padding-top:7px;}
.field_radio{ float:left;}
.input_field{ float:left;}
.input_field input[type='text']{ width:190px;}
.input_field button{ width:190px !important; margin-right:15px;}
.field_table td input.dollar_symbol{ background:url(../images/dollar_img.jpg) no-repeat left center; padding-left:20px;}
.acces_field{ clear:both; float:left; width:100%; margin-bottom:12px;}
.acces_field .bootstrap-select{ width:auto !important;}
.add_field{ color:#208dcb;}
.full_b{ float:left; width:100%; margin-bottom:15px;}
.full_b .bootstrap-select{ width:100% !important}
.first_f_finance{ float:left; width:20%; min-width:135px; line-height:42px;}
.second_f_finance{ float:right; width:79%;}
.one_s{ width:20%;}
.two_s{ width:22%;}
.three_s{ width:30%;}
.month_block{ width:15%; line-height:48px; text-align:right; padding-right:2%;}
.loan_txt{ width:13%; line-height:48px; text-align:right; padding-right:2%;}
.border_all{ border:solid 1px #d4d4d4; padding:15px 15px;}
.bottom_two{}
.bottom_two td{ padding-left:0px; padding-right:0px;}
.field_table td.field_l{padding-right:10px;}
.popup_div{ background:#FFFFFF; border:solid 3px #AFAFAF; padding:10px; width:640px;}
.popup_tt{font-size: 27px; font-weight: bold;letter-spacing: -1px; margin:16px 0 22px;
    text-align: center; text-transform:capitalize;	}
.popup_div_small{background:#FFFFFF; border:solid 3px #AFAFAF; padding:10px; width:340px;}
.loader{ width:200px;  border:solid 3px #AFAFAF; padding:10px; background:#FFFFFF; text-align:center; font-weight:bold;}

.loader p{margin-top:10px;}
.btn_red{ background:#e21838;}

.stock_table{ background:#FFFFFF; width:100%; }
.stock_table td{ padding:10px; }
.stock_table td td { padding:0; }
.stock_table td input[type=text]{ display:block; width:100%; padding-left:13px;}
.stock_table td input[type=button]{ display:block; width:100%; color:#fff; background:#e21838; height:48px; font: bold 18px "Audi Type Extended"; }

.dataTable2 th, .dataTable2 td { height:55px; padding:0 5px; font-size:14px; border-right:1px solid #ddd;  border-top:1px solid #ddd }

.dataTable th, .dataTable td { height:55px; padding:0 5px; font-size:14px; border-right:1px solid #ddd;  border-top:1px solid #ddd }
.dataTable tr:nth-child(odd) { background-color: #f3f3f3; }
.dataTable tr:nth-child(even) { background-color: #fff; }
.dataTable th { background:#444; color:#fff; border-top:0px; }
.dataTable input[type=button] { background:#222; color:#fff; font: bold 13px "Audi Type Extended"; padding:5px 0; width:78px; border:none; }
input[type=button].viewed {
    /*background:url(../images/icon-viewed.svg) no-repeat #e21838 left center;*/
    background: url(../images/icon-viewed.png) no-repeat #e21838 5px center;padding-left: 10px;
}

.colFixedCol_small { width:160px; float:left }
.colFixedCol { width:220px; float:left }
.colFixedCol2 { width:360px; float:left }
.colFixed490 { width:490px; float:left }
.colFixed630 { width:600px; float:left }
.colFixed650 { width:650px; float:left }
.colFixed6501 { width:650px; float:left }
.colFixed500 { width:500px; float:left }
.colFixedCol4 { width:165px; float:left }
.colFixedCol5 { width: 150px; float: left }
.colFixedCol_small .dataTable th,
.colFixedCol .dataTable th,
.colFixedCol2 .dataTable th, 
.colFixedCol5 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixed490 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixed630 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixed650 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixed6501 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixed500 .dataTable th { background:#222; color:#fff; text-align:center; }
.colFixedCol4 .dataTable th { background:#222; color:#fff; text-align:center; }

.colFixedCol_small .dataTable tr:nth-child(odd),
.colFixedCo5 .dataTable tr:nth-child(odd),
.colFixedCol .dataTable tr:nth-child(odd),
.colFixedCol2 .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixed490 .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixed630 .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixed650  .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixed6501  .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixed500 .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }
.colFixedCol4 .dataTable tr:nth-child(odd) { background-color: #d4d4d4; }

.colFixedCol_small .dataTable tr:nth-child(even),
.colFixedCo5 .dataTable tr:nth-child(even),
.colFixedCol .dataTable tr:nth-child(even),
.colFixedCol2 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixed490 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixed630 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixed650 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixed6501 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixed500 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }
.colFixedCol4 .dataTable tr:nth-child(even) { background-color:#f2f2f2; }

.dataTable .row-over { background-color: #CECACA; }
.page_navi { margin-top:20px }
.paging a { display:block; text-align:center; width:20px; height:20px; line-height:20px; text-decoration:none; font-weight:bold; float:left; font-size: 12px; margin-left:3px; color:#333 }
.pagingOn { background-color:#e21838; color:#fff !important; }
.showRecords td { padding:0 10px }
.showRecords a { color:#303030 }
.showRecords a.recordSelectOn { color:#e21838 }
.dataTable .btn-line { height:40px; line-height:30px;}
.colScrol5_l{float: left;
    overflow: auto;
    width: 880px;-webkit-overflow-scrolling: touch;}
.colFixedCo5 { width:450px; float:left }
.colFixedCo5 .dataTable th { background:#222; color:#fff; text-align:center; }
div.colFixedCo5 [value*="Re-Submit"] { width:95px;} 
div.colFixedCo5 [value*="Submit"] { width:95px;} 
.letter-space{ letter-spacing:2px; text-align:center;}
.edit_icon{ border:0px;}
.signature_block{ clear:both; background:#FFFFFF; height:80px; width:325px; 
margin:20px 0px 0px 0px; border:solid 2px #B2B2B2;}
.clean_signature{ float:right; margin-top:-18px; margin-right:-18px; cursor:pointer;}
.advance_search{ cursor:pointer; float:right; color:#337ab7;}
.P1{ display:none;}
.tab_panel.nav-tabs > li.active > a, 
.tab_panel.nav-tabs > li.active > a:hover, 
.tab_panel.nav-tabs > li.active > a:focus{ background:#444; color:#FFFFFF;}

.tab_panel.nav > li > a:hover, .tab_panel.nav > li > a:focus{ background:#444; color:#FFFFFF; 
border-color:#444 #444 #444;}

.tab_panel.nav-tabs > li > a{ background:#eeeeee; color:#303030; margin-right:10px;}
.tab_panel{ float:left;}
.black_line{background:#444; width:100%; height:2px; clear:both;}
.showRecords a.export_btn{ background:#e21838; padding:3px 5px; color:#FFFFFF;}
a.export_btn{ background:#e21838; padding:3px 5px; color:#FFFFFF;}
a.export_btn:hover{ background:#c9302c}
.fileUpload { position: relative; overflow: hidden; margin: 10px;}
.fileUpload input.upload { position: absolute; top:0; right:0; margin:0;    padding: 0;    font-size: 20px;    cursor: pointer;    opacity: 0;    filter: alpha(opacity=0);}
.file_upload_btn{ margin:0px 5px 0px 0px;}
.date_small{ padding:6px 12px; height:37px !important}
.textbox_in_tab{}
.textbox_in_tab input[type='text']{ padding:0px 10px; width:150px; height:35px; line-height:35px;}


.customer_survey{}
.customer_survey div{ background:#fff url(../images/customer-survey.png) no-repeat center center; width:100%; }
.customer_survey.green_img div{ background:#fff url(../images/customer-survey_a.png) no-repeat center center;}

.new_test_drive{}
.new_test_drive div{ background:#fff url(../images/new-test-drive.png) no-repeat center center; width:100%; }
.new_test_drive.green_img div{ background:#fff url(../images/new-test-drive_a.png) no-repeat center center;}

.sales_order{}
.sales_order div{ background:#fff url(../images/sales-order.png) no-repeat center center; width:100%; }
.sales_order.green_img div{ background:#fff url(../images/sales-order.png) no-repeat center center;}

.sales_agreement{}
.sales_agreement div{ background:#fff url(../images/sales-agreement.png) no-repeat center center; width:100%; }
.sales_agreement.green_img div{ background:#fff url(../images/sales-agreement_a.png) no-repeat center center; }

.block_t{ width:100%;}
.block_t td{ width:24%;}
.block_t span{ text-align:center; display:inline-block; width:100%;}
.block_t small { display: block;  font-size: 14px; letter-spacing: 0; margin-top: 15px;}
.block_m_l{ padding-left:20px;}
.block_t td a{ color:#303030;}

.use_scrollber{padding:0px 4px; font-size:10px;}

.col_full { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
.table_10 table{min-width:100%; float:left}
.table_15 table{min-width:150%; float:left}
.table_20 table{min-width:200%; float:left}
.table_25 table{min-width:250%; float:left}
.table_30 table{min-width:300%; float:left}
.table_35 table{min-width:350%; float:left}
.table_40 table{min-width:400%; float:left}
.table_45 table{min-width:450%; float:left}
.table_50 table{min-width:500%; float:left}
.darck_pink{ background:#f3f3f3;}


.paginationgrid{}
.paginationgrid table{ float:right; width:auto; min-width:inherit;}
.paginationgrid td{  border:0px solid #ddd;}
.paginationgrid td a{background-color: #e21838; color: #fff !important; width:100%; display:block; width:20px; text-align:center; height:23px; line-height:23px;}

.welcome_line{background:#8E8E8E; color:#FFFFFF; padding:5px 0px; font-size:14px; }
.wel_msg{ float:left;}
.welcome_line a{ color:#FFFFFF;}
.user_info{ float:right; padding:0px; margin:0px;}
.user_info li{ display:inline;}
.user_info li a{ padding:0px 5px;}
.user_info li a:hover{ color:#000000;}
.user_info li:last-child a{ border-right:0px;}


.information_block{ clear:both; margin-top:35px; margin-bottom:200px;}
.arial_font{ font-family:Arial, Helvetica, sans-serif;}
.block_list{ display:inline-block; width:23%; margin-right:2%; margin-bottom:28px;}
.block_list h4{ text-align:center; background:#aaaaaa; font-size:18px; font-weight:bold; color:#FFFFFF; height:34px; line-height:34px; margin:0px;}
.block_list img{ width:100%;}
.clear_b{ clear:both;}
a.back_btn_sm{ padding:4px 12px;}
input.search_keyword[type="text"]{ padding:0px 5px; height:25px; line-height:25px; margin-right:5px;}
.table_view{ margin-top:10px; margin-bottom:15px;}
.folder_icon{ background:url(../images/folder_icon.png) no-repeat 10px center; padding-left:42px;}
.doc_icon{ background:url(../images/doc_icon.png) no-repeat 10px center; padding-left:42px;}
.pdf_icon{ background:url(../images/pdf_icon.png) no-repeat 10px center; padding-left:42px;}
.dataTable_info th.file_title{ padding-left:45px; min-width:300px;}
.dataTable_info th {background:#444;  border-top: 0 none;  color: #fff;}
.dataTable_info th, .dataTable_info td {border-right:0px solid #ddd; border-top:1px solid #ddd;  font-size:14px; height:55px;  padding:0 5px;}
.dataTable_info tr:nth-child(2n+1){background-color: #f3f3f3;}
.dataTable_info tr:nth-child(2n){background-color: #fff;}

.search_select{}
.search_select .btn-line{ height:25px; padding-bottom:0px; padding-top:0px; min-width:85px;}

/* iPad (portrait) ----------- */
@media screen and (min-width:720px){
	.audi_step td{ padding:0 10px;}
	.audi_step img{ width:220px;}
	.welcome_page h1{ font-size:26px;}
	.month_block{ width:18%;}
	.three_s { width:27%;}
	
	.wrap { width:720px;/*!important*/ margin:30px auto }
	.colScroll { overflow:auto; width:170px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll table { min-width:1200%; float:left }
	.colScroll2 { overflow:auto; width:500px; float:left;-webkit-overflow-scrolling: touch; }
	.colmysales { overflow:auto; width:360px; float:left;-webkit-overflow-scrolling: touch; }
	.colmysales table { width:350%; }
    .colmysales_table { overflow:auto;-webkit-overflow-scrolling: touch; width:170px; float:left }
	.colmysales_table table { width:1200%; }
    .pdidashboard_table { overflow:auto;-webkit-overflow-scrolling: touch; width:170px; float:left }
	.pdidashboard_table table { width:1200%; }
    .pdidashboard_table1 { overflow:auto;-webkit-overflow-scrolling: touch; width:320px; float:left }
	.pdidashboard_table1 table { width:600%; }
    .colFixed650 { width:550px;}
    .colFixed6501 { width:390px;}
	.coldashboard{ overflow:auto; width:360px; float:left;-webkit-overflow-scrolling: touch;}
	.coldashboard table { width:1050%; }
    .colSummaryList { overflow:auto; -webkit-overflow-scrolling:touch; width:720px; float:left }
	.colSummaryList table { min-width:100%; float:left }

    colScroll3 { overflow:auto;-webkit-overflow-scrolling: touch; width:500px; float:left }
    .colScroll3 table { min-width:550%; float:left }
	
	.colScroll2 table { min-width:550%; float:left }
	.colcosting { overflow:auto; width:500px; float:left;-webkit-overflow-scrolling: touch; }
	.colcosting table { min-width:750%; float:left }
    .colcosting1 { overflow: auto;width: 570px;float: left;-webkit-overflow-scrolling: touch; }
    .colcosting1 table {min-width: 550%;float: left }
	.EditSoldStocks { overflow:auto; width:560px; float:left;-webkit-overflow-scrolling: touch; }
	.EditSoldStocks table { min-width:1150%; float:left;-webkit-overflow-scrolling: touch; }
	.vehicle_r_list{ overflow:auto; width:500px; float:left;-webkit-overflow-scrolling: touch; }
	.vehicle_r_list table { min-width:290%; float:left;-webkit-overflow-scrolling: touch; }
	.resrvForm { width: 680px; }
	
	.colScroll2_l { overflow:auto; width:270px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll2_l table { min-width:600%; float:left }
	.colFull { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colFull table { min-width:150%; float:left }
	.colImportList { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList table { min-width:350%; float:left }
	.colImportList_big { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big table { min-width:550%; float:left }
    .colImportList_big1 { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big1 table { min-width:200%; float:left }
    .colImportList_big2 { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big2 table { min-width:1000%; float:left }
	.col_vehicle_stock_list { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.col_vehicle_stock_list table { min-width:900%; float:left }

	.col_ceo { overflow:auto; width:270px; float:left;-webkit-overflow-scrolling: touch; }
	.col_ceo table { min-width:1050%; float:left }
	.record_view{ float:right; margin-bottom:10px;}
	.date_search{ float:left; width:100%; margin-top:25px; clear:both;}
	.date_block label{ margin-right:10px;}
	.date_block div + div{ margin-left:30px;}
	input.date_small{ width:170px;}
	
	.block_t td div{ height:150px;}
	.stock_table td { padding: 5px;}
	.upload_btn_b{ position:relative; clear:both; margin-bottom:-7px; margin-top:-5px; float:right; right:-5px; top:7px; margin-top:0px;
}
.menu li.welcomeText{height:85px; line-height:50px; overflow:hidden; padding:18px 12px 18px 0; text-align:right; width:185px;}
.menu li a{padding:18px 12px;}
}
/* iPad (landscape) ----------- */
@media only screen and (min-width : 1020px) {
	.wrap { width:950px ;/*!important*/ margin:30px auto }
	.colScroll { overflow:auto; width:650px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll table { min-width:350%; float:left }
	.colScroll2 { overflow:auto; width:730px; float:left;-webkit-overflow-scrolling: touch; }
	.colmysales { overflow:auto; width:590px; float:left;-webkit-overflow-scrolling: touch; }
	.colmysales table { width:160%; }
	.colmysales_table { overflow:auto;-webkit-overflow-scrolling: touch; width:400px; float:left }
	.colmysales_table table { width:450%; }
    .pdidashboard_table { overflow:auto;-webkit-overflow-scrolling: touch; width:350px; float:left }
	.pdidashboard_table table { width:600%; }
    .pdidashboard_table1 { overflow:auto;-webkit-overflow-scrolling: touch; width:540px; float:left }
	.pdidashboard_table1 table { width:350%; }
	.coldashboard { overflow:auto; width:590px; float:left;-webkit-overflow-scrolling: touch; }
	.coldashboard table { width:680%; }
    .colSummaryList { overflow:auto; -webkit-overflow-scrolling:touch; width:950px; float:left }
	.colSummaryList table { min-width:100%; float:left }

    .colScroll3 { overflow:auto;-webkit-overflow-scrolling: touch; width:730px; float:left }
    .colScroll3 table { min-width:150%; float:left }
	
	.colScroll2 table { min-width:250%; float:left }
	.colcosting { overflow:auto; width:730px; float:left;-webkit-overflow-scrolling: touch; }
	.colcosting table { min-width:550%; float:left }
    .colcosting1 { overflow: auto; width: 800px; float: left; -webkit-overflow-scrolling: touch; }
	.colcosting1 table { min-width: 250%; float: left }
	.EditSoldStocks{ overflow:auto; width:790px; float:left;-webkit-overflow-scrolling: touch; }
	.EditSoldStocks table { min-width:800%; float:left }
	.vehicle_r_list { overflow:auto; width:730px; float:left;-webkit-overflow-scrolling: touch; }
	.vehicle_r_list table { min-width:230%; float:left; }
	.colFixed650 { width:600px;}
    .colFixed6501 { width:410px;}
	
	.resrvForm { width: 920px; }
	.colFixed { width:400px; float:left }
	.colScroll2_l { overflow:auto; width:500px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll2_l table { min-width:350%; float:left }
	.col_ceo { overflow:auto; width:500px; float:left;-webkit-overflow-scrolling: touch; }
	.col_ceo table { min-width:600%; float:left }
	.record_view{ float:right; margin-top:10px;}
	.date_block{ float:none; clear:both; margin-left:0%;}
	.date_search{ clear:none; width:100%; float:right; }
	.block_t td div{ height:190px;}
	.stock_table td { padding: 10px;}
	.upload_btn_b{ position:absolute; right:10px; top:17px;} 
	.menu li.welcomeText{padding:18px 19px 18px 0px; width:auto;}
	.menu li a{padding:18px 13px;}
}



/* desktop 1440px ----------- */
@media only screen and (min-width : 1220px) {
	.wrap { width:1200px ;/*!important*/ margin:30px auto }
	.colScroll { overflow:auto; width:800px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll table { min-width:350%; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll2 { overflow:auto; width:980px; float:left;-webkit-overflow-scrolling: touch; }
	.colmysales { overflow:auto; width:840px; float:left;-webkit-overflow-scrolling: touch; }
    .colmysales table { width:200%; }
    .colmysales_table{ overflow:auto;-webkit-overflow-scrolling: touch; width:600px; float:left }
    .pdidashboard_table{ overflow:auto;-webkit-overflow-scrolling: touch; width:600px; float:left }
    .pdidashboard_table table { width:400%; }
    .pdidashboard_table1{ overflow:auto;-webkit-overflow-scrolling: touch; width:790px; float:left }
    .pdidashboard_table1 table { width:300%; }
	.coldashboard { overflow:auto; width:840px; float:left;-webkit-overflow-scrolling: touch; }
	.coldashboard table{ width:600%; float:left;}
    .colSummaryList { overflow:auto; -webkit-overflow-scrolling:touch; width:1200px; float:left }
	.colSummaryList table { min-width:100%; float:left; }
	
    .colScroll3 { overflow:auto;-webkit-overflow-scrolling: touch; width:1025px; float:left }
    .colScroll3 table{ width:600%; float:left;}

	.resrvForm { width: 920px; }
	.colFixed { width:400px; float:left }
	
	.colScroll2_l { overflow:auto; width:750px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll2_l table { min-width:200%; float:left }
	.colFull { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colFull table { min-width:100%; float:left }
	.colImportList { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList table { min-width:200%; float:left }
	.colImportList_big { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big table { min-width:700%; float:left }
    .colImportList_big1 { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big1 table { min-width:400%; float:left }
    .colImportList_big2 { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.colImportList_big2 table { min-width:700%; float:left }
	.col_vehicle_stock_list { overflow:auto; width:100%; float:left;-webkit-overflow-scrolling: touch; }
	.col_vehicle_stock_list table { min-width:720%; float:left }
	
	.col_ceo { overflow:auto; width:750px; float:left;-webkit-overflow-scrolling: touch; }
	.col_ceo table { min-width:400%; float:left }
	
	.colcosting { overflow:auto; width:980px; float:left;-webkit-overflow-scrolling: touch; }
	.colcosting table { min-width:400%; float:left }
    .colcosting1 { overflow: auto; width: 1050px; float: left; -webkit-overflow-scrolling: touch; }
    .colcosting1 table { min-width: 230%; float: left }
	.EditSoldStocks{ overflow:auto; width:1040px; float:left;-webkit-overflow-scrolling: touch; }
	.EditSoldStocks table { min-width:650%; float:left }
	
	.vehicle_r_list { overflow:auto; width:980px; float:left;-webkit-overflow-scrolling: touch; }
	.vehicle_r_list table { min-width:200%; float:left }
	
.date_block{ float:left; clear:none; }
.date_search{ float:right; width:100%; clear:none; margin-top:30px;}	
input.date_small{ width:185px;}

.block_t td div{ height:220px;}
}

/* desktop 1900px ----------- */
@media only screen and (min-width : 1700px) {
	
	.wrap { /*width:1670px !important;*/ margin:30px auto }
	.colScroll { overflow:auto; width:1270px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll table { min-width:200%; float:left }
	/*.colScroll2 { overflow:auto; width:1450px; float:left }
	.colmysales { overflow:auto; width:1310px; float:left }
	.coldashboard{overflow:auto; width:1310px; float:left}*/
	.colScroll2 table { min-width:120%; float:left }
	.resrvForm { width: 920px; }
	.colFixed { width:400px; float:left }
	
    .colScroll3 table { min-width:120%; float:left }

	.colScroll2_l { overflow:auto; width:750px; float:left;-webkit-overflow-scrolling: touch; }
	.colScroll2_l table { min-width:120%; float:left}
	
	/*.col_ceo { overflow:auto; width:1450px; float:left }
	.col_ceo table { min-width:200%; float:left }
	
	.colcosting { overflow:auto; width:1450px; float:left }
	.colcosting table { min-width:120%; float:left }*/
	
	.EditSoldStocks { overflow:auto; width:1510px; float:left;-webkit-overflow-scrolling: touch; }
	.EditSoldStocks table { min-width:240%; float:left }
	
	.vehicle_r_list { overflow:auto; width:1450px; float:left;-webkit-overflow-scrolling: touch; }
	.vehicle_r_list table { min-width:80%; float:left }
}





/*.colScroll th, .colScroll td { max-width:200px }*/

@media only screen and (max-width : 992px) {
    .PDISt { min-width:95px;}
    table.PDISt tr td { display:block; height:auto; text-align:left;line-height: 0.81;}
}