/*
	MINOR RESET FOR DEMO PURPOSE -> SHOULD BE DELETED WHEN IMPLEMENTED
*/

body {
    padding: 0;
    margin: 0;
	background: white;
}

.wrapper {
    width: 60%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    padding-right: 2%;
    padding-left: 2%;
    margin: auto;
    background: #1b1a36 !important;/*rgba(0, 5, 31, 1);*/

}
/*
	/ MINOR RESET FOR DEMO PURPOSE
*/

/*
	ACTUAL BOOKER FRAMEWORK	
	
	#1 - Values must be equal
	#2 - Width and height values must be equal, px value in calc() should be half
	#3 - Width and height values must be equal, px value in calc() should be half
*/


/* Set .hoteliers-form and all elements inside .hoteliers-form to borderbox */
.hoteliers-form,
.hoteliers-form * {
    box-sizing: -moz-border-box;
    box-sizing: -ms-border-box;
    box-sizing: -webkit-border-box;
    box-sizing: border-box;
}

/* Hide select arrow*/
.hoteliers-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
/* Hide select arrow IE*/
.hoteliers-form select::-ms-expand{
    display:none;
}

/* /ADDED 23-11-2015 */

.hoteliers-form__list {
    list-style: none;
    padding: 0;
}

.hoteliers-form__label {
    display: block;    
	padding-top: 2px;
    padding-bottom: 2px;
	font-size: 90%;
	cursor: pointer;
}

.hoteliers-form__label--hidden {
	visibility: hidden;
    width: 100%;	
	white-space: nowrap;
}

/* GRID */

.hoteliers-form__grid {
    margin-left: -20px; /* #1 */
}

/* Clear floats from grid */
.hoteliers-form__grid:before,
.hoteliers-form__grid:after {
    content: " ";
    display: table;
}

.hoteliers-form__grid:after {
    clear: both;
}
/* / Clear floats from grid */

/*
	Create horizontal grid by floating left
*/
.hoteliers-form__grid .hoteliers-form__grid-item {
    padding-left: 20px; /* #1 */
    float: left;
}

/*
  Set different width for grid items (from 3 up to 6)
*/
.hoteliers-form__grid--3-fields .hoteliers-form__grid-item {
    width: calc(100% / 3);
}
.hoteliers-form__grid--4-fields .hoteliers-form__grid-item {
    width: calc(100% / 4);
}
.hoteliers-form__grid--5-fields .hoteliers-form__grid-item {
    width: calc(100% / 5);
}
.hoteliers-form__grid--6-fields .hoteliers-form__grid-item {
    width: calc(100% / 6);
}
/*
  / Set different width for grid items
*/

/* Set grid items to 100% width on break-point */
@media (max-width: 800px) {
	.hoteliers-form__grid--3-fields .hoteliers-form__grid-item,
	.hoteliers-form__grid--4-fields .hoteliers-form__grid-item,
	.hoteliers-form__grid--5-fields .hoteliers-form__grid-item,
	.hoteliers-form__grid--6-fields .hoteliers-form__grid-item	{
		width: 100%;
	}
}

/* / GRID */

.hoteliers-form__form-field-container {
    position: relative;
	border: 0;
}

.hoteliers-form__form-field {
	width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 3px;
	font-size: 100%;
	font-family: inherit;
    cursor: pointer;	
}

.hoteliers-form__icon {
    display: inline-block;
    position: absolute;   
    top: calc(50% - 9px); /* #2 | Vertically center icon */
	right: 5px;
    width: 18px; /* #2 */
    height: 18px; /* #2 */
}

.hoteliers-form__icon--no-event {
	pointer-events: none;
}

.hoteliers-form__icon--select {
    top: calc(50% - 5px); /* #3 | Vertically center icon */
    width: 11px; /* #3 */
    height: 11px; /* #3 */
}

/*
	/ ACTUAL BOOKER  FRAMEWORK
*/