.alis-bil-css { color:#f5f5f5; font-size:17px;  display:inline-block; width:100%; padding-left:10px; padding-top:10px; }
.alis-don-css { color:#f5f5f5; font-size:17px;  display:inline-block; width:100%; padding-left:10px; padding-top:10px;   }
		
.rezervasyon_alan { border-radius: 0px; padding-top:0px; padding-bottom:10px; padding-left:0px; padding-right:0px; display:inline-block;  border-top:solid; border-width:0px; border-color:#f5f5f5;  padding-top:10px;   }

		@media screen and (min-width:1160px) {
          .rezervasyon_alan { width:100%; min-width:230px;  height:auto;  }	
		  .rez_bol1 { width:40%; float:left; height:auto;   margin-left:0px; }
		  .icon1 { }
		  .text1 { width:100%; margin-top:2px;   }
	         .rez_bol2 { width:20%; float:left; height:auto;  margin-left:0px;  padding-top:0px; margin-top:0px; padding-left:5px;  }/* ---------tarih--------- */
		     .icon2 { padding-left:25%;  }
		    .text2 { width:100%; float:left; margin-top:2px; }
              .rez_bol3 { width:10%; float:left; height:auto;  margin-left:0px; padding-top:0px; margin-top:0px;  padding-left:5px; }  /* ---------saat--------- */
		  .text3 { width:100%; float:left; margin-top:33px; }
		  .rez_bol44 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon4 {  }
		  .text4 { width:100%; }
		       .rez_bol5 { width:20%; float:left; height:auto;   margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px;} /* ---------tarih--------- */
		  .icon5 { padding-left:25%; }
		  .text5 { width:100%; float:left; margin-top:2px; }
		     .rez_bol6 { width:10%; float:left; height:auto; margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px; } /* ---------saat--------- */
		  .text6 { width:100%; float:left; margin-top:33px; }
		  .rez_bol7 { width:40%; float:left; height:auto;   margin-left:0px; }
		  .icon7 {  }
		  .text7 { width:100%; }
		  .rez_bol8 { width:60%; float:left; height:auto;   margin-left:0px; padding-top:20px; }
		}

		

		@media screen and (min-width:900px) and (max-width:1160px),screen and (min-device-width:900px) and (max-device-width:1160px) {

	     .rezervasyon_alan { width:100%; min-width:230px;  height:auto;  }	
           .rez_bol1 { width:40%; float:left; height:auto;   margin-left:0px; }
		  .icon1 { }
		  .text1 { width:100%; margin-top:2px;   }
	         .rez_bol2 { width:20%; float:left; height:auto;  margin-left:0px;  padding-top:0px; margin-top:0px; padding-left:5px;  }/* ---------tarih--------- */
		     .icon2 { padding-left:25%;  }
		    .text2 { width:100%; float:left; margin-top:2px; }
              .rez_bol3 { width:10%; float:left; height:auto;  margin-left:0px; padding-top:0px; margin-top:0px;  padding-left:5px; }  /* ---------saat--------- */
		  .text3 { width:100%; float:left; margin-top:33px; }
		  .rez_bol44 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon4 {  }
		  .text4 { width:100%; }
		       .rez_bol5 { width:20%; float:left; height:auto;   margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px;} /* ---------tarih--------- */
		  .icon5 { padding-left:25%; }
		  .text5 { width:100%; float:left; margin-top:2px; }
		     .rez_bol6 { width:10%; float:left; height:auto; margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px; } /* ---------saat--------- */
		  .text6 { width:100%; float:left; margin-top:33px; }
		  .rez_bol7 { width:40%; float:left; height:auto;   margin-left:0px; }
		  .icon7 {  }
		  .text7 { width:100%; }
		  .rez_bol8 { width:60%; float:left; height:auto;   margin-left:0px; padding-top:20px; }
		  
		}

		 


		

		@media screen and (min-width:600px) and (max-width:900px),screen and (min-device-width:600px) and (max-device-width:900px) {
          
	      .rezervasyon_alan { width:100%; min-width:230px;  height:auto;  }	
		 .rez_bol1 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon1 { }
		  .text1 { width:100%; margin-top:2px;   }
	         .rez_bol2 { width:35%; float:left; height:auto;  margin-left:0px;  padding-top:0px; margin-top:0px; padding-left:5px;  }/* ---------tarih--------- */
		     .icon2 { padding-left:25%;  }
		    .text2 { width:100%; float:left; margin-top:2px; }
              .rez_bol3 { width:15%; float:left; height:auto;  margin-left:0px; padding-top:0px; margin-top:0px;  padding-left:5px; }  /* ---------saat--------- */
		  .text3 { width:100%; float:left; margin-top:33px; }
		  .rez_bol44 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon4 {  }
		  .text4 { width:100%; }
		       .rez_bol5 { width:35%; float:left; height:auto;   margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px;} /* ---------tarih--------- */
		  .icon5 { padding-left:25%; }
		  .text5 { width:100%; float:left; margin-top:2px; }
		     .rez_bol6 { width:15%; float:left; height:auto; margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px; } /* ---------saat--------- */
		  .text6 { width:100%; float:left; margin-top:33px; }
		  .rez_bol7 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon7 {  }
		  .text7 { width:100%; }
		  .rez_bol8 { width:100%; float:left; height:auto;   margin-left:0px; padding-top:20px; }

		}

		

		@media screen and (max-width:600px),screen and (max-device-width:600px) {
 		
		 .rezervasyon_alan { width:100%; min-width:230px;  height:auto;  }	
		 .rez_bol1 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon1 { }
		  .text1 { width:100%; margin-top:2px;   }
	         .rez_bol2 { width:60%; float:left; height:auto;  margin-left:0px;  padding-top:0px; margin-top:0px; padding-left:0px;  }/* ---------tarih--------- */
		     .icon2 { padding-left:25%;  }
		    .text2 { width:100%; float:left; margin-top:2px; }
              .rez_bol3 { width:40%; float:left; height:auto;  margin-left:0px; padding-top:0px; margin-top:0px;  padding-left:5px; }  /* ---------saat--------- */
		  .text3 { width:100%; float:left; margin-top:33px; }
		  .rez_bol44 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon4 {  }
		  .text4 { width:100%; }
		       .rez_bol5 { width:60%; float:left; height:auto;   margin-left:0px; padding-top:0px; margin-top:0px; padding-left:0px;} /* ---------tarih--------- */
		  .icon5 { padding-left:25%; }
		  .text5 { width:100%; float:left; margin-top:2px; }
		     .rez_bol6 { width:40%; float:left; height:auto; margin-left:0px; padding-top:0px; margin-top:0px; padding-left:5px; } /* ---------saat--------- */
		  .text6 { width:100%; float:left; margin-top:33px; }
		  .rez_bol7 { width:100%; float:left; height:auto;   margin-left:0px; }
		  .icon7 {  }
		  .text7 { width:100%; }
		  .rez_bol8 { width:100%; float:left; height:auto;   margin-left:0px; padding-top:20px; }
			
		}






/* --------------------------------star----------------------------------- */
.form-control {
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de; 
}
.form-control:focus {
	border-color: #3c8dbc;
	box-shadow: none;
}
.form-control:not(select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.formstyle1 {
	height: 50px;
	border-radius: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif; font-size:18px;
	background-color:#f1faff; 
	color:#222222;
	  border-bottom:solid; border-width:1px; border-color:#222222;
}
/* --------------------------------end----------------------------------- */  



/* --------------------------------star----------------------------------- */
.custom-select {
  position: relative;
  font-family: Arial;
   border-radius: 0px;
   box-shadow: none;  border-bottom:solid; border-width:1px; border-color:#222222;
   background-color:#f5f5f5; 
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  
   /*background-image:url(<? echo $site ?>images/yer_sec.png); background-repeat:no-repeat; */
   border-radius: 0px; 
   box-shadow: none;
   height:auto;
   font-size:19px;
   color:#222222;
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #222222 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #222222 transparent;
  top: 13px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  padding: 14px 7px;
 
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  border-bottom:solid; border-width:0px; border-color:#666;
 }
/* Style items (options): */
.select-items {
	height:auto; max-height:180px;
	overflow-y: auto;
  position: absolute;
  background-color:#435961;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 101;
  color:#FFF;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/* --------------------------------end----------------------------------- */




/* --------------------------------star----------------------------------- */
/* The container-locasyon */
.container-locasyon {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; color:#fff;
}

/* Hide the browser's default checkbox */
.container-locasyon input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px; border-style: solid;   border-width: 1px; border-color: #fff;
                          /* background-color: #eee;*/
}

/* On mouse-over, add a grey background color */
.container-locasyon:hover input ~ .checkmark {
                         /* background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.container-locasyon input:checked ~ .checkmark {
  background-color: #fff; background:none; border-style: solid;   border-width: 1px; border-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-locasyon input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-locasyon .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* --------------------------------end----------------------------------- */