* {padding:0; margin:0;}
a {color:#FF5C0B; text-decoration:none;}
a:hover {color:#FF5C0B; text-decoration:none;}
body {padding:0; margin:0; font-family:Macan,Helvetica Neue,Helvetica,Arial,sans-serif !important;}
.container-fluid {width:100%; padding:0; margin:0;}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:99%; margin:0 auto;}
.gry {width:100%; padding:0; margin:0; background-color:#000;}
.topgryMenu {margin-left:-30px;}
.topgryMenu li:first-child {padding-left:0px;}
.emailIcon:hover {color:#FF560E;}
.twitterIcon:hover {color:#1DA1F2;}
.fbicon:hover {color:#4267B2;}
.topgryMenu li { list-style:none; height:15px; font-size:14px; color:#fff; font-weight:bold; float:left; line-height:15px; padding:0 15px 0 15px; margin:5px 0;}
.topgryMenu li a {text-decoration:none; color:#fff;}
.navbar-brand a {margin-right:15px;}
#navbarSupportedContent input {margin-left:15px; background-color:#e9ecef;}
#navbarSupportedContent .input-group {width:58%; margin-right:9%;}
#navbarSupportedContent .input-group-text {height:40px; border-radius:0 .375rem .375rem 0; background-color:#FF560E; color:#fff;}
#iconMenu {margin-left:180px;}
.iconMenu .dropdown-menu.show {margin-left: -2%; margin-top:6px !important;}
.twopng {margin-right:18px;}
#iconMenu .input-group-prepend {margin-left:15px;}
.searchBox {padding:10px 0; margin-left:15px;}
.lognMenu {background-color:#FAFAFA; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:0; margin:0 0 0 -30px;}
#iconMenu .nav-item {margin-top:5px;}
.profileImgTop {width:33px; height:33px; border-radius:50%;}
.lognMenu .firstChaild {padding-left:0px;}
.lognMenu .lastChaild {padding-right:0px;}
.lognMenu li {list-style:none; float:left; color:#696E71; line-height:40px; padding:0 22px;}
/*
.lognMenu li a:first-child {padding-left:0px;}
.lognMenu li a:last-child {padding-right:0px;}
*/
.lognMenu li a {text-decoration:none; color:#3F4247; position:relative; font-size:18px;/* padding:0 20px;*/}
.bodyboxone .card {border:1px solid #E7E7E7;}
.gryBody {width:100%; padding:15px 0 15px 0px; margin:0 0 0px 0px; background-color:#FAFAFA;}
.hNameTitle {margin-bottom:40px;}
.hNameTitle h4 {float:left; color:#3F4247; font-size:30px; font-weight:bold; margin-left:-1px;}
.hNameTitle button {margin-left:15px; background-color:#FF560E; color:#fff; border:1px solid #FF560E;}
.hNameTitle button:hover {background-color:#EA4E0B; border:1px solid #EA4E0B;}
.textareabox p {font-size:16px !important;}
.secondLineMenu {border-bottom:1px solid #C1C1C1; margin:0;}
.secondLineMenu ul {margin-left:-2rem;}
.secondLineMenu li {list-style:none; float:left; margin-left:-15px;}
.secondLineMenu li a { text-decoration:none; font-size:16px; color:#696969; line-height:40px; margin:0 15px; padding:0;}
.secondLineMenu li a:hover {border-bottom:3px solid #FF560E; color:#FF560E; padding-bottom:11px;}
.secondLineMenu li a.active {border-bottom:3px solid #FF560E; color:#FF560E; padding-bottom:11px;}
.secondLineMenu input {border:none; width:610px; margin:3px 0 0 15px;}
.iconMenu li {list-style:none; float:left; width:32px; height:32px; margin:0 6px;}
.iconMenu li a:last-child {padding-right:0px;}
/*
.iconMenu li a {padding:0 10px;}
*/
.iconMenu .dropdown-toggle {font-weight:bold;}
/*
.recipeSearchIcon {margin-left:620px; margin-top:10px;}
*/
.searchbox2 {margin-left:15px;}
.searchBox .navbar-brand {margin-left:-39px;}
.breadcrumbName .breadcrumb a {color:#ff560e; text-decoration:none; margin-left:-3px;}
.breadcrumbName .breadcrumb-item+.breadcrumb-item {color:#696969;}
.breadcrumb-item + .breadcrumb-item::before { content: ">"; }
.notificaitonOrg {color:#ff560e; font-weight:bold;}
.footerList li {float:left; list-style:none;}
.footerList ol, ul {padding-left:0rem !importants;}
.footerList li a {color:#ff560e;}
.textareabox p {font-size:24px; font-weight:bold;}
.sharedByImg {width: 53px; height: 53px; border-radius: 10%;}
.lcbtn {margin:15px 0;}
.lcbtn li {list-style:none; float:left; margin-right:15px;}
/* rightBox*/
.rightMenuBox dl, ol, ul {margin-bottom:0rem; margin-left:0px;}
.rightMenuBox li {list-style:none; padding: 5px 15px;}
.rightMenuBox li a { font-size:18px; text-decoration:none; color:#696E71; line-height:40px;}
.rightMenuBox {margin-left:-2rem;}
.bodyboxone .badge {background-color:#FF560E; margin-left:5px; border-radius:50%; width:30px; height:30px; text-align:center; line-height:21px; padding-left: 6px; }
.firstWhiteBox {margin-bottom:15px; box-shadow: -1px 8px 19px -4px rgba(0,0,0,0.08);
-webkit-box-shadow: -1px 8px 19px -4px rgba(0,0,0,0.08);
-moz-box-shadow: -1px 8px 19px -4px rgba(0,0,0,0.08);}
.adbox { height:autopx; text-align:center; margin-bottom:15px;}
.listbox {margin:15px 0; border:1px solid #D9D9D9; padding:15px 0px;}
.listbox h4 {font-size:13px; text-align:left; font-weight:bold; }
.listbox h4 a {color:#696E71; text-decoration:none;}
.listbox h5 a {font-size:14px; text-align:right; text-decoration:none; color:#ff560e; font-weight:bold; margin-top:15px; float:right;}
.firstWhiteBox .btn-primary {background-color: #FF560E;color: #fff;border: 1px solid #FF560E;}
.firstWhiteBox .btn-primary:hover {background-color: #EA4E0B;color: #fff;border: 1px solid #EA4E0B;}
.socialMediaCooking h4 a {color:#fff; font-size:14px; text-decoration:none; font-weight:bold; text-align:right; line-height:24px; float:right;}
.footer p {width:100%; text-align:center; color:#696E71; font-size:14px; margin-bottom:5px;}
.footer li {list-style:none; text-align:center;}
.footer ul {width:80%; margin:0 auto;}
.footer .breadcrumb {width:70%; margin:0 auto;}
/* =================================== My Network ============================================== */
.submenuLine {border-bottom:1px solid #C1C1C1; margin:0;}
.submenuLine ul {margin-left:-2rem;}
.submenuLine li {list-style:none; float:left; margin-left:-55px;}
.submenuLine li a { text-decoration:none; font-size:16px; color:#696969; line-height:40px; margin:0 50px; padding:0;}
.submenuLine li a:hover {border-bottom:3px solid #696969; padding-bottom:11px;}
.submenuLine li a:active {border-bottom:3px solid #696969; padding-bottom:11px;}
.submenuLine input {border:none; width:670px;}
.networkList {margin:40px 0 0 0;}
.netWorkBoxlist .card {border:1px solid #D9D9D9; margin-bottom:15px;}
.listTitleedittext {margin:15px;}
.profileImg img {width:100%; height:100%; background-color:#eee; padding:0; margin:0; float:left;}
.listTitleedittext h4 {width:100%; font-size:18px; font-weight:bold; margin-bottom:30px; float:left;}
.editImg {width:19px; height:19px; float:right;}
.phonecakeNum {margin-left:-30px;}
.phonecakeNum li {float:left; list-style:none; margin:0 0 5px 0; padding:0;}
.phonecakeNum img {width:19px; height:19px; padding:0; margin:0;}
/* =================================== My Network ============================================== */
/* =================================== newGrowpings ============================================== */
.newGropTitle {margin:30px 0 60px 0;}
.newGropTitle h4 {margin-bottom:15px;}
.gnameconfirm li {float:left; list-style:none;}
.gnameconfirm {margin-left:-30px;}
.gnameconfirm input {margin-right:15px; width:422px; background-color:#FAFAFA; border:1px solid #E0E0E0;}
.gnameconfirm button {background-color:#868686; border:1px solid #868686; color:#fff;}
.gnameconfirm button:hover {background-color:#000;}
.addNewMember {margin:15px 0;}
.addNewMember h4 {margin-bottom:15px;}
.addNewMember .fa {line-height:24px;}
.addNewMember .form-control {background-color:#FAFAFA;}
.addNewMember .input-group-text{border-radius:0rem .375rem .375rem 0rem; background-color:#FAFAFA;}
.selectSearchList h5 {width:100%; float:left; font-size:14px; border-bottom:1px solid #868686; padding-bottom:5px; margin-bottom:15px;}
.addnameList .card {padding:15px; margin-bottom:15px;}
.subprImg { height:50px; width:50px; border-radius:50%; background-color:#eee; border:1px solid #eee;}
.subheadText h3 {width:100%; float:left; line-height:50px; font-size:18px; padding:0; margin:0;}
.PlusIcon {font-weight:normal; margin-top:20px;}
/* =================================== newGrowpings ============================================== */
/* =================================== Growpings ============================================== */
.FirstGroping input {width:342px; background-color:#FAFAFA; border:1px solid #E0E0E0;}
.FirstGroping {margin:15px 0;}
.FirstGroping .input-group-text {line-height:40px; background-color:#FAFAFA; height:40px; border-radius:0rem .375rem .375rem 0rem;}
.FirstGroping .btn-outline-success {margin-left:15px; background-color:#C1C1C1; border:1px solid #C1C1C1; color:#fff;}
.familyGroup img {background-color:#eee; height:150px;}
.familyGroup .card-body {background-color:#F2F2F2;}
.familyGroup p {color:#7D7D7D;}
/* =================================== Growpings ============================================== */
/* =================================== Edit Growpings ============================================== */
.editaddnameList .card {padding:15px; margin-bottom:15px;}
.editaddnameList .fa {color:red;}
.editGropaddNewMember {margin:15px 0;}
.editGropaddNewMember h4 {margin-bottom:15px;}
.editGropaddNewMember .fa {line-height:24px;}
.editGropaddNewMember .form-control {background-color:#FAFAFA;}
.editGropaddNewMember .input-group-text{border-radius:0rem .375rem .375rem 0rem; background-color:#FAFAFA;}
.sarchResult p {width:100%; border-bottom:1px solid #000; color:#908E8F;}
.addnameListBox .card {padding:15px; margin-bottom:15px;}
/* =================================== Edit Growpings ============================================== */
.detroitBox {padding-bottom:15px; border-bottom:1px dotted #000; margin-bottom:15px;}
./*fodlistImg img {width:258px; height:193px; padding:0; margin:0; float:right;}*/
.featuredImgDiv {width: 258px; height: 193px; padding: 0; margin: 0; float: right; }
.featuredRecImg { width: 258px; height:193px; background-color:#eee; object-fit:cover; margin-left:40px; float:right; text-align:right; clip: rect(0, 258px, 193px, 0);}
/*
.featuredRecImg {
width: 258px;
height: 193px;
object-fit: cover;
margin-left: 20px;
position: absolute;
float: left;
text-align: left;
clip: rect(0,258px,193px,0);}*/
.blackNumBg h4 { text-align: center;
position: absolute;
line-height:190px;
/*opacity:0.4;*/
color: #fff;
font-weight:bold;
background-color: #0003;
width: 258px;
height: 193px;}
.detroit {margin-bottom:15px;}
.detroit h2 {width:100%; font-size:28px; font-weight:bold; margin-left:-2px;}
.detroit h2 a { text-decoration:none; color:#000;}
.detroit p {font-weight:normal; font-size:14px; width:100%; line-height:24px; margin-bottom:15px;}
.stars a {color:#fFF560E; text-decoration:none;}
.recipeDec {color:#8C8C8C;}
.stars img {margin-top:-6px;}
.profileName {color:#FF560E;}
.profileName a {color:#FF560E; text-decoration:none;}
.starbox {margin-left:-15px;}
.starbox li {float:left; list-style:none;}
.editorAccess {margin-left:10px;}
/*
.fodlistImg {float:right; text-align:right;}
*/
.fodlistImg iframe {text-align:right; float:right; animation:mymove 10s infinite;}
#ratingsDiv {margin-left:0px;}
.numRatting {cursor: pointer;}
.authenticTextarea a:hover {color:#ff5c0b;}
#totalRatings {line-height:42px; color:#000; position:absolute; margin-top:-8px;}
.recipeDec a { color:#FF560E; text-decoration:none;}
#loadMoreBtn {text-align:center;}
#loadMoreBtn button {background-color:#FF560E; border:1px solid #FF560E;}
#loadMoreBtn button:hover {background-color:#EA4E0B; border:1px solid #EA4E0B;}
.eidtPinBox {margin:15px 0 0 -43px;}
.eidtPinBox li {float:left; list-style:none;}
.eidtPinBox a {color:#FF560E; font-size:14px; padding:0 10px; text-decoration:none;}
.commentsubBtn .btn-outline-secondary:hover {background-color:#EA4E0B; border-color:#EA4E0B;}
.noteBox .btn-primary:hover {background-color:#EA4E0B; border-color:#EA4E0B;}
.modal .btn-outline-secondary:hover {background-color:#EA4E0B; border-color:#EA4E0B;}
/*
.eidtPinBanner {margin:15px 0 0 -43px;}
*/
.eidtPinBanner {float:right;}
.eidtPinBanner li {float:left; list-style:none;}
.eidtPinBanner a {color:#FF560E; font-size:14px; padding:0px 0px 0px 10px; text-decoration:none;}
.heartIcon {margin-left:220px;}
.heartIcon img {width:36px; height:36px; color:#fff; z-index:99; border-radius:50%; background-color:#fff; position:absolute; float:right; text-align:right; margin:12px 0px 15px 30px;}
.heartIcon {cursor: pointer;}
.heartIcon img:hover {background-color:#e1e0e0;}
.ratingFixed {margin-left:-5px; margin-top:-2px !important; margin-bottom:-14px;}
.starRatting .ratingFixed {margin-top:-14px;}
.mainCmtReplyBtn { margin-left:15px;}
#prevBinderImg {width:100%;}
/* recipeDetail */
.viewMoreline {margin-bottom:30px;}
.comMan img {width:53px; height:53px; border-radius:10%;}
.bannerHead h2 {font-size:18px;}
.bannerBig {width:100%; height:350px; background-color:#D9D9D9; margin:0;}
.bannerBig img {width:100%; height:350px; background-color:#D9D9D9; margin:0; object-fit:cover;}
.Profileimg {width:97%; position:absolute; text-align:center; padding:0; margin:-50px auto 0 auto;}
.Profileimg img {width:100px; height:100px; object-fit:cover; padding:0px; border:5px solid #fff; margin-bottom:15px; background-color:#595959; border-radius:50%; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.Profileimg img:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.profileHeadName {margin:100px 0 0 0;}
.profileHeadName h1 {text-align:center; font-weight:bold; margin-top:30px; font-size:3rem;}
.profileHeadName p {text-align:center; font-size:1.2rem; font-style: italic;}
.groupImageDiv {margin-top:30px;}
.groupImageDiv h5 {margin-bottom:15px;}
.rattingBox {width:97%; margin:0 auto; border-radius:5px; background-color:#FFE4D7; border:1px solid #FEB48F; padding:15px; }
.rattingBox li {list-style:none; font-size:22px; font-weight:normal; }
.starrattingBox {width:100%; border:1px solid #868686; margin-top:15px;}
.starRatting { margin:-15px 231px 30px 272px; width:100%; }
.starRatting li {float:left; list-style:none; padding:0 15px; line-height:40px;}
.twinButtons {width:100%; margin:30px auto; text-align:center;}
.twinButtons .btn-primary {background-color:#FF5C0B; color:#fff; border:1px solid #FF5C0B;}
.twinButtons .btn-primary:hover {background-color:#EA4E0B; color:#fff; border:1px solid #EA4E0B;}
.shreTRecipes {width:52%; margin:0 auto;}
.shreTRecipes li {float:left; list-style:none; padding:0 5px;}
.shreTRecipes li a:hover {opacity:0.5;}
.shareText {line-height:50px; font-size:16px;}
.ingredientsBox {width:100%; padding:0; margin:100px 0 50px 0; padding-bottom:50px; border-bottom:1px solid #eee;}
.ingredientsBox h1 {font-size:30px; font-weight:bold;}
.ingredientsBox li {list-style:none; line-height:40px; margin-left:-30px;}
.secondPart .btn-primary {background-color:#fff; width:100%; margin-bottom:15px; color:#919191; border:1px solid #878787;}
/*
.firstpart .form-check-input {margin-top:3px; margin-bottom:15px; }
.firstpart .form-check {margin-bottom:15px;}
.firstpart li {list-style:none; margin-bottom:15px; line-height:24px;}
.firstpart .form-check-input:checked {background-color:#FF560E; border:1px solid #000;}
.secondPart .form-check-input {margin-top:2px;}
.secondPart li {list-style:none; margin-bottom:15px; line-height:24px;}
.secondPart img {width:100%; height:300px; background-color:#D9D9D9; margin:15px 0;}
*/
.foodMenuList {width:100%; padding:0; margin:30px 0px;}
.foodMenuBtn .btn-secondary {color:#fff; background-color:#9C9C9C; border:1px solid #9C9C9C; border-radius:25px;}
.foodMenuBtn .btn {margin-bottom:15px;}
.authenticTextarea {margin:15px 0;}
.authenticTextarea h1 {margin:15px 0px; font-size:24px;}
.authenticTextarea p {line-height:24px; font-size:16px; margin-bottom:15px;}
#hideAnyStepPicturesChk {margin-left:-24px;}
.keyBox {border-bottom:1px solid #eee; padding-bottom:50px;}
.keyBox h1 {margin:15px 0 15px 0px;}
.privateNote {margin-left:-30px;}
.privateNote .fa {font-size:30px; color:#8B8B8B;}
.privateNote li {list-style:none;}
.privateNote li a {position:absolute; line-height:32px; text-decoration:none; color:#FF5C0B;}
.chatComment {margin:30px 0 30px -30px;}
.chatComment .fa {font-size:30px; color:#8B8B8B;}
.chatComment li {list-style:none;}
.searchCommentBox .form-control {background-color:#FAFAFA; border:1px solid #E0E0E0;}
.searchCommentBox .input-group-text {background-color:#FF5C0B; color:#fff; height:50px; margin-left:15px;}
.listServices {border-bottom:1px solid #FE8347; padding-bottom:30px;}
.listServices li {margin-left:-30px;}
.numRatting {margin-top:7px;}
.numRatting a {color:#000; text-decoration:none;}
#noteTextArea {background-color:#FAFAFA; border:1px solid #E1E1E1;}
.foodMenuLabel .btntagwhite {color:#000; background-color:#fff; border:#fff; text-align:right; float:right; font-size:24px;}
.foodMenuBtn .btnCuisine {background-color:#598765; border:#598765;}
.foodMenuBtn .btnCourse {background-color:#5c2038; border:#5c2038;}
.foodMenuBtn .btnBase {background-color:#4f52af; border:#4f52af;}
.foodMenuBtn .btnRestrictions {background-color:#534a3a; border:#534a3a;}
.firstpart .form-check-input {margin-right:15px; margin-top:6px;}
.form-check-input[type=checkbox] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.firstpart .form-check-input[type=checkbox] {border-radius: 5px;}
.firstpart .form-check-input {width:25px; height:25px; background-color: #fff; border-color: #000;}
.firstpart .form-check-input:checked {background-color: #ff560e; border-color: #ff560e;}
.secondPart .form-check {margin-bottom:15px;}
.secondPart .form-check-input {width:23px; height:23px; float:left; margin-top:0px;}
.secondPart .form-check-label {line-height:24px; margin-left:7px;}
.secondPart img {width:100%; height:250px; object-fit:cover; background-color:#eee; margin-bottom:15px;}
.form-check-input[type=checkbox] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.form-check-input[type=checkbox] {border-radius: 50%;}
.form-check-input {width:25px; height:25px; background-color: gray; border-color: gray;}
.form-check-input:checked {background-color: #ff560e; border-color: #ff560e;}
.noteBox textarea {margin:15px 0;}
.headText {margin:30px 0;}
.headText h4 {float:left; text-align:left; font-size:18px; font-weight:bold; margin-bottom:0px;}
.headText a {text-decoration:none; color:#ff560e;}
.noteBox .btn-primary {background-color:#ff560e; border-color: #ff560e;}
.clear a {text-decoration:none; color:#ff560e;}
.relatedRecLinks a {text-decoration:none; color:#ff560e;}
.thumbImage {margin-left:-46px; margin-top:30px;}
.thumbImage li {float:left; list-style:none; padding:0 15px;}
.thumbImage img {width:100px; height:80px;}
.mtdiv {display:none;}
.mainCmtReplyBtn {margin-bottom:15px;}
.textMan {margin-bottom:-20px; margin-left:-15px;}
.textMan p {background-color:#eee; padding:15px; border-radius:10px;}
.comMan {margin-bottom:10px;}
.commentTextFieldDiv {margin-bottom:30px;}
.subtextMan {background-color:#eee; padding:15px; border-radius:10px;}
.rating {margin-top:18px;}
.yRatting {margin-bottom:30px;}
.yRatting .btn-outline-secondary {margin:20px 0 0 15px;}
.viewReply371 {margin-top:-18px;}
.commentsubBtn .btn-outline-secondary {float:right; text-align:right; background-color:#FF5C0B; border:1px solid #FF5C0B; color:#fff;}
.modal .bg-primary {background-color:#FF5C0B !important;}
.modal .modal-title {color:#fff;}
#bindersListDiv input {margin-right:15px;}
.modal .btn-outline-secondary {margin-bottom:15px; background-color:#FF5C0B; color:#fff; border:#FF5C0B;}
.modal .close {background-color:#FF5C0B; border:#FF5C0B; color:#fff;}
.filter h6 {width:100%; margin-bottom:15px;}
.filter .btn-primary {color:#fff; background-color:#FF560E; border:#FF560E; }
.filter .btn-secondary {color:#fff; background-color:#6C757D; border:#6C757D; }
.filter .form-group {margin:15px 0px;}
.filter .form-group label {font-weight:bold;}
.stepLabelDiv .stepLabel {float:left; width:100%;}
.stepLabelDiv .btn-outline-secondary {margin-right:5px;}
.modal .modal-title {width:50%;}
.modal .close {font-size:22px;}
.ingredientsHeadText {float:left; width:95%;}
.breadcrumb .btn-outline-secondary {background-color:#FF5C0B; color:#fff; border:#FF5C0B;}
/* recipeDetail */
/*sugestion page */
.sugestionsHeadText {margin-top:15px;}
.sugestionsHeadText h2 {width:100%; float:left; font-size:18px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #eee;}
.sugestionsHeadText p {width:100%; color:#8c8c8c; float:left; text-align:left; font-size:14px; line-height:24px; margin:15px 0px;}
.sugestionsHeadText textarea {background-color:#eee; border:1px solid #eea; margin:15px 0;}
.sugustionsBtn {width:100%; margin:15px 0px;}
.sugustionsBtn .btn-primary {background-color:#FF560E; color:#fff; border:1px solid #FF560E;}
.sugustionsBtn .btn-secondary {background-color:#808080; color:#fff; border:1px solid #808080;}
/*sugestion page */
/* comment Section*/
.subtextMan p {
line-height: 24px;
margin-bottom: 0rem;
padding:15px;
}
.subtextMan {
width: 100%;
margin-left: -43px;
background-color: #f2f3f5;
padding: 5px 15px 5px 15px;
float: left;
border-radius: 10px;
}
.subCommetReplyBtn {
margin-bottom: 10px;
margin-left: -11px;
}
/* comment Section*/
/* RecipesSearch */
.keywordsformLeftPart h6 {margin:30px 0 15px 0; font-weight:bold; font-size:16px;}
.keybtn {width:100%; padding:15px; background-color:#FAFAFA; border:1px solid #E7E7E7; margin-left:15px;}
.keybtn .btn-primary {background-color:#6c757d; border:1px solid #6c757d;}
.recipeSearchText {margin:15px 0px;}
.recipeSearchText h2 {font-size:18px;}
.filter h6 {width:100%; margin-bottom:15px;}
.filter .btn-primary {color:#fff; background-color:#FF560E; border:#FF560E; }
.filter .btn-secondary {color:#fff; background-color:#6C757D; border:#6C757D; }
.shortSection {padding-bottom:5px; margin:30px 0 15px 0px; border-bottom:1px solid #eee;}
.shortSection p {font-size:18px; color:#C7C7C7; float:left; line-height:36px;}
.addNewRecipesMenu {border-bottom:1px solid #C1C1C1; margin:0;}
.addNewRecipesMenu ul {margin-left:-2rem;}
.addNewRecipesMenu li {list-style:none; float:left; margin-left:-15px;}
.addNewRecipesMenu li a { text-decoration:none; font-size:16px; color:#696969; line-height:40px; margin:0 15px; padding:0;}
.addNewRecipesMenu li a:hover {border-bottom:3px solid #FF560E; color:#FF560E; padding-bottom:11px;}
.addNewRecipesMenu li a.active {border-bottom:3px solid #FF560E; color:#FF560E; padding-bottom:11px;}
.addNewRecipesMenu input {border:none; width:415px; margin:3px 0 0 15px;}
.iconMenu li {list-style:none; float:left; width:32px; height:32px; margin:0 6px;}
.iconMenu li a:last-child {padding-right:0px;}
.searchIconOne {margin-top:10px;}
.seachmt {margin-left:615px !important;}
.fomOfrecipe .bookmarkRow {margin-bottom:15px;}
.radioWorkBox label {line-height:35px; margin-left:15px;}
.eidtPinBox li span {margin-left:10px;}
.eidtPinBanner li span {margin-left:15px !important;}
.BigImagecloseBtn .close {position: absolute;
z-index: 99;
border: none;
background-color: #fff;
font-size: 22px;
padding: 5px;
margin-left: 680px;
}
.divRecVideo .form-group {margin-bottom:15px;}
.divRadioBox .form-check-label {line-height:35px; margin-left:15px;}
.videoSendorgBtn .btn-outline-secondary {background-color:#FF560E; border-color:#FF560E; color:#fff;}
.videoSendorgBtn .btn-outline-secondary:hover {background-color:#EA4E0B; border-color:#EA4E0B; color:#fff;}
#videoLinkDiv .iframe {width:100%; margin:15px 0px;}
.lableText {line-height:36px; margin-left:15px;}
.recipesCreate h6 {font-size:18px; margin:30px 0;}
.recipesLine {margin-left:-30px;}
.recipesLine li {float:left; list-style:none; padding:5px; margin:0px 32px;}
.recipesLine img {width:100px; height:100px; background-color:#eee; margin:10px; border-radius:50%; margin-bottom:15px;}
.recipesLine li h4 a {text-decoration:none;}
.recipesLine li h4 {font-size:16px; color:#000; text-align:center;}
.recipesLine .fa {font-size:36px; text-align:center; color:#FF560E;border: 1px solid orange;
border-radius: 50%;
padding: 20px;
width: 80px;
height: 80px;
margin-bottom: 15px; }
.DivRadio label {line-height:36px; margin-left:15px;}
.widgIframe {border:1px solid #CED4DA;}
.fomOfrecipe .btn-outline-secondary {color:#fff; background-color:#FF560E; border:1px solid #FF560E;}
.fomOfrecipe .btn-outline-secondary:hover {background-color:#EA4E0B; border:1px solid #EA4E0B;}
.ingLabel .btn-outline-secondary {color:#fff; background-color:#FF560E; border:1px solid #FF560E;}
.ingLabel .btn-outline-secondary:hover {background-color:#EA4E0B; border:1px solid #EA4E0B;}
.displaySavedCusineSortable li {list-style:none;}
.displaySavedCusineSortable ol {margin-bottom:0rem; padding-left:0rem;}
.dragpp {padding:15px;}
#displaySavedCusineSortable {margin-left:-30px;}
#displaySavedCusineSortable13 {margin-left:-30px;}
.ingredientSetHeading {margin:15px 0px;}
#ingredientsSetDiv .btn-outline-secondary {margin-top:25px;}
.displaySavedCusineSortable {margin-left:-30px;}
#div_instruction .minimgpicture {margin-top:15px;}
#div_instruction .close {position:absolute; border:none; padding:3px;}
/* Add New Recipes Page*/
/* New Recipes Image */
.divRecImage .form-group {margin-bottom:15px;}
.divRecImage .btn-outline-secondary {color:#fff; background-color:#FF560E; border:1px solid #FF560E;}
.divRecImage .btn-outline-secondary:hover {background-color:#EA4E0B; border:1px solid #EA4E0B;}
#scannedRecipeImgDiv .close {float: right;
position: absolute;
z-index: 999;
border: none;
background-color: #fff;
margin-top: 45px;
margin-right: 15px;}
.sharePrivateRadio .form-check-label {line-height:36px; margin-left:15px;}
.recDispImgBody .modal-title {vertical-align:top;}
.recAddedImages {width:100%; margin-top:5px;}
.uploadImgDiv {margin-bottom:15px;}
/* New Recipes Image */
/* FULL RECIPES */
.fullRecipeHead h2 {background-color:#FFE4D7; width:100%; float:left; padding:15px;}
.recipeBoxBig {padding:0px 12px;}
.topHeadText .breadcrumb-item {background-color:#FFE4D7; color:#000; width:100%; padding:15px;}
.fomOfrecipe .form-group {margin-bottom:15px;}
.ingLabel h2 {float:left;}
.ingLabel .btn-outline-secondary {float:right; margin-top:5px;}
.ingOne .btn-outline-secondary {margin-top:23px;}
/* FULL RECIPES */
/* addNewRecipe*/
.searchicon {margin-left:410px; margin-top:16px;}
/* addNewRecipe*/
/* Rec Image Detail */
#recipeImgDiv {margin-left:-15px;}
#recipeImgDiv .jbox-container img {margin:0px;}
/* Rec Image Detail */
/* bookmarkDetail*/
.prevContent h1 {font-size:24px;}
/* bookmarkDetail*/
/* Login */
.forgotPswDialog .navbar-dark {color:#fff; background-color:#FF5C0B !important;}
/* Login */
@media only screen and (max-width: 600px) {
.gry {display:none;}
#navbarSupportedContent input {margin-left:0px; margin-top:15px; }
.lognMenu li {float:left; width:100%;}
.iconMenu {margin:15px 0 0 33px;}
}
/*Start: new loader from https://loading.io/css/ */
.lds-ripple {
display: inline-block;
position: fixed;
width: 80px;
height: 80px;
top: 35%;
left: 48%;
z-index: 9999;
}
/* recipesimage*/
.recipeImageBanner .carousel-item {height:300px;}
/* recipesimage*/
/* Start: For Loader */
@media only screen and (max-width: 1360px) {
.subMenuBox {width:1360px; overflow-x:scroll; position:revert;}
}
/* Start: For Loader */
@media only screen and (max-width: 1200px) {
#navbarSupportedContent .input-group {width:58%; margin-right:6%;}
}
/* Start: For Loader */
@media only screen and (max-width: 640px) {
.loader {
left: 35% !important;
}
}
@media only screen and (max-width: 768px) {
.loader {
left: 42% !important;
}
}
.loader_bg {
width: 100%;
background-color: #FFF;
position:fixed;
height: 100%;
top: 110px;
opacity: 1;
left: 0pt;
z-index:9998;
}
/* End: For Loader */
.rightMenuBox li:hover {background-color: #E4E6E9 !important; border-radius: 25px; }