@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Roboto:100,500');
body{
	font-family: 'Noto Sans', sans-serif;
	font-weight: normal;
    background-color: #ebebeb;
    overflow-y:scroll;
}
.robo{
    font-family: 'Roboto', sans-serif;
}

.show_page_cus {
    background-color: rgb(230, 131, 23);
    border-radius: 50%;
    bottom: 5px;
    color: rgb(255, 255, 255);
    height: 30px;
    line-height: 30px;
    position: fixed;
    right: 5px;
    text-align: center;
    width: 30px;
}

.lang_top {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    background-color: #f2f2f2;
    overflow: hidden;
    border: 1px solid #E1E1E2;
    padding: 0 5px;
    font-weight: bold;
     font-size:medium;
}

.item_user_action2 {
    height: 38px;
    border-radius: 0;
    box-shadow: 0 0 0;
    display: block;
    border: 0;
    background: transparent;
     font-size:medium;
}

header {
    background-color: #cc1f27;
    color: #fff;
    display: table;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.span{
    display: inline-block;
}
.loading_img{
width: 30px;
height: auto;
display: none;
}
form.loading .loading_img{
display: block;
margin: 5px auto;
}

@media only screen and (min-width : 1000px) {
.pr_image img {
    height: 400px;
    object-fit: cover;
   -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  

  
}
.pr_image:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.2);
  transform: scale(1.3);

	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
}



.grap_product_miss {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 700px;
    z-index: 10;
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
}
#grap_product {
    height: 400px;
    max-height: 100%;
    max-width: 100%;
    width: 700px;
}
.pr_graph_product{
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    display: none;
}
.title_grap_product_miss {
    background-color: #e39138;
    color: #fff;
    font-size: 18px;
    position: relative;
    line-height: 65px;
    padding-left: 30px;
    padding-right: 30px;
}
.canvasjs-chart-credit{
    display: none!important;
}
.grap_product_ha {
    overflow: hidden;
    padding: 15px;
}
.close_grap_product {
    background-image: url("../images/close_grap_product.png");
    display: inline-block;
    float: right;
    height: 21px;
    margin-top: 21px;
    width: 21px;
}

