.ui-datepicker table tr:hover td{background:none;}
.ben{    background-color: rgba(255, 255, 255, 0.50);
    border: 2px #fff solid;}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}
input[type="text"]:disabled {
  cursor: not-allowed;
	  background-color: #e9ecef;
}
#ferries-engine .error-msg-fields{
    position: absolute;
    background: #bd0000;
    color: #fff;
    display: none;
    padding: 0 5px;
    bottom: 33px;
}
.falsoav{max-height: 15px;}

#ferries-engine #predate .ui-datepicker-trigger {
   	width: 100%;
    height: 40px;
}
#ferries-engine #predate2 .ui-datepicker-trigger {
        width: 100%;
    height: 40px;}
#ferries-engine #predate3 .ui-datepicker-trigger {
       width: 100%;
    height: 40px;}
#ferries-engine .input-group-text{    color: #f4e4c3;background-color: #800000;border: 1px solid #800000;}
#ferries-engine .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){    border: 1px solid #800000;     max-width: 75%;  }
#ferries-engine .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){border: 1px solid #800000;    max-width: 75%;   }
#ferries-engine .ui-widget.ui-widget-content{border: 1px solid #800000;}
#ferries-engine .ui-spinner-button{border: 1px solid #800000;}

#ferries-engine #search-button{
	background:#28a745;
	cursor:pointer;
	
	color: #fff;
	font-weight: bold;
}

#ferries-engine .disabled{
	background:#aaaaaa;
}
#ferries-engine .enabled{
	background:#ffffff;
}
#ferries-engine .search-section #multitrip{
	display:none;
}
.btn-container {
  position: absolute;
  left: 50%;
  margin: 0 0 100px -150px;
}

.btn2 {
	    padding: .375rem .375rem;
   line-height: 50px;
  background-color: #FF6138;
  border-radius: 50%;
  color: #fff;
   font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  position: relative;
 /* -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;*/
}
.btn2:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
 /* -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0.4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;*/
}
.btn2:hover {
  background-color: #e16e50;
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0.4;
  }
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0.4;
  }
}
@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0.4;
  }
  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: 0.4;
  }
}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.redborder{border-bottom: 1px dashed;}
.bluetowhite{background: rgb(0,98,204); /* Old browsers */
background: -moz-linear-gradient(top, rgb(0,98,204) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(0,98,204) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(0,98,204) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0062cc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#ferries-engine .smfonts{font-size: 0.75rem;}

#ferries-engine .ui-datepicker-trigger{
	position:absolute;
	right:0;
}
/*@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

/*#ferries-engine .option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0.7rem;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2.5rem;
  width: 2.5rem;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0rem;
  outline: none;
  position: relative;

}*/
/*#ferries-engine .option-input:hover {
  background: #9faab7;
}*/
/*#ferries-engine .option-input:checked {
  background: #800000;
}*/
/*#ferries-engine .option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '\2713';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}*/
/*#ferries-engine .radio-group {
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: center;
}*/
/*#ferries-engine .inner-label{padding-right: 1rem;padding-bottom: 0.2rem;padding-left: 0.1rem;    white-space: nowrap;
    line-height: 1.8rem;}*/
/*#ferries-engine .option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #800000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}*/
/*#ferries-engine .option-input.radio {
  border-radius: 50%;
}*/
/*#ferries-engine .option-input.radio::after {
  border-radius: 50%;
}*/

	#ferries-engine .ui-widget-content {
    
		color: #004085;}
	#ferries-engine .ui-spinner-button {
		    padding-left: 0.25rem;
    width: 1.6em;
    height: 50%;
    font-size: .7em;
    padding: 0.2rem;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: pointer;
    display: block;
    overflow: hidden;
    right: 0;
		font-weight: 900;}
	#ferries-engine .ui-spinner-input{/*margin-left: 1em;
    margin-right: 1.8em;   */     margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;}
#ferries-engine .lbl{text-align: left;padding-left: 0.3rem; padding-right: 1rem;}
	#ferries-engine .lbl p{font-size: x-small;}
#ferries-engine .lblselect{ border: 2px solid #007bff;}
#ferries-engine select.form-control:not([size]):not([multiple]) {
    height: calc(1.45rem + 2px);
}
#ferries-engine .topy{background: #0062cc;
        border-top-right-radius: 0.5rem;
    color: #fff;display: flex;    padding-bottom: 1rem!important;}
