@font-face {
    font-family: 'Futura PT Medium';
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
  font-family: 'Futura PT Demi';
  src: url('../fonts/FuturaPT-DemiBold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/FuturaPT-DemiBold.otf')  format('opentype'),
  url('../fonts/FuturaPT-DemiBold.woff') format('woff'), 
  url('../fonts/FuturaPT-DemiBold.ttf')  format('truetype'), 
  url('../fonts/FuturaPT-DemiBold.svg#FuturaPT-DemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial';
  src: url('ArialMT.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/ArialMT.woff') format('woff'), 
  url('../fonts/ArialMT.ttf')  format('truetype'), 
  url('../fonts/ArialMT.svg#ArialMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sans-serif';
  src: url('../fonts/MicrosoftSansSerif.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/MicrosoftSansSerif.woff') format('woff'), 
  url('../fonts/MicrosoftSansSerif.ttf')  format('truetype'), 
  url('../MicrosoftSansSerif.svg#MicrosoftSansSerif') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/SourceSansPro-Regular.otf')  format('opentype'),
  url('../fonts/SourceSansPro-Regular.woff') format('woff'), 
  url('../fonts/SourceSansPro-Regular.ttf')  format('truetype'), 
  url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body{
    font-family: Futura PT Medium,Arial,sans-serif!important;background-color:#fff;overflow-x: hidden;
    position: relative;
    margin: 0;
   /* padding-bottom: 4rem;*/
   /* padding-bottom: 20rem;*/
    min-height: 100%;
}
/************************header new***************/
/************************expanding search bar***************/
.search-form-wrapper {
   /* display: none;*/ 
    /*position: absolute;*/
    left: 0;
  /*  right: 0;*/
  /*  padding: 9px 0px;*/
    /*margin-top: 50px;*/
  /*  background: url(/resources/images/misc/bg_search-open.png) right center no-repeat #f89d1c;*/
}
.search-form-wrapper.open {
    display: block;
}
.search-form-wrapper .input-group-addon{
  position: absolute;
  /*right: 22px;*/
  left: 15px;
  top: 8px;
  color: #ababab;
}
.search-form-wrapper .input-group-addon:hover{cursor: pointer;}

.search-form-wrapper .form-control:focus{background-color: #f9f9f9;}
.search-form-wrapper .form-control{background-color: #f9f9f9;padding-left: 42px;}
.search-form-wrapper .form-control:focus .fa-search{color: #000;}

@media (min-width: 768px){.search-form-wrapper{display:none;}}
/************************expanding search bar***************/


.nav-header-contain{/*background-color:#232323;*//*background-color: #28b7c5;*/background-color: #f97b49;}
.nav-header1-wrapp{display: flex;color: #fff;}
.nav-header1-wrapp button{margin-right:50px;margin: 15px 12px 9px;/*background-color:#ff0000;*/background-color: #e54f15;padding: 3px 11px;font-size: 15px;
  border-radius: 2px;color: #fff;border: none;}
.nav-header1-wrapp button:hover{cursor:pointer;}
.nav-header1-wrapp .user-signin-btn{position: relative;display: flex;text-align: right;}
.nav-header1-wrapp .user-signin-btn span{width: 100%;margin-top: 15px;text-transform: capitalize;}
.nav-header1-wrapp .user-signin-btn button{
    width: 35px!important;
    background-color: transparent!important;
    margin:0px 0px;
    padding: 0px;
}

.nav-header1-wrapp .sign-in{margin-left:10px;margin-right:0px;}
.nav-header1-wrapp .sign-in .material-icons{margin-top: 10px;color: #fff;}
.nav-header1-wrapp .material-icons:hover{cursor:pointer;}
.nav-header1-wrapp .buzz{margin:15px auto 10px 0px;font-family: 'Abril Fatface', cursive;font-family: 'Yeseva One', cursive;}
.nav-header1-wrapp .buzz a{color: #fff;}
.nav-header1-wrapp .tasty{color: #fff;margin:10px 20px 10px 0px;}
.main-nav ul{padding: 0;margin: 0px 0px;}
.main-nav .logo-wrap{margin-right: auto;}

.main-nav .nav-header2-wrapp ul li{display: inline;margin-right:20px;vertical-align: middle;font-size: 18px;line-height: 2;}

.main-nav a:hover{color:#f00!important;}
.main-nav .nav-header2-wrapp .divider{border:1px solid #eee;}
/*.main-nav .nav-header2-wrapp .dropdown-menu{display: block;float:left;width: 100%;height: auto;padding: 5%;}*/
.main-nav .nav-header2-wrapp .dropdown-menu{
    width: 185px;
    height: auto;
   /* padding: 10px;*/
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    border:none;
    margin-top: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.navbar{padding:0px;}
.main-nav .nav-header2-wrapp ul .logo a{
  font-size: 20px;
  color: red;
  font-weight: 700;
}

/*#more:after{*/
/*    content: "\E875";*/
/*    font-family: fontello;*/
/*}*/
.fa-chevron-down{
    padding: 8px 5px 5px;
    font-size: 12px;    
}

.btn-createpro-wrap .signp a button{
    margin-right: 50px;
    margin: 11px 12px 9px;
    background-color: #ff0000;
    font-size: 15px;
    border-radius: 2px;
    color: #fff;
    border: none;
}
.main-nav .nav-header2-wrapp .dropdown-menu .sub-list{display: block;float:left;margin-right:20px;width: 141px;margin-bottom: 10px;
  font-size: 16px;color:#000;}
.main-nav .nav-header2-wrapp .dropdown-menu .login{width: 100%;color:#aaa;font-weight: normal;}
.main-nav .nav-header2-wrapp .dropdown-menu .login a{color:#007bff!important;font-weight: normal;}
.main-nav .nav-header2-wrapp .dropdown-menu .sub-list a{color: #222;}
.main-nav .nav-header2-wrapp .dropdown-menu .heading{display: block;float:left;width: 100%;font-size: 22px;border-top: 1px solid #ccc;padding-top: 10px;}
.main-nav a{text-decoration: none;}
/*.img-hamburger{display: block;margin-right: 5px;}*/
.img-hamburger{display: inline;vertical-align: middle;} 
/*.nav-header-contain{display: none;}*/
.mega-menu{
    /*display: block;*/
    position: absolute;
    transform: translate3d(0px, 35px, 0px)!important;
    top: -2px;
    left: 0px;
    will-change: transform;
}
.main-nav .nav-header2-wrapp ul .logo{display: inline;}
.main-menu ul{display: block;}
.main-nav .nav-header2-wrapp .main-menu ul li{vertical-align: -webkit-baseline-middle;} 
/*.top-head{display: none;}*/
@media (min-width: 768px){
  /*.nav-header-contain{
    display: block;
  }*/
  .main-menu ul{display: inline;}
/*  .main-nav .nav-header2-wrapp ul .logo{display: inline;}*/
.main-nav .nav-header2-wrapp .dropdown-menu{
    width: 185px;
    height: auto;
   /* padding: 10px;*/
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    border:none;
    margin-top: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*position: absolute;*/
    right: 0;
    left: auto;
}
/*.top-head{
  display: block;
    width: 100%;
    text-align: right;
}*/
.main-nav .nav-header2-wrapp ul .logo a{
  font-size: 33px;
}
}

 .nav-header1-wrapp .column{display: none!important;}
 .main-nav .nav-header2-wrapp .column{display: block!important;}

 .nav-header1-wrapp .signup{display: none!important;}
 .create-profile{display: block!important;}

@media (min-width: 768px){
 .nav-header1-wrapp .column{display: block!important;}
 .main-nav .nav-header2-wrapp .column{display: none!important;}

}

@media (min-width: 460px){
 .nav-header1-wrapp .signup{display: block!important;}
 .create-profile{display: none!important;}
}
.main-nav{    
  /*  padding: 17px 0px;*/
    /*box-shadow: 0px -14px 28px 0px rgba(0,0,0,0.2);*/
    /*margin-bottom: 17px;*/
    background-color: #f6f6f6;
    
}
/*************************header new***************/

/*************************user profile***************/
/*************************new-reply-comment***************/
ul.comment li span.comment_date {
    color: #666;
    font-size: 14px;
}
ul.comment li span.comment_profilename {
    color: #000;
    font-size: 16px;
}
#comment_wrapper .repl_comment ul{
  padding-left: 48px;
}
.comment_rate_star .star_selected{color:#f4c200;font-size: 15px;}

.comment_rate_star .fa-star{
  font-size: 14px;
}

.article-pulisher .publisher-date{}

.recipe_by{color:#464646;}
.recipe_by .material-icons{font-size: 28px;}
.recipe_by span{vertical-align:super;font-size:17px;margin-left: 5px;}

.total_wrap .right_section{margin-right: auto;}
.total_wrap .fa-trash{font-size: 22px;display: none;transition: all 0.3s;}
.total_wrap .fa-trash:hover{color:#adadad;}
.total_wrap:hover .fa-trash{display: block;}

.right_section .like .like-count{
  margin-left: 5px;
}

.right_section .dislike .dislike-count{
  margin-left: 5px;
}
.right_section .comment_rate_star{margin-top: -15px;}
#comment_wrapper .reply_button {
    /* background-color: #25c8d8; */
    color: #25c8d8;
    padding: 0px;
    margin-left: 0px;
    font-size: 13px!important;
}
.comment .left_section{
/*  float: left;*/
  margin-right:10px;
/* width: 9%;*/
}
.comment .total_wrap{
  width: 100%;
  display: flex;
}
.comment .right_section{
/*  float: left;
  width: 85%;*/
  margin-top: -10px;
}
.comment .reply-content img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.comment .reply-text{
   /* margin-top: 4px;*/
   /* display: inline-block;*/
/*    margin-left: 65px;*/
    font-size: 16px;
    color: #6b6b6b;
    margin: -10px 0px;
}
.reply-textarea span{
  color: #000;
  font-size: 22px;
}
.emojionearea .focused{
  border-color: #25c8d8;
}

#comment_wrapper .repl_comment ul > ul{
  padding:0;
}
#comment_wrapper .repl_comment ul img{
  width: 40px;
  height: 40px;
}

​.content p:nth-child(1){
    display:none;
}​
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}

/*******Reply Comments Style starts ****/
#ratingreset{
  padding: 0;
}
#comment_wrapper {
  width:100%;
  margin-top: 15px;
  /*font-family:serif,sans-serif,cursive;*/
}

#comment_form_wrapper {
  /*margin: 12px 12px 12px 12px;
  padding: 12px 0px 12px 12px;*/ /* Note 0px padding right */
/*  background-color: #ebefee;
  border: thin dotted #39C;*/
  /*width: 100%;*/
}

#comment_name{
  padding: 4px 2px 4px 5px;
  margin: 3px 0 3px 13px;
}

#comment_email{
  padding: 4px 2px 4px 5px;
  margin: 3px 0 3px 15px;
}

#comment_web{
  padding: 4px 2px 4px 5px;
  margin: 3px;
}

#comment_form textarea {
  width: 100%;
  background: white;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 10px 0px;
  overflow: hidden;
  font-family:Futura PT Medium,Arial,sans-serif;
  font-size:14px;
}
.form-control:focus {
  box-shadow: none;
}
.input-group>.form-control:focus {
    z-index: auto;
}
textarea.form-control{height: calc(1.5em + .75rem + 2px);}
#comment_resp_err{
  color: red;
  font-size: 13px;
}

ul.comment {
width: 100%;
  /* margin: 12px 12px 12px 0px;
  padding: 3px 3px 3px 3px;*/
}

ul.comment li {
 /* margin: 12px 12px 12px 12px;
  padding: 12px 0px 12px 12px;
  list-style: none;
  background-color: #ebefee;
  border: thin dotted #39C;
*/  width: 100%;
 /*   height: 95px;*/
    margin-top: 20px;
/*    background-color: #f9f9f9;*/
/*    margin-bottom: 10px;*/
}

ul.comment li span.commenter {
  font-weight:bold;
  color:#369;
}

/*ul.comment li span.comment_date {
  color:#666;
  font-size: 15px;
}*/

#comment_wrapper .button{
    background-color: #25c8d8;
    border: none;
    color: #fff;
    padding: 0px 10px;
    margin-left: auto;
    font-size: 16px;
    float: right;
}

#comment_wrapper .reply_button {
    /*background-color: #25c8d8;*/
    color: #bfbfbf;
    padding: 0px;
    margin-left: 0px;
    font-size: 16px;
}
#comment_wrapper .reply_button:hover{
    color: #6699ff;
}
#comment_wrapper .like {
    /*background-color: #25c8d8;*/
    color: #25c8d8;
    /*padding: 0px 10px;*/
    font-size: 16px;
}
#comment_wrapper .dislike {
    /*background-color: #25c8d8;*/
    color: #25c8d8;
    padding: 0px 10px;
    font-size: 16px;
}


#comment_wrapper #comment_submit {
  /*float:none;*/
  margin: 5px 0px ;
}

/*#comment_wrapper .button:hover,
#comment_wrapper .reply_button:hover {
  background: none repeat scroll 0 0 #069;
  text-decoration: underline;
}*/

#cancel-comment-reply-link {
  padding: 0px 10px;
  color: #25c8d9;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  float: right;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  float: right;
}

#cancel-comment-reply-link:hover{
  text-decoration: underline;
}

/*******Reply Comments Style End ****/
/*************************new-reply-comment***************/

.cover-img{/*margin-top: 20px;width: 11%;*/float: right;}
.cover-img a{color: #fff;}
.cover-img span{vertical-align: top;}
.cover-img a:hover{color:#e2e2e2;}
.timeline-overlay{background-color: rgb(0,0,0,0.3);width: 100%;}
.timeline-content{
    display: flex;
    height: 217px;
    transform: translate(0px, 58px);
    margin: 0px 40px;
  }
.timeline{
/*  background-image: url('../images/timeline-profile.png');*/
  background-size: cover;
  background-position: center;
  /* background-position: 0px -5px; */
  background-repeat: no-repeat;
 /* height:170px;*/
  height: 217px;
  /* height: 330px; */
  position: relative;
  /* text-align: center;
  padding-top: 51px;*/
 /* padding: 45px 50px;*/
  
}
.timeline .image{margin-right: 20px;position: relative;height: 100px;width: 100px;}
.timeline .image img{border-radius: 50%;width: 100px;height: 100px;}
.timeline .image .upload-photo{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
   /* height: 125%;*/
    font-size: 13px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    transition:0.3s;
    background-color: rgb(0,0,0,0.5);
}
.timeline .image .upload-photo span{
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    color: #e0e0e0;
}
.timeline .image .upload-photo a{
  color: #fff;
}
.timeline .image .upload-photo span:hover{
  cursor: pointer;
}
.timeline .image:hover .upload-photo{
    opacity: 1;
}

.dropbtn {font-size: 16px;}
.timeline .profile-name{margin-top:15px;width: 100%;}
.profile-name p{margin-bottom: 5px;font-size: 20px;color: #fff;}
.profile-name .material-icons{
  vertical-align: text-top;
  color: #fff;
  font-size: 18px;
  transition: 0.3s;
}
/*.profile-name .material-icons:hover{
   color: #ff0b0b;
}*/

.profile-name span{
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
  transition: 0.3s;
}

.profile-name .click-fav span{
  color: #ff0b0b;
}
.profile-name .click-follow span{
  color: #ff0b0b;
}
.profile-name .click-recipe span{
  color: #ff0b0b;
}
.profile-name .click-fav .material-icons{
  color: #ff0b0b;
}
.profile-name .click-follow .material-icons{
  color: #ff0b0b;
}
.profile-name .click-recipe .material-icons{
  color: #ff0b0b;
}
.profile-name a:hover span{
  color: #ff0b0b;
}
.profile-name a:hover .material-icons{
  color: #ff0b0b;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    text-align: center;
    padding: .5rem 0;
    right: 0;
    z-index: 2;
    top:50px;
    overflow: auto;
    transition: all 3s;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
  /*  padding: 6px 16px;*/
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}

/*.user-profile-cotent{margin: 20px 0px;}*/

.category_details{
      margin: 45px 0px 50px;
}


/************************Tab****************************/
.info-container-fluid{
  color: #424141;
  width: auto;
  padding: 10px 0px;
}
.cook-name{
  color: #000;
}
.user-profile-cotent{
    clear: both;
    width: 100%;
    margin: 0px;
}
/* Style the tab */
.tab {
  float: left;
/*  border: 1px solid #ccc;*/
  /*background-color: #f1f1f1;
  width:12%;
  height: 300px;
  display: table;*/
/*  background-color: #f5f5f5;*/
}

/* Style the buttons inside the tab */
.tab .tablinks1{}
.tab .tablinks2{}
.tab .tablinks3{}
.tab .tablinks4{}
.tab .tablinks5{}
.tab .tablinks6{}

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 13px 16px 13px 25px;
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  position: relative;
  background-color:#ebebeb;
}

.tab button .desk-tab{
  vertical-align: top;
  display: none;
}
.tab button .mobile-tab-icon {
 display: block;
}

.user-profile-cotent .tab .active:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 8px solid #fd883b;
    left: 0;
    right: 0;
    bottom: -8px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color:#fd883b;
  color: #fff;
}
.card .favorite{
    position: absolute;
    right: 12px;
    top: 5px;
   /* background-color: rgba(0,0,0,0.5);*/
    background-color:#f1f1f1;
    padding: 5px;
    border-radius: 50%;
}
.card .favorite .material-icons{
    /*color: #eee;*/
    color: rgba(0,0,0,0.5);
    vertical-align: middle;
    transition: 0.3s;
}
.card .favorite .material-icons:hover{
    color:#ff2424;
    cursor:pointer;
}
.card .existFav{
  color: #ff2424!important;
}
.card .existFav:hover{
  color: rgba(0,0,0,0.5) !important;
}
/* Style the tab content */
.tabcontent {
    float: left;
    /*padding: 40px 12px 15px;*/
    padding: 25px 12px 0px;
   /* padding-left: 30px;*/
    width: 100%;
 /*   height: 60vh;*/
    border-left: none;
    margin-left: auto;
    margin-right: auto;
    color: #000;
}
.tabcontent h3{display: block;}
/**********Search Page********************************/
/*.search-heading h2{
  margin: 40px 0px 20px 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 55px;
}
.search-heading form{
  margin-top: 50px;
}*/

/*.tabcontent .info-container{
  padding: 25px 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}*/
#Followers{display: block;}
.tabcontent .no-post{padding: 20px 17px 12px;
    text-align: center;
    width: 100%;}

.tabcontent .friends{    
    width: 100%;
    float: left;
    border-right: 1px solid #eee;
    margin-right: 11px;
  }

.tabcontent .friend-suggestion-box{/*background-color: #d4d4d4;*/width:100%;float: left;}
.tabcontent .friend-suggestion-box .suggestion-profile{display: flex;/*margin-left: auto;margin-right: auto;*/
    width: 100%;/*margin-bottom:0px;*/text-align: left;}

.tabcontent .friend-suggestion-box .friend-suggestions{height: 289px;overflow: auto;width: 100%;
    padding-right: 10px;
    overflow: auto;
} 
.tabcontent .friend-suggestion-box .friend-suggestions::-webkit-scrollbar{width:0.3em;} 
.tabcontent .friend-suggestion-box .friend-suggestions::-webkit-scrollbar-track{
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
   background-color: #f6f6f6;
 }
.tabcontent .friend-suggestion-box .friend-suggestions::-webkit-scrollbar-thumb{
  background-color: darkgrey;
  outline: 1px solid slategrey;
} 

.tabcontent .friend-suggestion-box h5{
  text-align: left;
  padding: 5px 10px 5px 0px;
  cursor: pointer;
  margin-bottom:10px; 
 /* margin: 0px 0px 20px 10px;*/
  /*border-bottom: 1px solid #25c8d8;*/
  color: #000;
  width:100%;
/*margin-left: auto;*/
  margin-right: auto;
  font-size: 17px;
}   
.tabcontent .friend-suggestion-box .suggestion-profile .friend{
 /*   transform: translate(80px, 10px);*/
    width: 100%;
    /*display: flex;*/
}
.tabcontent .friend-suggestion-box input{
    width: 90%;
    border: none;
    background-color: #f9f9f9;
    padding: 6px 10px;
    margin-bottom: 10px;
}
.tabcontent .friend-suggestion-box .fa-search{
    background-color: #f9f9f9;
    padding: 9px 10px 11px 10px;
    margin-right: -4px;
}

.tabcontent .friend-suggestion-box .suggestion-profile img{float:left;border-radius:50%;width:60px;
  height:60px;margin-right: 12px;}
.tabcontent .friend-suggestion-box .suggestion-profile .friend{padding:8px;border-top:1px solid #eee;width: 100%;display: flex;background-color:#f9f9f9;}
.tabcontent .friend-suggestion-box .suggestion-profile .friend .friend-info{width: 100%;display: flex;background-color:#f9f9f9;}
 
.tabcontent .friend-suggestion-box .suggestion-profile .friend .friend-info .following-btn{
    padding: 7px 0px;
    /* background-color: #fff; */
    border: none;
    background-color: #25c8d8;
    width: 40%;
    height:63%;
    color: #fff;
    text-align: center;
     margin-top:15px; 
    border-radius: 20px;
}
.tabcontent .friend-suggestion-box .suggestion-profile .friend .friend-info .follow-btn{
    padding: 7px 0px;
    /* background-color: #fff; */
    border: none;
    background-color:#fff;
    width: 40%;
    height:63%;
    color:#25c8d8;
    border:1px solid #25c8d8;
    text-align: center;
     margin-top:15px; 
    border-radius: 20px;
}

.tabcontent .friend-suggestion-box .suggestion-profile .friend p{margin: 0px;color: #000;padding: 12px;}
.tabcontent .friend-suggestion-box .suggestion-profile .friend .material-icons{vertical-align: bottom;}

.tabcontent .add-recipe{margin: 0px 0px 20px 0px;background-color: #eee;text-align: center;width:100%;/*max-width: 23%;*/height:300px;padding: 20px;}
.tabcontent .add-recipe .middle-content{transform: translate(0px, 72px);}
.tabcontent .add-recipe .middle-content p{color:#c1bdbd;}
.tabcontent .add-recipe .middle-content .material-icons{font-size: 90px;color:#dcdcdc;}

.tabcontent .info-container .result-summary-container .ratings .fa-star{color:#c8c8c8;}
.tabcontent .info-container .result-summary-container .ratings .star_selected{color:#f4c200;}
.tabcontent .info-container .comment p{
  color: #000;
}

.modal-content{
  padding: 20px;
}
.modal-body {
  /*  padding: 0.5rem 0.5rem 0.1rem 0.5rem;*/
    padding: 0px 0px 40px!important;
}

.modal-dialog {
    margin: 8rem auto;
}
.modal-open .modal {
   padding: 0px 17px;
}

.tabcontent .component-search-recipe-result a{
/* height: 169px;*/
position: relative;
 overflow: hidden;
 margin: 0 0 20px;
 padding: 0; 
 display: -webkit-box;
 display: flex;
/* flex-wrap: wrap;*/
 background-color: #fff;
 border-radius: 3px;
 -webkit-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.tabcontent .component-search-recipe-result .edit-comment a{
 position: absolute;
 right: 27px;
 top: 11px;
 color:#c8c8c8;
}
.tabcontent .component-search-recipe-result .edit-comment a:hover{color:#8c8c8c;}

.tabcontent .component-search-recipe-result a:hover{
  text-decoration: none;
  box-shadow: 23px 21px 17px -30px rgba(0,0,0,0.15);
  transform: scaleY(1);
}


.tabcontent .component-search-recipe-result a .name{
    margin-bottom:8px;
    font-size: 22px;
    line-height: 25px;
    font-family: Futura PT Medium,Arial,sans-serif;
    color: #000;
    letter-spacing: -.2px;
}

.tabcontent .component-search-recipe-result a .summary {
    padding-bottom: 5px;
    margin-bottom: 0px;
    color: #8e8e8e;
}

.tabcontent .component-search-recipe-result a .nutrition {
    padding-bottom: 5px;
    margin-bottom: 0px;
    line-height: 21px;
    color: #8e8e8e;
}

.tabcontent .component-search-recipe-result a .url-link {
    display: block;
    margin-top: 15px;
    font-family: Source Sans Pro Regular,Arial,sans-serif;
    font-size: 16px;
    color: #bec1c5;
    letter-spacing: 0;
}




div.tab-frame input[type="radio"]{
  display: none;
}
div.tab-frame label {
 /* display: block;*/
  float: left;
  padding: 5px 10px;
  cursor: pointer;
/*  margin-right: 53px;*/
  border-bottom: 1px solid #25c8d8;
  color: #000;
  width: 33%;
  text-align: center;
  /* margin-left: auto; */
   margin-right: 36px; 
  /*margin: 0px 63px;*/
}
div.tab-frame input:checked + label {
  background: #25c8d8;
  color: white;
  cursor: default;
}
div.tab-frame div.tab {
  display: none;
  padding: 5px 10px;
  padding-left: 0px;
  clear: left;
/*  background-color:#fff;*/
  overflow: scroll;
 /* height: 117vh;*/
}

div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3){
  /*display: flex;*/
  display: block;
}

.tab-frame .tab-friend {
  display: flex;
  /*width: 230px;*/
 /* width:100%;*/
 /* height: 70px;*/
  background-color: #f9f9f9;
  border-bottom: 1px solid #eee;
  margin:5px 5px;
}

.tab-frame .tab{
/*  background-color:#f9f9f9;*/
  height: 289px;
}

.tab-frame .tab .search-friend{
  background-color:#f9f9f9;
  border: none;
  margin-bottom: 15px;
  padding: 6px 10px;
  /*width: 65%;*/
  width: 100%;
}

.tab-frame .tab-friend img{
  width:60px;
  height:60px;
  border-radius: 50%;

}
.tab-frame .tab .friend-info{
  margin-left:5px; 
  padding: 10px;
/*  background-color: #f9f9f9;*/
  width: 100%;
  display: flex;
  /*flex-wrap: wrap;*/
}
.tab-frame .tab .friend-info span{
/*  font-size: 15px;
  color: #9a8e8e;*/
  vertical-align: super;
}
.tab-frame .tab .friend-info p{
  margin-bottom:10px; 
}

.tab-frame .tab .friend-info a{
 padding: 4px;
/* background-color: #fff;*/
 border: none;
 color: #000;
 text-align: left;
 height: fit-content;
}

.tab-frame .tab .friend-info .follow-btn{
 padding: 7px 0px;
 border: 1px solid #25c8d8;
 color:#25c8d8;
 background-color:#fff;
 width: 55%;
 height: 75%;
 text-align: center;
 margin-top: 8px;
 border-radius: 20px;
}

.tab-frame .tab .friend-info .following-btn{
 padding: 7px 0px;
 border: none;
 background-color: #25c8d8;
 width: 40%;
 height: 75%;
 color: #fff;
 text-align: center;
 margin-top: 8px;
border-radius: 20px;
}

/*.tab-frame .tab .friend-info a:hover{background-color: transparent;}*/
/*.tab-frame .tab .friend-info .material-icons{vertical-align: bottom;color: #5b96c4;}*/

/*.tabcontent .reviews-wrap{
  display: flex;
}*/
.tabcontent .friend-suggestion-box{width:100%;}
.tabcontent .reviews-wrap img{
  float: left;
  clear: both;
  width: 24%;
  margin-right: 20px;
}
.tabcontent .reviews-wrap .reviews-content{
  float: left;
  width: 65%;
  margin-top: 30px;
}
.tabcontent .reviews-wrap .reviews-content p{
  text-align: center;
  margin-bottom: 6px;
}
.tabcontent .reviews-wrap .reviews-content .ratings{
  text-align: center;
  margin-bottom: 20px;
}

.reviews-content ul li{
  display: inline-block;
}

.tabcontent .reviews-wrap .reviews-content .recipe-name{
  font-size: 22px;
  color: #fd883b;
}
.reviews-content .comment p{
  color:#000;
}
.carousel-item a.reviews-content .comment .ratings .fa{
  color: #969494!important;
}

.tab-friend .friend-info .follow-friends-btn, .suggestion-profile .friend-info .follow-friends-btn{
    background-color: #25c8d8;
    width:119px;
    color: #fff;
    padding: 5px;
    border-radius: 30px;
    float: right;
}
.add-recipe-wrap{
  width: 25%;
}
@media (max-width:460px){
  .add-recipe-wrap{
  width: 100%;
}
 .tab-frame .tab .friend-info{
    display: block;
 }
 .tab-frame .tab .friend-info a {
    text-align: center;
}
.tab-frame .tab .friend-info p {
    margin-bottom: 10px;
    display: inline-block;
}
.tab-friend .friend-info .follow-friends-btn, .suggestion-profile .friend-info .follow-friends-btn {
    background-color: #25c8d8;
    width: 119px;
    color: #fff;
    padding: 5px;
    border-radius: 30px;
    float: left;
}
.tabcontent .friend-suggestion-box .suggestion-profile .friend .friend-info {
    width: 100%;
    display: block;
    background-color: #f9f9f9;
}
}


@media (max-width:575px){
 .tabcontent .add-recipe {
    background-color: #eee;
    text-align: center;
    width: 100%;
/*    max-width: 23%;*/
    padding: 20px;
}
}

@media (min-width: 768px){
.tabcontent .friend-suggestion-box{width:100%;}
div.tab-frame div.tab {
  overflow: auto;
/*  width: 60%;*/
  /*  width: 90%;*/
  background-color: #f9f9f9;
}  
  .tabcontent .image-wrapper {
    margin-left: 0;
}
.tabcontent .image-wrapper{
/*  min-width: 255px;
  padding: 25px 50px;*/
/*  display: block;
  margin-left: auto;
  margin-right: auto;*/
  padding: 0px 17px 0px 0px;
  height: 169px;
}
.tabcontent .info-container{
  padding: 25px 50px;
  width: auto;
}
.tab button .desk-tab{
  vertical-align: top;
  display: block;
}
.tab button .mobile-tab-icon {
 display: none;
}
.tabcontent h3{display: none;}
}

@media (max-width: 768px){
.info-container-fluid{color: #424141;width: 100%;}
.tabcontent .friend-suggestion-box input {width: 86%;}
  div.tab-frame div.tab {width: 100%;}
  .tabcontent .friends{    
    width: 100%;
    float: left;
    border-right: 1px solid #eee;
    margin-right: 11px;
    margin-bottom: 30px;
  }
  .tabcontent {
    float: left;
    padding: 15px 0px 15px;
/*    padding-left: 30px;*/
    flex-wrap: wrap;
    width: 80%;
    border-left: none;
    margin-left: auto;
    margin-right: auto;
}
div.tab-frame label {
    display: inline;
    float: left; 
   /* width: 100%;*/
    padding:0px; 
    cursor: pointer;
    margin-right: 20px;
    border-bottom: 1px solid #25c8d8;
}
.tab-frame .tab{
    display: block;
    height: auto;
}
.tabcontent .reviews-wrap img{
  float: none;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  display: block;
}
.tabcontent .reviews-wrap .reviews-content{
  float: none;
  width: 100%;
  margin-top: 30px;
}
div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3) {
  display: block;
}
.tab-frame .tab-friend{
  width: 100%;
  /*height: auto;*/
}
.user-profile-cotent .tab .active:before{
    display: none;
}
}
/************************Tab****************************/
/*************************user profile***************/

/*************************header new***************/
 .register-container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #eee;
  background-color: #fff;
  margin: 0px auto;
  padding: 30px 20px;
 }
 .register-container .register-wrapp h2{
    text-align: center;
    color: #000;
 }
 .register-container .register-wrapp p{
    text-align: center;
    color: #999;
 }
 .btn-sign-in{text-align: center;}
 .btn-sign-in button{
    /* display: block; */
    /* text-align: center; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin: 0px 10px;
    width: 209px;
    /* width: 47%; */
    border: none;
    padding: 10px 0px;
    color: #444;
    font-size: 1.1rem;
    text-indent: 25px;
 }
.btn-sign-in a{text-decoration: none;}

.btn-sign-in .facebook{
  /*background-color:#3b5998;*/
  background-color:#f1f1f1;
  margin-bottom: 15px;
  border-radius: 3px;
  background-image: url('../images/facebook-signup.png');
  background-repeat: no-repeat;
  background-position: 25px 7px;
  background-size: 33px 33px;
}
.btn-sign-in .google{
  /*background-color:#dd4b39;*/
  background-color:#f1f1f1;
  margin-bottom: 15px;
  border-radius: 3px;
  background-image: url('../images/google-signup2.png');
  background-repeat: no-repeat;
  background-position: 25px 7px;
  background-size: 33px 33px;
}

.login-details {display: block;text-align: center;margin-left: auto;margin-right: auto;width: 100%;}
.login-details .forgot-psw{color:#25c8d8!important;}
.login-details .forgot-psw:hover{color:#999!important;}
/*.login-details form{margin: 20px auto 10px;}*/
.login-details input{width: 100%;margin-bottom: 15px;padding: 6px 15px;border: 1px solid #ccc;}
.login-details label{display: block;text-align: left;color: #999;font-weight: 500!important;margin-bottom: .5rem!important;
  line-height: 1;/*font-size: 16px;*/font-size: 1.2rem;}
.login-details button{
  width:100%;/*background-color:#0f65ef;*/
  background-color:#25c8d8;
  font-size: 1.1rem;
  padding:10px 0px;color:#fff;margin-bottom:20px;border:none;border-radius:3px;}
.divider-or{
  display: flex;
  flex-wrap: nowrap;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.divider-or-wrapp {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
.divider-or .border-left{border-bottom: 1px solid rgba(0,0,0,.2)!important; width: 30%;margin-right: .3rem!important;display: inline-block!important;}
.divider-or .border-right{border-bottom: 1px solid rgba(0,0,0,.2)!important; width: 30%;margin-left: .3rem!important;display: inline-block!important;}
.divider-or .text-or{display: inline-block!important;vertical-align: middle;color:#999;font-size:14px;}
 .display-4 {
    /*background-color: rgb(0,0,0,0.7);*/
    background-color:#28b7c5;
      /*background-color: #000;*/
 /*   width: 70%;*/
    /* height: 84px; */
    padding: 5px;
    font-size: 2rem;
    /* font-size: 44px; */
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px){
  .register-container{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #eee;
  background-color: #fff;
  margin: 40px auto;
  /*padding: 30px 90px;*/
 }
 .display-4 {
   /* background-color: rgb(0,0,0,0.7);*/
    background-color:#28b7c5;
      /*background-color: #000;*/
    width: 500px;
    /* height: 84px; */
    padding: 5px;
   /* font-size: 3.1rem;*/
    font-size: 2.8rem;
    /* font-size: 44px; */
    margin-left: auto;
    margin-right: auto;
}
}
@media (min-width: 640px){
  .register-container{width: 50%;}
}
@media (min-width: 1196px){
.nav-header1-wrapp .sign-in{margin-left: 10px;margin-right:42px;}
.register-container{padding: 30px 90px;}
.main-nav .nav-header2-wrapp ul li{display: inline;/*margin-right:20px;*/vertical-align: middle;font-size: 18px;line-height: 2;}
}
.main-nav .nav-header2-wrapp ul li:nth-last-child(1){
    margin-right:0px;
}
/*************************header new***************/

/*************************Drafts***************/
.dashboard .xs-full-height{height:auto;max-height:500%;padding: 20px;}
 .align-center{text-align: center;} 
 .dashboard1{padding: 20px;width: 100%;}
 .dashboard1 h2{margin-bottom: 20px;font-size: 25px;color:#4a4a4a;}
 .dashboard2{width: 100%;}
 .dashboard2-head{display: flex;margin-bottom: 20px;}
 .d-p{padding: 1.5rem;padding-left:0px;/*text-align: center;*/font-size: 1.125rem;line-height: 1.2;color: #757575;}
 .dashboard2 h2{width:100%;float: left;font-size: 25px;color:#4a4a4a;}
 .dashboard3{display: block;padding: 20px;width: 100%;}
 .dashboard3 h2{margin-bottom: 20px;font-size: 25px;color:#4a4a4a;}
 .btn-dash{width: 142px;height: fit-content;border: none;border:none;padding: 7px 0px;background-color:#ff0000;color: #fff;border-radius: 3px;}
 .btn-dash:hover{width: 125px;border:none;padding: 7px 0px;background-color:#de0505;color: #fff;border-radius: 3px;}
 .dashboard .dashboard-wrapp{display: block;}
@media (min-width: 768px){
 .dashboard{
  box-sizing:content-box;
  width: 100%;
  margin: 0px 0px;
/*  background-color: #eee;*/
background-color: #f1f1f1;
  /*padding: 30px 90px;*/
 }
 .dashboard .dashboard-wrapp{display: flex;}
 .dashboard .xs-full-height{height: 100% !important;}
 .align-center{text-align: center;} 
 .dashboard1{width: 25%;/*float: left;*/display: block;padding: 20px;height: 100vh;}
 .dashboard2{width: 40%;/*float: left;*/display: block;/*background-color:#eee;*/padding: 20px;/*border: 1px solid #dfdfdf;*/}
 .dashboard2-head{display: flex;margin-bottom: 20px;}
 .d-p{padding: 1.5rem;padding-left:0px;/*text-align: center;*/font-size: 1.125rem;line-height: 1.2;color: #757575;}
 .dashboard2 h2{width:100%;float: left;}
 .dashboard3{width: 26%;/*float: left;*/display: block;padding: 20px;}
 .btn-dash{width: 125px;height: fit-content;border:none;padding: 7px 7px;background-color:#ff0000;color: #fff;border-radius: 3px;}
 .btn-dash:hover{width: 125px;height: fit-content;border:none;padding: 7px 7px;background-color:#de0505;color: #fff;border-radius: 3px;}
}
/**********header*******/
 .dashboard-header{width: 100%;}
 .dashboard-header-wrapp{display: flex;border-bottom:1px solid #eee;padding:15px;}
 .dashboard-header-wrapp .community-wrapp{float: left;width: 100%;}
 .dashboard-header-wrapp .community{height: 1.375rem;vertical-align: middle;}
 .dashboard-header-wrapp .beagle{height: 24px;width: 24px;vertical-align: middle;}
 .dashboard-dropdown{left: -132px;}

/**********header*******/
/*************************Drafts***************/

/*************************New-Post***************/
 .post{background-color: #fff;}
 .post-header{background-color: #eee;padding: 10px 10px 10px 10px;}
 .post-header .post-wrapp{background-color: #eee;/*padding:0px 10px 0px 10px;*/display: flex;}
 .post-header .post-wrapp .post-header-faq{margin-left:auto;margin-right:auto;display:block;text-align: center;}
 .post-header .post-wrapp button:focus{outline:none!important;}
 .post-wrapp .post-header-save .btn-save-post{background-color: #007bff;color:#fff;/*padding: .375rem 2rem;*/}
 .post-wrapp .post-header-controls .btn-preview-post{background-color: transparent;color:#007bff;padding: .375rem 2rem;}
 .post-wrapp .post-header-controls .post-header-controls-wrapp{flex-wrap: nowrap;}
 .post-wrapp .post-header-controls .post-header-controls-wrapp .btn-save-post{background-color:#007bff;color:#fff;padding: .375rem 2rem;}
 .post-wrapp .post-header-controls .post-header-controls-wrapp .btn-save-post:hover{background-color:#0069d9;border-color:#0069d9;color: #fff;}
 .post-wrapp .post-header-save .btn-save-post:hover{background-color:#0069d9;border-color:#0069d9;color: #fff;/*padding: .375rem 2rem;*/}
 .post-wrapp .post-header-controls .btn-preview-post:hover{background-color:#007bff;color:#fff;padding: .375rem 2rem;}
/* .filter-option-inner-inner:after{
    content: '\02D1';
    position: absolute;
    font-size: 56px;
    right: 15px;
    top: -14px;
 }*/
/* .selectpicker{overflow: hidden;}*/
/* .post-wrapp .post-header-save .btn-save-post{display:block;}*/
/* .post-wrapp .post-header-controls .btn-save-post{display:block;}*/

 .post-wrapp .post-header-controls {display: flex;}
 .post-wrapp .post-header-controls-wrapp{margin-left:auto;margin-right: auto;display: block;}

 
 label {display: inline-block;margin-bottom: .5rem;color: #3e3d3d;}
 .post-container{padding: 10px;display: block;width: 100%;}
 .post-container input{padding: 0.5rem .5rem;/*border-radius: 5px;*/border: 1px solid #c8c8c8;margin-bottom: 10px;}
 .post-container input::placeholder{font-size: 16px;color:#999;/*font-weight: 300;font-family: sans-serif;*/}
 /*.post-container input[type=textarea]{height: 100px;width: 100%;}*/
 .post-container textarea{height: 100px;width: 100%;}

 .selected-text{text-transform: unset !important;}
 .title_article{text-transform: capitalize;}
 .aa:focus{opacity: 0.7;}

 .post-container .edit-post-form .aa{border-radius: 0px 5px 5px 0px;box-shadow: none;border: none;
                  position: absolute;top:33px;right: 1px;width: 44px;height:48%;border-left: 1px solid #ccc;background: #f3f3f3
 }
 .post-container .edit-mode{padding: 10px;display: flex;/*margin-left: auto;margin-right: auto;*/width: 27%;}
 .post-container .edit-mode label{display: block;padding: 10px;background-color: #eee;border: 1px solid #ccc;
  padding: 0.3rem .5rem;width: 29%;margin-left: auto;margin-right: auto;}

/* .post-container .edit-post-form{margin-left: auto;margin-right:auto;display: block;width: 100%;}*/
/* .post-container .edit-mode input{display: block;width: 100%;}*/
 /*.post-container .edit-post-form input{display: block;width: 100%;}*/
 .title{width: 100%;}
 .description{display: block;width: 100%;}
 .description2{display: block;width: 100%}
 
 .list{margin-top: 15px;}
/* .tab{display: flex;width: 100%;flex-wrap: wrap;}*/
 .tab a{background-color: transparent;border-right:1px solid #c8c8c8;padding: 10px;text-align: center;
      margin-left: auto;margin-right: auto;width: 50%;}
/* .tab a:hover{background-color: #eee;text-decoration: none;}*/
/* .tab .link{display: none;}*/
 .star_selected{color:#f4c200;}
 .text-box{margin: 20px 0px;width: 100%;border:1px solid #ccc;}
 .image-box{margin: 20px 0px;width: 100%;border:1px solid #ccc;background-color:#f7f7f7;padding: 10px;}
 .embed-box{margin: 20px 0px;width: 100%;border:1px solid #ccc;}
 .link-box{margin: 20px 0px;width: 100%;border:1px solid #ccc;}
 .tab_section{border:1px solid #ccc;}
  
 .edit-mode .fa-th-list{font-size: 12px; margin: 0px 10px;}
 .edit-mode .fa-th-large{font-size: 12px; margin: 0px 10px;}

 .text-box input, .image-box input, .embed-box input, .link-box input{width: 100%;margin-bottom: 5px;}

 .dragBox, .dragBox1{/*width: 250px;*/width:100%;height:auto;margin: 0 auto;position: relative;text-align: center;
  line-height: 95px;color:#c4c4c4;border: 2px dashed #ccc;display: inline-block;transition: transform 0.3s;}

.dragBox input[type="file"], .dragBox1 input[type="file"]{position: absolute;height: 100%;width: 100%;opacity: 0;top: 0;left: 0;}

.draging, .draging1{transform: scale(1.1);}
#preview, #preview1{text-align: center;margin-top: 20px;}



#preview img, #preview1 img{max-width: 100%;margin:10px 0px 20px;}

.demo-table {padding: 20px 0px 40px; text-align: left;width: 100%;border-spacing: initial;word-break: break-word;table-layout: auto;line-height:1.8em;color:#333;}
.demo-table th {background: #999;padding: 5px;text-align: left;color:#FFF;}
.demo-table td {border-bottom: #f0f0f0 1px solid;background-color: #ffffff;padding: 5px;}
.demo-table td div.feed_title{text-decoration: none;color:#00d4ff;font-weight:bold;}
.demo-table ul{margin:0;padding:0;}
.demo-table li{font-size: 25px;cursor:pointer;list-style-type: none;display: inline-block;color:#c8c8c8;/*text-shadow: 0 0 1px #666666;*/}
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;font-size:25px;}
.demo-table .add-comment{border: 1px solid #e9e9e9;border-radius: 3px;height: 186px;font-size:16px;overflow: visible;
    resize: vertical;width: 100%;color:#5f5f5f;}
.demo-table .add-comment:focus{outline:none;}
.demo-table. textarea::placeholder{color:#000!important;opacity: 1!important;}
.demo-table .input-cmnt-btn{border: none;background-color: #25c8d8;color: #fff;padding: 0px 10px;
  margin-left: auto;/*display: block;*/font-size: 16px;}
.demo-table .btn-rate{padding: 8px 10px;border-radius: 3px;}

.uploadOuter{text-align: center;padding: 20px;}
.drafts{position: relative;overflow: hidden;margin-top: 10px;}
.drafts a{display: flex;/*width: 100%;*//*height: 122px;*//*margin-top: 10px;*/text-decoration: none;}
.drafts-img{width:125px;height:92px;/*width: 100%;*/text-align: center;background-color:#dedede;position: relative;}
.drafts-img img{height: 100%;width:100%}
.drafts-img .fa-picture-o{position:absolute;top:50%;transform:translate(-50%,-50%);font-size: 40px;color:#aaa;}
.drafts-content{width:70%;background-color: #f9f9f9;padding: 10px 20px;}
.drafts-content h3{font-size: 16px;color:#4a4a4a;}
.drafts:hover h3{font-size: 16px;color:#25c8d8;}
.drafts-content p{font-size: 14px;color:#b1b1b1;margin-bottom: 0px;}
.drafts a .delete-post{background-color:#e32;position: absolute;right: 7px;bottom:16px;width:34px;height:31px;
                border-radius:4px;text-align: center;display:none;transition: 0.3s all;}
.drafts:hover a .delete-post{background-color:#e32;position: absolute;right: 7px;top:8px;width:34px;height:31px;
                border-radius:4px;text-align: center;display: block;transition: 0.3s all;} 
.drafts a .delete-post .fa-trash-o{color:#fff;vertical-align: sub;}

.dashboard1{background-color: #f9f9f9;}
.dashboard3{background-color: #f9f9f9;}

.published-post{display: flex;background-color: #eee;position: relative;margin-bottom: 20px;}
.published-post h3{font-size: 16px;margin-top: 10px;color:#4a4a4a;}
.published-post-img{width:125px;height:92px;position: relative;margin-right:17px;}
.published-post .published-post-img img{width:100%;height:100%;}
.published-post-img .fa-picture-o{transform:translate(-50%,0%);font-size: 60px;color:#aaa;}
.published-post-content{width:100%;}
.published-post-content p{margin-bottom: 0px;color: #000;}
.published-post .edit-post{background-color: #0f65ef;position: absolute;right: 7px;bottom: 7px;/*width:28px;height:25px;*/
                border-radius:4px;text-align: center;display: none;transition: 0.3s all;padding: 4px 7px;}
.published-post:hover .edit-post{background-color:#25c8d8;position: absolute;right: 7px;bottom: 7px;/*width:28px;height:25px;*/
                border-radius:4px;text-align: center;display: block;transition: 0.3s all;cursor: pointer;padding: 4px 7px;}                
.published-post .edit-post .fa-pencil{color:#fff;vertical-align: baseline;font-size: 14px;}

.top-post{display: flex;background-color: #eee;position: relative;margin-bottom: 20px;}
.top-post h3{font-size: 16px;margin-top: 10px;color:#4a4a4a;}
.top-post-img{/*width:100%;*/width:125px;height:92px;position: relative;margin-right:17px;}
.top-post .top-post-img img{width:100%;height:100%;}
.top-post-img .fa-picture-o{transform:translate(-50%,0%);font-size: 60px;color:#aaa;}
.top-post-content{width:100%;}
.top-post-content p{width:100%;color: #000;}
.top-post .edit-post{background-color:#25c8d8;position: absolute;right: 7px;bottom: 7px;/*width:28px;height:25px;*/
                border-radius:4px;text-align: center;display: none;transition: 0.3s all;padding: 4px 7px;}
.top-post:hover .edit-post{background-color:#25c8d8;position: absolute;right: 7px;bottom: 7px;/*width:28px;height:25px;*/
                border-radius:4px;text-align: center;display: block;transition: 0.3s all;padding: 4px 7px;} 
.top-post .edit-post .fa-pencil{color:#fff;vertical-align: baseline;font-size: 14px;}

.dashboard-wrapp .dra_Pub-tab{display: flex;text-align: center;}
.dashboard-wrapp .dra_Pub-tab .edit-drafts{width: 50%;}
.dashboard-wrapp .dra_Pub-tab .edit-pub_post{width: 50%;}
 
.post-container .edit-mode{width: 100%;}

/*.list-editor{display: none;}*/
@media (min-width: 991px){
.drafts-img{width:30%;text-align: center;background-color:#dedede;position: relative;}
}
@media (min-width: 768px){
.drafts-img{/*width:40%;*/text-align: center;background-color:#dedede;position: relative;}
}
/*********************Page Settings*******************************/
  .profile-info-container{margin-left: auto;margin-right: auto;display: block;
    padding: 3px 20px 60px;}
  .profile-info-container p{margin: 0px;}
  .profile-info-container h2{margin: 20px 0px 10px;color: #303030;}
  .mr{margin-right: 20px;}
  /*.profile-info-content{width: 100%;background-color: #fff;padding: 30px;}*/
  .profile-info-container .profile-info-content .header-img-wrapp h6{font-size: 19px;margin-bottom: 0px;}
  .profile-info-container .profile-info-content .header-img-wrapp p{font-size: 15px;color:#929292;}
  .profile-info-container .profile-info-content .header-img-wrapp .header-img p{color: #000;font-size: 19px;margin: 0px;}

 .profile-info-content{width: 100%;background-color: #fff;padding:30px;border: 1px solid #ccc;}
 .profile-info-content h6{font-size: 1.1rem;line-height: 1.5;color: #222;font-weight: 500 !important;}
 .profile-info-content .tabcontent h3{color: #000!important;}
 .profile-info-container .profile-img {display: flex;}
 .profile-info-container .profile-img .img{width: 100%;}
 .profile-info-container .profile-img .img .no_profile_img{
  background-color: #eee;width: 100px;height: 100px;border-radius: 50%;}
 .profile-info-container .profile-img .img img{/*border-radius:50%;*/width:90px;height: 90px;margin-right: auto;display: block;/*border-radius: 50%;*/}
 .profile-info-container .profile-img .new-photo-btn{width: 100%;margin-top: 25px;text-align: left;}
 .profile-info-container .profile-info-content .btn-primary{background-color: transparent;color: #007bff;font-size: 0.875rem;}
 .profile-info-container .profile-info-content .new-photo-btn .btn-primary:hover{background-color:#007bff;color:#fff;}
 /*.profile-info-container .profile-info-content .new-photo-btn p{margin-top: 10px;color:#929292;font-size: 14px;color:#1e8aff;}
 */
 .profile-info-container .profile-info-content .new-photo-btn p{font-size: 0.875rem;color:#1e8aff;}
 
 .profile-info-container .profile-info-content .new-photo-btn a{
    display: inline-block;
    background-color: transparent;
    color: #007bff;
    border-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 2px;
    border-radius: .25rem;
    vertical-align: middle;
    padding: .375rem .75rem;
    margin-left: 10px;
 }
 .profile-info-container .profile-info-content h5{}
 
/* .profile-info-inputs form{display: flex;}*/
 .profile-info-inputs input{width: 100%;/*margin-bottom: 10px;*/border-radius: 5px;padding: 5px;border: 1px solid #b7b7b7;}
 .profile-info-inputs input[type="checkbox"]{width:5%;}
 .profile-info-inputs label{display: block;/*font-size: 1.1rem;*/line-height: 1.5;color: #222;font-weight: 500 !important;margin-top: 10px;}
 .profile-info-inputs select{margin: 5px 3px;padding:5px 7px;border-radius:5px;border:1px solid #b7b7b7;}
/* .profile-info-inputs select option:hover{padding:5px 7px;border-radius:5px;border:1px solid #b7b7b7;background-color: #eee;}*/
 .profile-info-container .saveBtn{float: right;clear: both;margin:12px 0px;}
 .profile-info-container .profile-info-content .profile-info-inputs p{margin:10px 0px;color:#929292;font-size: 15px;}
 .profile-info-inputs .titles{width: 100%;margin: 0px;}
/*********************Page Settings*******************************/
/*************************Dashbird***************/
.dashbird{width:100%;/*height:100vh;*/background-color: #f9f9f9;margin-left: auto;margin-right: auto;padding: 20px 0px;}
.dashbird h2{font-size: 62px;font-weight: 800;letter-spacing: -2px;margin-bottom: 10px;display: inline-block;color: #222!important;}
.dashbird .dashbird-heade{/*border-bottom: 1px solid #aaa;*/margin-bottom:15px;}
.dashbird .sub-head{color:#000;font-size: 28px;font-weight: 800;text-transform: capitalize;line-height: 1.2em; margin-bottom: 6px;}
.dashbird a:hover{text-decoration:none;}
.dashbird .sub-head2{padding-bottom: 10px;margin-bottom: 10px;font-size: 22px;border-bottom: 1px solid #ddd;color: #3e3d3d;}
.dashbird .sub-head3{padding-bottom: 10px;margin-bottom: 10px;font-size: 18px;color: #aaa;}
.buzzes p{margin-bottom: 0px;}
.buzzes{margin-bottom: 25px;padding: 15px;}
.dashbird .sort-date{display: flex;}
.dashbird .sort-date div:nth-child(1){margin-left: auto;}
.dashbird .sort-date button{margin: 3px;background-color: #ddd;color:#000;font-size: 13px;padding: 6px 12px;border-radius: 2px;
  transition: all .2s linear;}
/*.dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}*/
.dropbtn{background-color: transparent;/*padding: 8px 0px;*/font-size: 25px;/*color: #ccc;*/
        /* margin: 10px 0px;*//*width: 150%;*/margin-top: 15px;margin-left: 10px;}
.dropbtn:focus{background-color: transparent;}        
.dropbtn:hover, .dropbtn:focus {background-color:transparent;}
.drop {/*float: right;*/position: relative;display: inline-block;}
.drop .drop-opt{color: #000;}
.drop-content{display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);right: 0;z-index: 1;}
.drop-content a{color: black;padding: 12px 16px;text-decoration: none;display: block;}
.drop a:hover{background-color: #ddd;}
.show {display: block;}
.sort-active{background-color:#ff0000!important; color:#fff!important;}
/*******************************Dashbird********************/

/*********************Change Email**************************/
 .change-logins{width: 100%;margin-left: auto;margin-right: auto;display: block;border: 1px solid #eee;
          background-color: #fff;margin: 0px auto;padding: 30px 20px;
 }
 .change-logins .change-logins-wrapp h2{
    text-align: center;
 }
 .change-logins .change-logins-wrapp p{
    text-align: center;
}
.change-logins-details input{width: 100%;margin-bottom: 15px;padding: 0px 15px;border: 1px solid #ccc;}
.change-logins-details {display: block;text-align: center;margin-left: auto;margin-right: auto;width: 100%;}
.change-logins-details form{margin: 20px auto 10px;}
.change-logins-details label{display: block;text-align: left;color: #222;font-weight: 500!important;margin-bottom: .5rem!important;
  line-height: 1;font-size: 1.2rem;}
.change-logins-details button{width:100%;background-color:#0f65ef;padding:10px 0px;color:#fff;margin-bottom:20px;border:none;border-radius:3px;}

@media (min-width: 768px){
.change-logins{width: 50%;margin-left: auto;margin-right: auto;display: block;border: 1px solid #eee;
       background-color: #fff;margin: 40px auto;}
.dashbird{width:70%;}
}
@media (min-width: 640px){
  .change-logins{width: 50%;}
  .display-4 {
    width: 70%;
  }
}
@media (min-width: 1200px){
.change-logins{padding: 30px 90px;}
}
@media (max-width: 450px){
  .buzzes{margin-bottom: 25px;padding: 15px;display: block;}
}
@media(max-width: 620px){
  .dashbird .sort-date div:nth-child(1) {
    margin-left: inherit;
}
}
/*********************Change Email**************************/


.list-editor{width: 100%;/*margin: 0px 20px;*/display: block;}

.list-editor .list-editor-header{display: flex;width: 100%;padding: 10px;background-color: #eee;}
.list-editor .list-editor-header .fa-angle-right{font-size: 20px;}
/*.list-editor .list-editor-header{width: 100%;}*/
.list-editor .list-editor-header .fa-cog{font-size: 25px;color: #3e3d3d;}
.list-editor .list-editor-header h5{width: 100%;margin: 0px 20px;font-size: 17px;color: #4c4c4c;text-transform: uppercase;line-height: inherit;}
.list-editor .list-editor-panel{/*margin: 0px 0px 0px 20px;*/background-color: #eee;padding:10px 15px 10px 15px;/*box-shadow: -1px 1px 3px 0 rgba(0,0,0,.25);*/}
.list-editor .list-editor-panel .list-type{display: flex;margin-bottom: 20px;}
.list-editor .list-editor-panel .image_change{
  text-align: center;
}
.list-editor .list-editor-panel .image_change button{
    font-size: 14px;
    background-color: #007bff;
    color: #fff;
    border: navajowhite;
    margin: 0px 8px;
    border-radius: 3px;
    padding: 2px 7px;
}

.list-editor .list-editor-panel .list-type .plain-list{width:30%;text-align:left;
             text-align:left;padding:0px 10px;font-size:12px;}
.list-editor .list-editor-panel .list-type .numbered{width:30%;text-align:left;
             text-align:left;padding:0px 10px;font-size:12px;}
.list-editor .list-editor-panel .list-type .countdown{width:30%;text-align:left;
             text-align:left;padding:0px 10px;font-size:12px;}
.list-editor .thimbnail{margin-bottom: 20px;}
.list-editor .tips ul{padding: 0px 0px 0px 23px;}
.list-editor .tips ul li{color: #07e;}
.list-editor .tips h3{font-size: 26px;color:#4c4c4c;}
.list-editor .tips p{color:#969696;}

.list-editor .list-editor-panel .list-type .numbered:hover{border: 1px solid #aaa;margin-right: 10px;padding:0px 10px;width: 84px;}
.list-editor .list-editor-panel .list-type .plain-list:hover{border: 1px solid #aaa;margin-right: 10px;padding:0px 10px;width: 84px;}
.list-editor .list-editor-panel .list-type .countdown:hover{border: 1px solid #aaa;margin-right: 10px;padding:0px 10px;width: 84px;}

.list-editor .list-editor-panel .list-type .active{border: 1px solid #aaa;margin-right: 10px;}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
 
.list-editor .list-editor-panel .list-type .countdown, .list-editor .list-editor-panel .list-type .numbered, .list-editor .list-editor-panel .list-type .plain-list
{ display: inline-block; background: url('../images/list-type1.png') no-repeat; overflow: hidden;/* text-indent: -9999px;*/ text-align: left; }
 
.list-editor .list-editor-panel .list-type .countdown {background-position: 9px 14px; width: 84px; height: 59px;border-radius:5px;}
.list-editor .list-editor-panel .list-type .numbered {background-position: 9px -37px; width: 84px; height: 59px;border-radius:5px;}
.list-editor .list-editor-panel .list-type .plain-list {background-position: 9px -87px; width: 84px; height: 59px;border-radius:5px;}

.list-editor .list-editor-panel .list-type .countdown p, .list-editor .list-editor-panel .list-type .numbered p, 
.list-editor .list-editor-panel .list-type .plain-list p{margin-top: 3px;color: #007bff;}
.profile-info-inputs{color: #000;}

.embed-link{margin-top: 10px;}
.embed-link .fa-code{font-size: 25px;color: #3e3d3d;font-weight: 600;}
.embed-link .list-editor-panel input{width: 100%;margin-bottom:0px;}
.embed-link .list-editor-panel{padding: 10px;}

@media (min-width: 768px){
/*********************Page Settings*******************************/
 .profile-info-container{width: 50%;margin-left: auto;margin-right: auto;display: block;padding: 3px 0px 60px;}
 .profile-info-container a:hover{text-decoration: none;}
 .profile-info-container .profile-img .img{width: 30%;}
/* .profile-info-container .profile-img{display: flex;}*/

/* .profile-info-container .profile-img .img img{border-radius:50%;width: 100px;height: 100px;}*/
 .profile-info-container .profile-img .new-photo-btn{/*width: 30%;*/margin-top: 25px;}
 .profile-account-setting{display: flex;}
 .profile-account-setting .email, .password{width: 100%;}
 /*********************Page Settings*******************************/
 .post-container{padding: 10px 0px;display: flex;width: 100%;}
 .post-container .edit-mode{padding: 10px;display: block;width:18%;}
 .post-container .edit-mode label{display:block;padding:10px;background-color:#eee;border:1px solid #ccc;padding:0.3rem .5rem;width: 100%;}
 .post-container .edit-post-form{width:70%;}
 .tab{flex-wrap: nowrap;display: flex;width: 100%;}
 .tab a{background-color: transparent;border-right:1px solid #c8c8c8;padding: 10px;text-align: center;
      margin-left: auto;margin-right: auto;width: 100%;}
 .post-header .post-wrapp{background-color: #eee;display: flex;}
/* .post-wrapp .post-header-save .btn-save-post{display:block;}*/
 .post-wrapp .post-header-controls .btn-save-post{display:none;}

.dashboard1{display:block;overflow:auto;/*height:300vh;*/height:147vh;}
.dashboard1::-webkit-scrollbar {
  width: 0.3em;
}
 
.dashboard1::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.dashboard1::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


.dashboard3{display:block;overflow:auto;/*height:300vh;*/height:147vh;}

.published-post{display: flex;position:relative;width: 100%;/*height: 122px;*/margin-top: 30px;background-color:#fff;}
.published-post-img{width:70%;height:100px;position: relative;margin-right: 10px;}
.published-post .published-post-img img{height:100%;}
.published-post-img .fa-picture-o{transform:translate(-50%,0%);font-size: 60px;color:#aaa;}
.published-post-content{width:100%;}
.published-post-content h3{font-size: 16px;margin-top: 10px;}
.published-post-content p{font-size: 14px;color:#b1b1b1;margin-bottom: 0px;}

.top-post{display: flex;position:relative;width: 100%;/*height: 122px;*/margin-top: 30px;background-color: #fff;}
.top-post-img{width:70%;height:100px;position: relative;margin-right: 10px;}
.top-post .top-post-img img{height:100%;}
.top-post-img .fa-picture-o{transform:translate(-50%,0%);font-size: 60px;color:#aaa;}
.top-post-content{width:100%;}
.top-post-content h3{font-size: 16px;margin-top: 10px;}
.top-post-content p{font-size: 14px;color:#b1b1b1;margin-bottom: 0px;}

.dashboard-wrapp .dra_Pub-tab{display:none;text-align: center;}

.list-editor{width: 50%;/*margin: 0px 20px;*/display: block;padding: 0px 0px 10px 20px;}
 }
 
.profile-info-container .profile-img #uploaded_cover_image img{ 
    display: block;
    width: 100%;
    margin-right: auto;
}

.main-nav a{color:#000;} 

.emojionearea .emojionearea-button>div {
    display: block;
    width: 24px;
    height: 24px;
  /*  position: absolute;*/
    /* bottom: 0; */
    /* margin-left: 10px; */
   /* top: 80px;
    right: 63px;*/
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/*.emojionearea-search{display: none;}
.emojionearea-tones{display: none;}*/
.emojionearea .emojionearea-picker {
    background: #FFF;
    position: absolute;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.32);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.32);
    box-shadow: 0 1px 5px rgba(0,0,0,.32);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  /*  height: 276px;
    width: 348px;
    top: 60px!important;
    right:55px!important;*/
    z-index: 90;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


.rating-print{display: flex;flex-wrap: wrap;}
.rating-print .ratings{margin-right:35px;}
.component-article-section-content .heading{display:flex;}

.component-article-section-content .heading a:hover{cursor:pointer;text-decoration:none;color:#ff5858;}

.component-article-section-content .heading .direc{text-align: left;color:#25c7d2;font-size:32px;margin-right:auto;}

 @media (max-width: 360px){.profile-info-content .profile-img{display: block;text-align: center;}}
 @media(min-width: 991px){
  .drafts-content h3{font-size: 16px;font-weight: 500;}
  .main-nav .nav-header2-wrapp ul .logo{display: inline;float: left;margin-top: -14px;}
 }
 @media (max-width:991px){
.navbar-collapse {
    z-index: 1;
    border-top: 1px solid #d6d6d6;
    margin-top: 19px;
}
/*.published-post-content h3{font-size: 16px;margin-top: 10px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 8em;}*/
}
/*************************New-Post**************/
/*************************Video Page***************/
@media(min-width: 768px){
  .video-head{display: flex;}
  .video-head .main-heading{width: 100%;}
  .video-head .main-heading .drop-shows{width: 100%;}
  .play-section{display: flex;}

  .recipe-header-wrap{display: flex;}
  .recipe-title{margin-right: auto;}

}
/*************************Video Page***************/
img.lazy {
    background-color: #fff;
    height: auto;
}
/*********************footer*****************************/
 .newsletter{
  background-image: url('../images/footer-bg1-min.png');
  background-size: cover;
  /*  background-position: unset;*/
/*  background-position: 0px -5px;*/
  background-repeat: no-repeat;
  height: 335px;
  /*height: 266px;*/
/*  height: 330px;*/
/*  position: relative;*/
  text-align: center;
  padding:30px 0px;
      position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
 }
.newsletter .content{
    margin-top: 2px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.newsletter .content p{
    font-size: 18px;
    background-color: #25c8d8;
    text-transform: uppercase;
    padding: 6px;
    width: 258px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    color: #fff;
}
.rating-print .heading a{text-decoration: none;}
.reipe-title{text-align: left;display: block;}
.newsletter .content h5{margin-bottom: 20px;font-size:27px;color: #3a3a3a;}

.newsletter .content input{
    padding:11px;
    border: none;
    border-radius: 0px;
    width: 65%;
}
.newsletter .content button{
  background-color: #2b2b2b;
  color: #fff;
  border: none;
  font-size: 19px;
  padding: 7px 11px 9px;
  vertical-align: baseline;
}
/*********************footer*****************************/
@media (min-width: 768px){
  .reipe-title{text-align: left;display: flex;}

  .newsletter {
    background-image: url(../images/footer-bg1-min.png);
    background-size: cover;
    background-position: unset;
    /* background-position: 0px -5px; */
    background-repeat: no-repeat;
    height:335px;
   /* height: 266px;*/
/*    height: 330px;*/
  /*  position: relative;*/
    text-align: center;
    padding-top: 51px;
        /*position: absolute;
    right: 0;
    bottom: 0;
    left: 0;*/
}

.newsletter .content input{
    width: 30%;
    padding:11px;
    border: none;
}
}
@media (min-width: 640px){
   .newsletter .content h5 {
    margin-bottom: 20px;
    font-size: 35px;
    color: #3a3a3a;
}
}
@media (max-width: 640px){
   .cover-img{
    float: none;
    margin-top: 10px;
}
}
@media (min-width: 991px) and (max-width:1199px){
   .main-nav .nav-header2-wrapp ul li {
    margin-right: 5px;
}
}

.beforelike, .beforedislike{
  color: #80808080;
}
.beforelike:hover{
  color: #25c8d8;
}

.beforedislike:hover{
  color: #ff0000b5;
}

.afterlike{
  color: #25c8d8;
}
.afterdislike{
  color: #ff0000b5;
}

.search_text{
  color: #0000008c;
}