.ac_new {
    display: inline-block;
    line-height: 40px;
    margin-right: 15px;
    vertical-align: top;
    color: #c8c8c8;
}
.ac_new span{
    color: #e68317;
}
.logo{
	font-weight: bold;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	float: left;
	width: 180px;
	display: block;
	line-height: 1;
    margin-top: 5px;
}
.content_custom_fitter {
    margin-top: 60px;
}
.pr_form{
	float: left;
}
.gim_less {
    float: right;
    margin-top: 10px;
    width: 350px;
}
.gim_less_pr a {
    display: inline-block;
    margin-left: 30px;
    position: relative;
}
.pr_form{
	width: calc(100% - 530px);
	width: -webkit-calc(100% - 530px);
}
.logo .logo-2{
    display: none;
}
.search_top {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.search_top input[type="text"]{
	width: 100%;
	border: 0;
	line-height: 40px;
    color: #C8C8C8;
    padding-left: 20px;
    padding-right: 20px;
    font-size: large;
}
.search_top input[type="submit"] {
    background-color: transparent;
    background-image: url("../images/search.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.p_list {
    background-color: #fff;
    background-image: url("../images/down.png");
    background-position: 92% 17px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 150px;
    text-align: left;
}
.p_list a{
    color: #333;
}
.p_list ul{
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    left: 0;
    border-radius: 0 0 5px 5px;
    display: none;
    z-index: 5;
    background-image: url("../images/shadow.gif");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.p_list ul li{
    list-style: none;
}
.p_list.active_o{
    border-radius: 5px 5px 0 0;
}
.p_list ul.active{
    display: block;
}
.p_list a:hover{
    color: #CC1F27;
    display: block;
}
.text_info{
    color: #333;
    float: left;
    margin-top: 11px;
}
.op_re{
    display: table;
    width: 100%;
}
.user,.list {
    background-color: #fff;
    display: none;
    left: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
.filter{
    background-color: #fff;
    display: none;
    left: 0;
    padding-bottom: 22.5px;
    padding-top: 22.5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
.notification {
    background-color: #fff;
    display: none;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 445px;
    z-index: 5;
}
.filter,.user,.list,.notification{
    display: block;
}
.filter,.user,.list,.notification{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition:all 0.2s ease-in-out 0s;
    transform: scale(1,0);
    -webkit-transform: scale(1,0);
    transform-origin: top;
    -webkit-transform-origin: top;
}
.filter.active,.user.active,.list.active,.notification.active{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
.all_move_action {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 3;
}
.new_list {
    background-color: #767676;
    background-image: url("../images/add.png");
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px 10px 42px;
    overflow: hidden;
}
.new_list:hover{
    background-color: #CC1F27;
}
.item_list_user {
    background-color: #f2f2f2;
    background-image: url("../images/check.png");
    background-position: calc(100% - 20px) center;
    background-position: -webkit-calc(100% - 20px) center;
    background-repeat: no-repeat;
    border: 1px solid #e1e1e1;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-right: 10px;
    padding: 13px 50px 10px 20px;
    overflow: hidden;
}
.item_list_user:hover,.item_list_user.active{
    background-color: #cc1f27;
    color: #fff;
    background-image: url("../images/close.png");
}
.item_user_action {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-right: 10px;
    padding: 13px 20px 10px 20px;
    overflow: hidden;
}
.item_user_action_info {
    background-color: #767676;
    border: 1px solid #767676;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    padding: 10px 20px 10px 20px;
    overflow: hidden;
    font-weight: bold;
}
.item_user_action:hover{
    background-color: #CC1F27;
    color: #fff;
    border: 1px solid #CC1F27;
}
.filter_item_list {
    background-color: #f2f2f2;
    background-image: url("../images/check.png");
    background-position: calc(100% - 20px) center;
    background-position: -webkit-calc(100% - 20px) center;
    background-repeat: no-repeat;
    border: 1px solid #e1e1e1;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-right: 10px;
    padding: 13px 50px 10px 20px;
    overflow: hidden;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}
.filter_item_list:hover,.filter_item_list.active{
    background-color: #cc1f27;
    color: #fff;
    background-image: url("../images/close.png");
}
.p_list_2 {
    background-color: #fff;
    background-image: url("../images/down.png");
    background-position: 92% 17px;
    background-repeat: no-repeat;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: left;
    border: 1px solid #e1e1e1;
    width: calc(33.3333% - 30px);
    width: -webkit-calc(33.3333% - 30px);
    float:left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}
.p_list_2 a,.p_list_2 a.active{
    color: #333;
}
.p_list_2 ul {
    background-color: #fff;
    display: none;
    left: -1px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 100%;
    height: 30em;
    width: calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    z-index: 5;
    background-image: url("../images/shadow.gif");
    background-repeat: no-repeat;
    background-size: 100% auto;
     overflow: scroll;
    overflow-x: hidden;
}
.p_list_2 ul li{
    list-style: none;
}
.p_list_2.active_o{
    border-bottom: 1px solid #fff;
}
.p_list_2.have_rangeday.active_o{
    border-bottom: 1px solid #e1e1e1;
}
.p_list_2 ul.active{
    display: block;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.p_list_2 a:hover{
    color: #CC1F27;
    display: block;
}
.item_product {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.pr_image{
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.pr_image img {
    width: 100%;
}
.item_product .title{
    font-weight: bold;
    color: #7d7d7d;
}
.item_product .title > a{
    color: #7d7d7d;
}
.pr_title{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}
.pr_author{
    padding: 10px 20px;
}
.count_sales{
    font-size: 20px;
    font-weight: bold;
    color: #cc1f27;
    vertical-align: middle;
}
.title_sales {
    color: #bababa;
    display: inline-block;
    font-size: 10px;
      
    margin-top: -5px;
    
   
}
.title_author{
    font-size: 13px;
    color: #bfbfbf;
    font-weight: bold;
}
.name_author{
    font-size: 15px;
    color: #cc1f27;
    font-weight: bold;
    position: relative;
}
.name_author > a{
    color: #cc1f27;
}
.author_avatar{
    float: left;
    width: 30px;
    margin-top: 5px;
}
.author_detai {
    float: left;
    width: calc(100% - 31px);
    width: -webkit-calc(100% - 31px);
    padding-left: 10px;
}
.author_avatar img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.sc_like, .sc_mess, .sc_view, .sc_day {
    background-position: left center;
    background-repeat: no-repeat;
    color: #bababa;
    padding-left: 18px;
    display: inline-block;
    margin-right: 8px;
    font-size: 13px;
    font-weight: bold;
}
.sc_like{
    background-image: url("../images/like.png");
}
.sc_mess{
    background-image: url("../images/mess.png");
    padding-left: 21px;
}
.sc_view{
    background-image: url("../images/view.png");
    padding-left: 25px;
}
.sc_day{
    background-image: url("../images/day.png");
    margin-right: 0;
    padding-left: 17px;
}
.save_to {
    background-color: #cc1f27;
    background-image: url("../images/item_1.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}
.save_to.break_heart{
    background-image: url("../images/heartbreaker.png");
    background-color: #393939;
    color: #fff;
}
.item_product:hover .save_to,.item_product:hover .history{
    opacity: 1;
}
.hook_filter::after,.hook_list::after,.hook_user::after{
    display: none;
}
.hook_notification.active::after {
    background-image: url("../images/w2.png"), url("../images/h_move.png");
    background-position: center center, center bottom;
    background-repeat: no-repeat;
    background-size: auto auto, 100% auto;
    border-radius: 50% 50% 0 0;
    content: "";
    display: block;
    height: 53px;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 72px;
}
.hook_filter.active::after {
    background-image: url("../images/filter2.png"), url("../images/h_move.png");
    background-position: center center, center bottom;
    background-repeat: no-repeat;
    background-size: auto auto, 100% auto;
    border-radius: 50% 50% 0 0;
    content: "";
    display: block;
    height: 53px;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 72px;
}
.hook_list.active::after {
    background-image: url("../images/list2.png"), url("../images/h_move.png");
    background-position: center center, center bottom;
    background-repeat: no-repeat;
    background-size: auto auto, 100% auto;
    border-radius: 50% 50% 0 0;
    content: "";
    display: block;
    height: 53px;
    left: 50%;
    position: absolute;
    top: -12px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 72px;
}
.hook_user.active::after {
    background-image: url("../images/user2.png"), url("../images/h_move.png");
    background-position: center center, center bottom;
    background-repeat: no-repeat;
    background-size: auto auto, 100% auto;
    border-radius: 50% 50% 0 0;
    content: "";
    display: block;
    height: 53px;
    left: 50%;
    position: absolute;
    top: -11px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 72px;
}
.hook_filter.active::before,.hook_list.active::before,.hook_user.active::before{
    display: block;
}
.content_custom{
    padding-left: 30px;
    padding-right: 30px;
}

.content_custom .p_list {
    margin: 2px;
}

.pr_item_product{
    width: 325px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}
.opacity_pop{
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}
.opacity_pop_save_to {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}
.close_grap_product {
    background-image: url("../images/close_grap_product.png");
    display: inline-block;
    float: right;
    height: 21px;
    margin-top: 21px;
    width: 21px;
}


.opacity_pop.active,.opacity_pop_save_to.active {
    display: block;
}
.page_login_user {
    background: rgba(204, 31, 39, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 13;
    overflow-y:scroll;
    //display: none;
}
.text-white{
    color: #fff;
}
.page_login_user_main{
    width: 1280px;
    max-width: 100%;
    margin: auto auto 50px auto;
    display: block;
}
a.button_share_fb {
    background-color: #fff;
    background-image: url("../images/fb_login.png");
    background-position: 45px center;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: #cc1f27;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-bottom: 15px;
    padding-left: 90px;
    padding-top: 15px;
    text-align: left;
    width: 360px;
}
#login_table{
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
}
.login_item{
    float: left;
    width: 25%;
    border-right: 1px solid #eeeeee;
    color: #6a6a6a;
    padding-bottom: 40px;
    padding-top: 40px;
}
.login_item:last-child {
    border: 0 none;
}
.text_gray2{
    color: #9f9f9f;
}
.text_big{
    font-size: 150px;
    color: #cc1f27;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    line-height: 100px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.text_big span {
    color: #9b9b9b;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    vertical-align: top;
    line-height: 30px;
}
.button_action_login {
    background-color: #cc1f27;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-weight: 500;
    margin: auto;
    padding: 10px 0;
    width: 180px;
    margin-top: 50px;
}
.close_popup_page_login_user {
    background-image: url("../images/delete.png");
    background-position: center center;
    background-size: cover;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    cursor: pointer;
}
body.no-scroll{
    overflow: hidden;
}
.load_more_product{
    display: none;
}
.load_more_product.active{
    display: block;
}
#submit_get_request {
    background-color: #cc1f27;
    background-image: url("../images/bun.png");
    background-position: 45px center;
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    line-height: 50px;
    padding-left: 35px;
    position: absolute;
    text-align: center;
    top: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 195px;
}
.form_save_product_to_list {
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 450px;
    z-index: 11;
    overflow: hidden;
    display: none;
    max-width: 100%;
}
.creat_new_list {
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 450px;
    z-index: 11;
    overflow: hidden;
    display: none;
    max-width: 100%;
    background-color: #cc1f27;
    padding: 15px;
}
#creat_new_list_input{
    border: 0 none;
    border-radius: 5px;
    line-height: 40px;
    max-width: 100%;
    width: 255px;
    padding-left: 10px;
    padding-right: 10px;
}
.button_save_new_list {
    background-color: #fff;
    background-image: url("../images/q.png");
    background-position: calc(100% - 30px) center;
    background-position: -webkit-calc(100% - 30px) center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #cc1f27;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    padding: 1px 55px 4px 20px;
    float: right;
}
.bg-red{
    background-color: #cc1f27;
}
.button_save_id {
    background-color: #fff;
    background-image: url("../images/q.png");
    background-position: calc(100% - 30px) center;
    background-position: -webkit-calc(100% - 30px) center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #cc1f27;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    padding: 1px 50px 4px 25px;
    float: right;
}
#note_product {
    border: 0 none;
    padding: 15px;
    width: 100%;
    height: 400px;
}
#note_product
#note_product::-webkit-input-placeholder,#creat_new_list_input::-webkit-input-placeholder,#text_search::-webkit-input-placeholder {
    color: #999898;
}
#note_product:-moz-placeholder,#creat_new_list_input:-moz-placeholder,#text_search:-moz-placeholder {
   color: #999898;
   opacity:  1;
}
#note_product::-moz-placeholder,#creat_new_list_input::-moz-placeholder,#text_search::-moz-placeholder {
   color: #999898;
   opacity:  1;
}
#note_product:-ms-input-placeholder,#creat_new_list_input:-ms-input-placeholder,#text_search:-ms-input-placeholder {
   color: #999898;
}
.p_list_form_save_to{
    width: 270px;
}
.p_list_form_save_to ul {
    box-shadow: 0 5px 4px;
    padding: 0;
    overflow: hidden;
}
.p_list_form_save_to a{
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.create_new_list_at_form {
    background-color: #3a3a3a;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}
.create_new_list_at_form::after {
    content: "+";
    float: right;
    font-size: 30px;
    font-weight: bold;
}
.cav_1 {
    color: #cacaca;
    font-size: 26.6px;
    line-height: 25px;
}
.cav_2 {
    color: #636363;
    float: right;
    font-size: 11px;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    margin-left: 5px;
}
.carvan-text li {
    border-left: 1px solid #636363;
    display: inline-block;
    list-style: outside none none;
    padding-left: 15px;
    margin-top: 13px;
    margin-bottom: 13px;
    margin-left: 15px;
}
#carvan-top {
    background-color: #3b3b3b;
    display: inherit;
    width: 100%;
    overflow: hidden;
}
.carvan-text li:first-child {
    border: 0 none;
}
#chartContainer {
    margin-left: -50px;
    margin-top: -5px;
}
.chartContainer {
    height: 53px;
    overflow: hidden;
    width: 400px;
    display: inline-block;
    float: left;
}
.scaping_data {
    color: #5f5f5f;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    margin-top: 32px;
}
#rangeday{
    border: 0;
    width: 100%;
    font-size: 13px;
    outline: 0;
}
.daterangepicker.dropdown-menu.ltr.show-calendar.opensright{
    display: none;
}
.calendar-table table {
    font-size: 12px;
}
.range_inputs button{
    background-color: #CC1F27;
    color: #fff;
    border: 0;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
}
.have_follow {
    color: #848484;
    left: 0;
    position: absolute;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    padding-left: 25px;
    display: none;
    top: calc(100% + 10px);
    top: -webkit-calc(100% + 10px);
    padding-right: 25px;
    padding-top: 13px;
    padding-bottom: 15px;
    z-index: 1;
    border-radius: 0px 5px 5px 5px;
    cursor: pointer;
}
.have_follow::after {
    background-image: url("../images/bg_shadown.png");
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    height: -webkit-calc(100% + 23px);
    height: calc(100% + 23px);
    left: -8px;
    position: absolute;
    top: -15px;
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    z-index: -1;
}
.have_follow::before {
    content: url("../images/w2.png");
    display: inline-block;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}
.name_author:hover .have_follow{
    display: inline-block;
}


.have_not_follow {
    color: #848484;
    left: 0;
    position: absolute;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    padding-left: 25px;
    display: none;
    top: calc(100% + 10px);
    top: -webkit-calc(100% + 10px);
    padding-right: 25px;
    padding-top: 13px;
    padding-bottom: 15px;
    z-index: 1;
    border-radius: 0px 5px 5px 5px;
    cursor: pointer;
}
.have_not_follow::after {
    background-image: url("../images/bg_shadown.png");
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    height: -webkit-calc(100% + 23px);
    height: calc(100% + 23px);
    left: -8px;
    position: absolute;
    top: -15px;
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    z-index: -1;
}
.have_not_follow::before {
    content: url("../images/w2.png");
    display: inline-block;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}
.name_author:hover .have_not_follow{
    display: inline-block;
}
.pr_time_row{
    color: #acacac;
    text-align: left;
}
.item_notification_row{
    text-align: left;
    color: #acacac;
    position: relative;
}
.item_notification_row .item_have_note{
    color: #cc1f27;
    display: inline-block;
}
.item_notification_row .item_have_note .t_note {
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    padding: 7px;
    top: 20px;
    display: none;
    color: #acacac;
}
.t_read_see_all {
    border-top: 2px solid #d4d4d4;
    color: #fff;
    background-color: #CC1F27;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    display: block;
}
.over_product{
    color: #acacac;
}
.item_notification_row .item_have_note:hover .t_note{
    display: block;
}
.t_row {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}
.t_row:hover{
    background-color: #f7f7f7;
}
.t_row_top {
    display: table;
    width: 100%;
}
.sub_2{
    color: #cc1f27;
}
.pr_notification_action {
    overflow-y: scroll;
    height: 465px;
}
.loading_notification_action img {
    margin: auto;
    display: block;
    width: 25px;
}
#count_notification {
    background-color: #17d50d;
    color: #fff;
    position: absolute;
    left: 50%;
    top: -40%;
    display: none;
    padding: 0 5px;
    border-radius: 3px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #CC1F27;
    border-color: transparent;
    color: #fff;
}
.daterangepicker td.in-range,.daterangepicker td.available:hover, .daterangepicker th.available:hover{
    background-color: #ff8e93;
}
.detail_row li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.save_to_detail_row {
    background-color: #cc1f27;
    background-image: url("../images/item_1.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    padding: 5px 10px 5px 35px;
}
.note_detail_row {
    background-color: #cc1f27;
    background-image: url("../images/note_icon.png");
    background-position: 12px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    padding: 5px 10px 5px 35px;
}
.price_row_single {
    font-size: 30px;
    color: #676767;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: -5px;
}
.title_signle_product{
    color: #676767;
}
.des_signle_product{
    color: #9c9c9c;
    font-size: 14px;
}
.time_less_single_product{
    color: #9c9c9c;
    font-size: 16px;
}
.time_less_single_product span{
    color: #676767;
}
.collum_left_single_product{
    float: left;
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}
.collum_right_single_product{
    float: left;
    border-radius: 10px;
    width: 60%;
}
.gird_single_product{
    display: table;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.button_login_single {
    background-color: #CC1F27;
    color: #fff;
    width: 190px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
}
.button_view_single {
    background-color: #bababa;
    color: #fff;
    width: 190px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 15px;
}
#chart_single{
    position: relative;
    height: 250px;
    width: 250px;
}
#meter_comments{
    position: absolute;
    top: 0;
    left: 0;
}
#meter_comments svg{
    width: 250px!important;
}
#meter_view{
    position: absolute;
    top:23px;
    left: 23px;
}
#meter_view svg{
    width: 204px!important;
}
#meter_share{
    position: absolute;
    top:49px;
    left: 49px;
}
#meter_share svg{
    width: 152px!important;
}
#meter_sales{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #a7a7a7;
    text-align: center;
}
#meter_sales .block {
    background-image: url("../images/block.png");
    background-size: cover;
    display: block;
    height: 30px;
    width: 55px;
}
.text_note{
    color: #a7a7a7;
    margin-top: 5px;
    display: block;
    font-size: 16px;
}
.key_block {
    position: relative;
}
.have_to_login {
    color: #848484;
    left: 10px;
    position: absolute;
    width: 170px;
    padding-left: 25px;
    display: none;
    top: calc(100% + 10px);
    top: -webkit-calc(100% + 10px);
    padding-right: 25px;
    padding-top: 13px;
    padding-bottom: 15px;
    z-index: 1;
    border-radius: 0px 5px 5px 5px;
    cursor: pointer;
}
.have_to_login::after {
    background-image: url("../images/bg_shadown.png");
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    height: -webkit-calc(100% + 23px);
    height: calc(100% + 23px);
    left: -8px;
    position: absolute;
    top: -15px;
    width: -webkit-calc(100% + 16px);
    width: calc(100% + 16px);
    z-index: -1;
}
.have_to_login::before {
    content: url("../images/w2.png");
    display: inline-block;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}
