body.fm-book{
	/*margin: 0;
	padding: 0;*/
	font-family: 'Roboto', sans-serif;
}


::placeholder {
  color: #aaa;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #aaa;
}

::-ms-input-placeholder {
  color: #aaa;
}
select{
    color: #aaa;
}
option{
    color: #000;
}
option:first-child{
    color: #aaa;
}

.the-datepicker__button{
	color: #333!important;
}
.the-datepicker__button-content:hover,
.the-datepicker__main td.the-datepicker__cell--selected a.the-datepicker__button .the-datepicker__button-content, .the-datepicker__main td.the-datepicker__cell--selected.the-datepicker__cell--highlighted a.the-datepicker__button .the-datepicker__button-content{
	background: #eee!important;
}
.the-datepicker__deselect .the-datepicker__deselect-button{
	color: #fff !important;
	top: 10px !important;
	background: #afaeae;
	width: 20px;
	display: inline-block;
	text-align: center;
	left: -1.3em !important;
	border-radius: 50%;
}
.the-datepicker__main .the-datepicker__navigation{
	background: #eee;
	border-radius: 5px;
}
.the-datepicker__main select.the-datepicker__select{
	padding: 4px!important;
	border-radius: 5px;
}
.the-datepicker__container.the-datepicker__container--over .the-datepicker__main{
	border: none;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
	box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
	border-radius: 0;
}

.form{
	padding: 0;
}
.group{
	column-gap: 20px;
	display: flex;
	margin-bottom: 20px;
}
.group label{
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}
.kolom-1{
	width: 100%;
	display: inline-block;
}
.kolom-2{
	width: 50%;
	display: inline-block;
	column-gap: 40px;
}
.kolom-1 input, .kolom-2 input, 
.kolom-1 select, .kolom-2 select,
.kolom-1 textarea, .kolom-2 textarea{
	width: 100%;
	max-width: 100% !important;
	font-size: 15px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	outline: none !important;
	transition: all .3s;
	background: #fff;
	font-weight: 300;
}
.kolom-1 input:focus, .kolom-2 input:focus{
	border-bottom: 1px solid #0086ED;
}
.autosize{
  resize: none;
  overflow: hidden;
  max-height: 54px!important;
}
.btn-booking{
	background: #1c91ff !important;
	margin-top: 5px;
	border-bottom: none !important;
	color: #fff !important;
	font-weight: 600!important;
	cursor: pointer;
}
.mailsent{
	background: #CDFFC1;
	color: #085900;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	/*margin: 15px;*/
}
.mailerror{
	background: #FFC1C1;
	color: #590000;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	/*margin: 15px;*/
}
.the-datepicker__container .the-datepicker__main{
	border: none;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
    box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
    border-radius: 0!important;
}
.disabled-btn{
	background-color: #aaaaaa!important;
}
.enabled-btn{
	background-color: #1c91ff!important;
}
.d-none{
	display: none!important;
}
.d-block{
	display: block!important;
}
.loading-submit{
	text-align: center;
	background: #e6ffe6;
	padding: 10px;
	color: #004f00;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.chaptcha{
	background: #E6CE03 !important;
	color: #A50000 !important;
	border: none !important;
	display: inline-block;
	padding: 10px 20px;
	font-family: 'Special Elite', cursive!important;
}

@media (max-width: 991.98px) {
	.form-width{
		height: 1050px!important;
	}
}


/*@media (max-width: 767.98px) {*/
@media (max-width: 467.98px) {
	.form-width{
		height: 1050px!important;
	}
	.group{
		display: block;
	}
	.group label{
		font-size: 15px;
	}
	.kolom-1 input, .kolom-2 input,
	.kolom-1 select, .kolom-2 select{
		font-size: 15px;
	}
	.kolom-2{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
}