* {
margin: 0;
}
a img {
border: 0;
}
#searchboxInc {
font: 12px/1.5 Arial, Helvetica, sans-serif;
color:  #003580;
width: 100%;
height: 100%;
}
/*custom css */


option {
    height: 30px;
    line-height: 30px;
}

.editOption{
width: 90%;
    height: 45px;
    position: absolute;
    top: 0;
    border: none;
    text-indent: 15px;
    border: none;
        font-size: 16px !important;
}

.destinwrap {
    display: flex;
    position:relative; 
}


#searchboxHolder {display:block;
position:relative;}

#searchboxInc h2 {
    position: static;
    font-weight: bold;
    margin: 0 0 12px 0;
    color: #FFF;
    font-size: 33px;
}

#searchboxInc h2:before {
	
	content: "";
    /*background: url(http://wwww.zellamsee.nl/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg)no-repeat;*/
      -webkit-mask: url(http://zellamsee.nl/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg) no-repeat;
    mask: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg) no-repeat;
 height: 31px;
    width: 27px;
    display:none; /*display: block; */
    float:left;
    margin-right: 5px;  
      background-color: #FFF;
    -webkit-mask-size: cover;
    mask-size: 1100px;
    mask-position: -43 -284;
}

#destination {
color: #1a1a1a;
    background-color: #FFF;
    float: left;
    border-radius: 2px;
    width: 100%;
    font-size: 1.01rem !important;
    border: none;
    padding-left: 15px !important;
}

#searchboxInc select {
height: 45px;
    font-size: 15px;
    padding: 0 6px 0 9px;
    margin-right: 2px;
    background-color: #FFF !important;
    border: none;
    cursor:pointer; 
}

label#labfor {
    color: #555;
font-size: 14px; 
}

/*einde custom css*/

#searchboxInc form {
background: transparent;
}
#searchboxInc fieldset, #searchboxInc img {
border: 0;
}
#searchboxInc fieldset {
/*padding: 8px;*/
}
#searchboxInc #inout h3 {
background-color:transparent;
}
#searchboxInc h3 {
margin-bottom:0.2em;
position:static;
font-size:118%;
font-weight:bold;
margin: 0 0 3px 0;
}
#searchboxInc p {
font-size: 2em;
margin: 0;
}

div#inout {
    margin-top: 6px;
    display: inline-block;
}

#homein, #homeout {
float: left;
padding: 0.5em 1em 0 0;
    display: inline-block;
    color:#ffffff;
}
.avail {
padding-top: 1em;
padding-bottom: 1em;
clear: left;
display:none;
}
#searchboxInc a.calender {
vertical-align: -4px;
}
#searchboxInc a.calender i {	
	    width: 32px;
    height: 30px;
    float: right;
    margin: 0 0 0 2px;   
   background-image: url(https://greencoast-albania.com/wp-content/uploads/sites/10/2024/07/kalenderwit.svg);
    background-repeat: no-repeat;
}

/*
    width: 32px;
     height: 30px;
    float: right;
    margin: 0 0 0 2px;
    background: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg)no-repeat;
    background-position: 0px -209px;   
    background-size: 1000px;*/
   
}




.blur {
color: #999;
}
button {
    border-radius: 50px;
        background-color: #ff984c;
    /*background-image: -webkit-linear-gradient(297deg,#ffa122,#ff6f26 95%);
    background-image: linear-gradient(153deg,#ffa122,#ff6f26 95%);
    border: solid 0px #D6BDBD;
    */
    color: #fff;
    letter-spacing: 1px;
    padding: 13px 36px;
    text-transform: uppercase;
       font-size: 15px;
    cursor: pointer;
   float:left;   
    border: solid 2px #FFF;
    box-shadow: 0 0 3px #aaa;
    font-weight: bold;
    margin:0;
    margin-top: 20px; 
    clear:left;
    transition: 0.2s ease;
}
button:hover {
        background-color: #ff7703;
    color: #FFF;
      box-shadow: 1px 1px 4px #CACACA;
}