.key_block:hover .have_to_login{
    display: block;
}
.key_none_block{
    display: block;
    width: 100px;
    overflow: hidden;
    height: 20px;
    background-repeat: no-repeat;
    background-position: right top;
    font-weight: bold;
    color: #676767;
    font-size: 16px;
}
.until_gird {
    position: absolute;
    right: -150px;
    text-align: right;
    display: inline-block;
    color: #a7a7a7;
}
#meter_comments_sub{
    top: 0;
}
#meter_view_sub{
    top: 200px;
}
#meter_share_sub{
    top: 100px
}
.until_gird:after {
    content: "";
    display: inline-block;
    width: 100px;
    position: absolute;
    background-color: #CC1F27;
    height: 1px;
    right: 0;
    bottom: 23px;
}
#meter_share_sub.until_gird::before{
    content: "";
    display: inline-block;
    width: 110px;
    position: absolute;
    background-color: #CC1F27;
    height: 1px;
    right: 100px;
    bottom: 23px;
}
#meter_comments_sub.until_gird::before {
    background-color: #cc1f27;
    bottom: 9px;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 97px;
    transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    width: 94px;
}
#meter_view_sub.until_gird::before{
    background-color: #cc1f27;
    bottom: 42px;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 97px;
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    width: 120px;
}
.bg_popup_followed_pages {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}
.title_followed_page {
    background-color: #cc1f27;
    color: #fff;
    padding: 15px 30px;
}
.bg_popup_followed_pages .content {
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    width: 285px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background-color: #fff;
}
.title_followed_page_main .item{
    padding-left: 30px;
    padding-right: 30px;
}
.title_followed_page_main .item {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    font-size: 16px;
    color: #333;
    padding: 8px 30px;
    position: relative;
}
.title_followed_page_main {
    padding: 20px 0;
}
.title_followed_page_main .item:hover{
    background-color : #f1f1f1;
}
.title_followed_page_main .item span {
    background-image: url("../images/close_follow.png");
    width: 9px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    display: none;
}
.title_followed_page_main .item:hover span{
    display: inline-block;
}


