* {
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: 29px;
    text-shadow: 0 0 10px #00000036;
}

#searchboxInc h2:before {
	
	content: "";
    /*background: url(/sites/omni00.d8.webpactserver.nl/themes/custom/images/sprite.svg)no-repeat;*/
      -webkit-mask: url(/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;
    
    
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 10px center;
    background-size: 24px 24px; 
    padding-right: 40px; 
   
}

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

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

/*einde custom css*/

#searchboxInc form {
background: transparent;
}
#searchboxInc fieldset, #searchboxInc img {
border: 0;
}
#searchboxInc fieldset {
padding: 26px 23px 20px 23px;
}
#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;   
    -webkit-mask: url(/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;
    background-color: #FFF;
    -webkit-mask-size: cover;
    mask-size: 1000px;
    mask-position: 0 -209px;

/*
    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: #fd8d08;
    color: #fff;
    letter-spacing: 1px;
    padding: 13px 36px;
    text-transform: uppercase;
       font-size: 15px;
    cursor: pointer;
   float:left;   
    border: solid 2px #FFF;
    font-weight: bold;
    margin:0;
    margin-top: 20px; 
    clear:left;
    transition: 0.2s ease;
}
button:hover {
        background-color: #fc8928;
    color: #FFF;
      box-shadow: 1px 1px 4px #00000080;
}

#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 10px #0000004d;
/*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: #222 !important;
}
.caltable a:hover {
background-color:#f2f2f2;
}
.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;
padding-bottom: 5px;
}
.caltable td.calheader span.NoPrevMonthIcon {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50px" data-rtl-flip="true"><path d="M8.913 19.236a.9.9 0 0 0 .642-.266l6.057-6.057a1.3 1.3 0 0 0 .388-.945c.008-.35-.123-.69-.364-.945L9.58 4.966a.91.91 0 0 0-1.284 0 .896.896 0 0 0 0 1.284l5.694 5.718-5.718 5.718a.896.896 0 0 0 0 1.284.88.88 0 0 0 .642.266"></path></svg>');
background-repeat: no-repeat;
background-size: contain;
transform: scaleX(-1);
float:left;
display:inline-block;
width:25px;
height:25px;
opacity: 0.25;
}
.caltable td.calheader span.NoNextMonthIcon {

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50px" data-rtl-flip="true"><path d="M8.913 19.236a.9.9 0 0 0 .642-.266l6.057-6.057a1.3 1.3 0 0 0 .388-.945c.008-.35-.123-.69-.364-.945L9.58 4.966a.91.91 0 0 0-1.284 0 .896.896 0 0 0 0 1.284l5.694 5.718-5.718 5.718a.896.896 0 0 0 0 1.284.88.88 0 0 0 .642.266"></path></svg>');
background-repeat: no-repeat;
background-size: contain;
float: right;
display:inline-block;
width:25px;
height:25px; 
    opacity: 0.25;
}
.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;

 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50px" data-rtl-flip="true"><path d="M8.913 19.236a.9.9 0 0 0 .642-.266l6.057-6.057a1.3 1.3 0 0 0 .388-.945c.008-.35-.123-.69-.364-.945L9.58 4.966a.91.91 0 0 0-1.284 0 .896.896 0 0 0 0 1.284l5.694 5.718-5.718 5.718a.896.896 0 0 0 0 1.284.88.88 0 0 0 .642.266"></path></svg>');
  background-repeat: no-repeat;
  background-size: contain;


}
.caltable td.calheader .calPrevMonth span.prevMonthIcon {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="50px" data-rtl-flip="true"><path d="M8.913 19.236a.9.9 0 0 0 .642-.266l6.057-6.057a1.3 1.3 0 0 0 .388-.945c.008-.35-.123-.69-.364-.945L9.58 4.966a.91.91 0 0 0-1.284 0 .896.896 0 0 0 0 1.284l5.694 5.718-5.718 5.718a.896.896 0 0 0 0 1.284.88.88 0 0 0 .642.266"></path></svg>');
  background-repeat: no-repeat;
  background-size: contain;
transform: scaleX(-1);
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;
}

a.calNextMonth:hover {background-color:#f2f2f2 !important;}



.calheader {
padding: .4em;
white-space: nowrap;
}
.calheader select {
background-color: #f2f2f2;
    border: none;
    padding: 3px 2px 3px 4px;
    font-size: 15px;
}
.monthYear {
background-color: #ffffff;
color: white;
}
.dayNames td {

}
.days td {

}
.days td.weekend {

}
.days td.past {
text-decoration: line-through;
}
.days td.today, .days td.future {
border: none;
padding: 0;
}
.days td a {
padding: .2em;
}
.days td.weekend a {
border-color: #c5d4e9;
}
.days td.today a {
color: #2b59a8 !important;
    font-weight: bold;

}
.days td.selected {
font-weight: bold;
}
.days td.selected a {
background-color: #2b59a8;
color:#FFF !important; 
}



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

div#calendar {
    left: 15px !important;
    top: 10px !important;
}

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



}