body.responsive-page .box_rounded_search .search-form .datetime-group label.hidden {
    display: none;
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 959px) {

	 body.responsive-page .box_rounded_search label {
		  width: auto;
		}
	
	body.responsive-page .box_rounded_search .search-form .pax-selector .room-fields label {
		width:100%;
	}
		
	body.responsive-page .box_rounded_search .search-form .pax-selector .room-fields label span {
			width:95%;
			float:left;
	}
		
	body.responsive-page .box_rounded_search .search-form .pax-selector .child-age-fields {
			margin-left:3%;
		    width: 97%;
	}
	
	body.responsive-page .box_rounded_search .search-form fieldset label sub {
				margin: 0 10%;
			  width: 80%;
			  padding: 0;
			  float: left;
	}
	
	body.responsive-page .box_rounded_search .search-form .pax-selector  .child-age-fields legend {
			padding-top: 12px;
  			font-weight: 100;
			font-size: 1.5em;
	}
	
	body.responsive-page  .box_rounded_search .search-form fieldset .location-browser-activate{
		padding: 10px 20px 0px 10px;
  	    margin-top: 14px;
	}
	
	body.responsive-page .box_rounded_search .search-form span{
			margin-top: 6px;
		    margin-bottom: 6px	
	}
	
	.box_rounded_search .radiobutton-acommodation{
		width: 50% !important;
	}
	
    body.responsive-page #autocompletsuggestions {
        z-index: 101;
    }

    body.responsive-page .hotel-search-filters {
		display: none;
    }
   
    body.responsive-page .box_rounded_search .accommodationSearchContainer {
        min-height: 0;
    }
	
	body.responsive-page #header.page-header.visible{
		display:none;
	}

	body.responsive-page .article.visible{
		display:none;
	}

	body.responsive-page #footer-canvas.visible{
		display:none;
	}
	
    body.responsive-page .box_rounded_search {
        float: none;
        height: auto;
        background: none;
        min-height: 0;
        width: auto;
        border: none;
		display: none;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .search-form {
        padding: 0;
        float: none;
        margin: 0;
        background: #e8f4f9;
        width: 100%;
        max-width: none;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .search-form fieldset {
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
        margin-bottom: 10px;
        border: none;
    }

    body.responsive-page .box_rounded_search.visible {
        position: absolute;
        left: 0;
        top: -66px;
		height: 1000px;
        right: 0;
        bottom: 0;
        margin: 0;
        z-index: 9999;
        background-color: #e8f4f9;
      /*  overflow: auto;
        -webkit-overflow-scrolling: touch; 
	*/	display: block;
		/*max-width: 650px;*/
		margin-left: auto;
		margin-right: auto;
		margin-top: 67px;
		padding-left: 10%;
		padding-right: 10%;
 	    height: 100%;
		padding-top: 80px;
    }

    body.responsive-page .box_rounded_search .searchHeader {
        cursor: pointer;
        padding: 10px 0;
        margin: 0;
        background: #1da1d7;
        color: #ffffff;
        border: none;
        margin-bottom: 5px;
		  width: 100%;
		  left: 0;
		  position: fixed;
		  z-index: 9999;
		  top: 0;
    }

    body.responsive-page .box_rounded_search .searchHeader h2 {
        line-height: normal;
        font-size: 1.8em;
        display: block;
        padding: 5px 0;
        text-align: left;
        margin-left: 10px;
    }

    body.responsive-page .box_rounded_search.visible .searchHeader h2 {
        background-repeat: no-repeat;
        background-size: 38px;
        background-image: url("//images.sembo.se/Common/Symbols/Icons_close_ffffff.png");
        background-position: right;
    }

    body.responsive-page .box_rounded_search .searchControlContainer {
		display: none;
    }

    body.responsive-page .box_rounded_search.visible .searchControlContainer {
        display: block;
    }

    body.responsive-page .box_rounded_search .searchControlContainer span {
        display: inline-block;
        float: none;
        font-size: 1.5em;
        color: #1da1d7;
        width: auto;
        margin-left: 5px;
    }

    body.responsive-page .box_rounded_search .search-form input,
    body.responsive-page .box_rounded_search .search-form select {
        font-size: 1.5em;
        color: #1da1d7;
    }

    body.responsive-page .box_rounded_search .search-form legend {
       /* display: block;*/
        float: none;
        margin-left: 5px;
        font-size: 1.8em;
        margin-bottom: 10px;
        width: auto;
        color: #1da1d7;
		font-weight: bold;
    }

	body.responsive-page .box_rounded_search .search-form-accommodation legend {
	  display: none;
	}

    body.responsive-page .box_rounded_search .search-form select,
    body.responsive-page .box_rounded_search .search-form input {
        display: block;
        float: none;
        min-width: 0;
        max-width: none;
        background-color: #ffffff;
        background-image: none;
        margin: auto;
        /* padding: 10px 5px; */
        padding: 15px 5px;
        width: 95%;
        box-sizing: border-box;
        color: #1da1d7;
		color: #333;
        border: 1px solid #1da1d7;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 1.5em;
		height: 53px;
    }

    body.responsive-page .box_rounded_search .search-form label {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        min-width: 0;
        max-width: none;
        width: 100%;
        border-radius: 0;
    }
    
    body.responsive-page .box_rounded_search .search-form .location-group {
        margin: 20px 0;
    }

    body.responsive-page .box_rounded_search .search-form .location-group label,
    body.responsive-page .box_rounded_search .search-form .accommodation-destination label {
        position: relative;
        margin-bottom: 10px;
    }

    body.responsive-page .box_rounded_search .search-form .location-browser-activate {
        position: absolute;
        bottom: 9px;
        right: 20px;
        width: 15px;
        border: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-color: transparent;
    }

    body.responsive-page .box_rounded_search .search-form .accommodation-destination label > span{
        display: none;
    }

    body.responsive-page .box_rounded_search .search-form.search-form-accommodation-flight .location-group label{
        border: none;
        background-color: transparent;
        padding: 0;
    }

    body.responsive-page .box_rounded_search .search-form.search-form-accommodation-flight .location-group input{
        padding: 8px;
        border: 1px solid #1da1d7;
        display: block;
        box-sizing: border-box;
    }

    body.responsive-page .box_rounded_search .search-form.search-form-accommodation-flight .location-browser-activate {
        top: 33px;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .datetime-group input {
        text-align: center;
        font-weight: bold;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .datetime-group label{
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .datetime-group span{
        position: absolute;
       /* top: 6px;
        left: 4%;
	   */
		top: 10px;
	  	left: 12px;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .pax-group > legend {
        display: none;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .room-fields > legend {
        display: inline-block;
        border: none;
        color: #1da1d7;
        background-color: #cce8f3;
        margin: 0;
        padding: 10px 15px;
        font-size: 1.5em;
        box-sizing: border-box;
        width: 100%;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .room-fields .child-age-fields legend{
        color: #1da1d7;
        font-size: 1.5em;
    }

    body.responsive-page .box_rounded_search .searchControlContainer .room-fields .number-of-adults,
    body.responsive-page .box_rounded_search .searchControlContainer .room-fields .number-of-children {
        display: inline-block;
        float: left;
        width: 95%;
        box-sizing: border-box;
        min-width: 44%;
        margin: 0px 3%;
    }

    body.responsive-page .box_rounded_search .search-form .pax-selector select {
        color: #1da1d7;
		color: #333;
        font-size: 1.5em;
        padding: 5px 0;
        text-align: center;
        margin-bottom: 10px;
		height: 53px;
    }

    body.responsive-page .box_rounded_search .search-form .pax-selector .child-age-fields select {
        width: auto;
        float: left;
        margin-left: 10px;
    }

    body.responsive-page .box_rounded_search .search-form .ferry-options-group > legend{
        display: none;
    }

    body.responsive-page .box_rounded_search .search-form .ferry-options-group,
    body.responsive-page .box_rounded_search .search-form .options-group {
        margin-bottom: 10px;
    }

    body.responsive-page .box_rounded_search .search-form .search-flight-options-group label,
    body.responsive-page .box_rounded_search .search-form .one-way-section,
    body.responsive-page .box_rounded_search .search-form .options-group label {
        background-color: #ffffff;
        border: 1px solid #1da1d7;
        padding: 10px 5px;
        width: 95%;
        box-sizing: border-box;
        margin: auto;
        margin-bottom: 10px;
    }

    body.responsive-page .box_rounded_search .search-form .search-flight-options-group input[type=checkbox],
    body.responsive-page .box_rounded_search .search-form .one-way-section input[type=checkbox],
    body.responsive-page .box_rounded_search .search-form .options-group input[type=checkbox]{
        width: auto;
		height: auto;
		display: inline-block;
		margin: 0 0 0 10px;
		padding: 0;
    }

    body.responsive-page .box_rounded_search .search-form .show-hide-advanced-search-toggle {
        font-size: 1.5em;
        width: 100%;
        display: block;
        text-align: center;
        background-color: #cce8f3;
        margin: 0;
		float: none;
		padding: 6px 0;
    }

    body.responsive-page .box_rounded_search .search-form .advanced-search {
        background-color: #cce8f3;
        padding: 20px 0;
    }

    body.responsive-page .box_rounded_search .search-form .advanced-search > legend {
        display: none;
    }

    body.responsive-page .box_rounded_search .search-form .advanced-search > label {
        border: none;
        background-color: transparent;
        padding: 0;
    }

    body.responsive-page .box_rounded_search .search-form .advanced-search > label select{
        margin-bottom: 10px;
    }

	body.responsive-page .box_rounded_search .search-form .advanced-search input[type="checkbox"] {
        height: auto;
        display: inline;
        width: auto;
        margin-left: 10px;
    }

    body.responsive-page .box_rounded_search .search-form input[type="submit"] {
         padding: 15px;
		  background-color: #3AC436;
		  color: #FFF;
		  border: none;
		  width: 95%;
		  box-sizing: border-box;
		  margin-top: 30px;
		  margin-bottom: 20px;
		  font-size: 25px;
		  font-weight: bold;
		  -webkit-appearance: none;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
    }

    body.responsive-page .box_rounded_search .searchControlContainer > ul {
        width: 100%;
    }

    body.responsive-page .box_rounded_search .searchControlContainer > ul li {
        float: left;
        padding: 0;
        margin: 0;
        width: 50%;
    }

    body.responsive-page .box_rounded_search .searchControlContainer > ul li input {
        position: absolute;
        visibility: hidden;
    }

    body.responsive-page .box_rounded_search .searchControlContainer > ul li input + label {
     
		border: 1px solid #1DA1D7;
 		/* background-color: #EFEFEF;*/
		  color: #1DA1D7;
		  font-size: 1.2em;
		  padding: 7px 9px;
		  margin: 5px;
		  color: #333;
		  border-color: #666;
		  font-weight: bold;
		  border-radius: 3px;
		  -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
    }

    body.responsive-page .box_rounded_search .searchControlContainer > ul li input:checked + label {
        border-color: #1da1d7;
        background-color: #1da1d7;
        color: #fff;
		border-color: #666;
		background-color: #999;
    }

	body.responsive-page .box_rounded_search .searchControlContainer span{
			margin-left: 16px;
	}

	/* visa i lista*/
	body.responsive-page .location-browser-container {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		  z-index: 100;
		  background-color: #FFF;
		  border: 1px solid #CCC;
		  height: 150px;
		  overflow-y: scroll;
		  padding: 0 10px 10px 10px;
		  margin: 26px 0 0 4px;
	}
	
	body.responsive-page .location-browser-container dt{
		font: 20px/1.4615 Arial, 'Helvetica Neue', Helvetica, sans-serif;
		padding:0;
		border-bottom:none;
	}
	
	body.responsive-page .location-browser-container dd{
		font: 14px/1.4615 Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
	
	body.responsive-page .location-browser-container dd {
		margin: 6px 0;
		padding: 0;
		cursor: pointer;
		width: 100%;
		max-width: 270px;
		font: 14px/1.4615 Arial, 'Helvetica Neue', Helvetica, sans-serif;
		background: #FFF;
		padding: 7px;
		max-height: 40px;
		border: 1px solid#EFEFEF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: #FAFAFA;
	}

	.location-browser-container .back-navigation{
	  -webkit-appearance: none;
	  height: 38px;
	  font-size: 17px;
	}
	
	/*Auto complete*/
	.ui-menu .ui-menu-item a, .ui-menu .ui-menu-item a:hover {
		  text-decoration: none;
		  display: block;
		  padding: 2px .4em;
		  line-height: 1.8;
		  zoom: 1;
		  font-weight: normal;
		  margin: 6px 0;
		  padding: 0;
		  cursor: pointer;
		  /* width: 100%; */
		  /* max-width: 270px; */
		  font: 16px/1.4615 Arial, 'Helvetica Neue', Helvetica, sans-serif;
		  background: #FFF;
		  padding: 7px;
		  max-height: 40px;
		  /* border: 1px solid#EFEFEF; */
		  /* -webkit-border-radius: 5px; */
		  -moz-border-radius: 5px;
		  /* border-radius: 5px; */
	  	/* background: #FAFAFA; */
	}
	
	.auto-complete-category > span{
		font-size: 18px;
	}	
}

@media screen and (max-width: 767px) {
		body.responsive-page .box_rounded_search.visible {
				padding-left: 0px;
				padding-right: 0px;
	}		
}


/*DATE */
		.ui-widget-header{
		  font-weight: normal;
		  font-size: 17px;
		  text-transform: uppercase;
		}
		.ui-datepicker th, .ui-datepicker td{
		  font-size: 12px;
		  font-weight: normal;
		  text-align: center;
		}
		
		.ui-datepicker {
		   width: 300px;
		   padding: 0.5em;
		   margin-top: 3px;
    	   border: 0;
		}
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		  border: 1px solid #D3D3D3;
		  color: #555/*{fcDefault}*/;
		  padding: 11px;
		  text-align: center;
		  font-size: 14px;
		  background: #f5f5f5;
		  padding: 7px 0px;
		
		}
		.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
		   border: 3px solid #1DA1D7;
		  font-weight: bold;
		  background: #FFF;
		}
	
		.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		  position: absolute;
		  top: 2px;
		  width: 2.3em;
		  height: 2.0em;
		  background: #F5F5F5;
		  border: 1px solid #CCC;
		}
	
		body.responsive-page .box_rounded_search .search-form label.one-way-section span,
		body.responsive-page .box_rounded_search .search-form .options-group span,
		body.responsive-page .box_rounded_search .search-flight-options-group span {
			margin: 0 0 0 10px;
			vertical-align: bottom;
		}












/* ---------  DATE PICKER	--------------- */
		
		
#ui-datepicker-div .ui-state-default {
    border: 1px solid #fff;
    background: none;
}

#ui-datepicker-div .ui-state-default:hover {
    border: 1px solid #004e6d;
    border-radius: 4px;
}

#ui-datepicker-div tbody tr td {
    padding: 0px;
}

#ui-datepicker-div thead {
    border-bottom: 0px solid #808080;
}






#ui-datepicker-div .selected-day.end a {
    border-radius: 0px 4px 4px 0px;
    background: #004e6d;
    color: #FFF;
}

