/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.01.2014, 13:41:29
    Author     : ReMaker9, Hagen Brunner

red : #d0363f
blau : #89b7ec;
*/


@font-face {
    font-family: 'Signika';
    src: url('../fonts/Signika/Signika-Regular.ttf');
    src:  url('../fonts/Signika/Signika-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





body, html
{ 
    margin: 0px;
    padding: 0px; 
    font-family: arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:100%;
    min-height: 100%;
    /* background: linear-gradient(to bottom, #ffffff 0%,#f8ffe1 61%,#c3dd66 100%);*/
    /*background: url(../img/hintergrund.png);*/
    background: url(../img/crossword.png);
    /*background-attachment: fixed;
    background-position: bottom;
    background-repeat-y: no-repeat;*/
}


h1, h2, h3, h4, h5, h6
{
    font-family: Signika;
}



.SettingMenu
{
    display:none;
    margin-top: 30px !important;
}

.WeightDiagramm
{
    display:none;
}

.MainMenu
{
    display:block;
}

.l_Today2Container, .l_FeedBack, .l_GroupContent, .l_Statics, .l_News, .l_CourseContent
{
    display:none;
}

.l_SearchFoodContainerHeader
{
    position: fixed;
    width: 100%;
    background: url(../img/background.png);
}

.l_SearchFoodContainerList
{
    margin-top: 120px;
}


.l_SearchFoodContainer 
{
    display: none;
    /*position: absolute;*/
    /*height: 100%;*/
    width: 100%;
    background: url(../img/background.png);
    z-index: 500;
    overflow-x: hidden;
    box-shadow: 0px 10px 35px #ccc;
}


.AddAilment
{
    margin-top: 65px;
    display: none;
    text-align: center;
}


.l_Wizard.sys-container 
{
    display:none;
}

.l_Group.sys-container 
{
    display:none;
}



.sys-container
{
    margin-top: 0px;
    padding-top: 55px; 
    min-height: 1000px;
    padding-bottom: 55px;
    padding-left: 5px;
    padding-right: 5px;
}

table td {
    vertical-align: middle !important;
    font-size: large;
}

.much
{
    width: 100px;
}

.today
{
    font-size: x-large;
    text-decoration: underline;
}


.goods
{
    width: 100%
}


.NewGood
{
    display:none;
    min-height: 1280px;
}


#l_NewGoodErrorString
{
    display: none;
    color: red;
    font-size: 2em;
}


.WeightDiagramm
{
    display:none;
}



.TodayDiagramm
{
    display:none;
    /*margin-top: 65px;*/
    text-align: center;
}

td.Color
{
    width: 20px;
}

.Legend 
{
    margin: auto;
    border-collapse: separate;
    border-spacing: 6px;
    text-align: left;
}


.WeekDiagramm
{
    display:none;
    text-align: center;
}

.AddWeight
{
    margin-top: 65px;
    display:none;
    text-align: center;
}

.WeekTrend
{
    overflow: hidden;
    text-align: left;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
}


.DoubleUnderline 
{
    border-bottom: double 3px #000000;
}

.row.Sub-header 
{
    font-weight: bold;
}

.WeekTrendContainer .panel-body .row:nth-child(2n) 
{
    background: none repeat scroll 0 0 #f5f5f5;
}




.WeekTrendContainer .row.header.Date 
{
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid black;
    box-shadow: 0 2px 6px 2px black inset;
}


#canvas-holder-Weightweek
{
    width: 100%;
}

.navbar
{
    text-align: left;
    box-shadow: 0px 4px 13px #d4d4d4;
}

.l_Activity
{
    display:none;
}

.l_Dasbord, .l_Rezept, .l_ScheduleAdd , .l_Schedule, .l_BMIInfo
{
    display:none;
}




.OwnFoodsContainer{

}

.Info 
{
    display:none;
    padding-left: 25px;
    padding-right: 25px;
}


.list-group-item:nth-child( 2n )
{
    background: rgba(0, 0, 0, 0) url("../img/white10.png") repeat scroll 0 0;
}

.list-group-item:nth-child( 1n) 
{
    background: rgba(0, 0, 0, 0) url("../img/white40.png") repeat scroll 0 0;
}



.list-group-item.head
{
    background-color: #e7e7e7;
}

.PanelMenuToggle {
    font-size: 33px;
    color: grey;
    margin-left: 10px;
    width: 100%;
    display: block;
    position: absolute;
}
#PanelMenu
{
    /*display:none;*/
    position: fixed;
    top: 0px;
    left : 0px;
    height : 100%;
    width : 0%;
    overflow-x: hidden; 
    background: #93c54b none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
}

#PanelMenu.opened  
{
    border-right: 1px solid black;
    box-shadow: 5px 0px 15px #000;
}



/* 
@media (max-width: 800px) 
{
    
    #PanelMenu.opened  
    {
        width : 80%;
    }
    
    
    
    
}
*/







#PanelMenu.opened li 
{
    transform: translate3d(0px, 0px, 0px);
}

#PanelMenu li 
{
    transition-delay: 100ms;
    transform: translate3d(100%, 0px, 0px);
    transition: transform 0.4s ease 0s;
    left: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    height: 38px;
    right: 0;
    vertical-align: middle;
    margin-top: 12px;
    text-align: left;
    /* font-size: 20px;*/
    font-size: 1.5em;
    white-space:nowrap;
}

@media (max-width: 850px) 
{
    #PanelMenu.opened  
    {
        font-size: 100%;
    } 
}

@media (max-width: 650px) 
{

    #PanelMenu.opened  
    {
        font-size: 80%;
    }

    #PanelMenu .fa 
    {
        width: 25px !important;
    }
}

#PanelMenu li a
{
    color: #fff;
    font-family: Signika;
    font-size: 120%;
}

#PanelMenu .fa 
{
    width :30px;
}

.l_SportDate , .l_WeightDate
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    padding-top: 11px;
}

.ActivityForm
{
    height:0;
    overflow: hidden;
}

.AilmentForm
{
    height:0;
    overflow: hidden;
}


.TodayConsumtionForm
{
    height:0;
    overflow: hidden;
}
.HeaderRow 
{
    background: rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid black;
    font-size: 24px;
    padding: 5px;
    border-top: 1px solid #ccc;
}


.row.danger
{
    background-color: #f2dede !important;
}


.SyncPanel
{
    /*display:none;*/
}


.SettingsSportPanel
{
    display:none;
}

.green
{
    color:green;
}

.yellow
{
    color:orange;
}

.red
{
    color:red;
}

.ConsumtionElement 
{
    font-size: 18px;
}

.ConsumtionElement .Name, .ConsumtionElement .Time 
{
    font-size: 18px;
}

.btn_ConsumtionDateLeft, .btn_ConsumtionDateRight
{
    margin-top: 25px;
}


.l_Today2Legend
{
    font-weight: bold;
    font-size: 21px;
    text-decoration: underline;
}

.l_Today2Summary
{
    font-weight: bold;
    font-size: 19px;
}

.l_TodayDate 
{
    text-align: center;
    font-size: 25px;
    padding-bottom: 5px;
    font-weight: bold;
}

.ConsumtionElement .Much {
    padding-bottom: 10px;
}


.InfoLegend
{

    font-size: 20px;
}

.InfoLegend .Icon 
{
    font-size: 20px;
}

.Info.sys-container
{
    font-size: 17px;
}



.WeekTrendContainer .AilmentRow
{
    background-color: #f2dede !important;
}

.ConsumtionElement:nth-child( 2n )
{
    background: rgba(0, 0, 0, 0) url("../img/white40.png") repeat scroll 0 0;
}


.ConsumtionElementMenu
{
    background : rgba(0, 0, 0, 0) url("../img/white90.png") repeat scroll 0 0;
    display:none; 
    position: fixed;
    top: 250px;
    width: 90%;
    left: 5%;
    min-height: 10%;
    z-index: 500;
    border-radius: 15px;
    color: black;
    padding: 20px;
    font-size: 50px;
    border: 1px solid #ccc;
    vertical-align : middle;
    -webkit-transform:translateZ(0);
}

.l_Rezept
{
    display:none; 
}




.ConsumtionElementMenu li
{
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: url("../img/white40.png");
    text-align: center;
    margin-bottom: 25px;
}


.progress-text 
{
    margin: auto;
    padding: 5px;
    font-weight: bold;
    margin-left: 48%;
    color: white;
}


.myProgressbar, .ArchivmentProgresbarBlak
{
    width: 7%;
    height: 30px;
    display: block;
    margin-top: -20px;
}

.progress-bar-good {
    background-color: #93c54b;
}



.autocomplete-input
{
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 1px 10px #ccc inset;
}


.autocomplete-input-close
{
    position: absolute;
    right: 13px;
    top: 120px;
    font-size: 30px; 
}

.autocomplete-input-list
{
    /* display:none; */
    padding-left: 5px;
}

.autocomplete-input-list li
{
    display:none;
    text-decoration: none;
    list-style: none;
    padding: 5px;
    width: 100%;
    background: rgba(0, 0, 0, 0) url("../img/white80.png") repeat scroll 0 0;
    border-radius: 5px;
    margin: 0px;
    height: 45px;
    font-size: 15px;
    margin-bottom: 7px;
    white-space: nowrap;
    padding-top: 4px;
}


.autocomplete-input-list li.own
{
    border: 1px solid grey;
}

.autocomplete-input-list li h3
{
    font-size: 18px;
    margin: 0px;
}


.CalCount, .PortionCount
{
    font-size: 12px;
    color: #666;
    width: 140px;
    display: block;
    float: left;
}


span.VerifyedFood
{
    background: url(../img/logo_15.png);
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}

.Takebutton
{
    height: 44px;
    width: 100%;
    color: #ffffff;
    background-color: #93c54b;
    /*margin-left: -5px;*/
}

.FoodNameLable
{
    background: white;
    border-radius: 3px;
    padding: 7px;
    border: #ccc solid 1px;
    padding-left: 15px;
}

.btn_Delete
{
    box-shadow: 5px 5px 25px;
}


.row {

    margin-right: 0px ; 
    margin-left: 0px ; 
}

.ConsumtionElement .Name
{
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.l_Dasbord h3 
{
    margin-top: 0;
    margin-bottom: 3px;
}


.l_Dasbord h4 
{
    margin-top: 0;
    margin-bottom: 20px;
}





.btn-default 
{
    color: #ffffff;
    background-color: #93c54b;
    border-color: transparent;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 20px;
    padding-top: 14px;
    height: 50px;
}


.jconfirm-box .buttons
{
    width: 100%;
}

.jconfirm-box .buttons button
{
    width: 48%;
}

.progress
{
    margin-left: 15px;
    background-color: #3e3f3a;
}


.progress-inner
{
    transition: all 3s;
    transition-timing-function: ease-out;
    transition-delay: 1s
}



#ctx_LastFiveDaysDiagrammcanvas-holder
{
    background: white;
    border-radius: 5px;
    box-shadow: 0px 0px 3px black;
    margin: auto;
    margin-left: 15px;
    padding: 5px;
}

#canvas-holder-Weightweek
{
    background: white;
    border-radius: 5px;
    box-shadow: 0px 0px 3px black;
    margin: auto;
    padding: 5px;
}


.l_Dasbord 
{
    display: block;
    /*background: white;*/
    border-radius: 5px;
    margin: 10px;
    margin-top: 69px;
    padding-top: 0px;
    padding-left: 0px;
    /*padding-right: 10px;*/
    width: 97%;
    overflow: hidden;
    margin-right: 0px;
}


.tbl_WeightDiagrammTable , .tbl_WeekWeightDiagrammTable 
{
    /*margin-left: 15px;*/
    background: white;
    width: 100%;
}

.Slow
{
    font-size: 15px;
    color: #777575;
}


.Loadingscreen
{
    /*width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    background: url(../img/background.png);
    z-index: 5000;*/
}

.Loadingscreen img 
{
    width: 30%;
    left: 50%;
    position: absolute;
    margin-left: -15%;
    top: 50%;
    margin-top: -15%;
}


@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}





.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.IntroText
{
    text-align: center;
    font-size: 50px;
    margin-top: 5%;  
}



.tbl_WeightDiagrammTable .row, .tbl_WeekWeightDiagrammTable .row 
{
    margin-left: 0px;
    margin-right: -15px;
}

.TodayConsumtion
{
    margin-top: 20px;
}


hr 
{
    /*margin-top: 35px;
    margin-bottom: 35px;*/
    margin-top: 0px;
    margin-bottom: -1px;
    border-top: 1px solid #DCDCDC;
}

.TodayConsumtion span
{
    margin-right: 5px;
}

.TodayConsumtion .progress > div
{
    height : 25px;
}

.l_Calories
{
    text-align: right;
}

.StaticButton
{
    font-size: 18px;
    text-align: center;
    height: 150px;
    vertical-align: middle;
    border: 1px solid;
    padding-top: 20px;
    border-radius: 100px;
    margin-bottom: 15px;
    background: #93c54b;
    color: #FBFBFB;
    word-wrap: break-word;
    width: 150px;
    box-shadow: 2px 4px 7px #ccc;
    margin-right: auto;
    margin-left: auto;
}

.StaticButton .fa
{
    display: block;
}


.ConsumtionButton
{
    font-size: 11px;
    text-align: center;
    height: 100px;
    vertical-align: middle;
    border: 1px solid;
    padding-top: 17px;
    border-radius: 100px;
    margin-bottom: 15px;
    background: #93c54b;
    color: #FBFBFB;
    word-wrap: break-word;
    box-shadow: 2px 4px 7px #ccc;
    width: 100px;
    margin-right: auto;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}

.ConsumtionButton.No 
{
    padding-top: 25px;
    background: none;
    color: inherit;
    border: 1px solid #93c54b;
    background: white;
}

.ConsumtionButton .fa
{
    font-size: 35px;
}


.ConsumtionButton.No .Counter
{
    display:none;
}

.ConsumtionButton span
{
    margin-right: 10px;
}


.ConsumtionButtonRow
{
    margin-left: -10px;
}

.DashbordButton 
{
    font-size: 16px;
    text-align: center;
    height: 155px;
    vertical-align: middle;
    border: 8px solid #93c54b;
    padding-top: 6px;
    border-radius: 100%;
    margin-bottom: 15px;
    background: white;
    color: #FBFBFB;
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    box-shadow: 2px 4px 7px #ccc;
    width: 165px;
    height: 165px;
    color: #93c54b; 
    margin-left: auto;
    margin-right: auto;
}


.DashbordButton .btn {
    padding: 0px 7px;
}

.DashbordButton .Counter {
    font-size: 29px;
    font-weight: bold;
    color: #3e3f3a;
    font-family: signika;
}

.DashbordButton  .CounterPercent{
    color: #3e3f3a;
}



.DashbordButton.TwoIcon .Counter
{
    font-size: 29px;
    font-weight: bold;
    color: #3e3f3a;
    font-family: signika;
}



.DashbordButton.NotInsert.TwoIcon .Counter
{
    font-size: 20px;
    font-weight: bold;
    color: #3e3f3a;
    font-family: signika;
}


.DashbordButton.TwoIcon .ButtonIcons {
    margin-top: 5px;
    margin-bottom: -22px;
}


.DashbordButton .ButtonLable
{
    font-size: 18px;
}

.l_Dasbord .col-xs-6, .l_Dasbord.col-sm-3
{
    padding-left: 0px; 
}

.DashbordButton.NoIcon 
{
    padding-top: 45px;
    /*height: 90px;*/
}


.DashbordButton img 
{
    height: 50px;
    padding-top: 8px;
}

.DashbordButton img.Wheat
{
    margin-left: -6px;
}


.DashbordButton .fa, .StaticButton .fa
{
    font-size: 45px;
    margin-top: 11px;
    margin-bottom: 0px;
}


.DashbordButton.TwoIcon  .fa
{
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: 4px;
}


.SystemButton
{
    font-size: 13px;
    text-align: center;
    height: 155px;
    vertical-align: middle;
    border: 1px solid;
    padding-top: 15px;
    border-radius: 100px;
    margin-bottom: 15px;
    background: #93c54b;
    color: #FBFBFB;
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    box-shadow: 2px 4px 7px #ccc;

    width: 155px;
    margin-left: auto;
    margin-right: auto;

}

.SystemButton .fa
{
    font-size: 60px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.SystemButton.Active
{
    background: #5b7437;
    box-shadow: 0px 0px 19px 4px #898989;
    font-weight: bold;
    border: 2px solid #fff;
}

.l_Wizard .SystemButton
{
    width: 130px;
    height: 130px;
    font-size: 12px;
    color: #f8f8f8;
}


.l_Wizard .SystemButton .fa 
{
    margin-bottom: 8px;
}


.row_Wizard
{
    margin-left: -15px;
}



.btn_KeepWeight .fas 
{
    margin-left: 6px;
}

.ButtonIcons
{
    margin-top: 10px;
    margin-bottom: 10px;
}


.TwoIcon .ButtonIcons .fa
{
    font-size: 40px;
    margin-bottom: 23px;
}

.input-group-addon
{
    width: 150px;
}

.input-group
{
    width: 100%;
}


.btn_NewFloodInSearch
{
    font-size: 24px;
}

@media (min-width: 768px)
{
    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 13px;
    }
}

.AddWeight .control-label
{
    text-align: left;
}

.control-label
{
    margin-top: 10px;
    margin-bottom: 2px;
}


.ScheduleButton
{
    font-size: 25px;
    height: 150px;
    vertical-align: middle;
    border: 1px solid;
    padding-top: 35px;
    border-radius: 10px;
    margin-bottom: 15px;
    background: #93c54b;
    color: #FBFBFB;
    box-shadow: 2px 4px 7px #ccc;
}


.ScheduleButton.No 
{
    background: none;
    color: inherit;
    border: 1px solid #93c54b;
    background: white;
}

.ActiveButton
{
    padding: 20px;
    border: white 1px solid;
    border-radius: 15px;
    margin-right: 5px;
    text-align: center;
    padding-left: 10px;
}


.No .ActiveButton
{
    border: #93c54b 1px solid;
}


.btn {

    padding: 10px 7px;
    box-shadow: 2px 4px 7px #ccc;
}

.DashbordButton .btn 
{
    box-shadow: none;
}

.CounterLable
{
    font-size: 15px;
}


.CounterLable.Green
{
    color : #93c54b;
}

.CounterLable.Red
{
    color : #d0363f;
}

h2, .h2 
{
    font-size: 28px;
    margin-bottom: 25px;
}

.l_CaloriesSportsToday
{
    margin-right:  5px;
}

.l_CaloriesSportsTodayTime
{
    margin-left: 5px;
}

/*.l_Activitys row > div
{
    text-align: center;
}*/


.WeekTrendDayLable
{
    font-size: 22px !Important;
    font-weight: bold !important;  
}


.OwnFoodHeader
{
    font-size: 22px;
    margin-bottom: 10px;
}

.l_LiquidLable
{
    display:none;
}

.longbutton
{
    width: 100%;
}

#btn_CreateActivity .fa, #btn_CreateAilment .fa
{
    padding-top: 7px;
}

.btn_Confirm
{
    color:black;
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}
.btn_CreateRecipeDialog
{
    background-color: #93c54b;
    margin-top: 30px;
        font-size: 22px;
    font-weight: bold;
    /*z-index: 2;*/
}
.RecipeCreatePropertyItem
{
    margin-top: 15px;
}
.btn_Ok
{
    width:100%;
}

.form-control.error
{
    border: 1px solid red !important;
}

.l_SearchFoodContainerList  .btn-success
{
    background : #93c54b;
}

.l_SearchFoodContainerList h3
{
    font-family:arial;
}


.l_WizardThree
{
    min-height: 1280px;
}

#l_StaticsSportList
{
    font-size: 20px;
    text-align: center;
}

#l_StaticsSportList li
{
    margin: 2px;
    padding: 3px;
}

.tbl_CommunityStats
{
    margin-bottom: 10px;
}

.tbl_CommunityStats td
{
    padding-left: 5px;

}



.RecipeDetail .table>thead>tr>th,.RecipeDetail  .table>tbody>tr>th,.RecipeDetail  .table>tfoot>tr>th,.RecipeDetail  .table>thead>tr>td,.RecipeDetail  .table>tbody>tr>td,.RecipeDetail .table>tfoot>tr>td 
{
    padding: 0px;
}


.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td 
{
    padding: 5px;
}


#tb_BirthDateDay, #tb_BirthDateMonth{
    width: 20%;
    float: left;
}

