/*
/*
Theme Name: essa
Theme URI: http://essa.pl/
Description: Theme essa
Tags: essa
Version: 1.0
Author: essa
Author URI: http://essa.pl
*/




/* SITE */

body { background: #ffffff;}

html { scroll-behavior: smooth; }
@media (min-width: 992px) {
    .navbar-expand-lg, .navbar-expand-lg>[class*=container] {padding-right: 12px!important; padding-left: 12px!important;}
}


header .navbar-brand img { width: 320px; max-height: 100%;}
header .container { max-width: 1400px;}
header span.for { color: #283e59; font-size: 23px;}
header ul.menu { list-style: none; margin: 0px; margin-right: 15px;}
header ul.menu li { display: inline;}
header ul.menu li a { display: inline-block; padding-left: 12px; color: #283e59; font-size: 23px;}
header ul.menu li.current-menu-item a { font-weight: bold;}
.navbar-light { background: none; padding-top: 45px!important; border-bottom:none;}



header .navbar-onlylogo {}
header .navbar-onlylogosecondary { background:#fff;}
header .navbar-onlylogosecondary img { width: 195px; max-height: 100%;}



@media only screen and (max-width: 992px) {
    header .navbar-brand { margin: auto;}
}


.footer { border: none; padding:2rem 0px; background: #F0F2F5; color:#202124; padding-bottom: 5rem;}
.footer .container { max-width: 1400px;}
.footer a { color: #5f6368;}
.footer a:hover { color: #202124;}
.footer ul li a { text-align: left; display: block;}
.footer-menu ul { list-style: none; margin: 0px; padding: 0px;}
.footer-menu ul li {display: inline-block;}
.footer-menu ul li a { padding-right: 15px;}
.footer .header-pretitle { margin-top: 2rem; margin-bottom: 1rem; font-size: .7rem; color: #95aac9;}
.footer-logo { text-align: center; }
.footer-logo img { max-width: 200px; margin-top: 2rem; margin-bottom: 2rem;}
.footer hr { border-top:1px solid #DADCE0; margin-top: 1rem; margin-bottom: 1rem;}
.footer .copyright {}

@media only screen and (max-width: 768px) {
    .footer-menu ul { text-align: center; margin-bottom:2rem;}
    .footer-menu ul li {display: block; border-bottom: none;}
    .footer-menu ul li a { padding: 5px 0px; text-align: center; margin-bottom: 8px; margin-top:8px; font-size: 18px;}
    .footer .copyright { text-align: center; margin-top: 1.25rem;}
}

ul.language-switcher { list-style: none; padding: 0px; margin: 0px; text-align: right;}
ul.language-switcher li {display: inline-block;}
ul.language-switcher li a { margin-right: 7px; border:1px solid #ffffff00; border-radius: 5px; padding: 3px 6px}
ul.language-switcher li.current-lang a { font-weight: bold; border:1px solid #e3ebf6; background: #e3ebf6;}
ul.language-switcher li.no-translation { display: none;}

@media only screen and (max-width: 768px) {
    ul.language-switcher { text-align: center;}
}

@media only screen and (max-width: 768px) {
    .copyright { text-align: center;}
}

#cookie-notice  {
    bottom: 25px;
    font-size: 11px;
    color: #00000091;
    position: fixed;
    border-radius: 8px;
    padding: 20px;
    background: #ffffff;
    border:1px solid #DADCE0;
    z-index: 1;
    max-width: 320px;
}
#cookie-notice  .btn-outline-primary {
    background: #4e5256;
    border:1px solid #4e5256;
    color: #ffffff;
    font-size: 11px;
    padding: 2px 10px;
}
@media only screen and (max-width: 768px) {
    #cookie-notice  {
        width: 100%;
        min-width: 100%;
        border-left: none;
        border-bottom:none;
        border-right: none;
    }
    #cookie-notice  .btn-outline-primary {
        display: block; margin-top: 10px;
        font-size: 13px;
        padding: 7px 10px;
        border-radius: 15px;
    }
}
@media only screen and (max-width: 768px) {
    #cookie-notice  { bottom:0px; width: 100%; min-width: 100%;}
    #cookie-notice  .cookie-notice-container { border-radius: 0px; padding-top: 3rem;}
    #cookie-notice  .cn-set-cookie {  background:none; border:none; border:1px solid #333; margin-top: 1rem; margin-bottom: 1rem; color: #333333; font-weight: bold; font-size: 18px;
        padding: 5px 25px;}
}

/* SITE */



/* PAGE */


body.page-template-default h1 { border-bottom: 1px solid #e3ebf6; padding-bottom: 1rem; margin-bottom: 2rem;}
ul.language-switcher-page { list-style: none; padding: 0px; margin: 0px;}
ul.language-switcher-page li {display: inline-block;}
ul.language-switcher-page li a { margin-right: 7px;}
ul.language-switcher-page li.current-lang a { font-weight: bold; color: black;}
ul.language-switcher-page li.no-translation { display: none;}

/* PAGE */



/* HOME PAGE */

/*body.home .navbar-brand img { width:320px;}*/
/*body.home .navbar-light { background: none; padding-top: 45px!important; border-bottom:1px solid #e3ebf600;}*/
/*body.home { background: #ffffff; }*/


.section-software-nav { padding-top: 2rem;}
.section-software-nav .logo { width: 315px; max-width: 335px;}


.home-app-screenshot-mobile { overflow: hidden; margin-right: -1.75rem;}
.home-app-screenshot-mobile img { width: 120%;}


.section-software-screen {
    min-height: 100vh;
    padding: 0px 2rem;
    padding-top: 100px;
    background: #F0F2F5;
    /*background: url(img/bg_header.svg) center bottom no-repeat;*/
    background-size: cover;
    margin-top: -100px;
}
@media only screen and (max-width: 768px) {
    .section-software-screen { padding: 1rem; padding-top: 100px;}
}

@media only screen and (max-width: 768px) {
    .seondary-navbar {}
    .seondary-navbar p { margin: 0px;}
    .seondary-navbar .btn { margin: 15px;}
}



.page-header { padding:3rem; padding-top: 165px; text-align: center; height: 500px;}
.page-header .container { max-width: 900px; margin: auto;}


@media only screen and (max-width: 768px) {
    .display-1 { font-size: 2.5rem; }
    .display-2 { font-size: 2.2rem; }
    .display-3 { font-size: 1.9rem; }
}








/* page-template-tpl_page-aboutus */
body.page-template-tpl_page-aboutus .page-header { background:url("img/about-us-bg.png") center no-repeat; background-size: cover; }
@media only screen and (max-width: 768px) {
    body.page-template-tpl_page-aboutus  .page-header  { background:url("img/about-us-bg-mob.png") center no-repeat;  background-size: cover; }
}
ul.list-atuts { list-style: none; padding: 0px; margin: 0px;}
ul.list-atuts li { font-size: 1.2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; margin-bottom: 1rem;}
ul.list-atuts li .fe { color: #00d97e; display: block; font-size: 3rem;}

/* page-template-tpl_page-jobs */
body.page-template-tpl_page-jobs .page-header, body.post-template-single-job .page-header { background:url("img/careers-bg.png") center top no-repeat; background-size: cover; }
@media only screen and (max-width: 768px) {
    body.page-template-tpl_page-jobs .page-header, body.post-template-single-job .page-header  { background:url("img/careers-bg-mob.png") center top no-repeat; background-size: cover; }
}

/* page-template-tpl_page-knowledge-base */
body.page-template-tpl_page_knowledge-base .page-header { background:url("img/knowledge-base-bg.png") center no-repeat; background-size: cover; }
@media only screen and (max-width: 768px) {
    body.page-template-tpl_page_knowledge-base  .page-header  { background:url("img/knowledge-base-bg-mob.png") center no-repeat;  background-size: cover; }
}


/* Page-template-contact */
body.page-template-tpl_page_contact .page-header, body.page-template-tpl_page_contact .page-header { background:url("img/contact-bg.png") center top no-repeat; background-size: cover; }
@media only screen and (max-width: 768px) {
    body.page-template-tpl_page_contact .page-header, body.page-template-tpl_page_contact .page-header  { background:url("img/contact-bg-mob.png") center top no-repeat; background-size: cover; }
}

.location-card_pin {
    position: absolute;
    fill: #f44236;
    width: 95px;
    right: -28px;
    top: 235px;}
@media only screen and (max-width: 768px) { .location-card_pin {right:25px;}}

.contact-form {}

.contact-form .nf-form-fields-required { display: none;}
.contact-form input[type=button]{

    color: #fff;
    background-color: #2c7be5!important;
    border-color: #2c7be5!important;
    display: block!important;
    font-weight: 400;
    color: #12263f;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5rem .75rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: .375rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.contact-form input[type=button]hover {color: #fff;background-color: #2c7be5!important;border-color: #2c7be5!important;}






.divthumb { min-height: 225px;}







.home_app_screenshot_wrapper_anim {}
.home_app_screenshot_anim { background-image:url("./home_app_screenshot_bg_v5.png"); background-repeat: no-repeat; background-size:100%; height: 600px; width: 855px; position: relative;
    overflow-x: hidden; overflow-y:hidden; }

.home_app_screenshot_anim .container-flex { }
.home_app_screenshot_anim img.home-wrapper { border:1px solid #ccc; width: 100%; display: none;}
.home_app_screenshot_anim .section_pc { display: block;  position: absolute;top: 87px;left: 132px;  width: 582px; height: 368px; padding: 25px;}
.home_app_screenshot_anim_gallery { margin-top: 5px; width: 480px;}
.home_app_screenshot_anim_gallery .col { padding-right: 7px; text-align: center;}
.home_app_screenshot_anim_gallery a { color: #333; font-size: 12px; display: block; border-radius:5px;}
.home_app_screenshot_anim_gallery a:hover {}
.home_app_screenshot_anim_gallery a div { margin-bottom: 15px; display: block; border-top-right-radius: 5px; border-top-left-radius: 5px; height: 145px; width: 100%;}
.home_app_screenshot_anim_gallery a.item-1 div { background: url("./home_dish_item_1.png") center no-repeat; background-size: cover;}
.home_app_screenshot_anim_gallery a.item-2 div { background: url("./home_dish_item_2.png") center no-repeat; background-size: cover;}
.home_app_screenshot_anim_gallery a.item-3 div { background: url("./home_dish_item_3.png") center no-repeat; background-size: cover;}


@media only screen and (max-width: 575.98px) {
    body.page-template-home_page { background: none!important;}
    .home_app_screenshot_wrapper_anim {
        /*border:1px solid yellow;*/
        height: 600px;
        width: 100%;
        overflow: hidden;
        float: right;
        margin-right: -44px;

    }
    .section_mob {
        display: none;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    body.page-template-home_page { background: none!important;}
    .home_app_screenshot_wrapper_anim {
        height: 600px;
        width: 100%;
        overflow: hidden;
        float: right;
        margin-right: -44px;
    }
    .section_mob {
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    body.page-template-home_page { background: none!important;}
    .home_app_screenshot_wrapper_anim {
        /*border:1px solid red;*/
        height: 600px;
        width: 100%;
        overflow: hidden;
        float:right;
        margin-right: -44px;
    }
    .section_mob { display: none;}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    body.page-template-home_page{ background: none!important;}
    .home_app_screenshot_wrapper_anim {
        height: 600px;
        width: 100%;
        overflow: hidden;
        float:none;
    }
    .section_mob { display: block; top: 120px; right: 0px;}
}
@media only screen and (min-width: 1200px) {
    body.page-template-home_page { background: none!important;}
    .home_app_screenshot_wrapper_anim {
        /*border:1px solid silver;*/
        height: 600px;
        width: 755px;
        overflow: hidden;
        float: right;
        margin-right: -44px;
    }
    .section_mob { display: block; top: 120px;
        right: -20px;}
}
@media only screen and (min-width: 1390px) {
    body.page-template-home_page{
        background: url(img/home_app_screenshot_woman_v2.jpg) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-position: calc(100% + 1150px) calc(100% - -280px) !important;

    }
    .home_app_screenshot_wrapper_anim {
        height: 600px; width: 855px;
        margin-right: 0px;
    }
    .section_mob { display: block; top: 120px; right: 0px;}
}

.section_mob .tabcontent { display: none;}
.section_mob .home_app_screenshot_anim_gallery { max-width: 100%; margin-top: 0px;}
.section_mob .home_app_screenshot_anim_gallery a { padding: 0px;}
.section_mob .home_app_screenshot_anim_gallery a div { border-radius: 0px; margin-bottom: 5px; height: 215px;}
.section_mob .home_app_screenshot_anim_gallery a p { margin-bottom: 0px;}
.section_mob .home_app_screenshot_anim_gallery a.item-1 div { background: url("./home_dish_item_1.png") bottom no-repeat; background-size: 170%;}
.section_mob .home_app_screenshot_anim_gallery a.item-2 div { background: url("./home_dish_item_2.png") bottom no-repeat;background-size: 170%;}
.section_mob .home_app_screenshot_anim_gallery a.item-3 div { background: url("./home_dish_item_3.png") bottom no-repeat;background-size: 170%;;}
.section_mob .home_app_screenshot_anim_gallery a.item-4 div { background: url("./home_dish_item_4.png") bottom no-repeat; background-size: 170%;}

.btn-cta {border-radius: 35px; border:4px solid #e3ebf6; padding: 15px 35px; font-size: 21px;}
.btn-cta-login {
    border-radius: 35px;
    border: 4px solid #ffffff;
    padding: 15px 35px;
    font-size: 21px;
    background: #fff;}




.home_app_screenshot_anim .section_mob {
    position: absolute;
    width: 264px;
    height: 490px;
    background: url("img/home_cellphone_bg.png");
    background-repeat: no-repeat;

}
.home_app_screenshot_anim .section_mob_content { position: absolute;
    top: 83px;
    left: 36px;
    width: 198px;
    height: 262px;
)
}


.img-izz-home-logo { max-width: 100px;}
.img-izz-home-logo { max-width: 100px;}

.section-software-screen .container { max-width: 1400px;}
.section-software-promo { padding: 3rem 0px;}
.section-software-promo img { max-width: 200px;}
.section-software-promo img:nth-child(1) {}

.section-software-values { padding: 4rem 0px; background: #ffffff;}
.section-software-values .values-icon { margin-bottom: 1rem; max-width: 48px;}

@media only screen and (max-width: 768px) {
    .section-software-values .values-icon { display: none; }
}

.section-software-values img.img-values { width:100%; max-width: 225px; margin: auto; margin-bottom: 25px;}
.section-software-values-item { padding: 2rem 0px;}
.section-software-device { padding-top:3rem;

    background: -moz-linear-gradient(top,  rgba(251,251,251,0) 0%, rgba(251,251,251,0) 1%, rgba(252,252,252,1) 20%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(251,251,251,0) 0%,rgba(251,251,251,0) 1%,rgba(252,252,252,1) 20%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(251,251,251,0) 0%,rgba(251,251,251,0) 1%,rgba(252,252,252,1) 20%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#ffffff',GradientType=0 );

}
.section-software-for { padding: 3rem 0px;}
.section-software-reviews { padding: 3rem 0px;}
.section-software-footer-cta { padding: 3rem 0px;}
.section-software-description {padding: 3rem 0px;}
.faq-list {}
.faq-list h3 { cursor: pointer; font-size: 1.5rem!important;}
.faq-list p {}
.faq-list div {}

.section-software-faces { padding: 3rem 0px; text-align: center;}
.section-software-faces img { margin: 3px; max-width: 64px; border-radius: 50px;}


.section-contact { padding: 3rem 0px;}

.section-software-schema {}
.section-software-schema .schema-icons img { width: 48px; display: block; margin: auto; margin-top: 1rem; margin-bottom: 1rem;}
.section-software-schema .schema-icons img a { color: #0a3536}


/* HOME PAGE */



/* LANDING PAGE */
.landing {}
.landing .container-custom { max-width: 1400px; margin: auto;}
.landing .section-software-landing-hero {}

.landing .section-software-landing-hero {
    min-height: 100vh;
    padding: 0px 2rem;
    padding-top: 100px;
    background: #F0F2F5;
    /*background: url(img/bg_header.svg) center bottom no-repeat;*/
    background-size: cover;
    margin-top: -100px;
}

.landing .landing-img img { border-radius: 10px; max-width: 100%; box-shadow: 0 1rem 2.5rem rgba(18,38,63,.1),0 .5rem 1rem -.75rem rgba(18,38,63,.1)!important;}


@media only screen and (max-width: 768px) {
    .landing .landing-img img {border-radius: 0px;}
}



/* Effects */
.lift-alter:focus, .lift-alter:hover {
    transform: translate3d(0,-3px,0);
}
.lift-alter {
    transition: transform .25s ease;
}

.fade-in {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

/* Effects */


/* Delete Yellow input */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 50s ease-in-out 0s;
}
/* Delete Yellow input */


/* Layout */



.btn-xl {
    padding: .2rem 3rem;
    font-size: 1.3rem;
    line-height: 2.5;
    border-radius: 0.7rem;
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle {
    color: #fff!important;
    border-color: #6e84a3!important;;
    background-color: #6e84a3!important;;
}


.input-group-one-active input:focus {
    width: 80%;
}

.chart-icon-custom-xs { width: 13px; height: 13px; margin-top: -3px;}
.chart-icon-custom-sm { width: 20px; height: 20px; }
.chart-icon-custom-md { width: 32px; height: 32px;}


.wallpaper-lt { width: 100%; height:100%; position: fixed; top:0px; left: 0px; background:url("img/home-lt-bg.png") no-repeat;  background-size: contain; background-position: 220px -0px; }
.wallpaper-rb { width: 100%; height:100%; position: fixed; bottom:0px; right: 0px; background:url("img/home-rb-bg.png") no-repeat right bottom; background-size: contain;}



.section-software-nav { padding: 0.5rem 2rem;
    line-height: 50px;
    margin-bottom: 5px;
    box-shadow: none;
    background: none;
    padding-top: 2rem;
}

.section-software-nav .container,.section-software-nav .container-fluid  { max-width: 1400px;}
.section-software-nav .logo { width: 215px; max-width: 235px; width: 315px; max-width: 335px;}
.section-software-nav .flags { margin-right: 25px;}
.section-software-nav .flags img { width: 24px;}

@media only screen and (max-width: 768px) {
    .section-software-nav { padding: .2rem 1rem;}
    .section-software-nav .logo { width: 215px; max-width: 235px;}
}


/* Layout */




/* Ok */
.table-menu tbody td input {
    border: 0px!important; padding: 0px!important; text-align: right!important;}
.table-menu tbody td .input-group-text {
    border: 0px!important; padding: 0px!important; }
/* Ok */



/* Delete */

/* Delete */





/* Collections */
.add-to-collection-dopdown-view-body .text-truncate { margin-left: 5px;}
a.list-group-item-link { padding: 1rem 1.5rem; display: block;}
a.list-group-item-link:hover { background: #fff2d0;}
.navbar-collapse:before { border:none; }
/* Collections */










/* Food Browser */

.card-search-collection { border:none; height: 180px;}
.card-search-collection .card-title { color: #ffffff; margin-bottom: 0px;}
.card-search-collection .card-body {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 100%) !important;
    position:absolute; bottom:0px;
    border-radius: .5rem;
    width: 100%;
}
.card-search-collection .card-body p { margin-bottom: 0px; color: #ffffff;}

.btn-group-food-search li.dropdown-menu-search { padding: 0rem .5rem;}
.btn-group-food-search .dropdown-menu {  max-height: 300px; overflow: auto;}
.btn-group-food-search .dropdown-item { padding: .1rem .6rem;}
.btn-group-food-search .dropdown-header {
    padding: .5rem .6rem;
    border-top:1px solid #e3ebf6;
    margin-bottom: .5rem;
    margin-top: .5rem;
}
/* Food Browser */





.food-control-panel {}
.food-control-panel-secondary { padding: 1.5rem; max-width: 450px; margin: auto;}

.form-group { margin-bottom: .85rem;}
.form-control-flush { border-radius:0px!important;}
.form-control-flush.border-bottom { border-bottom:1px solid #D0D6E2!important;}
.form-control.form-control-flush:disabled, .form-control.form-control-flush[readonly] { background: none;}

.table.table-group tr td .btn { min-width: 150px;}
.table.table-group tr.parent td { padding-bottom: .25rem;}
.table.table-group tr.children td { border:none; padding-top:.25rem; padding-bottom: .25rem;}
.table.table-group tr.children td.group-name { padding-left: 2rem;}
.table.table-group tr.children td.group-author {}


/* Groups Alergens / Exclude */
.addGroupAllergensWrapper {}
.addGroupAllergensWrapper .btn-white { border:1px solid #283e59}
.addGroupAllergensWrapper .strong { font-weight: bold; font-size: 1.2rem;}
.addGroupAllergensWrapper .btn-outline-secondary {text-decoration: line-through; opacity: 0.45; cursor: default; border:1px solid #283e59; color: #283e59;}
.addGroupAllergensWrapper .btn-outline-secondary:hover { background: white;}
.addGroupAllergensWrapper .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { background: white;}
.addGroupAllergensWrapper .btn.focus, .btn:focus {box-shadow: 0 0 0 0.15rem rgba(0,0,0,0)!important;}
.addGroupAllergensWrapper .btn-outline-danger {text-decoration: line-through;}



/* Components */
.directions_list_info td { border: none;}
.directions_list_edit td { border: none;}
.ingredients-public-detail-calc { max-width: 400px;}

.dish-detail-ingredients-list, .dish-edit-ingredients-list {}
.dish-detail-ingredients-list li, .dish-edit-ingredients-list li { padding: .375rem .75rem; border: none; border-radius: 5px;}
.dish-detail-ingredients-list li:hover, .dish-edit-ingredients-list li:hover { box-shadow: inset 0 0 2px #6e84a3; }

.modal-content .dish-detail-ingredients-list li, .dish-edit-ingredients-list li { border: none; border-radius: 5px; margin: 0px;}





.icon-blue {
    -webkit-text-fill-color: #1A237E;
    color: #1A237E;
}





/* Nutritions Attributes style */

.tooltip-inner { background: #333333; color: #ffffff;}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #333333 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-right-color: #333333 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-right-color: #333333 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-right-color: #333333 !important;
}
.tooltip-inner .nutrition-detail-short {}

.nutrition-detail-header { font-size:  1rem; line-height: 1rem; margin-bottom: 5px; margin-top: 0.5rem;}
.nutrition-detail-weight { font-size:  .7rem; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; letter-spacing: .08em; color: #95aac9; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 0.5rem; margin-bottom: 0.5rem;}
.nutrition-detail-weight span { text-transform: lowercase;}

.nutrition-detail-short { font-size: .8125rem;}
.nutrition-detail-short .nutrition-name { text-align: left!important;}
.nutrition-detail-short .nutrition-value { text-align: right!important;}
.nutrition-detail-short .nutrition-id-3 { font-weight: bold;}
.nutrition-detail-short .nutrition-id-5 { font-weight: bold; color: #976fe8;}
.nutrition-detail-short .nutrition-id-8 { font-weight: bold; color: #52C0BC;}
.nutrition-detail-short .nutrition-id-9 { font-weight: bold; color: #FCB524;}

.nutrition-detail-long { font-size: .8125rem;}
.nutrition-detail-long .nutrition-detail-item { margin-bottom: 0.5rem; }
.nutrition-detail-long .nutrition-detail-item .row .nutrition-name { border-bottom: 1px solid #f9fbfd; }
.nutrition-detail-long .nutrition-detail-item .row .nutrition-value { border-bottom: 1px solid #f9fbfd; text-align: right;}
.nutrition-detail-long .nutrition-detail-item .row:hover .nutrition-name { background: #e3ebf6;}
.nutrition-detail-long .nutrition-detail-item .row:hover .nutrition-value { background: #e3ebf6;}
.nutrition-detail-long .nutrition-detail-item .nutrition-group-name { font-weight: bold; padding: 0.5rem 0px;}

.kcal-badge { display: inline-block; margin: auto; color: #333333;}
.kcal-badge:hover { cursor: help; }
.kcal-badge .kcal-calc { margin: 0px; font-size: .8125rem; }
.kcal-badge img { margin-top:-2px;}



.quantity-badge {}
.quantity-badge .quantity-unit { margin: 0px; font-size: .8125rem; }
.quantity-badge .quantity-amount { margin: 0px;}



.carbs_border input { border-width: 1px; border-style: solid; border-color: #FCB524; }
.fats_border input { border-width: 1px; border-style: solid;  border-color: #52C0BC; }
.proteins_border input { border-width: 1px; border-style: solid; border-color: #976fe8; }

.form-control-range {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    border-radius: 5px;
    background: #e3ebf6;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.form-control-range:hover {opacity: 1;}
.form-control-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.form-control-range::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.carbs_range .form-control-range {}
.fats_range .form-control-range {}
.proteins_range .form-control-range {}
.carbs_range .form-control-range::-webkit-slider-thumb { background: #FCB524!important;}
.fats_range .form-control-range::-webkit-slider-thumb { background: #52C0BC!important;}
.proteins_range .form-control-range::-webkit-slider-thumb { background: #976fe8!important;}







.shopping-list-check { display: none;}

/* Loader */
.is-loading { padding:10px; text-align: center; font-size: 0.8rem;}
.is-loading img { display: block; margin: auto;}




/* Modificator Dahskit */
body.page-template-tpl_patients .card , body.page-template-tpl_menu .card { }
body.page-template-tpl_pricing  { background:#ffffff url("img/pricing-plan-bg.png") center top no-repeat; background-size: 100%; }
body.page-template-tpl_contact  { background:#ffffff url("img/contact-bg.png") center top no-repeat ; background-size: 100%; }
body.page-template-tpl_careers  { background:#ffffff url("img/careers-bg.png") center top no-repeat ; background-size: 100%;  }
body.page-template-tpl_about-us  { background:#ffffff url("img/about-us-bg.png") center top no-repeat ; background-size: 100%;  }

@media only screen and (max-width: 768px) {
    body.page-template-tpl_pricing  { background:#ffffff url("img/pricing-plan-bg-mob.png") center top no-repeat ; background-size: 100%; }
    body.page-template-tpl_contact  { background:#ffffff url("img/contact-bg-mob.png") center top no-repeat; background-size: 100%; }
    body.page-template-tpl_careers  { background:#ffffff url("img/careers-bg-mob.png") center top no-repeat; background-size: 100%;  }
    body.page-template-tpl_about-us  { background:#ffffff url("img/about-us-bg-mob.png") center top no-repeat ; background-size: 100%; }
}

/* Patient Detail */




.excludedGroupsComponent {padding:1rem; min-height: 5rem;
    background-color: #fff;
    border: 1px dashed #d2ddec;
    border-radius: .375rem;
    font-size: 1.2rem;
}

.excludedGroupsComponent .badge.badge-danger { margin: 3px; background: #edf2f9; color: #333333;}
.excludedGroupsComponent .btn-danger { background: #edf2f9; color: #333333;}



.browserScreen { background: #ebebed;border: 3px solid transparent; border-radius: 8px; min-width: 100%; width: fit-content; max-width: 100%; margin: auto;}
.browserScreen .browserWindowButtons svg {height: 27px; width: 90px;}
.browserScreen .browserWindowContent { background: #ffffff;}
.browserScreen .browserWindowContent img { max-width: 100%;}




/* PAGE HELP */

.link-help { color: inherit;}
.link-help .card-help .card-icon { border:1px solid #ccc; height: 50px; width: 50px; margin-right: 10px; display: inline-block;}
.link-help .card-help .card-content { border:1px solid #ccc; display: inline-block;}
.link-help .card-help h3 { font-weight: bold;}
.link-help .card-help p { margin: 0px;}