#ui-datepicker-div .selected-day.start a {
    border-radius: 4px 0px 0px 4px;
    background: #004e6d;
    color: #FFF;
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-datepicker-current-day .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-datepicker-current-day .ui-state-active {
    border: 1px solid #004e6d;
    font-weight: normal;
    background: #004e6d;
    color: #FFF;
}

#ui-datepicker-div .selected-day a {
    background: #FFF;
    border: 1px solid #E9EBEE;
    background: #E9EBEE;
    color: #000;
    font-weight: 500;
}



#ui-datepicker-div {
    width: 550px !important;
    padding: 0.5em;
    margin: 7px 12px 0 0;
    border-radius: 2;
    border: 1px solid #004e6d;
    padding: 12px;
}

.ui-datepicker th, .ui-datepicker td {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #666;
    text-transform: uppercase;
}

td.ui-datepicker-week-col {
    display: none;
}

th.ui-datepicker-week-col {
    display: none;
}

#ui-datepicker-div .ui-widget-header {
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
}




#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    border: 0px;
    background: none;
}


#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-e {
    background: url(https://www.sembo.se/media/12558582/arrowright.png);
    background-color: #0000;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 100%;
    position: absolute;
    height: 14px;
    top: 16px;
    width: 10px;
    left: 40px;
    z-index: 1;
}


#ui-datepicker-div .ui-icon.ui-icon-circle-triangle-w {
    background: url(https://www.sembo.se/media/12558581/arrowleft.png);
    background-color: #0000;
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 100%;
    position: absolute;
    height: 14px;
    top: 16px;
    width: 10px;
    left: 18px;
    z-index: 1;
}

@media (max-width: 960px){
	.ui-datepicker-multi .ui-datepicker-group {
		width: 96%;
	}
}


@media screen and (max-width: 480px) {
	.ui-datepicker-multi-2 .ui-datepicker-group {
    	width: 100%;
	}
	
	#ui-datepicker-div {
		max-width: 87%;
	}
	.ui-datepicker-group {
		width: 100%;
	}
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */