.pt_10{padding-top:10px;}
.mr-5{margin-right:5px;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mb_10{margin-bottom:10px;}
.mt_20{margin-top:20px;}
.mb_20{margin-bottom:20px;}
.mt_30{margin-top:30px;}
.mb_30{margin-bottom:30px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.font_20{font-size:20px;}
.font_18{font-size:18px;}
.font_16{font-size:16px;}
.font_400{font-weight:400}
.color_333{color:#333;}
.color_999{color:#999}
/* width */
#notificationsBoxDropdown::-webkit-scrollbar, #notificationsBoxDropdown__mb::-webkit-scrollbar {
    width: 8px;
}

/* Track */
#notificationsBoxDropdown::-webkit-scrollbar-track, #notificationsBoxDropdown__mb::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
#notificationsBoxDropdown::-webkit-scrollbar-thumb, #notificationsBoxDropdown__mb::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 10px;
}

/* Handle on hover */
#notificationsBoxDropdown::-webkit-scrollbar-thumb:hover, #notificationsBoxDropdown__mb::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.h-sprite{display:inline-block; background-image:url(../images/Amthuc365/h_sprite.png); background-repeat:no-repeat;}
.h-sprite.ic-heart_liked {
    background-position: -6px -1px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
.h-sprite.res-heart_liked {
    background-position: -1px -67px;
    vertical-align: middle;
    width: 33px;
    height: 32px;
}
.h-sprite.res-heart_like {
    background-position: -1px -31px;
    vertical-align: middle;
    width: 33px;
    height: 32px;
}
.h-sprite.res-heart_liked_small {
    background-position: -6px -127px;
    vertical-align: middle;
    width: 23px;
    height: 22px;
}
.h-sprite.res-heart_like_small {
    background-position: -6px -102px;
    vertical-align: middle;
    width: 23px;
    height: 22px;
}
.addWishlistPageList{cursor:pointer;}
.ic-wish-loading{position:relative;}
.ic-wish-loading:before{content:url(../images/Amthuc365/loading_circle.gif); position:absolute; left:-8px}
.ic-wished{border:1px solid #c00000; border-radius:50%; margin-right:5px; cursor:auto; box-shadow:inset 0 0 3px #c00000;}
.addthis_custom{transition:all .2s ease-out; transform:translate(-100%,10px); opacity:0; position:relative; z-index:-1}
.addthis_custom_show{opacity:1; transform:translate(0,10px);z-index:0}
.lst-control .liked { background-position: -16px -85px }
.lst-control .dontliked { background-position: -14px -384px }
.lst-control .note { background-position: -16px -60px }
.lst-control .add_menu { background-position: -12px -108px }
.lst-control .edit { background-position: -14px -160px }
.lst-control .add_collection { background-position: -14px -135px }
.lst-control .assessment { background-position: -14px -462px }
.lst-control .delete { background-position: -14px -186px }
.lst-control .comment { background-position: -14px -490px }
.lst-control .contact { background-position: -14px -515px }
.lst-control td a { display: inline-block; font-size: 11px; line-height: 20px; padding: 3px 0 }
.lst-control i {background: url(../images/group_icons.png) no-repeat;margin: 0 0 0 8px;display: inline-block; float:none;}
.lst-control i.icon_like { width: 15px; height: 12px; background-position: -111px -310px }
.lst-control i.icon_menu { width: 14px; height: 14px; background-position: -89px -287px }
.lst-control i.icon_edit { width: 15px; height: 15px; background-position: -111px -265px }
.lst-control i.icon_note { width: 14px; height: 14px; background-position: -89px -309px }
.lst-control i.icon_collection { width: 14px; height: 17px; background-position: -111px -286px }
.lst-control i.icon_remove { width: 16px; height: 16px; background-position: -90px -263px }
.it-rest_thumb .addWishlist, .it-rest_thumb .addWishlistSmall{position:absolute; top:10px; right:10px;}
.header_page{font-size:24px; font-weight:400; font-family: "Segoe UI"; margin-top:5px;}
.finbox { width: 298px; height: 32px; border: 1px solid #dadbd7; font-size: 13px; margin:20px auto}
.finbox .keyword { width: 255px; height:30px; padding: 8px 30px; border: none; outline: 0; text-align: left; float: left; display: block }
.finbox .bt-search { margin-top: 4px; border: none; outline: 0; cursor: pointer }

.box_manage_user_left{background:#f4f6f6; border:1px solid #d9dcdc; padding:10px;}
.row_avatar_left{margin-left:-5px; margin-right:-5px;}
.row_avatar_left [class*='col-']{padding-left:5px; padding-right:5px;}
.ul_user_left{margin-top:15px;}
.ul_user_left li{padding:10px 0 10px 40px; border-bottom:1px solid #dde2e2; position:relative; font-size:15px;}
.ul_user_left li:last-child{border:none; padding-bottom:0}
.ul_user_left li a{color:#151718}
.ul_user_left li.active_red a{color:#c00000}
.ul_user_left li:before{position:absolute; top:6px; left:0; width:30px; text-align:center;}
.ul_user_left li.li_profile:before{content:url(../images/ico_myprofile.png);}
.ul_user_left li.li_profile_edit:before{content:'\f044'; font-family:'fontAwesome'; font-size:20px;}
.ul_user_left li.li_notification:before{content:url(../images/ico_notification.png);}
.ul_user_left li.li_pwd:before{content:url(../images/ico_pwd.png);}
.ul_user_left li.li_article:before{content:url(../images/ico_article.png);}
.ul_user_left li.li_article:after{content:'\f105'; position:absolute; top:8px; right:0; font-family:'fontAwesome';}
.ul_user_left li.li_article.active:after{content:'\f107'; position:absolute; top:6px; right:0; font-family:'fontAwesome';}
.ul_user_left li.li_article ul{margin-top:10px;}
.ul_user_left li.li_article ul li{padding-left:0; border-bottom:none;border-top:1px solid #dde2e2;}
.ul_user_left li.li_recipe:before{content:url(../images/ico_recipe.png);}
.ul_user_left li.li_recipe:after{content:'\f105'; position:absolute; top:8px; right:0; font-family:'fontAwesome';}
.ul_user_left li.li_recipe.active:after{content:'\f107'; position:absolute; top:6px; right:0; font-family:'fontAwesome';}
.ul_user_left li.li_recipe ul{margin-top:10px;}
.ul_user_left li.li_recipe ul li{padding-left:0; border-bottom:none;border-top:1px solid #dde2e2;}
.ul_user_left li.li_video:before{content:url(../images/ico_video.png);}

.ul_user_left li.li_restaurant:before{content:url(../images/ico_restaurant.png); top:10px;}
/*.ul_user_left li.li_restaurant:after{content:'\f105'; position:absolute; top:8px; right:0; font-family:'fontAwesome';}
.ul_user_left li.li_restaurant.active:after{content:'\f107'; position:absolute; top:6px; right:0; font-family:'fontAwesome';}*/
.ul_user_left li.li_restaurant ul{margin-top:10px;}
.ul_user_left li.li_restaurant ul li{padding-left:0; border-bottom:none;border-top:1px solid #dde2e2;}
.ul_user_left li.li_follow:before{content:url(../images/ico_follow.png); top:10px}
.ul_user_left li.li_wishlist:before{content:url(../images/ico_wishlist.png); top:8px;}
.ul_user_left li.li_comment:before{content:'\f086'; font-family:'fontAwesome'; font-size:20px; top:5px;}
.ul_user_left li.li_logout:before{content:url(../images/ico_logout.png);}
.box_menu_user { width: 100%; height: 43px; display: inline-block; list-style: none; outline: 0; background: #f4f6f6 }
.box_menu_user li { display: inline-block; float: left; line-height: 43px;}
.box_menu_user .badge{ margin-left:5px; transform:translateY(-10px); padding:3px 6px;}
.bgr-success{background:#3c763d}
.bgr-danger{background:#a94442}
.bgr-warning{background:#8a6d3b}
/*.box_menu_user li.current,
.box_menu_user li:hover { background: #f7ede0 }*/
.box_menu_user li a { color: #5b5858; float: left; height: 43px; display: block; font-size: 13px; font-weight: 400; padding: 0 25px ; position:relative}
.box_menu_user li:hover a{text-decoration:none;}
.box_menu_user li.current a { font-weight: 700 }
.box_menu_user li.current a:before,
.box_menu_user li:hover a:before{content:''; border-bottom:3px solid #c00000; position:absolute; bottom:-1px; left:0; right:0; margin:auto; width:69%;}
.box-setting{background:#f4f4f4; padding:15px;}
#frm_profile label{margin-top:5px;}
.btnUpdateProfile, .btnAdd{background:#c00000; padding:15px 30px; color:#fff; margin-bottom:30px;}
.btnCancel{background:#a6a7a7; padding:15px 30px; color:#fff; margin-bottom:30px;}
.btnAddResMenu, .btnAddRecipeDirections{background:#c00000; color:#fff; width:100%}
.btnAddRecipeDirections{width:152px;}
.redactor_placeholder:after {
	position: absolute; 
	top: 14px; 
	left: 16px; 
	content: attr(placeholder); 
    display: block;
    color: #999;
    font-weight: 400!important;
    padding-right: 16px;}
.btnAddRecipeMaterial{background:#c00000; color:#fff; width:100%; padding:10px 12px;}
.profile_title{width:100%; border-bottom:1px solid #cccccc; padding:10px 0; position:relative; text-transform:uppercase; color:#333333;}
.profile_title:before{content:''; width:18%; height:0; border-bottom:3px solid #848484; position:absolute; bottom:0;}
.customInputFile{opacity:0; position:absolute; z-index:-1}
.labelInputFile{background:#f4f6f6; color:#333; padding:10px 20px;}
#frmAddRestaurant .line { width: 100%; display: inline-block; margin: 10px 0 0 }
#frmAddRestaurant label { line-height: 30px; display: block;}
#frmAddRestaurant input.isoTxt { width: 330px; height: 28px; line-height: 28px; float: right; border: 1px solid #d5d6d1; padding: 0 5px; outline: 0 }
#frmAddRestaurant select { border: 1px solid #d5d6d1; padding: 6px 2px; outline: 0 }
#frmAddRestaurant select.medium { width: 137px!important }
#frmAddRestaurant .labelAfter { width: 68px; display: block; float: left }
#frmAddRestaurant textarea { border: 1px solid #d5d6d1; height: 72px; resize: none; padding: 5px }
#frmAddRestaurant input.medium { width: 125px }
#frmAddRestaurant .upload { display: inline-block; float: left; position: relative; background: url(../images/bg-upload.png) repeat-x; border: 1px solid #d7d8d4; color: #767373; font-size: 12px; cursor: pointer; margin: 0 0 12px; padding: 7px 12px 7px 38px }
#frmAddRestaurant .ico-upload { width: 40px; height: 40px; position: absolute; background: url(../images/lstIcons.png) 0 -412px no-repeat; left: -12px; top: -6px }
#frmAddRestaurant .addRecipe { width: 134px; height: 29px; line-height: 29px; background: url(../images/addRecipe.png) no-repeat; color: #2d769f; font-size: 12px; font-weight: 700; text-indent: 33px; cursor: pointer; border: 1px solid #d2d3ce }
.redactor{width:100%; padding:15px; background:#ededed;}
.img-res-menu{border:1px solid #aeb1b1; padding:3px; width:70px; height:70px;}
.img-res-menu-add{border:1px solid #ddd; padding:3px; width:40px; height:40px}
.delResMenu{color:#c00000;}
.box_add_res_menu{background:#f4f6f6; padding:20px 20px 5px 20px;}
.box_recipe_posted{width:100%; box-shadow:none; border:none; padding:0;}
.box_add_recipe_directions{background:#f4f6f6; padding:20px 20px 5px 20px;}
.directions_slot, .directions_slot_edit{width:38px; height:38px; border-radius:50%; background:#c00000; color:#fff; display:inline-block; line-height:38px; text-align:center;}
.row_directions_slot{margin-left:-5px; margin-right:-5px;}
.row_directions_slot [class*='col-']{padding-left:5px; padding-right:5px;}
.img-recipe-directions-add{border:1px solid #ddd; padding:3px; width:85px; height:85px}
.pop_ratebox{height:auto;}
.restaurant_el p.rate{margin-top:20px;}
.ajDelRestPosted, .ajDelNewsPosted, .ajDelNewsDraft, .delRecipeMaterial, .delRecipeDirections, .ajDelRecipeDraft{color:red !important}
.restaurant_el a.photo{height:auto;}
.toolbox_ex li i{margin-top:2px;}
.box-member-left{width:100%; background:#f0f2f3; color:#888; text-align:center; padding:30px;}
.box-member-left .fa-users{color:#b2b2b2; font-size:20px;}
.box-member-contact{width:100%; padding:10px; text-align:center; color:#fff; background:#3e3b38; margin-top:5px; font-size:15px;}
.box-member-contact a{color:#fff;}
.box-member-contact .fa-envelope{font-size:18px; margin-right:10px;}
.trackingStatus{background:#c00000; color:#fff; padding:10px 20px; display:inline-block;}
.trackingStatusProfile{background:#c00000; color:#fff; padding:6px 15px; display:inline-block; float:right;transform: translateY(5px);}
.tracking:hover,.tracking:focus{color:#fff;}
.row_ul_tracking{margin-left:-3px; margin-right:-3px;}
.row_ul_tracking [class*='col-']{padding-left:3px; padding-right:3px;}
.more_tracking{position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,.5);background-image: url(../images/more_tracking.png);background-position: center; background-repeat: no-repeat; top:0; left:-100%; cursor:pointer; transition:all .2s ease-out;}
.showmoretrackingProfile{padding:6px; text-align:center; width:100%; color:#333; font-size:16px; font-weight:500; background:#ccc; cursor:pointer;}
.row_ul_tracking .li_last{overflow:hidden;}
.row_ul_tracking .li_last:hover .more_tracking{transform:translateX(100%) }
.nav-profile>li>a{text-transform:uppercase; height:62px; color:#000;}
.nav-profile>li.active>a, .nav-profile>li.active>a:focus, .nav-profile>li.active>a:hover{background:#f0f2f3;border-bottom-color: #f0f2f3 !important;}
.tab-content-profile{background:#f0f2f3; padding:20px;}
.tab-content-wishlist{background:#fff; padding:20px;}
/*recipe*/
.hit-recipe{width:100%; margin-bottom:20px; border:1px solid #d9dcdc; border-radius:5px; background:#fff; padding:10px;}
.hit-recipe h3{
	margin-top:0; 
	font-size:20px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	width:100%;
}
/*video*/
.it-video_img, .it-video_left_img{
	position:relative;
}
.img-play{
	position:absolute;
	left:0; right:0; margin:auto;
	top:50%;
	transform:translateY(-50%);
}
.it-video_body{
	padding:10px 0px;
}
.it-video_body h3{
	margin-top:0px;
	margin-bottom:15px;
}
.it-video_body h3 a{
	font-size:23px;
	font-weight:700;
	color:#151718;
}
.it-video_body h3 a:hover , .it-video_body h3 a:focus, .it-video_left_body h3 a:hover , .it-video_left_body h3 a:focus{
	color:#c00000;
}
.it-meta p{
	display:inline-block;
	margin-bottom:0px;
	margin-right:5px;
	font-size:13px;
	color:#666666;
	font-weight:700
}
/*end video*/
/*restaurant*/
.it-rest_body{
	padding-top:15px; background:#fff;
}
.it-rest_bottom .it-rest_body{
	min-height: 275px; 
} 
.it-rest_bodyrofile{padding:15px;}
.it-rest_thumb{
	position:relative;
}
.it-rest_body h3{ 
	height:27px;
	overflow:hidden;
}
.it-rest_body h3 a{
	color:#151718;
	font-size:20px;
	font-weight:400;
	display:inline-block;
	width:100%;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.it-rest_body h3 a:hover, .it-rest_body h3 a:focus{
	text-decoration:none;
	color:#c00000;
}
.it-rest_first .it-rest_info .it-rest_left{
	float:left;
	padding-right:20px;
	width:50%;
}
.it-rest_first .it-rest_info .it-rest_right{
	float:left;
	width:50%; 
}
.ic-sprite.ic-location_rest{
	background-position: -8px -1129px;
    width: 15px;
    height: 18px;
}
.ic-sprite.ic-phone_rest{
	background-position: -7px -1159px;
    width: 18px;
    height: 18px;
}
.ic-sprite.ic-comment_rest{
	background-position: -7px -1181px;
    width: 21px;
    height: 18px;
}
.map-address >p{
	margin-bottom:5px;
}
.map-address p.address{
	height: 38px;
    overflow: hidden;
}
.map-address p.address >a{
	color:#3e3b38;
	font-size:13px;
	font-weight:500;
}
.map-address  p.address a:hover, .map-address  p.address a:focus{
	color:#c00000;
	text-decoration:none;
}
.map-address p.map-link >a{
	display:inline-block;
	color:#c41111;
	font-size:12px;
	font-weight:500;
	font-style:italic;
	text-decoration:underline;
}
.it-rest_right .phone{
	font-size:16px;
	color:#3e3b38;
	font-weight:500;
	margin-bottom:5px;
}
.it-rest_right .phone a{
	width: calc(100% - 25px);
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.it-rest_right .meta >p{
	display:inline-block;
	font-size:13px;
	font-weight:700;
}
.it-rest_left .rest-intro{
	font-size:13px;
	font-weight:500;
	color:#3e3b38;
}
/*end restaurant*/
.row_ul_tracking_profile{margin-left:0px; margin-right:0px; background:#f4f4f4;}
.row_ul_tracking_profile li[class*='col-']{border-bottom:1px solid #e0e0e0; padding:20px}
.border-left-e0e0e0{border-left:1px solid #e0e0e0}
.row_ul_tracking_profile .row{margin-left:0px; margin-right:0px;}
.row_ul_tracking_profile .row [class*='col-']{padding-left:0px; padding-right:0px;}
.tracking_profile_name{display:inline-block; color:#333; font-weight:500; margin-top:6px; margin-bottom:5px;}
/*custom input file*/
.cif .input-file-trigger {
  display: inline-block !important;
  padding: 3px 20px;
  background: #f4f6f6;
  color: #333;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
  max-width:120px;
}
.cif .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.cif .input-file:hover + .input-file-trigger,
.cif .input-file:focus + .input-file-trigger,
.cif .input-file-trigger:hover,
.cif .input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 0;
}
.cif .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
  display:inline-block
}
.cif .file-return:not(:empty):before {
  content: "Tệp được chọn: ";
  font-style: normal;
  font-weight: normal;
}
/*res  menu*/
.cif_res_menu .input-file-trigger {
  display: inline-block !important;
  padding: 3px 3px;
  background: #f4f6f6;
  color: #333;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}
.cif_res_menu .input-file-trigger img{cursor:pointer;}
.cif_res_menu .input-file {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
  z-index:-1;
}
.cif_res_menu .input-file:hover + .input-file-trigger,
.cif_res_menu .input-file:focus + .input-file-trigger,
.cif_res_menu .input-file-trigger:hover,
.cif_res_menu .input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}
.cif_res_menu .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
  display:inline-block
}
.cif_res_menu .file-return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}
/********/
.gridheader {
    text-align: center;
    background: #e5e5e5;
}
.tbl-grid{border-collapse:collapse }
.tbl-grid{ width:100%;}
.tbl-grid tr td{border:1px solid #ccc;padding:6px 8px }
.tbl-grid tr th{background:#F3F3F3;border:1px solid #ccc;padding:5px!important }
.tbl-grid tr:hover td, .tr_selected, .listSearchQuick li:hover, .lsthascheck li label.checked{background:#FF3 }
.row1{background-color:#F9F9F9 }
.row2{background-color:#eee }
.row3{background-color:#DBDFE2 }
.row4{background-color:#E4E8EB }
/*recipe  menu*/
.cif_recipe_menu{width:100%; background-color:#f2f2f2; position:relative; height:220px; background-size:cover; border-radius:3px; background-repeat:no-repeat}
.cif_recipe_menu .input-file-trigger {
  display: inline-block !important;
  padding: 3px 3px;
  width:31px; height:28px;
 /* background: rgba(0,0,0,.1);*/
  color: #333;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
  position:absolute; top:50%; left:0; right:0; margin:auto; transform:translateY(-50%);
}
.cif_recipe_menu .input-file-trigger img{cursor:pointer;}
.cif_recipe_menu .input-file {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
  z-index:-1;
}
.cif_recipe_menu .input-file:hover + .input-file-trigger,
.cif_recipe_menu .input-file:focus + .input-file-trigger,
.cif_recipe_menu .input-file-trigger:hover,
.cif_recipe_menu .input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}
.cif_recipe_menu .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
  display:inline-block
}
.cif_recipe_menu .file-return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}
/********/
/*custom checkbox*/
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #ddd; border-radius:4px;
  box-shadow:inset 1px 1px 3px #ddd;
}

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

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
  background-color: #0a920f;
  box-shadow:none;
}

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

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

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/************/
/*combogrid*/
.combo-mark:hover{border:1px solid #a9a9a9;background-image:url(../images/combo.png);background-position:right center;background-repeat:no-repeat;}
.combo{ border:1px solid #a9a9a9;background-image:url(../images/combo.png);background-position:right center;background-repeat:no-repeat;}
.textbox.combo{ background-image:none !important}
.pop-box{display:none;position:absolute;background:#FFF;border:1px solid #DDD;padding:2px; margin:0;z-index:2;box-shadow:5px 10px 15px #aaa;-moz-box-shadow:5px 10px 15px #aaa -webkit-box-shadow:5px 10px 15px #aaa;-o-box-shadow:5px 10px 15px #aaa}
.pop-box > .head{ display:inline-block;width:100%;padding:6px;background:#CCC;border-bottom:1px solid #DDD;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-top:2px solid #ff6600;}
.pop-box .close_Ev,
.pop-box .close{display:block;width:13px;height:13px;background:url(../images/close.png) no-repeat;1px solid #333;margin:4px 4px 0 0;}
.pop-box > .head:after,
.pop-box > .head:before{ display:table;clear:both;content:"";}
.datagrid-pager.pagination a{background:transparent}
#listSuggest{margin-top:20px;}

/*comment*/
.comments-form{width:100%;background:#eee;border-radius:3px;display:table;float:none;margin:20px auto 10px;padding:20px 16px;}
.comments-form__meta{padding-bottom:10px;}
.comments-form__author,
.comments-form__meta-left{display:table-cell;vertical-align:top;}
.comments-form__meta-left{padding-right:16px;width:1%;}
.comments-form__author-img{border-radius:24px;height:48px;overflow:hidden;position:relative;width:48px;z-index:1;}
.comments-form__author, .comments-form__meta-left{display:table-cell;vertical-align:top;}
.comments-form__author{font-size:14px;}
.comments-form__author-name{line-height:1.25;margin-bottom:0;}
.comments-form__author-name{font-size:15px;}
.redactor_placeholder:after{position:absolute;top:14px;left:16px;content:attr(placeholder);display:block;color:rgba(0,0,0,.3);font-weight:400!important;padding-right:16px;}
.post__item blockquote{font-size:24px;line-height:28px;}
.comments-form__actions{float:right;margin:5px 0 0;}
.comment-list__heading-container{border-bottom:1px solid #d9d9d9;color:#555;margin:10px 0;padding:5px 0;}
.comment-list__heading-container:after,
.comment-list__heading-container:before{display:table;clear:both;content:"";}
.comment-list__heading{float:left;font-size:18px;font-weight:400;margin:0;padding:0;text-transform:uppercase; padding-top:10px; margin-right:20px;}
.dropdown-comment-order {float:left;}
.comment__container{display:table;padding:12px 0;table-layout:fixed;width:100%;}
.comment__body, .comment__left, .reply__left{display:table-cell;vertical-align:top;}
.comment__left{width:64px;}
.reply__left{width:34px;}
.comment__author-img{border-radius:50%;height:48px;overflow:hidden;position:relative;width:48px;z-index:1;background:#ccc;}
.reply__author-img{border-radius:50%;height:24px;overflow:hidden;position:relative;width:24px;z-index:1;background:#ccc;}
.comment__author-img img, .reply__author-img img, .comments-form__author-img img{max-width:100%;}
.comment__meta{margin-bottom:5px; position:relative;}
.comment__body{width:100%;}
.comment__timestamp{color:#999;font-size:11.9px;padding-left:5px;}
.comment__content{font-size:100%;margin-bottom:5px;word-break:break-word;-webkit-font-smoothing:antialiased;line-height:1.4;}
.comment__content a{color:#337ab7}
.comment__actions .btn-xs{font-size:11.9px;margin-right:7px;height:20px;}
.comment__replies, .show_replies, .hide_replies{display:block;padding-left:34px;width:100%;}
.show_replies, .hide_replies{cursor:pointer;}
.hide_replies{display:none;}
.comment__replies{transition:all .1s ease-out;transform:translateX(-100%);opacity:0;visibility:hidden; height:0}
.comment__replies_show{opacity:1;transform:translateX(0);visibility:visible; height:auto;}
.comment-parent > .comment__replies{padding-left:64px;}
.comment-parent > .show-hide-reply .show_replies{padding-left:64px;}
.comment-parent > .show-hide-reply .hide_replies{padding-left:64px;}

.tool-comment{position:absolute; right:5px; top:0; cursor:pointer; display:none;}
.tool-comment .fa{font-size:4px;}
.box-tool-comment{position:relative; display:none;}
.intool-comment{position:absolute; top:0; right:0; background:#fff; border-radius:5px; box-shadow:0px 0px 6px #eee; width:100px; padding:10px; z-index:10;}
.intool-comment ul{padding-left:0px; height:auto !important;}
.intool-comment ul li{padding:6px; list-style:none; font-size:12px;}
.intool-comment ul li:hover{background:#939495;color:#fff;}
.hide_comment{cursor:pointer;}
.comment__meta:hover .tool-comment{display:block;}
a{color:#333;}
a[rel=author]{color:#73000d;}
.jumbo-help-text, .static-page__subscribe-well, .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#fff;border:1px solid #eee;border-radius:3px;}
.jumbo-help-text{background:#eee;border:0;color:#999;text-align:center;}
.comment-list__view-all-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:15px;line-height:1.42857;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#FFF !important;text-decoration:none;}
.comment-list__view-all-btn{color:#365899 !important;background-color:#f2f3f5;border:none;margin:10px 0;}
.btn-upvote-comment .fa{color:#cb2027}
.btn-upvote-comment.btn-danger{background:rgba(201,48,44,.5)}
.btn-upvote-comment.btn-danger:hover{background:rgba(201,48,44,.6)}
.btn-upvote-comment.btn-danger:focus{background:rgba(201,48,44,.7)}

.div_MentionComment{width:100%; padding:0 15px; transform:translateY(-16px); display:none; position:relative; z-index:999;}
.icon-add {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/group_icons.png) -191px -98px no-repeat;
    margin: 4px 6px 0 0;
}
.addMention{margin:0; float:none;}
.avatar-mention{width:50px;}
.closeMentionComment{position:absolute; top:5px; right:2px; z-index:10}
/*end comment*/
.it-postRecipe .it-author span{
	display:inline-block;
	width:60px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	vertical-align: middle;
}
.hit-recipe .it-author span {
    display: inline-block;
    width: 60px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.rating_selection {
  text-align: left;
}
.rating_selection label:first-of-type {
  display: none;
}
.rating_selection input[type='radio'],
.rating_selection span {
  display: none;
}
.rating_selection label {
  cursor: pointer;
}
.rating_selection label:before {
  display: inline-block;
  content: "★";
  font-size: 35px;
  letter-spacing: 10px;
  color: #c00000;
}
.rating_selection input:checked + label ~ label:before {
  color: #aaa;
}
.rating_selection:hover label[for]:before {
  color: #c00000;
}
.rating_selection:hover label:hover ~ label:before {
  color: #aaa;
}
/*rating*/
.rating_half { 
  border: none;
  float: left;
}
.rating_half > input { display: none; } 
.rating_half > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.rating_half > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating_half > label { 
  color: #aaa; 
 float: right; 
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating_half > input:checked ~ label, /* show gold star when clicked */
.rating_half:not(:checked) > label:hover, /* hover current star */
.rating_half:not(:checked) > label:hover ~ label { color: #ffcb00;  } /* hover previous stars in list */

.rating_half > input:checked + label:hover, /* hover current star when changing rating */
.rating_half > input:checked ~ label:hover,
.rating_half > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating_half > input:checked ~ label:hover ~ label { color: #cb2027;  }
/*end rate half*/
/*notification*/
.ic-sprite.ic-notyfi {
    background-position: 1px -466px;
}
.dropdown-notifications-btn{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid #777;color:#777!important;height:36px;line-height:36px!important;margin:0 0 0 0;padding:0!important;position:relative;text-align:center;z-index:9;cursor:pointer;background: #fff;}
.dropdown-notifications-btn > .num{background:#ed3237;color:#FFF;padding:2px;position:absolute;top:-2px;right:-9px;width:18px;height:18px;line-height:14px;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:11px;text-align:center;}
.dropdown-notifications-btn{position:relative;display:block;}
.menu-top_right .open .dropdown-menu.dropdown-notifications{font-size:15px;/* height:540px;height:calc(100vh - 60px); max-height:540px;*/max-width:100%;min-width:360px !important;text-align:left;right:0;top:38px !important;left:auto !important;}
.dropdown-menu.arrow:before{position:absolute;left:9px;display:inline-block;border-right:7px solid transparent;border-left:7px solid transparent;content:'';}
.dropdown-menu.arrow:after{position:absolute;left:10px;display:inline-block;border-right:6px solid transparent;border-left:6px solid transparent;content:'';}
.dropdown .dropdown-menu.arrow:before{top:-7px;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);}
.dropdown .dropdown-menu.arrow:after{top:-6px;border-bottom:6px solid #ffffff;}
.dropup .dropdown-menu.arrow:before{bottom:-7px;border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);}
.dropup .dropdown-menu.arrow:after{bottom:-6px;border-top:6px solid #ffffff;}
.dropdown-menu.arrow.arrow-right:before,
.dropup .dropdown-menu.arrow.arrow-right:before{right:15px;left:auto;}
.dropdown-menu.arrow.arrow-right:after,
.dropup .dropdown-menu.arrow.arrow-right:after{right:16px;left:auto;}
.dropdown-notifications:before{right:10px;left:auto !important;}
.dropdown-notifications:after{right:11px;left:auto !important;}
.dropdown-notifications__heading{border-bottom:1px solid #eee;padding:.5em 1em;width:100%;}
.dropdown-notifications__heading > h2{font-size:1em;margin:0;padding:0;text-transform:uppercase;}
.notification-item{border-bottom:1px solid #eee;font-size:14px;background-color:#fff;padding:.5em 1em; position:relative;}
.tool-notification{position:absolute; right:5px; top:50%; cursor:pointer; display:none;}
.tool-notification .fa{font-size:4px;}
.box-tool-notification{position:relative; display:none;}
.intool-notification{position:absolute; top:0; right:0; background:#fff; border-radius:5px; box-shadow:0px 0px 6px #eee; width:100px; padding:10px; z-index:10;}
.intool-notification ul{padding-left:0px; height:auto !important; width:100%}
.intool-notification ul li{padding:6px; list-style:none; font-size:12px; width:100%}
.intool-notification ul li:hover{background:#939495;color:#fff;}
.hide_notification{cursor:pointer;}
.notification-item:hover .tool-notification{display:block;}
.notification-item__unread{background:#fff5d4;}
.notification-item__container{/*padding:.5em 1em;*/}
.notification-item a{text-decoration:none;color:#333;display:block;}
.media-left, .media-right{display:table-cell;vertical-align:top;}
.notification-item__author-img{border-radius:24px;height:48px;overflow:hidden;position:relative;width:48px;z-index:1;background:#ccc;}
.notification-item p{margin-bottom:.4em;}
.notification-item__timestamp{font-size:.9em;opacity:.7;}
.dropdown-notifications__container{height:calc(100% - 65px); overflow:auto; max-height:510px;}
.dropdown-notifications__container .list-unstyled{height:auto;}
.dropdown-notifications__footer{border-top:1px solid #eee;text-align:center;padding:5px 0 0;}
.dropdown-notifications__footer > a{text-decoration:none;outline:none;}
.showmorethisnotifications{padding:6px; text-align:center; width:100%; color:#333; font-size:16px; font-weight:500; background:#ccc; cursor:pointer;}
.showmorelikeRecipe{padding:6px; text-align:center; width:100%; color:#333; font-size:16px; font-weight:500; background:#ccc; cursor:pointer;}
.showmoreAjax{padding:6px; text-align:center; width:100%; color:#333; font-size:16px; font-weight:500; background:#ccc; cursor:pointer;}
/*customer responsive*/
@media (max-width: 1199px) {
/* CSS destop md - container 970px*/
}
@media screen and (max-width: 1024px) {
	.menutop .open .dropdown-menu.dropdown-notifications{right:auto; left:0 !important; max-width:calc(100vw - 50px);}
	.dropdown-notifications:before{right:auto;left:4px !important;}
	.dropdown-notifications:after{right:auto; left:5px !important;}	
	.ul_user_left.hidden1024{
		display:none!important	
	}
	.ul_user_left.block1024{
		display:block!important	
	}
	.hidden-user_left{
		display:none;	
	}
	.ul_user_left li.tool-show,  .ul_user_left li.tool-less{
		border-bottom:none;
		padding:10px 0px 0px;
	}
	.ul_user_left li.tool-less{
		display:none;	
	}
	.hidden-user_left.show-child{
		display:block!important;	
	}
	
}
@media (max-width: 991px) {
/* CSS tablet sm  - container 750px*/
.hidden991{display:none;}
.block991{display:block !important}
.tool-comment{display:block;}
}
@media (max-width: 767px) {
/* CSS phone xs */
.hidden767{display:none;}
.block767{display:block !important}
.comment__left{width:34px;}
.comment__author-img{width:24px; height:24px; }
.comment-parent > .comment__replies{padding-left:34px;}
.comment-parent > .show-hide-reply .show_replies{padding-left:34px;}
.comment-parent > .show-hide-reply .hide_replies{padding-left:34px;}
.lstCatFooter{width:calc(100% / 3);}
.items-member{width:calc(100% / 2);}
.avatar-mention{width:30px;}
.redactor{padding:10px 0;}
.div_MentionComment{padding:0; transform: translateY(-10px);}
}

@media (max-width: 500px) {
	/* CSS phone xs */
	.menutop .open .dropdown-menu.dropdown-notifications{right:auto; left:-53vw !important; width:95vw; max-width:none; min-width:96vw !important}	
	.dropdown-notifications:before{right:auto;left:54vw !important;}
	.dropdown-notifications:after{right:auto;left:55vw !important;}
	.li-notifications-dropdown{position:absolute; top:20px; left:50vw;}
	.recipe_menu li {
		width:100%;
	}
	.recipe_menu li:not(:last-child){
		border-bottom:1px solid #ccc;	
	}
	.box_menu_user{
		height:auto;
	}
	.box_manage_user_left{
		margin-top:30px;
	}
	.header_page{
		margin-top:30px;
	}
	.btnAdd, .btnCancel{
		padding:6px 12px;
	}
	.hit-recipe .it-thum img{
		width:100%;
	}
	.it-video_img img.img-responsive{
		width:100%;
	}
	.box_menu_user >li{
		width:100%;
	}
	.box_menu_user >li:not(:last-child){
		border-bottom:1px solid #ccc;
	}
	.box_user_image{
		width:100%;
		text-align: center;
	}
	.box_user_image img{
		display:inline-block;
	}
	.infor_user{
		width:100%;
		margin-left:0px;
		margin-top:30px;
		display: inline-block;
	}
	.infor_profile textarea{
		max-width:100%;
	}
	.options-left{
		width:100%;
	}
	.box-report{
		width:100%;
	}
	.box_user_report{
		width:100%;
	}
	.box_user_report .table{
		min-width:750px;
	}
	.btn-button-2{
		margin-bottom:20px;	
	}
	.bg-left-report{
		display:none;	
	}
	.tab-content-wishlist{
		padding:20px 0px;	
	}
	.it-rest_thumb img{
		width:100%;	
	}
	.box_change_password .form-control{
		width:100%!important;	
	}
	.box_change_password{
		width:100%;
		padding:0px;
	}
}
/*fix bootstrap*/
@media (min-width: 501px) {
	/*container */
}
@media (min-width: 768px) {
	/*container 750*/
	#ModalDirections .modal-dialog{width:700px;}
}
@media (min-width: 992px) {
	/*container 970*/
}
@media (min-width: 1200px) {
	/*container 1170*/
}