/*
background:url('../images/ferries-background.jpg') center center repeat;
color:#355787;
*/

.main-footer-sub,
.main-footer-nav,
.sm-footer-nav {
	/*background:url('../images/ferries-background.jpg') center center repeat;*/
    background: #355787;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#355787', endColorstr='#051429');
    background: -webkit-gradient(linear, left top, left bottom, from(#355787), to(#051429));
    background: -moz-linear-gradient(top, #355787, #051429);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#355787', endColorstr='#051429');
    background: -webkit-gradient(linear, left top, left bottom, from(#355787), to(#051429));
    background: -moz-linear-gradient(top, #355787, #051429);	

	border-top: 1px solid #355787;
}
.transparent-menu-top,
.header-top {
	/*background:url('../images/ferries-background.jpg') center center repeat;*/
    background: #355787;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#355787', endColorstr='#051429');
    background: -webkit-gradient(linear, left top, left bottom, from(#355787), to(#051429));
    background: -moz-linear-gradient(top, #355787, #051429);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#355787', endColorstr='#051429');
    background: -webkit-gradient(linear, left top, left bottom, from(#355787), to(#051429));
    background: -moz-linear-gradient(top, #355787, #051429);	
	border-bottom:1px solid #355787;
}
.navbar-contact a,
.navbar-contact a  i {
	color: #ffffff;
}
.navbar-contact .form-control,
.navbar-contact .input-group-addon {
	background: #fff;
}
.main-footer-sub .form-control,
.price-filter .ui-slider-horizontal {
	background: #fff;
}
.transparent-menu .navbar-nav > li > a,
.navbar-header a,
.nav-container .mega-menu .links a,
.transparent-menu .dropdown-menu > li > a,
.nav-container .mega-menu .desc p,
.main-footer-sub,
.main-footer .links ul li a, 
.main-footer-nav ul li a,
.main-footer .contact-box p,
.main-footer .about-box,
.main-footer-nav,
.filter-area,
.sm-footer,
.sm-footer-nav a,
.sm-footer-nav .copyright,
.light-menu .dropdown-menu > li > a {
	color: #fff;
}
.nav-container .mega-menu .links a:hover {
	color: #355787;
}
.transparent-menu,
.main-footer,
.filter-area,
.price-filter input,
.sm-footer {
	background: #f1f1f1;
	background:#fff;
}
.transparent-menu .dropdown-menu,
.light-menu .dropdown-menu {
	background: #fff;
	border: 1px solid #e6e6e6;
}

.main-footer .contact-box{
	padding-top:30px;
}

.mega-menu .links .img-div .overlay a {
	color: #355787 !important;
}
.filter-head h4::after {
	border: 4px solid #355787;
	background: #ff9b00;
}
.filter-head  {
	background: #ff9b00;
}
.filter-area {
	border: 1px solid #e6e6e6;
	box-shadow: 0px 2px 5px #e6e6e6;
}
.sm-footer .footer-subscribe .form-control {
	background: #e6e6e6;
}
.go-up a {
	color: #fff !important;
}
.filter {
	border-top: #e6e6e6;
}

.ui-datepicker-trigger{position:absolute;}


/* paleologos styling */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #355787;
    border-color: #fff;
}

.list-group-item.active a{
	color:#fff;
	font-weight:bold;
}

.f-right{float:right;}

/*
fieldset{
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}
*/

input[type="radio"]{
   height: 19px;
   width: 19px;
   display: inline-block;
   cursor: pointer;
   vertical-align: middle;
   background: #FFF;
   border: 1px solid #d2d2d2;
   border-radius: 100%;
   margin-top: -1px;
   vertical-align: middle;   
}

.select_radio{
	margin-left:25px;
}

.list-inline>li{
	text-align: center;
	width: 13.84%;
}

.btn-info{
    color: #fff;
    background-color: #355787;
    border-color: #46b8da;
	
}

.btn-info:hover{
	color:#ffffff;
}

.list-group-item.li:focus, .list-group-item.li:hover{
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;	
}

.port-names{
	border: none;
	clear:both;
	font-size: 0.7em;
	margin-top: -32px;
	float: left;
	padding: 10px 0;
	width:50%;	
	text-align:center;
	font-weight:bold;
}

.clear{clear:both;}

.results_div_header{
	background: #355787;
    min-height: 50px;
    color: #fff;	
}
.results_div_header .header1{
    padding: 10px;
    text-align: center;	
	font-weight:bold;
}
.results_div_header .header2{
    padding: 10px;
    text-align: center;
	font-weight:bold;
}

.results_div_header .header3{
    padding: 10px;
    text-align: center;	
	font-weight:bold;
}
.results_div_header .header4{
    padding: 10px;
    text-align: center;	
	font-weight:bold;
}
.results_div_header .header5{
    padding: 10px;
    text-align: center;	
	font-weight:bold;
}
.results_div_header .header6{
    padding: 9px;
    text-align: center;	
	font-weight:bold;
}

.results_div_from, .results_div_to{
	padding-top:5px;
	position:relative;
}

.results_div_from .header2, .results_div_from .header3, .results_div_from .header4,.results_div_from .header5,.results_div_from .header6, .results_div_to .header2, .results_div_to .header3, .results_div_to .header4, .results_div_to .header5, .results_div_to .header6{
	height:auto !important;
	max-height: 150px;
	padding: 20px;
}

.results-table{
	margin-top: -10px;
}

.list-inline{
	margin-left:0;
}

.status_button{
	padding: 20px 0px;
	/*width:20px;*/
}

.results_div_from .row,.results_div_to .row{
	cursor:pointer;
}

#continue-step .btn{
	float:right;
	width:100%
}

.totalcost{
	background-color: #355787;
}

.totalcost div a{
	color:#fff;
}

.redSeats {
    background-color: #ffbfbf;
    color: #355787 !important;
}

.mapofgoogle {
    display: none;
}


.row-totals{text-align:right;}

.navbar-brand{
	margin:0;
	padding:0;
	height:60px;
}

h3{
	font-size: 15px;
	font-weight: bold;
}
h2{
	font-size: 17px;
}


.ui-widget-content{
	background: #ffffff !important;
}


.rowActive{
	background:#ccc;
	font-weight: bold;
}

.form-control[disabled], fieldset[disabled]{
    background-color: #eee;
    opacity: 0.8;
}


.loadingText{
	position: absolute;
    top: 25%;
    text-align: center;
    width: 100%;	
}

select,input{height:45px;line-height:37px;color:#000;}

.hidden-fields{display:none}

#rows_from, #rows_to, .vehicle{
	position:relative;
}

#rows_from .light-row, #rows_to .light-row, .vehicle.light-row{
	min-height:100px;
}

.booking-details{
	min-height:90px;
}

button, input, optgroup, select, textarea{
	border:2px solid #ccc;
}

.passenger-icon{
    height: 45px;
	background: #355787;
    margin-top: 62px;
    margin-left: 0;
    border-radius: 5px;
    position: absolute;	
	left:-42px;
}

.price-field-icon{
    height: 45px;
    margin-top: 62px;
    margin-left: 0;
    border-radius: 5px;
    position: absolute;	
    right: -50px;
    width: 50px;	
}


#otheraddress,#ticketcollect, #addressdeliverytickets{
    display: none;
}

.odd{
	background-color:#d9edf7;
}

.even{
	
}

.RedBorder {
    border: 1px solid red !important;
}

#mobileInfo,#check-otheraddress{
    width: 20px;
    height: 20px;	
}
.header2_extra_step1_LMobile label{
    width: auto;
    font-size: 14px;
    text-align: center;
    vertical-align: bottom;
}

.bold{
	font-weight:bold;
	font-size:1.2em;
}	

#step-2,#calculatePrices{
	border-left:1px solid #fff;
}

input[type='radio']:checked:after{
	width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -2px;
    left: 0px;
    position: relative;
    background-color: #355787;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 5px solid #4a90e2;	
}

input[type='radio']:after{
width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    /* background-color: #1b00ff; */
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #4a90e2;	
}

#support-info{
	display:none;
	position:fixed;
	top:5%;
	z-index:999;
	padding:5%;
	max-width:90%;
	left:5%;
	border:1px solid #fff;
	background:#ccc;
	border-radius:5px
}

#close-error {
    position: absolute;
    top: 0;
    right: 0;
}

.passenger-labels{
	width:100%;
	text-align:center;
}

#search-again{
	display:none;
	padding: 15px;
}

.navbar-contact .search-box {
	text-align:right;
	float:right;
}

.navbar-brand>img{
    margin-left: auto;
    margin-right: auto;	
}

.links_header{
	padding:8px !important;
	font-weight:bold;
	text-decoration:underline;
	color: #fff !important;
	text-align:center;
}

.links_footer{
	/*font-weight:bold;*/
	color: #337ab7 !important;
	margin:0;
}

.main-footer a{
	cursor:pointer;
}

#multitrip{
	display:none;
}

input,option {
	color: #000000;
}

.totalcost{
	color:#fff;
}

.plusminus3{font-weight:bold;color:red;}

.ui-menu li a{font-size:100%;}

input[type="radio"]{
    -webkit-appearance: radio;
}

/* remove this on new cookie */
/*
#cookie-law{
	max-width:1170px;
	position:fixed;
	bottom:1%;
	z-index:999;
	background:#d0d0d0;
	margin:10px auto 0;
	border-radius:17px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px
}
#cookie-law p{
	padding:10px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#682008;
	margin:0
}
*/
/* remove this on new cookie */

.completed-fields{
	display:block;
}

#continue-step{
	padding:20px 0 50px 0;
	clear:both;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-right: 5px;
    padding-left: 5px;	
}

.prices-dyn{
	border:none;
    padding-left: 0;
    padding-right: 0;
	outline:0;
}

.attention_passenger{
	background:url('/images/attention-triangle-32.png') no-repeat center center;
	width:30px;
	height:30px;
	margin-left:100%;
	position:relative;
	margin-top:0;
	cursor:pointer;
	display:none;
}

#atmanager_general{display:none;color:red;}

.pets{height:70px !important;}
.petDesc{width:100%;margin:10px 0;float:left;font-size:12px;}
.greyed{background: rgb(170, 170, 170);}

.ui-autocomplete{height:350px !important;}

.left-side-checkout{float:right;padding-top:30px;width:100%;}

/*
input[type=text] {
  -webkit-appearance: searchfield;
}
*/

/* Smartphones (portrait) ----------- */
@media  (min-width : 320px) and (max-width : 480px) {
/* Styles */
	html,body{font-size:100%;}
	.passenger-icon{
		margin:0 auto !important;
		position:relative;
		left:43%;
	}
	.price-field-icon{
		margin:0 auto !important;
		position:relative;
		right:43%;	
	}	
	
	#loader div{
		left: 38%;
	}
	.list-inline>li{
		text-align: center;
		width: 32.40%;
	}
	.results_div_from input[type="radio"],.results_div_to input[type="radio"]{
		float: right;
		margin-top: 40px;		
	}
	.results_div_from .row,.results_div_to .row{
		border-left: 4px solid #355787;
		border-top: 1px solid #337ab7;
		border-bottom: 1px solid #337ab7;
		border-right:1px solid #337ab7;
	}
	
		.results_div_from .header6, .results_div_to .header6{
			text-align: center;
			background: #355787;
			padding:10px;
		}
		.results_div_from .header6 a, .results_div_to .header6 a{
			color:#fff !important;
		}

	.status_button{
		float: right;
		width:20px;
	}

	.port-names{
		border: none;
		font-size: 0.7em;
		margin-top: -55px;
		float: left;
		padding: 10px 0 10px 0px;	
		width:100%;		
	}
	.btn-info{
		width:100%;
	}
	.completed-fields{
		display:block;
	}	
	.radio-inline{text-align: left;width: 100%;}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
		margin:15px 0 0 0;
	}	
	.flag-icon{padding:0 20px;}
	.main-footer{padding:15px 0;}
	.main-footer .contact-box{
		padding-top:0px;
	}	
	.clear-left{
		clear:left;
	}
	
}
/* Smartphones (landscape) ----------- */
@media  (min-width : 481px) and (max-width : 767px) {
	html,body{font-size:100%;}
	.passenger-icon{
		margin:0 auto !important;
		position:relative;
		left:46%;
	}
	.price-field-icon{
		margin:0 auto !important;
		position:relative;
		right:46%;	
	}	
	#loader div{
		left: 38%;
	}
	.list-inline>li{
		text-align: center;
		width: 32.50%;
	}
	.results_div_from input[type="radio"],.results_div_to input[type="radio"]{
		float: right;
		margin-top: 40px;		
	}
	.results_div_from .row,.results_div_to .row{
		border-left: 4px solid #355787;
		border-top: 1px solid #337ab7;
		border-bottom: 1px solid #337ab7;
		border-right:1px solid #337ab7;
	}
	
	.results_div_from .header6, .results_div_to .header6{
		text-align: center;
		background: #355787;
		padding:10px;
	}
	.results_div_from .header6 a, .results_div_to .header6 a{
		color:#fff !important;
	}

	.status_button{
		float: right;
		width:20px;
	}

	.port-names{
		border: none;
		font-size: 0.7em;
		margin-top: -55px;
		float: left;
		padding: 10px 0 10px 0px;	
		width:100%;		
	}
	.btn-info{
		width:100%;
	}
	.completed-fields{
		display:block;
	}	
	.radio-inline{text-align: left;width: 100%;}	
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
		margin:15px 0 0 0;
	}
	.flag-icon{padding:0 17px;}
	.main-footer{padding:15px 0;}
	.main-footer .contact-box{
		padding-top:0px;
	}
	.clear-left{
		clear:left;
	}
	
}

@media  (min-width : 768px) and (max-width : 992px) {
	html,body{font-size:100%;}
	.passenger-icon{
		margin:0 auto !important;
		position:relative;
		left:46%;
	}
	.price-field-icon{
		margin:0 auto !important;
		position:relative;
		right:46%;	
	}	
	.list-inline>li{
		text-align: center;
		width: 13.8%;
	}
}

@media  (min-width : 993px) and (max-width : 1200px) {
	.passenger-icon{
		margin:0 auto !important;
		position:relative;
		left:46%;
	}
	.price-field-icon{
		margin:0 auto !important;
		position:relative;
		right:46%;	
	}	
	.list-inline>li{
		text-align: center;
		width: 13.94329%;
	}
	.completed-fields{
		display:block;
	}	
}