.tooltips a{
width: 280px;
float: left;
color: black !important;
text-align: left;
padding: 8px 0px;}

.tooltips a.lines2{
padding:0px;}

#case_div .wpcf7-submit, #case_div2 .wpcf7-submit, #case_div3 .wpcf7-submit{
float: right;}

.casestepbuttons{
position: relative;
top: 7px;}

#case_div3 span.failure-circumstances, #case_div3 span.required-files, #case_div3 span.comments, #case_div3 span.diagnostics_level,
#case_div3 span.magento{
height: auto !important;
clear:both;}

#case_div3 span.failure-circumstances .wpcf7-not-valid-tip, #case_div3 span.required-files .wpcf7-not-valid-tip,
#case_div3 span.comments .wpcf7-not-valid-tip, #case_div3 span.magento .wpcf7-not-valid-tip{
margin-left: 140px;
margin-bottom: 10px;}

#case_div3 .case-2lines .first-name, #case_div3 .case-2lines .last-name{
    z-index:400;}

#Steplist{
list-style-type: none;
margin: 0;
padding: 0;}

#Steplist li{
float: left;
padding: 0px;
background:#E9E9E9;
color: #A0A0A0;}

#Steplist li a{
    display: block;
    padding: 7px 27px;}
    
@media only screen and (min-width: 768px) and (max-width: 959px) {
#Steplist li a{
    padding: 7px 15px;}    
}    
    
@media only screen and (max-width: 767px) {
#Steplist li a{
    padding: 7px 12px;}
}

@media only screen and (max-width: 479px){
#Steplist li a{
    padding: 7px 8px;
    font-size: 13px;}
}

#Steplist li.stepActive{
background: #5C9ED2 url('../img/stepPointer.jpg') no-repeat bottom right;
color: white;}

#Steplist li.stepActive:hover{
background: #333333 url('../img/stepPointer2.jpg') no-repeat bottom right;
color: white;}

#Steplist li.stepActive:hover a, #Steplist li:hover a{
color: white;}

#Steplist li.stepActived{
border-radius: 0px;
background: #5C9ED2;
color: white;}

#Steplist li.stepActived:hover{
background: #333333;}

#Steplist li.stepFirst{
border-radius: 9px 0px 0px 9px !important}

#Steplist li.stepLast{
border-radius: 0px 9px 9px 0px !important;}

#case_div2 table{
width:100%;}

#case-label-form-image{
display: block;
height: 230px;
width: 317px;    
background: url('../img/shipping-page-img.jpg') 0px -16px;
float:left;}

.packagingPhoto1{
display: block;
width: 130px;
background: url('../img/download-and-install.jpg');
float:left;
margin: 20px 30px;
	background-size: contain !important;
}

.packagingHardship{
background: url('../img/hardship.png') no-repeat;}

.packagingEsdrive{
background: url('../img/esdrive.png') no-repeat;}

.packagingBuddrive{
background: url('../img/bubdrive.png') no-repeat;}

.packagingSignedconcent{
background: url('../img/signedconcent.png') no-repeat;}

.packagingBoxeddrive{
background: url('../img/boxeddrive.png') no-repeat;}

.packagingCouriers{
background: url('../img/couriers.png') no-repeat;}

.packagingText1{
display: block;
height: 148px;
width: 640px;
text-align: left;
float:left;
margin: 20px 30px;}

#case-label-form-text{
    text-align: left;
    width: 548px;    
    float:right;}

.case-header{
    font-size: 26px;
    color:#289dcc !important;
    line-height:34px;}

.case-text{
text-align: left;
width: 548px;}

.fright{
    float:right;}

#case-print .teaserbox .border{
    height:240px;}

.teaserbox #case-teaserbox-border{
    height:240px !important;}

#case-text1{
    position: relative;
    top:-15px;}

#case-teaserbox{
margin-bottom: 15px;}

#case-print #tabs ul{
	list-style: none;
	margin: 0;
	display: flex;
	padding: 0;
}

#case-print #tabs ul li{
border: 1px solid #d6d6d6;
border-top: 3px solid #289DCF;
border-bottom: none;
float:left;}

#case-print #tabs ul li{    
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    padding: 5px 46px;
    border-bottom: 1px solid #d6d6d6;}

.case-first-tab-text{
margin-left: 50px;
padding-top: 20px;
display: block;
clear: both;}

.wpcf7 #case_div .step1-alert{
margin: 0px 0px 10px 140px !important;    
display:none;
text-align: right;}

.wpcf7 #case_div .display-show-important{
display:block !important;}

.wpcf7 #case_div .display-hide-important{
display:none !important;}

#casereq{
    font-weight: normal;
    position: relative;
    top: 5px;}

.casestep2alert{position: relative;
top: 20px;}

.casesteptooltip2{
font-weight:normal;}

.casesteptoolspan{
height:0px !important;}

.casesteptooltiplabel{
position: relative;
top: -20px;}

.casesteptooltip{
padding: 25px 0px 0px 0px !important;
width: auto !important;
font-weight:normal;}



/* responsive success page submit service */

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.packagingText1{width:auto; float: none !important;}
	.success_responsive_path_1{width:355px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:355px !important;}
	#case-print #tabs ul li{padding:5px 16px;}
}
@media only screen and (min-width: 420px) and (max-width: 768px) {
	.packagingText1{width:auto; float: none !important;}
	.success_responsive_path_1{width:348px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:348px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.teaserbox #case-teaserbox-border{width:347px !important; height:388px !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
	#case-print #tabs ul li{width:100%; padding:5px 0px;}
}
@media (max-width: 870px) {
	.packagingPhoto1 {
		float: none !important;
		margin: 20px !important;
		height: 110px !important;
	}
	#case-print #tabs ul {
		display: grid;
	}
}
@media only screen and (max-width: 479px){
	.packagingText1{width:auto; float: none !important;}
	.success_responsive_path_1{width:229px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:229px !important;}
	.teaserbox #case-teaserbox-border{width:228px !important; height:370px !important;}
	#case-label-form-image{width:229px !important; height:179px !important;}
	#case-label-form-image img{height:178px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
}

@media only screen and (max-width: 420px) {
	.packagingText1{width:auto; float: none !important;}
	.success_responsive_path_1{width:229px !important;}
	.success_responsive_path_1 .case-text, .success_responsive_path_1 #case-label-form-text{width:229px !important;}
	.teaserbox #case-teaserbox-border{width:228px !important; height:370px !important;}
	#case-label-form-image{width:229px !important; height:179px !important;}
	#case-label-form-image img{height:178px !important;}
	.success_responsive_path_1 a.button{display: inline !important; float:left !important;}
	.packagingText1{height:auto !important;}
	.packagingText1 p{height:auto !important;}
}