#tb_BirthDateYear{
    width: 60%;
}

.progress-bar-info {
    background-color: #d0363f;
}

.GroupThumbnail
{
    width:100%;
}

#rtb_GroupComment
{
    width: 100%;
    height: 80px;
    border-radius: 10px;
}

#btn_SendGroupComment
{
    height: 80px;
}

.tpl_GroupContentItem
{
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

#btn_SendGroupComment .fa
{
    margin-top: 19px;
    font-size: 25px;
}


.btn-primary, .btn-primary:active, .btn-primary:hover, .btn-primary:visited  {
    color: #ffffff;
    background-color: #93c54b !important;
    border-color: transparent;
}

.btn-invert, .btn-invert:active, .btn-invert:hover, .btn-invert:visited  {
    color: #93c54b;
    background-color: #ffffff !important;
    border-color: transparent;
}


.LiquidProgressbar 
{
    height: 30px;
    display: block;
    margin-top: -20px;
    background-color: #29abe0 ;
}

.btn_DayTrend
{
    margin-top: 10px;
}





.ProductHeader
{
    font-size: 23px;
    padding-bottom: 5px;
    padding: 5px;
    padding-left: 17px;
    font-weight: bold;
}

.ProductElement 
{
    margin-bottom: 40px;
    margin-top: 20px;
}

.ProductElement 
{


}

.ProductElement img
{
    width: 100%;
    /*
    border-radius: 85px;
    border: solid 5px #93c54b;
    */
}

.CoachListElement
{
    border: solid 5px #93c54b;
    border-radius: 50px;
    margin-bottom: 15px;
    padding: 10px;
}

.CoachListElement .Name
{
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
}

.TaskRow .l_Label
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}

