/*------------------------------------------------------------------

Project:        Restaurant Finder

Author:         Crenoveative

URL:            http://crenoveative.com/

Created:        24/10/2016

-------------------------------------------------------------------*/

/**

 * Add your style in this file

*/



/* user add */

.web_text_overflow { /*padding:0 5px;*/   

white-space: nowrap !important; overflow: hidden !important; text-overflow:ellipsis ;  



}





.price_div {  }

.price_div span{ font-size:20px; font-weight:500; color:#DB3944; letter-spacing:-1px;  }



.web_word_break { 

	  

  word-break:break-all;

	} /*자동줄바꿈*/

 	

.radius_image { border-radius:10px; box-shadow : 0 1px 2px 0 rgba(0,0,0,0.1); }



.user_white { color:white !important; } 

/*

.user_map_icon { display:inline-block; font-size:11px !important; color: #6aadcc !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #6aadcc;line-height:15px !important;   } 

a:hover.user_map_icon { background-color:#6aadcc !important;color:white !important; }

*/



/*

.user_map_icon { display:inline-block; font-size:11px !important; color: white !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #6aadcc;line-height:15px !important; background-color:#6aadcc !important;  } 

a:hover.user_map_icon { background-color:#6aadcc !important;color:black !important; }

*/



.user_map_icon { display:inline-block !important; font-size:11px !important; color: #868686 !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #868686 ; line-height:15px !important;     } 

a:hover.user_map_icon { display:inline-block !important ;  background-color: #EAEAEA !important;color:black !important; }





/* hot spots */

 

/*.label-p-i { display:inline-block; color: #666;  border:1px solid #CCC; margin:5px ; padding:0px 20px; font-size:12px; line-height:25px; letter-spacing:0em; }*/

.label-p-i { display:inline-block; color: #666; background-color:#f4f4f4 ; margin:5px ; padding:0px 20px; font-size:12px; line-height:25px; letter-spacing:0em; }

.label-p-i:hover {  background-color:#e95a44 ; color:white ;   }



.label-avg { font-size:11px !important; color: #999 !important;  padding:2px 5px !important; line-height:15px !important; font-weight:normal;   } 



.top_list_item .cont_sub { position:relative; padding-left:15px;padding-right:15px; margin-left:auto; margin-right:auto;  }

.top_list_item .cont_sub h1 { letter-spacing:-1px; font-size:30px ;  }

.top_list_item .cont_sub p { letter-spacing:-1px; font-size:18px ; }

	



/* road */

.map-canvas-div{

	display:block ; 		

 	height: 400px;padding:5px; background-color:white; border:1px solid #ccc; overflow:hidden; 

}

#map-canvas {

 display:block;		

 height: 100%; 				 

}

 

.Panel_div { 

	display:block; margin-top:30px; padding:20px ; font-size:12px; background-color:white; border:1px solid #ccc;

		  

}



.road_1 { display:block; background-color:white;padding:5px;  } 

.diplay_inline_block { display:inline-block;  }

.o_h { overflow:hidden; }

.pt10  { padding-top:10px; }

.w120  { width:120px ;}



.wd_in {width:inherit !important;}





/* login select  */

.naver_cls {  background-color:#0C0;padding:2px 5px;color:white; }

.facebook_cls {  background-color:#3B5998;padding:2px 5px;color:white;  }



/* user button */

.u_btn_border { display:block; border:1px solid #ccc !important; padding:2px 5px; margin:5px; color:#999; font-size:12px;  }

.u_btn_border_inline { display: inline-block; border:1px solid #ccc !important; padding:2px 5px; margin:5px; color:#999; font-size:12px;  }



.u_btn_border_radius { display: inline-block; border:1px solid #ccc !important; padding:2px 10px; margin:5px; color:#999; font-size:12px; border-radius:20px; }



.btn-circle {

    border-radius: 25px !important; 

}





/* bootstrab-select */



.bootstrap-select > .dropdown-toggle {

	border:1px solid #EBEBEB ; background-color:white; font-size:12px; 

}

 



/* opentable_div */



.opentable_standard_div { 

	height:300px !important; 	

}

.opentable_wide_div { 

	height:160px !important; 	

}

.opentable_img { display:inline-block;padding:3px; width:inherit ; vertical-align:middle; }



.h_f_reserve  { display:inline-block; font-size:11px; padding:3px 5px;margin:0 5px !important; border-radius:5px; background: rgba(255, 163, 0, 0.7) !important; color: white !important; line-height:15px !important;  }

 



.filter_it { /* border:1px solid #ccc;border-radius:50px; text-align:center;font-size:14px;padding:5px 15px;!important; */

background-color:white;border:0; border-radius:50px; text-align:center;font-size:12px;padding:2px 10px;!important;margin-right:0px; border:1px solid #ccc;

}

.filter_it_header { float:none;  }

.filter_it_collapse {padding: 0 !important; border:0 ; }





/* like spots */

  

.smain {display:inline-block;width:200px; padding:15px;overflow: hidden !important; vertical-align:top !important;  }			

.smain .permanent{margin:0;  padding:12px;text-align:center;background-color: rgb(230, 230, 230); }



.scontent { 	

	padding: 10px;

	max-width: 200px; 

	

	/* width: 250px !important;*/

	

	max-height: 250px;

	height: 250px;

	background-color:white; 

	 

	overflow: auto ;

	 

}

.scontent p { width:90%;margin:0;padding:0;

	overflow:hidden; text-overflow:ellipsis; 

	-o-text-overflow:ellipsis;

	 -ms-text-overflow:ellipsis; 

	 white-space:nowrap;   }

 

.scontrols {

    padding: 0 0 10px;

}

.scontrols span {

    cursor: pointer; padding: 2px 8px;

}

.scontrols span.active {

    background: #4698CE;

    color: #fff;

    cursor: default;

}

 

.scrollbar-dynamic {

	max-height: 250px;

   /* overflow: auto;*/

}



 



.ng-scope { border:0; width:100% !important ;  box-sizing: border-box ;  }



/*24 time*/

.time_24 { display:inline-block; font-size:11px; color:white; border-radius:5px;padding:2px 5px !important; line-height:15px; background-color:#DB3944;  }



.default_price { display:inline-block; padding:0 10px; text-decoration:line-through; color:#666; font-size:12px;  }



.star_location {  padding:0;margin:0;}



.menu_img_body { display:block; border:1px solid #ccc /* #E7E7E7 */ ; background-color:white ; padding:5px;margin:5px 0;    }

.menu_img_body span{ display:block;color:#333; border-top:1px  dashed #ccc;height:30px;padding-top:5px;  }



/* coupon */

.coupon_menu { margin:0;  }





.coupon_main { display:block; background-color:white;box-shadow:3px 3px 5px #ccc;border-radius:10px;padding:10px; margin-bottom:20px; overflow:hidden;font-size:12px; line-height:15px;}

.coupon_main a{ color: #666; }

.coupon_list { }



.coupon_txt { background-color:#DB3944 ; color:white;padding:5px; }



.coupon_txt::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

	margin:5px; 

    border-color: transparent;

    border-style: solid; 

    border-width: 0.72em;

    border-right-color: white; 

	 

}



.c_txt { position:absolute;  background-color:#ff2238 ; color: white;padding:0 5px;  margin-top:-5px; margin-left:-5px; border-radius:10px;  border:2px solid white; z-index:999; 

white-space: nowrap !important; overflow: hidden !important; text-overflow:ellipsis ; max-width:150px;  }

 



/* gift */



.gift_bg { background-color:white; } 

.gift_header { font-size:20px !important;font-weight:bold; } 





/* font size */

.fts10 { font-size:10px !important; }

.fts11 { font-size:11px !important; }

.fts12 { font-size:12px !important; }

.fts13 { font-size:13px !important; }

.fts14 { font-size:14px !important; }

.fts15 { font-size:15px !important; }





/* padding / margin */



.pd0 { padding:0px ; }

.pd5 { padding:5px; }

.pd10 { padding:10px; }

.pd15 { padding:15px; }

.pd20 { padding:20px; }



.pdt0 { padding-top:0px; }

.pdt5 { padding-top:5px; }

.pdt10 { padding-top:10px; }

.pdt15 { padding-top:15px; }

.pdt20 { padding-top:20px; }



.pdb0 { padding-bottom:0px; }

.pdb5 { padding-bottom:5px; }

.pdb10 { padding-bottom:10px; }

.pdb15 { padding-bottom:15px; }

.pdb20 { padding-bottom:20px; }



.mg0 { margin:0px; }

.mg5 { margin:5px; }

.mg10 { margin:10px; }

.mg15 { margin:15px; }

.mg20 { margin:20px; }



.mgt0 { margin-top:0px; }

.mgt5 { margin-top:5px; }

.mgt10 { margin-top:10px; }

.mgt15 { margin-top:15px; }

.mgt20 { margin-top:20px; }



.mgb0 { margin-bottom:0px; }

.mgb5 { margin-bottom:5px; }

.mgb10 { margin-bottom:10px; }

.mgb15 { margin-bottom:15px; }

.mgb20 { margin-bottom:20px; }





/* map */





/* modal */

.modal .modal-dialog { } 

 



/* content */ 



.hf_content img {

    width:  inherit !important ;   

   /* display: inherit !important ; */

}