#ferries-engine .tops{border-bottom: 2px #0062cc solid;background-color: #fff; border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
#ferries-engine .searchtitle{    font-weight: 800;
    text-transform: uppercase;
        font-size: 1.6rem;
    text-align: center;
	    word-spacing: 0.5rem;
	line-height: 1.7rem;
}

#ferries-engine .smdesctext{font-size:small;margin-bottom: 0.2rem;}
#ferries-engine .input-group-prepend .input-group-text {
   
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
#ferries-engine .input-group-append .input-group-text {
   
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
#ferries-engine .redborderv{ border-bottom: 1px dashed;    border-top: 1px dashed;}
#ferries-engine .redb{padding-left: 0.5rem;
    padding-right: 0.5rem; background-color:#800000; color:#fff; }

#ferries-engine .redb .input-group-text{    color: #800000;background-color: #f1e2c4;border: 1px solid #800000;}
#ferries-engine .redb .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){    border: 1px solid #800000;     max-width: 100%;  }
#ferries-engine .redb .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){border: 1px solid #800000;     max-width: 100%;  }
#ferries-engine .redb .ui-widget.ui-widget-content {
    border: 1px solid #800000;
}
#ferries-engine .input-group-text {
  
	padding: .15rem .35rem;}
.bborder{    border-bottom: 2px #0062cc solid;}
.blueb{/*background-color:#FF6400;  wave*/background-color:#0F3954; }
 @media (min-width: 768px) and (max-width: 1023px) {
/*#ferries-engine .ui-spinner-input {
    margin-left: 0.1em;
	margin-right: 1em;}
#ferries-engine .ui-spinner a.ui-spinner-button{display: none;}
	 #ferries-engine #vengine .inner-label {    padding-left: 1rem;}*/
	.stickybig{position:fixed;}
}

@media (max-width: 1023px) {
	.redbordersm{ border-bottom: 1px dashed;    border-top: 1px dashed;}
	.mapen{display: none;}
}

@media (max-width: 768px) {
	.radio {
		float:left;
	}
}
	
@media (max-width: 575px) {
	#ferries-engine .topy{border-top-right-radius: 0rem;width:100%;    padding-bottom: 0rem!important;}
	#ferries-engine .option-input {
    
    top: 1.33333px;
       left: 8px;
       }
	#ferries-engine .inner-label {

		display: table-cell;text-align: center;    padding-left: 2rem;}
	
 #ferries-engine #vengine .inner-label {    padding-left: 1rem;}
      #ferries-engine .redb .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){max-width: 100%;  }
#ferries-engine .redb .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){max-width: 100%;  } 
	#ferries-engine .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){   max-width: 100%;  }
#ferries-engine .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){max-width: 100%;   }
	.radio {
		float:left;
	}
	
}
@media (min-width: 992px) {.datefield{    flex: 0 0 16%;}.stickybig{position:fixed;}}
@media (min-width: 1200px) {.datefield{    flex: 0 0 12%;}}
#ferries-engine #sticky {
                  display: none;
                  
                }

#ferries-engine #vengine .searchtitle{    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    word-spacing: 0.5rem;
    line-height: 1.7rem;
    color: #fff;
}

/*@media (min-width: 768px) and (max-width: 1200px) {
	#ferries-engine .radio-group{display: block;text-align: left;}
	#ferries-engine .option-input{   top: 0.5rem; height: 1.5rem;
    width: 1.5rem;}  #ferries-engine .option-input:checked::before {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1rem;
  	line-height: 1.5rem;}
	#ferries-engine .inner-label{    line-height: 0.8rem;padding-right: 0.5rem;font-size: 0.8rem}
}*/
#ferries-engine {border-bottom: 1px solid rgba(255,255,255,1.00);}
#ferries-engine .bbot{border-bottom: 1px solid rgba(255,255,255,1.00);}
.radio {
  margin: 0.5rem;
  z-index: 1;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  margin: -3px 0;
  width: 19px;
  height: 19px;  
}
input[type="radio"]:hover{
	cursor:pointer;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #800000;/*3197EE;*/
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.p-2-2{
	padding: 0 .5rem!important;
}

.ui-widget-header {
    border: 1px solid #800000;
    background: #800000 url(https://www.ferries.gr/whitelabel/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
}

.datedepart, .fromport, .toport, .datereturn, .passselect, .vehselect{
    /*min-width: inherit !important;
    width: 110px;*/
}