.nav.Coach
{
    text-transform: inherit;
    font-size:19px;
}

.TaskRow
{
    border: 4px solid #93c54b;
    border-radius: 15px;
}

.btn_EditTask
{
    font-size: 30px;
    margin-bottom: 10px;
}

.profile {
    margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
    padding: 20px 0 10px 0;
    background: #fff;
}

.profile-userpic img 
{
    float: none;
    margin: 0 auto;
    border-radius: 0% !important;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name 
{
    color: #79a736;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 7px;
    text-align: left;
}

.profile-usertitle-job {
    text-transform: uppercase;

    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

.profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
    margin-right: 0px;
}

.profile-usermenu {
    margin-top: 20px;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
    border-bottom: none;
}

.profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 14px;
    font-weight: 400;
}

.profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 14px;
}

.profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.profile-usermenu ul li.active {
    border-bottom: none;
}

.profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: -2px;
}

/* Profile Content */
.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}

.ui-menu .ui-menu-item {
    margin:0;
    padding: 5px;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    font-size: 20px;
}

.profile-userbuttons .btn 
{
    height: 50px;
    font-size: 20px;
    margin-bottom: 10px;
}

.l_CoachProfile h4
{
    font-weight: bold;
}

.l_CoachProfile  .l_Description
{
    text-transform: none;
    font-size: 19px;
    font-weight: 100;
}

