/* side panel */ 
			.slide-out-div {
			    padding: 20px;
				width: 250px;
				z-index:99999;
				position: absolute;
				
			}
			.handle {
				margin-top:60px;
				cursor:pointer;	
				background-color:#fdfdfd !important;	
				background-position:2px 46% !important;
				-webkit-box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
				-moz-box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
				box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
				border:1px solid #ddd;
				border-left: none;
			}
			
			/* side panel */
			
			.clear {
				clear: both;
			}
	
			html,
			body {
				height: 100%;
				margin: 0;
				padding: 0;
			}	
			#right-panel {
				line-height: 30px;
				padding-left: 10px;
				font-family: 'Segoe UI';
			  }

			  #right-panel select,
			  #right-panel input {
				font-size: 14px;
			  }

			  #right-panel select {
				width: 100%;
			  }

			  #right-panel i {
				font-size: 11px;
				line-height:20px;
				color:#999;
			  }

			  #map {
				height: 100%;
				float: left;
				width: 100%;
				height: 91%;
			  }

			  #right-panel {
				padding: 30px 10px;
				border-width: 2px;
				width: 300px !important;
				height: 91%;
				float: left;
				text-align: left;
				padding-top: 0;
				position:absolute;
				background-color: rgba(255, 255, 255, 1);
				
				-webkit-box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
				-moz-box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
				box-shadow: 10px 0px 7px -5px rgba(0,0,0,0.14);
			  }
			#right-panel h4 {
			    font-size: 24px;
				line-height: 26px;
				letter-spacing: 0.2px;
				color: #2F6F7A;
				font-weight: 600;
				margin: 0;
				padding:0 0 10px 0;
			  }
			 #right-panel #directions-panel h4 {
			    font-size: 22px;
				line-height: 26px;
				letter-spacing: 0.6px;
				color: #2F6F7A;
				font-weight: 600;
				margin: 0;
				padding:10px 0 0 0;
			  }	
			 #right-panel #directions-panel h5 {
			    font-size: 15px !important;
				line-height: 20px;
				letter-spacing: 0;
				color: #000;
				font-weight: 600;
				margin: 0;
				padding: 16px 0 0 0;
			  }
			  
			  #right-panel #directions-panel p {
				font-size: 12px;
				letter-spacing:0;
				line-height: 20px;
				color: #333;
				padding:0 0 15px 0; margin:0;
				border:0px solid #f00;
			  }	
			  
			  #right-panel #directions-panel .arr_img {
				  width:24px; height:29px;
				  float:left;
				  background: url('../assets/images/direction_arrow.png') no-repeat top center;
			  }
			   #right-panel #directions-panel h6 {
			    font-size: 13px !important;
				line-height: 18px;
				letter-spacing: 0;
				color: #444;
				font-weight: 500;
				padding:0;
				margin:0;
				
				width:100%;
				border:0px solid #0f0;
			  }
			  
			 #right-panel .btn_submit {
				 background-color:#2F6F7A;
				 border: none;
				 padding:10px 20px;
				 border-radius:2px;
				 color:#fff;
			 }
			 #right-panel .btn_submit:hover {
				 background-color:#348998;
			 }
			  .right_innr_contain {
				  /* padding:0 10px 0 0; */
				  
			  }				  
			  #directions-panel {
				border-top:1px solid #ddd;		
				margin-top: 10px;
				/* background-color: rgba(47, 111, 122, 0.15); */
				padding:0 10px;
				resize:both;
				color:#333;
				overflow: auto !important;
				position:absolute;
				/*height:60%;*/
			  }
			  #directions-panel b {
				  margin:5px 0;
				  padding:10px 0 !important;
				  font-weight: normal;
				  color:#000;
			  }
			  #directions-panel{
				  scrollbar-width: thin;
				  scrollbar-color: #888888 #f0f0f0;
			 }
			 .select_place_check_contain {
				  scrollbar-width: thin;
				 /* scrollbar-color: #888888 #f0f0f0;*/
			 }
			 #directions-panel::-webkit-scrollbar, .select_place_check_contain::-webkit-scrollbar {
			   width: 6px;
			 }
			 #directions-panel::-webkit-scrollbar-track, .select_place_check_contain::-webkit-scrollbar-track {
			   background: #f0f0f0;
			  
			 }
			 #directions-panel::-webkit-scrollbar-thumb, .select_place_check_contain::-webkit-scrollbar-thumb {
				  background-color: #f0f0f0;
				  border-radius: 20px;
				  border: 7px solid #888888;
			 }
			
			
			.top_floating_box {
				right:10px;
				margin-top:0px;
				padding: 10px 10px 10px 20px;
				width: 80% !important;
				min-height: 125px;
				text-align: left;
				position:absolute;
				z-index:9;
				background-color: rgba(255, 255, 255, 1);				
				-webkit-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				-moz-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);				
			}
			.top_floating_box .top_direction_box {
				float: left;
				padding:10px 20px 0px 0;
				border:0px solid #f00;
				font-size:16px;
				color:#000;
				 font-family: 'aller_light';
			}
			.top_floating_box .top_direction_box input {
				margin:0 3px 0 0;
			}
			.top_floating_box .btn_submit {
				 background-color:#2F6F7A;
				 border: none;
				 padding:10px 20px;
				 border-radius:2px;
				 color:#fff;
				 float: right;
				 position: absolute;
				 bottom:15px; right:10px;
			 }  
			 .top_panel_slidearr {
				width:60px; height:24px;
				position: absolute;
				float: right;
				right:10px; bottom:-24px;
				text-align: center;
				
				cursor:pointer;	
				background-color:#fdfdfd !important;	
				-webkit-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				-moz-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);	
				border:1px solid #ddd;
				border-top: none;
				
			 }
			 .top_floating_box h4 {
				 font-size: 18px;
				 font-family: open sans;
				line-height: 26px;
				letter-spacing: 0.6px;
				color: #2F6F7A;
				font-weight: bold;
				margin: 0;
				padding:0 0 10px 0;
				border-bottom:1px solid #eee;
			 }
			 .select_plchbx h4{
				font-size: 18px !important;
				line-height: 26px;
				letter-spacing: 0.2px;
				color: #fff !important;
				font-weight: 600;
				margin: -15px -10px 0 -10px !important;
				padding:6px 8px 10px 8px !important; 
				background-color:#2F6F7A;
			 }
			 .select_place_check_contain {
				 overflow:auto;
				 height:165px;
				 width:103%;
				 margin-top: 10px;
			 }
			 .select_place_check_contain .top_direction_box {
				 padding:5px 0;
				 font-size:15px;
			 }
			 /* .select_plchbx #directions-panel {
				height:60% !important;
			  }*/
			  .select_plchbx h4 img {
				width:24px;
				margin:0 10px 0 0;
				cursor: pointer;
			  }	  
			 .select_plchbx #directions-panel h4{
				 color:#2F6F7A !important;
				 padding-top:20px !important;
				 background-color: transparent !important;
			 }
			 
			 .cust_check_container {
				  display: block;
				  position: relative;
				  padding-left: 28px;
				  margin-bottom: 12px;
				  cursor: pointer;
				  font-size: 20px;
				  -webkit-user-select: none;
				  -moz-user-select: none;
				  -ms-user-select: none;
				  user-select: none;
				}
				.cust_check_container h5 {
					font-size:13px;
					opacity:1;
					color:#1D304A;
				}
			/* Hide the browser's default checkbox */
			.cust_check_container input {
			  position: absolute;
			  opacity: 0;
			  cursor: pointer;
			  height: 0;
			  width: 0;
			}

			/* Create a custom checkbox */
			.cust_check_checkmark {
			  position: absolute;
			  top: 0;
			  left: 0;
			  height: 20px;
			  width: 20px;
			  background-color: #ccc;
			}

			/* On mouse-over, add a grey background color */
			.cust_check_container:hover input ~ .cust_check_checkmark {
			  background-color: #999;
			}

			/* When the checkbox is checked, add a blue background */
			.cust_check_container input:checked ~ .cust_check_checkmark {
			  background-color: #2F6F7A;
			}

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

			/* Show the checkmark when checked */
			.cust_check_container input:checked ~ .cust_check_checkmark:after {
			  display: block;
			}

			/* Style the checkmark/indicator */
			.cust_check_container .cust_check_checkmark:after {
			  left: 9px;
			  top: 1px;
			  width: 6px;
			  height: 16px;
			  border: solid white;
			  border-width: 0 3px 3px 0;
			  -webkit-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
			  transform: rotate(45deg);
			}
			 
			 .top_floating_box_full {
				right:0;
				margin-top:0px;
				padding: 10px 10px 10px 20px;
				width: 100% !important;
				min-height: 125px;
				text-align: left;
				position:absolute;
				z-index:9;
				background-color: rgba(255, 255, 255, 1);				
				-webkit-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				-moz-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);				
			}
			.top_floating_box_full .top_direction_box {
				float: left;
				padding:10px 20px 0px 0;
				border:0px solid #f00;
				font-size:16px;
				color:#000;
				 font-family: 'aller_light';
			}
			.top_floating_box_full .top_direction_box input {
				margin:0 3px 0 0;
			}
			.top_floating_box_full .btn_submit {
				 background-color:#2F6F7A;
				 border: none;
				 padding:10px 20px;
				 border-radius:2px;
				 color:#fff;
				 float: right;
				 position: absolute;
				 bottom:15px; right:10px;
			 }  
			 .top_panel_slidearr {
				width:60px; height:24px;
				position: absolute;
				float: right;
				right:10px; bottom:-24px;
				text-align: center;
				
				cursor:pointer;	
				background-color:#fdfdfd !important;	
				-webkit-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				-moz-box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);
				box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.14);	
				border:1px solid #ddd;
				border-top: none;
				
			 }
			 .top_floating_box_full h4 {
				 font-size: 18px;
				 font-family: open sans;
				line-height: 26px;
				letter-spacing: 0.6px;
				color: #2F6F7A;
				font-weight: bold;
				margin: 0;
				padding:0 0 10px 0;
				border-bottom:1px solid #eee;
			 }
			 .validationMessage{
				color:#8B0000;
			 }