.navbar-brand.navbar-brand-center {
    float: none;
    height: 4.715rem;
    padding: 0;
    margin: 0;
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 22px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.site-navbar .navbar-header .navbar-brand-logo {
    height: 70px;
    
    margin-top: 2px;
}

.author-name {
    color: #F69B97;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
    font-weight: 600;
}

.form-material.has-warning .form-control-label,
.form-control-feedback,
.error {
    color: #f44336;
}

.form-control-feedback {
    margin-left: 15px;
}

/* Side modal */
.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0)scale(1);
    transform: translate(100%, 0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-content {
    width: 100%;
}

.modal-dialog .slidePanel-header {
    position: relative;
    padding: 40px 30px;
    padding-right: 120px;
    color: #fff;
}

.modal-dialog .slidePanel-actions {
    float: right;
    margin: 0;
    margin-left: 15px;
    text-align: right;
    list-style: none;
}

.modal-dialog .slidePanel-header .stage-name {
    margin-top: 11px;
    font-size: 20px;
    font-weight: bold;
}

.text-bold {
    font-weight: 600;
}

.custom-nav-tabs .active {
    display: block;
}

.custom-nav-tabs .hide {
    display: none;
}

/* End Side modal */

.app-contacts table>tbody>tr>td, .app-contacts table>thead>tr>td {
    vertical-align: middle;
    word-wrap: break-word;
}
 
.app-contacts table>tbody>tr>th, .app-contacts table>thead>tr>th {
    white-space: nowrap;
    vertical-align: middle;
    word-break: break-word;
}


.app-contacts table .avatar {
    margin-right: 10px;
    vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_info {
    position: unset;
}

#toast-container>.toast {
    width: 700px;
    /* width: 100% */
}

.navbar-inverse .navbar-toolbar .nav-link {
    color: #F69B97 !important;
}

.navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after,
.navbar-inverse .hamburger:before {
    background: #F69B97;
}

.site-menu>.site-menu-item.active>a {
    color: #F69B97;
}

.page-item.active .page-link {
    color: #fff;
    border-color: #F69B97;
    background: #F69B97;
}

.btn btn-primary {
    color: #fff !important;
    background: #F69B97 !important;
}


.swal2-confirm.swal2-styled {
    background: #F69B97 !important;
    box-shadow: none !important;
}

.custom-section-class {
    background: #fff;
    padding: 30px 20px 0px;
    margin-bottom: 40px;
}

.custom-section-class .card {
    background-color: #f3f4f5;
}

.sec-title-wp h3.section-title {
    margin: 0px 0px 15px;
}

.long-text {
    word-wrap: break-word;
    max-width: 100px;
}

.badge {
    padding: 6px 8px;
    line-height: normal;
    font-size: 90%;
}

.table-responsive a i {
    color: #757575;
}

.table-responsive a:hover {
    /* background: #F69B97;
    color: white; */
}

.table-responsive a svg {
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 1px;
}

.hover-link {
    position: relative;
}

.hover-link span.hover-text {
    display: inline-block;
    position: absolute;
    bottom: -19px;
    left: 50%;
    background: #F69B97;
    padding: 3px 6px 1px;
    transform: translate(-50%, 10px);
    z-index: 2;
    color: #757575;
    font-size: 11px;
    font-weight: 400;
    transition: all 400ms ease;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    box-shadow: -3px 2px 10px 2px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.hover-link:hover span.hover-text {
    opacity: 1;
    visibility: visible;
}

.hover-link span.hover-text:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #F69B97;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}

.site-menubar-unfold .site-menu>.site-menu-item.hover>.site-menu-sub.sm-sub-down,
.site-menubar-unfold .site-menu>.site-menu-item:hover>.site-menu-sub.sm-sub-down {
    position: static !important;
    left: unset !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}




.tabbing-wp-main .nav-tabs {
    border-bottom: 1px solid #f1f1f1;
}

.tabbing-wp-main .nav-tabs .nav-link:not(.active) {
    background: #f0f1f7;
}
.tabbing-wp-main .nav-tabs .nav-link {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.tabbing-wp-main .nav-tabs .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #f69b97;
}

.gap-v5{gap: 15px;}

.sidebar-table-content.tab-content .tab-pane {
    background: #fce6e5;
    
}

.sidebar-table-content.tab-content .tab-pane table{background: transparent;}


/**/
.bootstrap-tagsinput {
    width: 100%;
    min-height: 38px;
}
#mealPhotoPreview, #modalMealPhotoPreview {
    max-width: 200px;
    max-height: 100px;
    display: none;
    margin-top: 10px;
}

.meal_details-form .form-group, .foodItemModal-main .form-group{margin-bottom: 20px; }
.mh-tab-title-main {display: flex; }

.mealHighlights_row{display:flex;align-items:center;margin:15px 0px;}
.mealHighlights-lists-main{padding:10px 0px;}
.mealHighlights-photo{width:40px;height:40px;border-radius:10px;background:#f1f1f1;}
.mealHighlights_row .mealHighlights-text{width:calc(100% - 40px);font-size:16px;padding-left:15px;line-height:1.3;}
.mealHighlights-photo img{width:100%;height:100%;object-fit:cover;}

.mh-tab-title-main ul.mh-tab-title-ul{background:#F3F3F3;display:flex;flex-wrap:wrap;border-radius:20px;border:none;}
.mh-tab-title-main .nav-tabs .nav-link.active,.mh-tab-title-main .nav-tabs .nav-item.show .nav-link{background:#18391B;color:#fff;}
.mh-tab-title-main .nav-tabs .nav-link{border-radius:20px;color:#000;font-size:16px;border: none;}
.mh-tab-title-main .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color:#18391b;background: transparent;}

/* Food/Recipe*/
.bootstrap-tagsinput {
    width: 100%;
    min-height: 38px;
}
#mealPhotoPreview, #modalMealPhotoPreview {
    max-width: 100px;
    max-height: 100px;
    display: none;
    margin-top: 10px;
}

.meal_details-form .form-group, .foodItemModal-main .form-group{margin-bottom: 20px; }
.mh-tab-title-main {display: flex; }

.mealHighlights_row{display:flex;align-items:center;margin:15px 0px;}
.mealHighlights-lists-main{padding:10px 0px;}
.mealHighlights-photo{width:40px;height:40px;border-radius:10px;background:#f1f1f1;}
.mealHighlights_row .mealHighlights-text{width:calc(100% - 40px);font-size:16px;padding-left:15px;line-height:1.3;}
.mealHighlights-photo img{width:100%;height:100%;object-fit:cover;}

.mh-tab-title-main ul.mh-tab-title-ul{background:#F3F3F3;display:flex;flex-wrap:wrap;border-radius:20px;border:none;}
.mh-tab-title-main .nav-tabs .nav-link.active,.mh-tab-title-main .nav-tabs .nav-item.show .nav-link{background:#18391B;color:#fff;}
.mh-tab-title-main .nav-tabs .nav-link{border-radius:20px;color:#000;font-size:16px;border: none;}
.mh-tab-title-main .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color:#ffffff;background: #18391B;}

.custom-check .form-check-input-v1{padding:0;height:initial;width:initial;margin-bottom:0;visibility:hidden;opacity:0;cursor:pointer;position:absolute;}
.custom-check label.form-check-label{position:relative;cursor:pointer;padding-left:25px;font-size:16px;}
.custom-check label:before{content:'';-webkit-appearance:none;background-color:transparent;border:2px solid #D4D4E3;padding:7px;display:inline-block;position:absolute;vertical-align:middle;cursor:pointer;margin-right:5px;left:0px;top:3px;border-radius:3px;}
.custom-check input:checked + label:after{content:'';display:block;position:absolute;top:4px;left:7px;width:5px;height:12px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.custom-check{position:relative;padding-left:0px;margin-right:20px;margin-bottom:8px;}
.custom-check input:checked + label:before{background:#F69B97;border-color:#F69B97;}
/* select.form-control{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><polygon points="0,0 20,0 10,10" fill="%23000000"/></svg>');background-repeat:no-repeat;background-position:right 10px top 15px;background-size:13px;padding-right:30px;} */


.bootstrap-tagsinput {background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 4px 6px; color: #555; vertical-align: middle; border-radius: 4px; max-width: 100%; line-height: 22px; cursor: text; }
.bootstrap-tagsinput input {border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; }
.bootstrap-tagsinput.form-control input::-moz-placeholder {color: #777; opacity: 1; }
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {color: #777; }
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {color: #777; }
.bootstrap-tagsinput input:focus {border: none; box-shadow: none; }
.bootstrap-tagsinput .tag {margin-right: 2px; color: white; }
.bootstrap-tagsinput .tag [data-role="remove"] {margin-left: 8px; cursor: pointer; }
.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "x"; padding: 0px 2px; }
.bootstrap-tagsinput .tag [data-role="remove"]:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }


.input-tags {width: 100%; padding: 15px; display: block; margin: 0 auto; }
.label-info {background-color: #F69B97; padding: 3px; }
.bootstrap-tagsinput .tag{margin-bottom:10px;display:inline-block;padding:5px 10px;font-size:16px;border-radius:5px;}
.bootstrap-tagsinput{padding-top:8px;padding-left:8px;}


.dragBox{display:flex;align-items:center;justify-content:center;width:100%;height:220px;position:relative;text-align:center;color:#363636;border:2px dashed #f69b97;transition:transform 0.3s;border-radius:6px;background:#fff;font-weight:normal;}
.dragBox input[type="file"]{position:absolute;height:100%;width:100%;opacity:0;top:0;left:0; cursor: pointer;z-index: 3;}
.draging{transform:scale(1.1);}
#preview{text-align:center;}
#preview img{max-width:100%;}
.dragBox-text .logo-title {margin-bottom: 30px; font-size: 18px; font-weight: 400; } 
.dragBox-text{display:flex;flex-direction:column;}
.dragBox-text .uploads-icon{width:50px;height:50px;line-height:50px;margin:0px auto 15px;}
.dragBox-text .uploads-icon img{display:inline-block;width:100%;height:100%;object-fit:contain;}
.dragBox-text div{line-height:normal;}
.preview-main{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.preview-main img{width:auto;max-width:100%!important;padding:10px;max-height:200px;}


/**/
.custom-radio {
    position: relative;
    padding-left: 0px;
    margin-right: 20px;
    margin-bottom: 8px;
}

.custom-radio .form-check-input-v1 {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.custom-radio label.form-check-label {
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    font-size: 16px;
}

/* Custom radio button styling */
.custom-radio label:before {
    content: '';
    background-color: transparent;
    border: 2px solid #D4D4E3;
    padding: 7px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    left: 0px;
    top: 3px;
    border-radius: 50%; /* Making it circular */
}

/* Radio button checked state */
.custom-radio input:checked + label:before {
    background: #F69B97;
    border-color: #F69B97;
}

/* Custom check mark inside the radio */
.custom-radio input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
}

.addfoodrecipeitems{margin-top: 10px;}


/**/
/*.ui-autocomplete{display: block!important;}*/
.addSearch-dropdown .mealHighlights_row button.add-btn {background: #f69b97; cursor: pointer; color: #fff; border: none; width: 35px; height: 35px; font-size: 25px; line-height: 1; border-radius: 100%; position: absolute; right: 0px; top: 3px; }
.addSearch-dropdown .mealHighlights_row {position: relative; padding-right: 45px;margin: 5px 0px;}
.addSearch-dropdown .mealHighlights_row button.add-btn[disabled] {opacity: 0.5; }
.addSearch-dropdown .mealHighlights_row .mealHighlights-photo {overflow: hidden; }
.autocomplete-suggestion.addSearch-dropdown {padding: 5px 15px !important; }
.autocomplete-suggestion.addSearch-dropdown:hover {background: #feecec; border-color: #f69b97 !important; color: #000; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #000 !important;
    background: #feecec !important;
    border-color: #f69b97 !important;
}

.addSearch-dropdown .mealHighlights_row button.add-btn[disabled] ~ .mealHighlights-photo {opacity: 0.5; }
.addSearch-dropdown .mealHighlights_row button.add-btn[disabled] ~ .mealHighlights-text {opacity: 0.5; }
.mealHighlights-photo{overflow: hidden;}
.addSearch-dropdown .mealHighlights_row .mealHighlights-text {max-width: 450px; }

.ui-widget.ui-widget-content {
    max-height: 360px;
    overflow-y: auto;
    overflow-x: inherit;
    padding-right: 1px;
}




.addfoodrecipeitems .mealHighlights_row button.remove-btn {background: #f69b97;cursor: pointer;color: #fff;border: none;width: 80px;height: 35px;font-size: 16px;line-height: 1;border-radius: 100%;position: absolute;right: 0px;top: 3px;border-radius: 7px;}
.addfoodrecipeitems .mealHighlights_row {position: relative;padding-right: 90px;}
.food-recipe-select-main .custom-radio {margin-bottom: 4px; margin-top: 4px; }
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#fce1e0;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f69b97;color:#fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#fce1e0;border:1px solid #aaa;display:flex;flex-direction:row-reverse;align-items:center;padding:5px 10px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-left:10px;margin-right:0px;width:18px;height:18px;line-height:18px;text-align:center;background:#f69b97;color:#fff;font-size:15px;border-radius:100%;}



.mh-auto{max-height: none !important;}
.modal-dialog .btn-default.btn-flat{background: #000;}
.btn-default.btn-flat:focus, .btn-default.btn-flat:hover {color: #fff;}
.mealplantable .avatar img{ border-radius: 4px;}


@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length {text-align: left !important; }

}