.CoachSearchButtons .btn
{
    margin-top: 25px; 
    font-size: 18px;
    margin-bottom: 20px;
}

.CoachHeader
{
    margin-top: 26px;
}

.li_Dashbord
{
    margin-top: -5px;
    margin-bottom: 15px;
}


.l_Today2Container img 
{
    width:25px;
    color: black;
}


.l_DataPivancyText
{
    font-size: 20px;
}

.i_DataPivancy , #btn_DataPrivancyWizard i
{
    font-size: 25px;
    margin-top: 5px;
}


.FatIcon
{
    width: 19px !important;
    margin-left: 2px;
}


#SystemModal
{
    display: none;
    background: url(../img/crossword.png);
    position: fixed;
    border: solid 2px #93c54b;
    z-index: 5000;
    top: 2%;
    left: 2%;
    right: 2%;
    bottom: 2%;
    border-radius: 50px;
    box-shadow: 0px 2px 25px;
}

#SystemModal .ModalHeader
{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom: solid 1px #93c54b;
    min-height: 70px;
    padding: 5px;
    padding-left: 35px;
    font-size: 35px;
    padding-top: 12px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#SystemModal .ModalBody
{
    padding: 35px;
    padding-top: 10px;
    font-size: 22px;
    overflow-y: scroll;
    height: 81%;
}


#SystemModal .ModalButton
{
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    color: white;
    background: #93c54b;
    bottom: -12px;
    position: absolute;
    width: 100%;
    height: 70px;
    padding: 12px;
    font-size: 35px;
    text-align: center;
}


.NutritionDataCanvas
{
    width: 100%;
    margin-top: -20px;
    margin-bottom: -35px;
    height: 51VH;
}

#NutritionDiagramm
{
    width:100%;
    /* height: 240px; */
}


@media screen and (max-device-width: 480px) 
{
    /* All devices with display width less then 480px 
    will obey the following rules */


    .DashbordButton
    {
        font-size: 14px;
        text-align: center;
        height: 155px;
        vertical-align: middle;
        border: 8px solid #93c54b;
        padding-top: 15px;
        border-radius: 100%;
        margin-bottom: 15px;
        background: white;
        color: #FBFBFB;
        word-wrap: break-word;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        box-shadow: 2px 4px 7px #ccc;
        width: 145px;
        height: 145px;
        color: #93c54b;
        margin-left: auto;
        margin-right: auto;
    }


    .DashbordButton .fa, .StaticButton .fa
    {
        font-size: 35px;
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .DashbordButton .Counter
    {
        font-size: 20px;
        font-weight: bold;
        color: #3e3f3a;
        font-family: signika;
    }
    
    .DashbordButton.TwoIcon .ButtonIcons
    {
    	margin-top: 0px;
	margin-bottom: -28px;
	font-size: 12px
    }
    
    .StaticButton .fa
    {
    	margin-top: 18px;
    }
    
    #PanelMenu ul 
    {
    	margin-left: -20px;
    }
    

    
    
}

.l_LastActivitysLable
{
    margin-top: 55px;
}


.bold
{
    font-weight: bold;
}

.normal
{
    font-weight: normal;
}

img.CourseImage
{
    width: 100%;
}

.l_CourseContainer
{
    padding-top: 25px;
}


.CourseElementName
{
    font-size: 22px;
    font-weight: bold;
    word-break: break-all;
}

.btn_CourseDetail
{
    width: 100%;
}

.CourseElementDescription
{
    display:none;
}

.Active .CourseElementDescription
{
    display:block;
}

.CourseElementWeb
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.CourseElementPhone
{
    display:none;
}

.Active .CourseElementPhone
{
    display:block;
}

.PanelMenuToggle i
{
    color: white;
    margin-top: 12px;
}

.CourseElement 
{
    margin-bottom: 50px;
}

.l_RecipeContent .card{
    background-color: #79a736;
    box-shadow: 0.2em 0.2em 0.5em #403823;
    transition: 0.3s;  
    border-top-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
.l_RecipeContent .card-img-top
{
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;    
}
.l_RecipeContent .card_hover:hover{
    /*box-shadow: 0.2em 0.2em 0.5em #c7b99f;*/
    transition: 0.3s;
    transform: scale(1.01);

}
.l_RecipeContent .card_Ingredient{
    background: url("../img/rezepte/bg/crossword.png");
}
.l_RecipeContent .table_Row:hover:not(.IngredientAutocompleteTableHead)
{
    background-color: #79a736 !important;
}
.l_RecipeContent .table_Row:nth-child(even)
{
    background-color: #b2ce41;
}
.l_RecipeContent .IngredientTableHead td
{
    font-size: 1.3rem;
}

@media( max-width: 480px )
{
    .l_RecipeContent .IngredientTableHead td span
    {
        writing-mode: vertical-rl;
        transform: rotate(-140deg);
        transition: 0.0s;
    }
    .l_RecipeContent .IngredientTableHead td img
    {
        height: 2rem!important;
    }
}

.l_RecipeContent .RecipeIngredients td
{
    font-size: 1.2rem;
}

.l_RecipeContent .TotalRow td,.l_RecipeContent .TotalRow2 td, .l_RecipeContent .TotalRow3 td 
{
    font-size: 16px;
    font-weight: bold;
}

.l_RecipeContent .RecipeIngredients:nth-child(even)
{
    background-color: #b2ce41;
}
.l_RecipeContent .RecipePill
{
    background-color: #93c54b;
    /*height: 18px;*/
    color: black;
}
.l_RecipeContent .RecipeTopPill
{
    background-color: #93c54b;
    height: 18px;
}
.l_RecipeContent .RecipeDetail
{
    padding: 10px;
}
.l_RecipeContent .l_RecipeContent .fa-star
{
    color: #ffcd39;
}
.l_RecipeContent .RecipeIngredients
{
    background-color: #fff;
}
.l_RecipeContent .RecipeIngredients:hover
{
    background-color: #79a736;
}
.l_RecipeContent .RecipeIngredients td
{
    padding: 3px;
    margin-left: 10px;
}
/*.l_RecipeContent .AlignTableCellTextRight
{
    text-align: right;
}
.l_RecipeContent .AlignTableCellTextLeft
{
    text-align: left;
}*/
.l_RecipeContent .IngredientInput{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    height: 50px;
}
.l_RecipeContent .IngredientQuantityInput
{
    
    height: 50px;
}

.l_RecipeContent .tbl_Ingredient{
    border-radius: 5px; 
    margin-top: 30px;
}
.l_RecipeContent .TotalRow{
    border-top: 1px solid black;
}
.l_RecipeContent .TotalRow td
{
    padding: 3px;
}
.l_RecipeContent .tpl{
    display:none;
}

.btn_RecipeHome
{
    width: 50%;
}

.btn_RecipeHome i
{
    margin-right: 3px;
}


.l_RecipeContent .btn_RecipeHome, 
.l_RecipeContent .btn_GoToMyRecipesNAV, 
.l_RecipeContent .btn_GoToRecipeSearchNAV, 
.l_RecipeContent .btn_GoToCreateRecipeNAV
{
    /* width: 50px; */
    /* margin-top: 35px; */
    margin-right: 10px;
}



.l_RecipeContent select:invalid
{
        color: gray;
}
.l_RecipeContent select option
{
    text-align: center;
}

.l_RecipeContent .Search_Container
{
    /*padding: 15px;*/
    border-radius: 5px;
    margin-top: 30px;
}

.l_RecipeContent .RecipeSearchExtended
{
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
    box-shadow: none;
    text-decoration: none;
    color: white;
}
.l_RecipeContent .RecipeSearchExtendedForm
{
    width:100%;
    color: #32383e;
}
.l_RecipeContent .RecipeSearchExtendedForm:focus
{
    box-shadow: none !important;
    border: solid 1px #ffc107 !important;
}
.l_RecipeContent .RecipeSearchExtendedForm::placeholder
{
    color: black;
}
.l_RecipeContent input#collapsible[type='checkbox']
{
    display:none;
}
.l_RecipeContent .lbl-toggle {
  display: block;
  /*font-weight: bold;*/
  /*font-family: monospace;*/
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem;
  color: #A77B0E;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.25s ease-out;
}
.l_RecipeContent .lbl-toggle:hover {
  color: #7C5A0B;
}
.l_RecipeContent .lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}
/*.collapsible-content .content-inner {
  background: rgba(250, 224, 66, .2);
  border-bottom: 1px solid rgba(250, 224, 66, .45);

  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}*/
.l_RecipeContent .collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}
.l_RecipeContent .toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh;
}