#calendar {
font: 14px/1.5 Arial, Helvetica, sans-serif;
color: #003580;
display: none;
position: absolute;
/*background-image: url(https://s-ec.bstatic.com/static/img/shadow3/d59400a9e3fb1de83d0ecf952eef4e894acabc26.png);*/
/*padding: 0 4px 4px 0;*/
border: solid 4px white !important; 
box-shadow: 1px 1px 4px #b5b5b5;
    right: 10px !important;
left: initial !important;
top: 20px !important;

z-index: 9999999;
}

/* For calendar */
.caltable {
/*border: 1px solid #003580;*/
background-color: #fff;
font-size: 16px;
}
.caltable a:link, .caltable a:visited {
color: #2b59a8 !important;
}
.caltable a:hover {
color: #feba02 !important;
border-color: #feba02 !important;
}
.caltable a:active {
color: #b30000 !important;
border-color: #b30000 !important;
}
.caltable td {
text-align: center;
}
.caltable td a {
display: block;
text-decoration: none;
}
.caltable td.calheader a {
display: inline;
vertical-align:top;
}
.caltable td.calheader span.NoPrevMonthIcon {
background: white url(https://t-ec.bstatic.com/static/img/butPrevMonth/3753f376f8fe37059e84a3ac3aa13cb5cbc459e1.png) 0 -72px no-repeat;
display:inline-block;
width:25px;
height:25px;
}
.caltable td.calheader span.NoNextMonthIcon {
background: white url(https://t-ec.bstatic.com/static/img/butNextMonth/dc92020627f8ae26a5d6727cef75c82262923859.png) 0 -72px no-repeat;
display:inline-block;
width:25px;
height:25px;
}
.caltable td.calheader .calNextMonth span.nextMonthIcon {
background: white url(https://s-ec.bstatic.com/static/img/butNextMonth2/b06b79791e7382f03b4cb59e145f1e31d373a954.png) 0 0 no-repeat;
display:inline-block;
width:25px;
height:25px;
}
.caltable td.calheader .calPrevMonth span.prevMonthIcon {
background: white url(https://s-ec.bstatic.com/static/img/butPrevMonth2/acad5b5107a8424186b7b88df6571532a4a540cf.png) 0 0 no-repeat;
display:inline-block;
width:25px;
height:25px;
}
.caltable td.calheader .calNextMonth:hover span.nextMonthIcon, .caltable td.calheader .calPrevMonth:hover span.prevMonthIcon {
background-position: 0 -24px;
}
.caltable td.calheader .calNextMonth:active span.nextMonthIcon, .caltable td.calheader .calPrevMonth:active span.prevMonthIcon {
background-position: 0 -48px;
}
.calheader {
padding: .4em;
white-space: nowrap;
}
.calheader select {
margin: 0 .6em;
}
.monthYear {
background-color: #ffffff;
color: white;
}
.dayNames td {
border-bottom: 1px solid #003580;
background-color: #e6edf6;
}
.days td {
color: #779bca;
background-color: #e6edf6;
padding: .2em;
border: 2px solid #e6edf6;
}
.days td.weekend {
background-color: #c5d4e9;
border-color: #c5d4e9;
}
.days td.past {
text-decoration: line-through;
}
.days td.today, .days td.future {
border: none;
padding: 0;
}
.days td a {
padding: .2em;
border: 2px solid #e6edf6;
}
.days td.weekend a {
border-color: #c5d4e9;
}
.days td.today a {
background-color: #fff;
}
.days td.selected {
font-weight: bold;
}
.days td.selected a {
border-color: #0896ff;
}



@media only screen and (max-width: 767px) {
	

#searchboxInc h2 {text-align:left;  line-height: 37px; font-size: 28px;}
button {width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;}



}