#date-container
{
padding:15px;
color:#ffffff;
background:#222222 url(../images/icon-luggage.png) no-repeat center left;
background-position:20px 15px;
padding-left:50px;

}


#date-container2
{
padding:15px 20px 15px 15px;
color:#ffffff;
background-color:#222222;

}

#date-container3
{
}


#date-container2 h1
{
font-family: 'Open Sans', arial, sans-serif !important;
font-weight:300;
margin:0px;
padding:0px;
padding-left:25px;
}

#date-container4
{
padding:0px;
color:#ffffff;
/*background:#222222 url(../images/icon-luggage.png) no-repeat center right;*/
background-position:98% 10px;
background:#222222;
height:52px;

}

#step-container
{

}

#step-container.noicon
{
background:none;
background-color:#222222;

}

#step-container ul,
#step-container li
{
list-style:none;
padding:0px;
margin:0px;
}

#step-container li
{
display:block;
float:left;
padding:15px 40px 15px 15px;
background:url(../images/step-bg.gif) no-repeat right center;
}

#step-container li.last
{
padding:15px 45px 15px 15px;
background:url(../images/step-bg-last.gif) no-repeat right center;
}

#step-container li.last-active
{
padding:15px 45px 15px 15px;
background:url(../images/step-bg-last-active.gif) no-repeat right center;
color:#2980b9;
}



#step-container li.active
{
background:url(../images/step-bg-active.gif) no-repeat right center;
color:#2980b9;
}

#step-container li.before-active
{
background:url(../images/step-bg-before-active.gif) no-repeat right center;
color:#666666;
}


#step-container li.first
{
background:url(../images/step-bg-first.gif) no-repeat right center;
color:#666666;
}

#date-container label
{
float:left;
padding:3px 10px;
padding-left:30px;
}


#date-container2 label
{
float:left;
padding:3px 5px;
padding-left:20px;
}


#date-container select, 
#date-container2 select
{
padding:3px 5px;
border:0px;
}

.shorter-select
{
width:50px;
}

#date-container input, 
#date-container2 input
{
border:0px;
padding:5px;
}

#date-container3 input,
#date-container3 select
{
border:1px solid #999999;
padding:3px;
}

.shorter-select2
{
width:100px;
}




#date-container .calendar-widget, 
#date-container2 .calendar-widget,
#date-container3 .calendar-widget
{
background:#ffffff url(../images/calendar-icon.png) no-repeat center right;
position: relative; 
z-index: 999;
/*z-index: 100000;*/
} 



.transfer-form
{

}

.transfer-form input,
.transfer-form textarea,
.transfer-form select,
.transfer-form input[type="checkbox"]
{
padding:5px;
margin:2px 0px;
font-family: 'Open Sans', arial, sans-serif !important;
}

.transfer-form textarea
{
font-size:100%;
}


.transfer-form label
{
padding:5px 0px;
margin:2px 0px;
display:block;
font-weight:bold;
}

input.withcalendar
{
border:0px;
background:#ffffff url(../images/calendar-icon.png) no-repeat center right;
position: relative; 
z-index: 100000;
padding:5px;
margin:2px 0px;
border:1px solid #abadb3;
}
@media (max-width:800px)

{
/**booking process steps**/
#date-container4
{
padding:0px;
color:#ffffff;
height:42px;
background-color:#222222;

}
#step-container ul,
#step-container li
{
list-style:none;
padding:0px;
margin:0px;
font-size:11px;
}

#step-container li
{
display:block;
float:left;
padding:10px;
background:url(../images/step-bg.gif) no-repeat right center;
}

#step-container li.last
{
padding:10px 10px 10px 5px;
background:url(../images/step-bg-last.gif) no-repeat right center;
}

#step-container li.last-active
{
padding:10px 10px 10px 5px;
background:url(../images/step-bg-last-active.gif) no-repeat right center;
color:#2980b9;
}



#step-container li.active
{
background:url(../images/step-bg-active.gif) no-repeat right center;
color:#2980b9;
}

#step-container li.before-active
{
background:url(../images/step-bg-before-active.gif) no-repeat right center;
color:#666666;
}


#step-container li.first
{
background:url(../images/step-bg-first.gif) no-repeat right center;
color:#666666;
}
}

@media (max-width:480px)

{
#date-container2
{
padding:15px 30px 15px 30px;
color:#ffffff;
background-color:#184d6f;

}

/**booking process steps**/
#date-container4
{
padding:0px;
color:#ffffff;
height:30px;
background-color:#222222;

}
#step-container ul,
#step-container li
{
list-style:none;
padding:0px;
margin:0px;
font-size:11px;
}

#step-container li
{
display:block;
float:left;
padding:5px;
background:url(../images/step-bg.gif) no-repeat right center;
}

#step-container li.last
{
padding:5px 10px 5px 10px;
background:url(../images/step-bg-last.gif) no-repeat right center;
}

#step-container li.last-active
{
padding:5px 10px 5px 10px;
background:url(../images/step-bg-last-active.gif) no-repeat right center;
color:#2980b9;
}



#step-container li.active
{
background:url(../images/step-bg-active.gif) no-repeat right center;
color:#2980b9;
}

#step-container li.before-active
{
background:url(../images/step-bg-before-active.gif) no-repeat right center;
color:#666666;
}


#step-container li.first
{
background:url(../images/step-bg-first.gif) no-repeat right center;
color:#666666;
}


}

@media (max-width:320px)

{#date-container2
{
padding:15px 30px 15px 30px;
color:#ffffff;
background-color:#184d6f;

}
/**booking process steps**/
#date-container4
{
padding:0px;
color:#ffffff;
height:30px;
background-color:#222222;
}
#step-container ul,
#step-container li
{
list-style:none;
padding:0px;
margin:0px;
font-size:11px;
}

#step-container li
{
display:block;
float:left;
padding:5px;
background:url(../images/step-bg.gif) no-repeat right center;
}

#step-container li.last
{
padding:10px 10px 10px 10px;
background:url(../images/step-bg-last.gif) no-repeat right center;
}

#step-container li.last-active
{
padding:10px 10px 10px 10px;
background:url(../images/step-bg-last-active.gif) no-repeat right center;
color:#2980b9;
}



#step-container li.active
{
background:url(../images/step-bg-active.gif) no-repeat right center;
color:#2980b9;
}

#step-container li.before-active
{
background:url(../images/step-bg-before-active.gif) no-repeat right center;
color:#666666;
}


#step-container li.first
{
background:url(../images/step-bg-first.gif) no-repeat right center;
color:#666666;
}


}