.l_RecipeContent .toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh;
}
.l_RecipeContent .toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.l_RecipeContent .toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}







.IncludeFood
{
    text-align: center;
    background: #47a447 !important;
}
.IncludeFood::placeholder 
{
    font-size: 0.75rem;
    font-weight: bold;
}
.ExcludeFood
{
    text-align: center;
    background: #FDB45C !important;
}
.ExcludeFood::placeholder
{
    font-size: 0.75rem;
    font-weight: bold;
}
.RecipeSelect, .RecipeSelectA
{
    background: url(../img/rezepte/bg/Watercolor-Paper.png);
    background-color: #b2ce4130;
    background-size:cover;
    background-blend-mode: overlay;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.RecipeSearch
{
    text-decoration: none;
}
.ReipceSearch .row .row
{
    display: flex;
    align-items: center;
}
.btn_RecipeSearchSubmit
{
    margin-top: 10px !important;
    margin-bottom: 10px;
    border-radius: 5px !important;
    background-color: #93c54b;
    box-shadow: 2px 4px 7px #ccc;
    
}
.btn_AddIngredient,
.btn_GoToCreateRecipe,
.btn_GoToRecipeSearch,
.btn_GoToMyRecipes
{
    width: 100% !important;
}
.Ratingbox
{
    border: solid 0px red;
}
.RatingStar
{    padding: 3px;
    cursor:pointer;
    color: Black;
    transition:0.5s;
}
.RatingStar:hover
{
    transform:scale(1.5);    
    transition:0.5s;
}
.RatingStar:active
{
    /*color: #ecedee !important;*/
    transform:scale(1.5);    
    transition:0.5s;
}
.RatingStarChecked
{
    color: orange !important;
    transform:scale(1.5);    
    transition:0.5s;
}
.RatingStarChecked:hover
{
    transform:scale(1.0);    
    transition:0.5s;
}
.cb_Favorite
{
    position: absolute;
    opacity: 0;
    width: 0;
}
.ico_FavoriteTag
{
    width: 45px;
    transition:0.5s;
    color:gray;
    text-shadow: 1px 1px 12px black;
    /*position: absolute;*/
    top: 10px;
    right: 10px;
}
.ico_FavoriteTag:hover
{
    transform:scale(1.5);
    transition:0.5s;
    color: #bb2d3b;
    text-shadow: 1px 1px 12px black;
}
.cb_Favorite + .ico_FavoriteTag
{
    cursor: pointer;
    color: gray;
}
.cb_Favorite:checked + .ico_FavoriteTag
{
    filter: none;
    transition: 0.5s;
    color: #bb2d3b;
}
.cb_Favorite:checked + .ico_FavoriteTag:hover
{
    filter: none;
    transition: 0.5s;
    color: #bb2d3b;
}
.cb_Favorite:not(:checked) + .ico_FavoriteTag
{
    filter: grayscale(100%);
    transition: 0.5s;
}
.ico_MyFavoritesTag
{
    width: 45px;
    transition:0.5s;
    color: #bb2d3b;
    cursor:pointer;
    text-shadow: 1px 1px 12px black;
}
.ico_MyFavoritesTag:hover
{
    transform:scale(1.5);
    transition:1s;
    opacity:1;
    text-shadow: 1px 1px 12px black;
}
.ico_MyFavoritesTag:hover + .text_MyFavoriteTag
{
    transition:1s;
    opacity:1;
}
.text_MyFavoriteTag
{
    opacity:0;
    transition:0.5s;
}
select.form-select {
  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}
.btn_CloseIngredientSearch
{
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.FoodRowSelect:hover, .FoodRowSelect:active
{
    background: #ccc;
    cursor: pointer;
}
.img_Recipe{
    margin: 20px;
    border-radius:3px; 
    max-width: 400px;
}
.img_search{
    max-width: 200px;
}
.img_SearchResult{
    max-width: 200px;
    margin: 20px;
}
.IngredientInput{
    /*background-color: #b2ce41;*/
}
.IngredientQuantityInput{
   /* background-color: #b2ce41;*/
}
.l_RecipeContent .IngredientUnitInput
{
    color: #78836a;
    height: 50px;
    border: 1px solid #00000030;
    font-size: 18px;
}



.IngredientAutocompleteTableHead
{
    background: #eaeaea00 !important;
    font-weight: bold;
}
.FoodRowSelect td:first-child, .IngredientAutocompleteTableHead td:first-child
{
    padding-left: 5px;
}
.FoodRowSelect td
{
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 20px;
}
.chip.chip-md {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
}
.chip.chip-md .close {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
}
.center {
    text-align:center;
}
.Layer{
    display:none;
    transition: display 1s;
}

.l_RecipeContent .active
{
    display:inline-block !important;
    transition: display 1s;
}
/*.Searchfield
{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 50%;
    max-width: 85%;
    
}*/
.RecipeSearchExtendedForm
{
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}
.l_RecipeContent .StartCard
{
    margin-bottom: 30px;
}
.CreateRecipe
{
    width: 100%;
}
.Ingredient_Input_Group
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.dimmedToBackground
{
    /*background-color: rgba( 255, 255, 255, 0.3);*/
    filter: blur(5px);
    z-index: 2;
    
}

.l_RecipeContent .modal-header .btn_CreateRecipeDialogClose
{
    display: inline-block;
    float: right;
    border-radius: 3px;
    transition: 1s;

}

.CreateRecipeDialog
{
    z-index: 1000;
    margin-top: 65px;
    overflow-y: scroll;
}
.danger-border
{
    border: solid 0.5px #dc3545 !important;
    box-shadow: rgb(220 35 45 / 20%) 0px 4px 16px, rgb(220 34 45 / 0.1) 0px 8px 32px;
}

.tbl_IngredientSearch tr td, .tbl_Ingredient tr td
{
    font-size: 11px;
}
.Ingredient_Input_Group input::placeholder
{
    color: #4a4a3b90;
}

.Fixed
{
    position: fixed !important;
}
.l_RecipeContent .RecipeSearchTemplate
{
    margin-left: calc( 50% - 50vw );
    width: 98vw; 
}

/*.l_RecipeContent .RecipeDetailTemplate
{
    width: 90vw;
}*/

.Layer.RecipeSearch
{
    width: 100%;
}

.mt-4
{
    margin-top: 1.5em;
}

.mt-5
{
    margin-top: 1.5rem;
}

.mt-Large
{
    margin-top: 4.5rem !important;
}



.MyRecipes, .RecipeDetail 
{
    width: 100%;
}

#btn_MenuSync
{
    display:none !important;
}


.Ingredient_Input_Group 
{
    box-shadow: 1px 1px 6px 0px #000;
    font-size: 15px;
}

.Ingredient_Input_Group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   font-size: 15px;
}



.btn_AddIngredient 
{
    font-size: 27px;
    color: #000;
    margin: 13px 0px;
}


.modal-xl {
    width: 95%;
}



/*.btn_Chois
{
   padding-top: 23px  !important;
}*/

.mt-1
{
    margin-top: 1em;
}


.mt-2
{
    margin-top: 2em;
}


.row.header
{
    font-weight: bold;
}

.mb-3
{
    margin-bottom: 1.4em;
}

.btn_DeleteIngredientRow
{
    cursor: pointer;
}

.IngredientListItem
{
    margin: 10px;
    font-size: 19px;
}

.mt-3
{
    margin-top: 3.4em;
}

:root {
  --animate-duration: 2s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

@-webkit-keyframes heartBeat
{
  0% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% 
  {
    -webkit-transform: scale(1.1);
    transform: scale(1.03);
  }

  28% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% 
  {
    -webkit-transform: scale(1.1);
    transform: scale(1.03);
  }

  70% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat 
{
  0% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% 
  {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  28% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% 
  {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  70% 
  {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



.animate__heartBeat 
{
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.animate__infinite 
{
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.p-0
{
    padding: 0;
}
.m-0
{
    margin: 0;
}


.IS_td_Calories_icon
{
    width: 20%;
    text-align: center;
}
.IS_td_Calories_icon img
{
    max-height: 45px;
}


#OwnFoodsContainer .ConsumtionElement
{
    height: 140px;
}

.Tabmenu
{
    background: #76a335;
    padding: 0;
    margin: -6px;
    color: white;
    /*padding-top: 23px;*/
    padding-left: 15px;
    padding-right: 15px;
    height: 55px;
}
.l_Achievement_Badge_Container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 0;
    background: rgba(0,0,0,.85);
    color: #fafafa;
    font-size: 4rem;
    text-align: center;
    text-shadow: 2px 3px 4px rgba(0,0,0,0.8);
}


.Tabmenu .TabElement
{
    float: left;
    margin-right: 4px;
    cursor: pointer;
    height: 32px;
    padding: 1px;
    padding-bottom: 29px;
    padding-top: 25px;
}

.Tabmenu .TabElement.Active
{
    background: #598915;
}
.l_Achievement_Confetti{
    position: absolute;
    top: 0;
    left: 0;
}

.btn_Achievement_Badge_Container_Close 
{
    display: inline;
    position: absolute;
    right: 1rem;
}

.l_Achievement_Badge_Container_Inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10rem;
}
.l_Achievement_Congratulations{
    margin-bottom: 2rem;
}

.l_Achievement_Badge {
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 200px;
    /*background: red;*/
    background-image: url("../img/achievements/soue.png");
    background-size: contain;
    border: 15px solid #c54b4b;
    background-color: white;
}

.l_Achievement_Name {
    display: flex;
    font-size: 6rem;
}

.l_Achievement_Description {
    font-size: 1.75rem;
    margin-top: -1rem;
}

.l_Achievement_Explanation {
    margin-top: 4rem;
    font-size: 1.5rem;
}

.btn_SharingRequestDecline ,.btn_SharingRequestDelete
{
    font-size: 33px;
    color: #cf0202;
    text-shadow: 1px 1px 4px #000;
    cursor: pointer;
}

.btn_SharingRequestAccept 
{

    font-size: 33px;
    color: #93c54b;
    text-shadow: 1px 1px 4px #000;
    cursor: pointer;
}


.CoachElement {
    border: 1px solid #93c54b;
    width: 100%;
    border-radius: 25px;
    text-align: center;
    /* height: 138px; */
    vertical-align: middle;
    padding-top: 10px;
    cursor: pointer;
   /* background-color: #ffffff;*/
    margin-bottom: 25px;
    text-align: left;
    font-size: 11px;
}

.CoachElement.Female .fa-mars
{
    display:none;
}

.CoachElement .fa-venus
{
    display:none;
}


.MenuRow{
    margin-bottom: 10px;
}


.TrendRowHeader 
{
    margin-top: 80px;
    margin-bottom: 1px;
    background: #93c54b;
    border-radius: 15px;
    padding: 10px;
    padding-top: 0;
    color: white;
}

.TrendRow
{
    background-color: white;
    border-radius: 15px;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: 2px solid #93c54b;
}

.TrendRow.Ailment 
{
    border: 2px solid #93c54b;
}

.TrendRow.Activity 
{
    border: 2px solid #89b7ec;
}

.TrendRow .Name
{
    word-break: break-all;
}

.TrendRow.Saldo 
{
    background: #93c54b;
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

.TrendRow.Saldo > div
{
    text-decoration: underline;
}


.GoalLabel, .AgeLabel
{
    font-size: 8px;
}


.Takebutton
{
    background-color: #93c54b;
}


.btn_DayTrend i
{
    font-size: 24px;
}

.badge 
{
    background-color: #f20000;
}


.l_ForMeAccountSharings .btn_DayTrend 
{
    margin-top: 10px;
    background: none !important;
    color: white;
    box-shadow: none;
}


.btn_Chois.Error
{
    border: 6px solid red;
}

.AchievementItem 
{
    text-align: center;
    opacity: 0.5;
    margin-bottom: 25px;
    height: 185px;
}

.AchievementItem.Active
{
    opacity: 1;
    font-weight: bold;
}


.AchievementItem .AchievementImage
{
    background-image: Url(../img/logo_clear.png);
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
}



.AchievementItem .AchievementImage .AchievementImageInner
{
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0px;
    margin-top: 12px;
    width: 100%;
}

.AchievementItem .AchievementImage .AchievementImageInner.DishWasher
{
    background-image: Url(../img/archivment/dish.svg);
}


.AchievementItem .AchievementImage .AchievementImageInner.Pan
{
    background-image: Url(../img/archivment/frying-pan.svg);
}

.AchievementItem .AchievementImage .AchievementImageInner.Ladle
{
    background-image: Url(../img/archivment/ladle.png);
}


.AchievementItem .AchievementImage .AchievementImageInner.Soue
{
    background-image: Url(../img/archivment/soue.svg);
}

.AchievementItem .AchievementImage .AchievementImageInner.Chef3
{
    background-image: Url(../img/archivment/chef3.png);
}

.AchievementItem .AchievementImage .AchievementImageInner.Chef2
{
    background-image: Url(../img/archivment/chef2.png);
}

.AchievementItem .AchievementImage .AchievementImageInner.Chef1
{
    background-image: Url(../img/archivment/chef1.png);
}



.AchievementItem .AchievementImage .AchievementImageInner.FirstEntry
{
    background-image: Url(../img/archivment/like.png);
}


.AchievementItem .AchievementImage .AchievementImageInner.Infinity
{
    background-image: Url(../img/archivment/infinite.svg);
}

.AchievementItem .AchievementImage .AchievementImageInner.Idea
{
    background-image: Url(../img/archivment/idea.svg);
}


.AchievementItem .AchievementImage .AchievementImageInner.Unicorn
{
    background-image: Url(../img/archivment/unicorn.svg);
}


.AchievementItem .AchievementImage .AchievementImageInner.Star
{
    background-image: Url(../img/archivment/star.svg);
}


.AchievementItem .AchievementImage .AchievementImageInner.Stars
{
    background-image: Url(../img/archivment/stars.svg);
}


.AchievementItem .AchievementImage .AchievementImageInner.Mining
{
    background-image: Url(../img/archivment/mining.png);
}



.AchievementItem .AchievementImage .AchievementImageInner.Weightlift
{
    background-image: Url(../img/archivment/weightlift.png);
}


.AchievementItem .AchievementImage .AchievementImageInner.Hardwork
{
    background-image: Url(../img/archivment/hard-work.png);
}



.AchievementItem .AchievementImage .AchievementImageInner.Runner
{
    background-image: Url(../img/archivment/runner.png);
}



.AchievementItem .AchievementImage .AchievementImageInner.StepByStep
{
    background-image: Url(../img/archivment/footprints.svg);
}

.AchievementItem .AchievementImage .AchievementImageInner.Exercise
{
    background-image: Url(../img/archivment/exercises.svg);
}

.AchievementItem.Large .AchievementImage
{
    height: 210px;
}

.AchievementItem.Large .AchievementImage .AchievementImageInner
{
    height: 66%;
    margin-top: 25px;
}


.AchievementItem.Large 
{
    height: 66%;
    margin-top: 25px;
        opacity: 1;

}



.AchievementName, .AchievementDescription
{
    font-size: 25px;
}


.l_Achievements .AchievementName, .l_Achievements  .AchievementDescription
{
    font-size: 13px;
}


input[type="range"] 
{
    accent-color: #93c54b;
    height: 27px;
}


.WeightRowItem  
{
    font-size: 20px;
}


.btn_Plus{
    margin-left: 5px;
    font-size: 20px;
    margin-top: 0px;
}

.btn_Minus{
    margin-right: 5px;
    font-size: 20px;
    margin-top: 0px;
}