.text_big span {
    color: #9b9b9b;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    vertical-align: top;
    line-height: 30px;
}
.button_action_login {
    background-color: #e68317;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-weight: 500;
    margin: auto;
    padding: 10px 0;
    width: 180px;
    margin-top: 50px;
}
button.button_action_login {
    background-color: #e68317;
    border: 0 none;
    border-radius: 20px;
    box-shadow: 0 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 47px;
    margin: 35px auto auto;
    padding: 0;
    width: 180px;
}
.t_div_login{
    margin-top: 120px;
    position: relative;
}
.t_div_register_ac{
    margin-top: 110px;
    position: relative;
}
.result_mess {
    bottom: 55px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    color: red;
    width: 90%;
}
.popup_form input[type="checkbox"] {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2px;
    margin-top: 0;
    width: auto;
}
.t_div_login_check {
    margin: 0 auto;
    text-align: left;
    width: 304px;
}
.forgot_pass{
    color: #6a6a6a;
}
.popup_form input {
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    line-height: 45px;
    margin: 20px auto;
    padding-left: 40px;
    width: 304px;
}
.popup_form input.icon_user{
    background-image: url("../images/user_po.png");
}
.popup_form input.icon_code{
    background-image: url("../images/code.png");
}
.popup_form input.icon_pass{
    background-image: url("../images/icon_pass.png");
}
.close_popup_page_login_user {
    background-image: url("../images/delete.png");
    background-position: center center;
    background-size: cover;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    cursor: pointer;
}
body.no-scroll{
    overflow: hidden;
}
.load_more_product{
    display: none;
}
.load_more_product.active{
    display: block;
}
#submit_get_request {
    background-color: #e68317;
    background-image: url("../images/bun.png");
    background-position: 45px center;
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    line-height: 50px;
    padding-left: 35px;
    position: absolute;
    text-align: center;
    top: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 195px;
}
.form_save_product_to_list {
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 450px;
    z-index: 11;
    overflow: hidden;
    display: none;
    max-width: 100%;
}
.page_login_user {
    background: rgba(230, 131, 23, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 13;
    //overflow-y:scroll;
    display: none;
//overflow-y: hidden; // hide vertical
//overflow-x: hidden; // hide horizontal
}
.text-white{
    color: #fff;
}
.page_login_user_main{
    width: 1280px;
    max-width: 100%;
    margin: auto auto 50px auto;
    display: block;
}
a.button_share_fb {
    background-color: #fff;
    background-image: url("../images/fb_login.png");
    background-position: 45px center;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: #e68317;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-bottom: 15px;
    padding-left: 90px;
    padding-top: 15px;
    text-align: left;
    width: 360px;
}
#login_table{
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
}
#login_table_2{
    background-color: #fff;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 750px;
}
.login_item{
    float: left;
    width: 25%;
    border-right: 1px solid #eeeeee;
    color: #6a6a6a;
    padding-bottom: 40px;
    padding-top: 40px;
}
.login_item:last-child {
    border: 0 none;
}
.login_item_2{
    float: left;
    width: 50%;
    border-right: 1px solid #eeeeee;
    color: #6a6a6a;
    padding-bottom: 40px;
    padding-top: 40px;
}
.login_item_2:last-child {
    border: 0 none;
}
.text_gray2{
    color: #9f9f9f;
}

.history {
    background-position: 10px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 5px 30px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    background-image: url("../images/history.png");
    background-color: #393939;
    color: #fff;
}