html, body {
	font-family:  12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
	color: #333333;
	margin:0;
	padding:0;
}
.empty_input_warn{
  	border-color: #a94442;/*success:border-color: #179C71;*/
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    animation-name: shake;
    animation-iteration-count: 1;
    animation-duration: 500ms;
    animation-timing-function: ease;
    animation-fill-mode: both;
    background-color: #fff0f0;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.flip-scroll table { 
  width: 100%; 
  border-collapse: collapse; 
}
.flip-scroll tr:nth-of-type(odd) { 
  background:#f0f2f5;; 
}
.flip-scroll th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
  text-align:center;
}
.flip-scroll td, .flip-scroll th { 
  padding: 6px; 
  border: 1px solid #f5f2f2; 
  text-align: left; 
}

#JasLongParamPage_QueryBtn{
	width: 30%;
	background: #F7AD00;
	color: #FFF;
	margin-left: 45px;
	border-radius:5px;
}

#JasLongParamPage_ResetBtn{
	width: 30%;
	background: #F7AD00;
	color: #FFF;
	margin-left: 45px;
	border-radius:5px;
}
.btn-default{
    background-color: #f5f2f2;
}

.caret {
    color: #F7AD00;
}

.form-control {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#JasLongIndex_VinQBtn{
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#JasLongIndex_OEBtn{
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#JasLongIndex_ProductBtn{
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#JasLongParamPage_Accordion .caret {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

@media  
only screen and (max-width: 760px), 
(min-device-width: 768px) and (max-device-width: 1024px)  { 
 
    /* Force table to not be like tables anymore */ 
    .flip-scroll table, .flip-scroll thead, .flip-scroll tbody, .flip-scroll th, .flip-scroll td, .flip-scroll tr {  
        display: block;  
    } 
    .flip-scroll thead tr {  
        position: absolute; 
        top: -9999px; 
        left: -9999px; 
    } 
     
    .flip-scroll tr { border: 1px solid #f5f2f2; 
    	margin:4px auto;
    	border-radius:2px;
    	width:94%;
    } 
     
    .flip-scroll td {  
        /* Behave  like a "row" */ 
        border: none; 
        border-bottom: 1px solid #eee;  
        position: relative; 
        padding-left: 50%;  
    } 
     
    .flip-scroll td:before {  
        /* Now like a table header */ 
        position: absolute; 
        /* Top/left values mimic padding */ 
        top: 6px; 
        left: 6px; 
        width: 45%;  
        padding-right: 10px;  
        white-space: nowrap; 
    } 
     
    /* 
    Label the data 
    */ 
    .flip-scroll td:before { content: attr(td-thead); } 
}