/* 
    Document   : mobile
    Created on : 24 Oct, 2013, 1:10:48 PM
    Author     : raj
    Description:
        Purpose of the stylesheet follows.
*/


*{margin:0;padding:0 }
html,body{height:100%;width:100%; }
/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}*/
table{border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{}
a img{border:none;}
a:focus{outline: none;outline-offset: 0}
/* Layout
-------------------------------------------------------------- */
html{overflow-y:auto;}
/*img,video{max-width:100%;height:auto;}*/

/* Typography
-------------------------------------------------------------- */
p {margin: 0 0 2em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
strong {font-weight: bold;}
em {font-style: italic;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
h2 a.article_title {color: #333;}
h2 a.article_title:hover{color: #EE4938;}
/*::-moz-selection{ background: #EE4938; color:#fff; text-shadow: none; }*/
/*::selection { background: #EE4938; color:#fff; text-shadow: none; }*/ 
.clear{ clear:both }

/* Links
-------------------------------------------------------------- */
a {text-decoration: none;color:#00AEEF;}
a:hover {text-decoration: none;color:#005580;}

/* Text Align Style
-------------------------------------------------------------- */
.align-center{ text-align:center}
.align-left{ text-align:left}
.align-right{text-align:right}

/* Display Style
-------------------------------------------------------------- */
.block{display:block }
.inline-block{display:inline-block }

/* Verticle align Style
-------------------------------------------------------------- */
.vertical-align-top{ vertical-align: top }
.vertical-align-middle{ vertical-align: middle }
.vertical-align-bottom{ vertical-align: bottom }

/* Position Style
-------------------------------------------------------------- */
.relative{ position:relative }
.fixed{ position:fixed }
.absolute{ position: absolute}
/*.hide{ display:none }*/
.clear{clear: both}
.box-sizing{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.input-text{font-size:16px!important;color: #AFAFAF!important;line-height: 1!important;border: none!important;width: 100%!important;margin-bottom: 6px!important;box-shadow: none!important;background-color: #fff!important;padding: 0 16px!important;-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;height: 18px!important}
.input-text:focus{outline:none!important;outline-offset: 0!important}


@font-face {
    font-family: 'Roboto-Regular';
    font-style: normal;
    src:url('/font/Roboto-Regular.ttf');
}
.Roboto-Regular{font-family: Roboto-Regular}
.RobotoCondensed-Bold{font-family: 'Roboto Condensed';font-weight: bold}
.border-top{border-top: 1px solid #c3c9cb}
.border-bottom{border-bottom: 1px solid #E0E0E0}
/* Activity
-------------------------------------------------------------- */
/*.activity-head{color: #363636;background-color: #fff;}
.activity-head .arrow{border-right: 1px solid #C3C9CB;padding: 10% 4% 6%;width: 13.5%}
.activity-head .text{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;padding: 9.8% 4% 4.6%;font-size: 4em;}*/

.activityLog1{padding: 44px 40px;float: left;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #E5E5E5}
.activityLog1 .box{width: 383px;float: left;margin-right: 37px}
.activityLog1 .head{font-size:18px;color: #5A5959;line-height: 1;margin-bottom: 20px;width: 100%;font-family: 'Roboto';}
.activityLog1 .text{font-size:18px;font-weight:300;color: #b2b2b2;line-height: 1;border: none;font-family: 'Roboto';width: 100%;margin-bottom: 2px;box-shadow: none;background-color: #fff;padding: 0 10px 0 10px;text-overflow: ""; }
.activityLog1 .text:focus{outline:none;outline-offset: 0}
.activityLog1 .selecticon{height: 100%;width: 13%;background-color: #fff;position: absolute;top: 0;right: 0}
.activityLog1 .control-group{margin-bottom: 48px}

/* Add Activity
-------------------------------------------------------------- */
.activityLog{padding:20px;float: left;width: 100%}
.activityLog .head{font-size:21.04px;font-family: 'Roboto';color: #3d3c3c;line-height: 1;margin-bottom: 20px;font-weight: 300;text-transform: capitalize;font-family: 'Roboto'}
.activityLog .text{font-size:18px;font-family: 'Roboto';color: #363636;line-height: 1;border: none;width: 100%;box-shadow: none;background-color: #fff;padding: 0 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance: caret;  text-indent: 1px;text-overflow: '';font-weight: 300;text-transform: uppercase;font-family: 'Roboto'}
.activityLog .text:focus{outline:none;outline-offset: 0}
.activityLog .selecticon{background-color: #fff;position: relative;}
.activityLog .selecticon img{position: absolute;right: 7px;width: 8%;bottom: 0}
.activityLog .control-group{margin-bottom: 25px}
.dropBox-border{border-bottom: 1px solid #C3C9CB;width: 99%;height: 2px}
.dropBox-border-half{border-bottom: 1px solid #C3C9CB;width: 97%;height: 2px}
.dropBox-sideborder{border-left: 1px solid #C3C9CB;height: 7px;position: relative;bottom: 5px;}
.img-triangle{position: absolute;right: 0;max-width: 8.8%;bottom: 8px}


/* HomePage
-------------------------------------------------------------- */
.mobile-logo{z-index: 1;position: absolute;padding: 0 5px}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    background-color: #ffffff;
    color: #363636;
    font-weight: 300;
}
[class^="webApp-"],
[class*=" webApp-"] {
    display: inline-block;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../../webApp-images/sprite-webapp.png");
    background-repeat: no-repeat;
}

.webApp-bell{width: 20px;height: 29px;background-position: -10px -57px}
.webApp-comment{width: 24px;height: 29px;background-position: -51px -59px}
.webApp-logo{width: 120px;height: 32px;background-position: -10px -9px}
.webApp-circle{width: 29px;height: 29px;background-position: -96px -54px}
.webApp-DashBoard{width: 33px;height: 32px;background-position: -179px -99px}
.webApp-log{width: 27px;height: 32px;background-position: -181px -146px}
.webApp-coach{width: 26px;height: 32px;background-position: -183px -192px}
.webApp-karma26{width: 26px;height: 32px;background-position: -230px -98px}
.webApp-social{width: 24px;height: 32px;background-position: -232px -148px}/*large share*/
.webApp-steps{width: 34px;height: 47px;background-position: -68px -97px}
.webApp-calories{width: 25px;height: 44px;background-position: -59px -154px}
.webApp-sleep{width: 45px;height: 36px;background-position: -53px -223px}
.webApp-water{width: 34px;height: 42px;background-position: -59px -277px}
.webApp-heart{width: 19px;height: 17px;background-position: -442px -374px}
.webApp-bubble{width: 20px;height: 18px;background-position: -442px -338px}
.webApp-camera{width: 30px;height: 25px;background-position: -10px -243px}
.webApp-share{width: 25px;height: 27px;background-position: -54px -343px}/*small share*/
.webApp-karma{width: 32px;height: 32px;background-position: -189px -10px}/* krma on home page action box */
.webApp-food{width: 25px;height: 42px;background-position: -393px -342px}/* food icon on home page*/
.webApp-goqiiFooter{width: 114px;height: 30px;background-position: -477px -361px;}
.webApp-goqiiTwitter{width: 159px;height: 23px;background-position: -109px -364px;}
.webApp-fbLike{width: 75px;height: 23px;background-position: -109px -292px;}
.webApp-googleLike{width: 73px;height: 23px;background-position: -108px -324px;}
.webApp-logActivity{width: 71px;height: 68px;background-position: -338px -3px}
.webApp-logFood{width: 68px;height: 68px;background-position: -425px -3px}
.webApp-logSleep{width: 84px;height: 68px;background-position:-451px -80px}
.webApp-logWater{width: 68px;height: 68px;background-position: -527px -2px}
.webApp-logWeight{width: 70px;height: 68px;background-position: -355px -80px}
.webApp-logTriangle{width: 23px;height: 14px;background-position: -204px -332px}
.webApp-arrowLeft{width: 13px;height: 24px;background-position: -142px -49px}
.webApp-arrowRight{width: 13px;height: 24px;background-position: -171px -49px}
.webApp-selectionTriangle{width: 12px;height: 12px;background-position: -235px -301px}
.webApp-clock{width: 26px;height: 25px;background-position: -230px -195px}
.webApp-calender{width: 26px;height: 26px;background-position: -278px -194px}
.webApp-breakfast{width: 72px;height: 84px;background-position: -521px -163px}
.webApp-lunch{width: 94px;height: 84px;background-position: -270px -223px}
.webApp-dinner{width: 106px;height: 84px;background-position: -478px -247px}
.webApp-snacks{width: 95px;height: 84px;background-position: -377px -151px}
.webApp-plusRed{width: 23px;height: 23px;background-position: -13px -190px}
.webApp-search{width: 26px;height: 27px;background-position: -295px -16px}
.webApp-star{width: 31px;height: 31px;background-position: -282px -362px}
/*.webApp-starActive{width: 31px;height: 31px;background-position: -334px -364px}*/
.webApp-close{width: 17px;height: 17px;background-position: -207px -299px}
.webApp-popupicon{width: 39px;height: 39px;background-position: -262px -315px}
.webApp-share-grey{width: 24px;height: 26px;background-position: -232px -148px}
.webApp-velidic{width:29px;height:31px;background-position:-9px -284px}
[class^="activity-"],
[class*=" activity-"] {
    display: inline-block;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/webApp-images/activity-sprite.png");
    background-repeat: no-repeat;
}



.activity-hockey{width: 64px;height: 61px;background-position: -384px -274px}
.activity-golf{width: 27px;height: 61px;background-position: -751px -272px}
.activity-sprint{width: 55px;height: 59px;background-position: -154px -44px}

.activity-walk{width: 36px;height: 61px;background-position: -164px -270px}
.activity-stairs{width: 55px;height: 59px;background-position: -154px -44px}
.activity-run{width: 55px;height: 61px;background-position: -504px -153px}
.activity-weights{width: 66px;height: 61px;background-position: -150px -152px}
.activity-crosstrain{width: 38px;height: 61px;background-position: -745px -36px}
.activity-hike{width: 65px;height: 61px;background-position: -733px -387px}
.activity-cycling{width: 62px;height: 61px;background-position: -35px -37px}
.activity-cricket{width: 33px;height: 61px;background-position: -632px -269px}
.activity-elliptical{width: 70px;height: 61px;background-position: -265px -386px}
.activity-yoga{width: 51px;height: 61px;background-position: -390px -386px}
.activity-tennis{width: 53px;height: 61px;background-position: -40px -155px}
.activity-squash{width: 53px;height: 61px;background-position: -40px -155px}
.activity-swimming{width: 67px;height: 61px;background-position: -499px -271px}
.activity-dance{width: 44px;height: 61px;background-position: -626px -148px}
.activity-football{width: 47px;height: 61px;background-position: -277px -37px}
.activity-spinning{width: 34px;height: 61px;background-position: -399px -36px}
.activity-aerobics{width: 50px;height: 61px;background-position: -745px -36px}
.activity-jumprope{width: 48px;height: 61px;background-position: -508px -36px}
.activity-other{width: 51px;height: 61px;background-position: -40px -386px}
.header-navBar{height: 54px;background-color: #fff;width: 100%;border-bottom: 1px solid #d4d4d4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;box-shadow: 0 2px 8px -1px #000000}
.header-navBar .user-img{width: 30px;height: 30px;overflow: hidden;background-color: #F0F0F0;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}
.header-navBar .text{color: #363636;margin-left: 10px;font-size: 16px;font-family: 'Roboto Condensed';font-weight: 700;margin-top: 5px;text-transform: uppercase;white-space: nowrap;overflow: hidden; text-align:left;}
.head-navBar{float: right}
.head-navBar ul{margin: 0;padding: 0}
.head-navBar ul > li{margin: 0;padding: 0;display: inline-block;list-style: none;float: left}
.head-navBar ul > li > a{padding:12px;text-align: center;border-left: 1px solid #E0E0E0;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.head-navBar ul > li > a.active,.head-navBar ul > li > a:hover{background-color: #f0f0f0;color: #585858}
.navigation-bar{width: 100%;background-color: #f0f0f0;height: 56px;border-bottom: 1px solid #d4d4d4}
.navigation-bar ul{margin: 0;padding: 0;}
.navigation-bar ul > li{margin: 0;padding: 0;float: left;display: inline-block;list-style: none;width: 25%}
.navigation-bar ul > li > a{width: 100%;text-align: center;font-weight: 500;font-size: 14.53px;border-right: 1px solid #d8d8d8;float: left;color: #848484;padding: 14px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 55px;text-transform: uppercase}
.navigation-bar ul > li:nth-child(5) > a{border-right-color: transparent}
.navigation-bar .head{margin-left: 15px;position: relative;top: 3px}
.navigation-bar ul > li > a.active,.navigation-bar ul > li > a:hover{background-color: #fff;color: #585858}
.navigation-bar ul > li > a.active .webApp-DashBoard, .navigation-bar ul > li > a:hover .webApp-DashBoard{width: 33px;height: 32px;background-position: -11px -99px}
.navigation-bar ul > li > a.active .webApp-log, .navigation-bar ul > li > a:hover .webApp-log{width: 27px;height: 32px;background-position: -11px -145px}
.navigation-bar ul > li > a.active .webApp-coach, .navigation-bar ul > li > a:hover .webApp-coach{width: 26px;height: 32px;background-position: -10px -285px}
.navigation-bar ul > li > a.active .webApp-karma26, .navigation-bar ul > li > a:hover .webApp-karma26{width: 26px;height: 32px;background-position: -144px -14px}
.navigation-bar ul > li > a.active .webApp-social, .navigation-bar ul > li > a:hover .webApp-social{width: 24px;height: 32px;background-position: -55px -343px}

.notify-text{position: absolute;font-size: 11px;color: #fff;background-color: #EB2929;line-height: 1;height:20px;width:20px;border-radius: 50%;text-align: center;padding:3px;top: 3px;left: 85px;font-weight: 400;border:1px solid #EB2929}
.coach-count{position: absolute;font-size: 11px;color: #fff;background-color: #EB2929;line-height: 1;height: 18px;width: 18px;border-radius: 50%;text-align: center;padding: 2px;top: 7px;left: 54.3% }
.social-count{position: absolute;font-size: 11px;color: #000;line-height: 1;width: 38px;text-align: center;padding: 2px;bottom: 5px;right: 6%;white-space: nowrap;overflow: hidden }
.karma-count{position: absolute;font-size: 11px;color: #fff;line-height: 1; font-weight:bold;width: 38px;text-align: center;padding: 4px;bottom: 18px;right: 15px;white-space: nowrap;overflow: hidden; background:#f49b2e;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px; }

.footer{padding: 40px 44px;width: 100%;float: left;border-top: 1px solid #c3c9cb;margin-top:20px }
.footer .leftBox{width: 610px;float: left;text-align: left}
.footer .head{font-size: 16px;font-weight: 500;margin-bottom: 10px;text-transform: uppercase;color: #585858}
.footer .leftBox ul{margin: 0;padding: 0}
.footer .leftBox ul > li{display: inline;float: left;width: 100%;list-style: none}
.footer .leftBox ul > li > a{font-size: 12px;line-height: 1;color: #585858;display: inline-block;width: 100%;padding: 10px 0}
.footer .leftBox ul > li > a:hover{color: #CCC}
.footer .rightBox{border-left: 1px solid #E5E5E5;float: left;width: 260px;padding: 8px 0 32px 56px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer .rightBox div{margin-bottom: 15px}
.footer .rightBox .text{font-size: 12px;color: #8d8d8d;line-height: 1.5;word-wrap: normal}

[class^="commonIcon-"] {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    background-image: url("../../webApp-images/common-sprite.png");
    background-repeat: no-repeat;
}
.commonIcon-home{width: 22px;height: 29px;background-position: -295px -361px}
.commonIcon-logout{width: 27px;height: 27px;background-position: -296px -419px}
.commonIcon-activity-stair{width:45px;height:61px;background-position:-290px -264px}
.commonIcon-activity-elliptical{width:45px;height:61px;background-position:-334px -264px}
.commonIcon-shoes{width:41px;height:41px;background-position: -9px -10px}
.commonIcon-pause{width:39px;height:39px;background-position: -70px -12px}
.commonIcon-link{width:39px;height:39px;background-position: -130px -15px}
.commonIcon-tringle-lg{width:19px;height:20px;background-position: -180px -24px}
.commonIcon-calender{width:35px;height:35px;background-position: -224px -14px}
.commonIcon-sleep-grey{width:57px;height:46px;background-position: -287px -13px}
.commonIcon-camera-with-bg{width:66px;height:66px;background-position: -358px -13px}
.commonIcon-calender-sm{width:25px;height:25px;background-position: -440px -19px}
.commonIcon-line{width:1px;height:35px;background-position: -408px -28px}
.commonIcon-arw-lft{width:16px;height:30px;background-position: -62px -67px} 
.commonIcon-arw-rght{width:16px;height:30px;background-position: -22px -67px}
.commonIcon-graph-grey{width:54px;height:47px;background-position: -124px -71px}
.commonIcon-graph-green{width:54px;height:47px;background-position: -190px -71px}
.commonIcon-user-grey{width:39px;height:40px;background-position: -110px -204px}
.commonIcon-user-green{width:39px;height:40px;background-position: -200px -202px}
.commonIcon-group-grey{width:81px;height:39px;background-position: -106px -144px}
.commonIcon-group-green{width:81px;height:39px;background-position: -208px -145px}
.commonIcon-glass{width:22px;height:22px;background-position:-109px -271px}
.commonIcon-bottle{width:22px;height:22px;background-position:-109px -317px}
.commonIcon-arw-up{width:22px;height:16px;background-position:-104px -361px}
.commonIcon-karma{width: 27px;height: 26px;background-position: -10px -118px}
.commonIcon-sleep{width: 35px;height: 22px;background-position: -8px -166px}
.commonIcon-steps{width: 26px;height: 36px;background-position: -10px -209px}
.commonIcon-weight{width: 32px;height: 27px;background-position: -9px -265px}
.commonIcon-calories-black{width: 25px;height: 44px;background-position: -14px -311px}
.commonIcon-tick-green{width: 13px;height: 14px;background-position: -11px -370px}
.commonIcon-under-bar{width: 33px;height: 18px;background-position: -10px -565px}
.commonIcon-normal-bar{width: 26px;height: 18px;background-position: -9px -464px}
.commonIcon-normalRed-bar{width: 33px;height: 18px;background-position:-9px -498px} 
.commonIcon-over-bar{width: 33px;height: 18px;background-position: -10px -532px}
.commonIcon-like{width: 23px;height: 26px;background-position: -9px -422px}
.commonIcon-ellipse{width: 10px;height: 10px;background-position: -10px -398px}
.commonIcon-noom-walk{width:75px;height:75px;background-position: -297px -102px}
.commonIcon-endomondo{width:89px;height:75px;background-position: -386px -107px}
.commonIcon-socialHeart{width: 12px;height: 11px;background-position: -139px -574px}
.commonIcon-socialBubble{width: 12px;height: 11px;background-position: -111px -572px}
.commonIcon-online{width: 7px;height: 7px;background-position: -123px -553px}
.commonIcon-offline{width: 7px;height: 7px;background-position: -105px -552px}
.commonIcon-caret{width: 11px;height: 4px;background-position: -108px -422px}
.commonIcon-arw{width: 18px;height: 18px;background-position: -106px -391px}
.commonIcon-smiley{width: 21px;height: 21px;background-position: -141px -439px}
.commonIcon-reply{width: 21px;height: 21px;background-position: -102px -440px}
.commonIcon-user-heart{width: 15px;height: 14px;background-position: -105px -522px}
.commonIcon-location{width: 15px;height: 14px;background-position: -133px -522px}
.commonIcon-profile-karma{width: 35px;height: 33px;background-position: -194px -473px}
.commonIcon-friends{width: 32px;height: 33px;background-position: -149px -473px}
.commonIcon-group{width: 28px;height: 33px;background-position: -103px -472px}
.commonIcon-nav{width: 21px;height: 29px;background-position: -181px -267px}
.commonIcon-goal{width: 27px;height: 27px;background-position: -179px -308px}
.commonIcon-achieve{width: 27px;height: 27px;background-position: -327px -526px}
.commonIcon-history{width: 27px;height: 27px;background-position: -279px -581px}
.commonIcon-alarm{width: 27px;height: 27px;background-position: -182px -394px}
.commonIcon-devices{width: 27px;height: 27px;background-position: -234px -269px}
.commonIcon-apps{width: 27px;height: 27px;background-position: -309px -473px}
.commonIcon-help{width: 27px;height: 27px;background-position: -277px -527px}
.commonIcon-karma1{width: 25px;height: 25px;background-position: -12px -602px}
.commonIcon-weight1{width: 23px;height: 23px;background-position: -13px -642px}
.commonIcon-sleepBlack{width: 31px;height: 25px;background-position: -65px -597px}
.commonIcon-tool{width: 26px;height: 26px;background-position: -136px -608px}/* tool black @ device page*/
.commonIcon-toolBlue{width: 26px;height: 26px;background-position: -191px -605px}/* tool blue @ device page*/
.commonIcon-calender-new{width: 26px;height: 23px;background-position: -176px -529px}
.commonIcon-camera{width: 24px;height: 23px;background-position: -225px -530px}
.commonIcon-basket{width: 20px;height: 12px;background-position: -226px -574px}
.commonIcon-polygon{width: 12px;height: 11px;background-position: -79px -655px;}
.commonIcon-tick-lg{width: 24px;height: 17px;background-position: -184px -437px; }
.commonIcon-add-friend{width: 42px;height: 43px;background-position: -238px -627px; }
.commonIcon-friend-social{width: 72px;height: 71px;background-position: -513px -3px; }/*friend logo on social page */
.commonIcon-group-social{width: 77px;height: 71px;background-position: -508px -106px; }/*group logo on social page*/
.commonIcon-leaderboard{width: 78px;height: 71px;background-position: -507px -205px; }/*leaderboard logo on social page*/
.commonIcon-weight-lg{width: 48px;height: 48px;background-position:-275px -207px}
.commonIcon-camera-lg{width: 35px;height: 34px;background-position: -251px -461px}
.commonIcon-share-sm{width: 16px;height: 17px;background-position: -234px -420px}

.setting-bx{width:264px;background-color:#000;position:absolute;right:10px;top:53px;z-index:100;max-height: 400px;overflow-y: auto}
.setting-bx ul{margin:0;padding:0;width:100%;display: table;list-style-type: none   }
.setting-bx ul li{margin:0;padding:0;width:100%;border-bottom: 1px solid #292929}
.setting-bx ul > li > a{ text-transform: uppercase;font-size:18px ;color:#ADADAD;width: 100%;padding: 25px 30px;display: inline-block}
.setting-bx ul > li > a:hover{color:#fff}

.reminder-bx{width:350px;background-color:#000;position:absolute;right:54px;top:54px;z-index:100;height: 390px;overflow-y: auto  }
.reminder-bx ul{margin:0;padding:0;width:100%;display: table;list-style-type: none;max-height:300px;overflow-y:scroll  }
.reminder-bx ul li{margin:0;padding:0;width:100%;padding:10px 20px;border-bottom: 1px solid #121313}
.reminder-bx ul li a{font-size:17.06px ;color:#898989;line-height:1.2}
.reminder-bx ul li a .date-bx{font-size:19px;text-transform: capitalize;margin-bottom:4px}
.reminder-bx ul li a .tp-title{font-size:20.36px }
.reminder-bx ul li a .tp-count{font-size:21.33px;color:#ff0000;padding-left:3px}
/*.reminder-bx ul li a:hover{color:#fff}*/
.reminder-bx ul li a.unread{color: #c3c9cb}

.md-navbar{margin: 0;padding: 0;width: 100%;border-top: 1px  solid #c3c9cb}
.md-navbar ul{margin: 0;padding: 0;list-style: none;}
.md-navbar ul > li{margin: 0;border-right: 1px solid #c3c9cb;padding: 0;list-style: none;width: 33.33%;float: left;border-bottom: 1px solid #C3C9CB;}
.md-navbar ul > li:last-child {border-right: 0}
.md-navbar ul > li > a{font-weight:300; float: left;padding: 15px 5%;text-align: center;border-bottom: 5px solid transparent;width: 100%;font-size: 20px;line-height: 1;color: #3d3c3c;background-color: #F0F0F0;}
.md-navbar ul > li > a.active, .md-navbar ul > li > a:hover{border-bottom: 5px solid #C3C9CB;}
.pad20{padding:20px }

.stats-box{height: 200px;width:200px;float:left;display:inline-block;border:2px solid #C3C9CB;margin-right:10px;padding:10px;text-transform:uppercase;overflow: hidden }
.stats-box .head{font-size: 24px;color:#F7941E;margin-bottom: 53%;line-height: 1;height:50px }
.stats-box .count{font-size:45px;font-weight: 400;color:#F7941E}
.stats-box .text{font-size:26px;position:relative;bottom:2px;color:#F7941E;font-weight:400 }
.table-kerma{width: 100%;border-spacing:0px 10px;border-collapse: separate}
.table-kerma td{border-bottom:1px solid #ccc; border-right:0 }

.btm-button{margin: 0;padding: 10px 0;width: 100%;border-top: 1px  solid #c3c9cb;border-bottom: 1px  solid #c3c9cb}
.btm-button ul{margin: 0;padding: 0;list-style: none;}
.btm-button ul > li{margin: 0;padding: 0;list-style: none;;float: left;}
.btm-button ul > li > a{font-family: 'Roboto';font-weight:300; float: left;padding: 15px 5%;text-align: center;;width: 100%;font-size:19.33px;line-height: 1;color: #3d3c3c;background-color: #F0F0F0;border: 1px solid #C3C9CB;}
.btm-button ul > li > a.active, .btm-button ul > li > a:hover{}
.activity-logged{border-bottom: 1px solid #C3C9CB;padding:10px 20px;font-size:16px;color: #5D5D5D;line-height: 1;font-weight:400;width:100%;font-family: 'Roboto'}
.activity-box{margin: 1% 1% 0;border: 1px solid #C3C9CB;background-color: #F0F0F0;padding: 2.7% 1%;font-size:4em;line-height: 2;float: left;width: 98%}
.activity-box .img-activity{margin-right: 10px}

.check-bx {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    font-size: 13px;
}

input[type=checkbox] {
    display: none;
}
.check-bx:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #333;
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}

.checkbox .check-bx {
    margin-bottom: 10px;
}
.checkbox .check-bx:before {
    border-radius: 3px;
}

input[type=checkbox]:checked + .check-bx:before {
    content: "\2713";
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
    font-size: 22px;
    color:#39B54A;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
}
.email-box{font-family: 'Roboto';width: 100%;padding:20px ;float: left;background-color: #fff;position: relative}
.email-box .leftBox{color: #3d3c3c;line-height: 1;width: 98%}
.email-box .leftBox .head{font-size:21.75px;margin-bottom: 1%}
.email-box .leftBox .text{font-size: 18.13px}
.email-box .check-box{margin-top: 3.3%;width:50px}

.privacy-box{width: 100%;padding: 4% 3%;float: left;font-family: 'Roboto'}
.privacy-box .leftBox{width: 47.95%;float: left;font-size: 1em;color: #5d5d5d;line-height: 2.5}
.privacy-box .img-user{width: 2.65%}
.privacy-box .img-smiley{width: 9.3%;margin-right: 15%}
/*.sharing-box{width: 100%;padding: 3%;position: relative}
.sharing-box .text{font-family: 'Roboto';width: 50%;margin-left: 2%;font-size: 1em;color: #5d5d5d;line-height: 1;margin-top: 0.5%}
.sharing-box .img-rectangle{position: absolute;right: -3%;top: 33px}*/
.group_box{width: 98%;margin:0 1% 5px;border: 1px solid #c3c9cb;background-color: #f0f0f0;position: relative;float: left}
.group_box .leftBox{width: 10.6%;float: left;}
.group_box .rightBox{width: 89.4%;font-size:26.81px;text-align: left;color: #3d3c3c;padding-left: 20px;line-height:3.5}
.group_box .rightBox .text{border-bottom: 1px solid #fff;line-height: 1;padding: 1.75% 0 1.75% 1%;font-size: 1em}

.detail-box-outer{float: left;padding: 10px 25px 33px 25px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #E0E0E0}
.detail-box{float: left;border: 1px solid #C3C9CB;background-color: #F0F0F0;margin-right: 8px;padding: 3px;width: 208px;height: 208px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.detail-box a{width: 100%;display: inline-block;height: 100%}
.detail-box a:focus{outline: none;outline-offset: 0}
.detail-box .bar{height: 12px;margin-bottom: 10px}
.detail-box .head{font-size: 18px;line-height: 1;margin-bottom: 8px;margin-left: 5px;text-transform: uppercase}
.detail-box .count{font-size: 25px;line-height: 1;position: relative;left: 5px}
.detail-box .value{position: absolute;bottom: 0;font-size: 25.3px}
.detail-box .font-25{font-size: 25.3px;position: absolute;bottom: 0}
.detail-box .font-35{font-size: 35px;position: absolute;bottom: 3px;}
.detail-box .font-50{font-size: 50px;position: absolute;bottom: 10px;}

.action-box{float: left; padding: 33px 43px;width: 701px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #F0F0F0;border-right: 1px solid #E0E0E0;}
.action-box .head{font-size: 24px;line-height: 1;margin-bottom: 15px;width: 100%;color: #525252}
.action-info{border-top: 1px solid #C3C9CB;background-color: #fff;width:100%;min-height: 100px;float: left;position: relative}
.action-info .box{height: 136px;width: 100%;}
.action-info .leftBox{float: left;padding: 15px 5px 15px;width: 13%;height: 100%;text-align: center;color: #5D5D5D;}
.action-info .rightBox{float: left;width: 87%;min-height: 100%;position: relative;;border-left: 1px solid #E5E5E5; }
.leftBox .control-group{margin-bottom: 15px}
.leftBox .time{font-size:24px;line-height: 1}
.leftBox .format{font-size:12.5px;line-height: 1;bottom: 0;right: 0;position: absolute}
.leftBox .date{font-size:14px;line-height: 1;margin-top: 5px}
.action-info .rightBoxTop{position: relative;width: 100%;height: 100%;border-bottom: 1px solid #D8D8D8;float:left }
.action-info .leftcontent{padding: 20px 25px 20px 15px;width: 83%;height: 100%}
.action-info .rightcontent{position: absolute;top: 0;bottom: 0;right: 0;width: 17%;text-align: center}
.action-info .rightcontent i{margin-top: 29px}
.action-info .rightcontent img{position: absolute;top: 0;bottom: 0;right: 0;width: 92px;}
.leftcontent .text{word-wrap:break-word;font-size:17px;font-weight: 500;color: #565656;line-height: 1.2;float: left;width: 60%;margin-right:15px;height: 100%;}
.leftcontent .comments{margin: 0;padding: 0;float: right;width: 32%;margin-left: 2%}
.comments ul{margin: 0;padding: 0}
.comments ul > li {list-style: none;float: left;margin: 0;padding: 0;width: 49%;display: inline-block;overflow: hidden;}
.comments ul > li:first-child{margin-right: 1%}
.comments ul > li > a{font-size:17.87px;width: 100%;line-height: 1;color: #363636;white-space: nowrap;overflow: hidden;float: left;}
/*.comments ul > li:nth-child(1) > a{margin-right: 30px}*/
.comments ul > li > a > i{margin-top:4px;margin-right:3px }
.action-info .rightBoxBottom{background-color: #F0F0F0;height: 45px;float: left;width:100% }
.rightBoxBottom ul{margin: 0;padding: 0}
.rightBoxBottom ul > li{margin: 0;padding: 0;list-style: none;width: 50%;float: left}
.rightBoxBottom ul > li >a{width:100%;border-left:1px solid #D8D8D8;padding:9px 0;float: left;text-align: center;font-size: 16px;color: #848484}
.rightBoxBottom ul > li:nth-child(1) > a{border-left-color: transparent}
.rightBoxBottom ul > li > a > i{margin-right:18px}
.rightBoxBottom ul > li > a > span{position: relative;top: 2px}

.activitybox{padding:33px 14px 0;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.activitybox .head{color: #585858;font-size: 24px;line-height: 1;margin-bottom: 15px;width: 100%}
.activityinfo{border: 1px solid #C3C9CB;background-color: #F0F0F0;width: 208px;height: 90px;padding: 20px 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 13px}
.activityinfo .text{font-size: 16px;line-height: 1;margin-bottom: 10px;text-transform: uppercase}
.activityinfo .count{font-size: 25px;line-height: 1;margin-right: 8px}
.activityinfo .units{font-size: 20px;line-height: 1.45;}

/*.dashboard-fb{background-color: #3B57A0;color: #fff;font-size: 80px;border-radius: 50%;width: 106px;height: 106px;text-align: center;padding-top: 33px;padding-left: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}*/
.dashboard-google-plus{position: absolute;top: -38px;right: -10px;}
.social-connect{border: 1px solid #C3C9CB;background-color: #F0F0F0;width: 208px;height: 240px;padding: 30px 30px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;margin-top: 15px}
.social-connect .text{font-size: 16px;line-height: 1;color: #525252;position: absolute;bottom: 20px}


.activities-navBar{width: 100%;padding: 32px 40px 32px 40px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #E5E5E5}
.activities-navBar .activties{float: left;padding: 0 0px 0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.activities-navBar .activties ul{margin: 0;padding: 0}
.activities-navBar .activties ul > li{margin: 0;padding: 0;display: inline-block;list-style: none;float: left}
.activities-navBar .activties ul > li > a{width: 123px;height: 123px;border: 1px solid #C3C9CB;background-color: #F0F0F0;float: left;padding-top: 22px;text-align: center;font-size: 15px;color: #5D5D5D;margin-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.activities-navBar .activties ul > li > a i{margin-bottom: 9px}
.activities-navBar .activties ul > li:last-child > a{margin-right: 0}

.logBox-outer{width: 100%;padding: 33px 0px 33px 43px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.logBox{width: 170px;background-color: #F0F0F0;border: 1px solid #C3C9CB;padding: 3px 4px;margin-right: 7px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 170px}
.logBox a{width: 100%;display: inline-block;height: 100%}
.logBox a:focus{outline: none;outline-offset: 0}
.logBox .bar{width: 100%;height: 8px;margin-bottom: 10px}
.logBox .head{font-size: 16px;line-height: 1;position: relative;left: 4px;color: #6F6F6F;margin-bottom: 30px}
.logBox.active, .logBox:hover{background-color: #fff}

.logHead{height: 63px;width: 100%;padding: 19px 43px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #F0F0F0;border: 1px solid #E0E0E0;}
.logHead .text{font-size: 24px;float: left;line-height: 1;color: #6E6E6E;}

.date-box{width: 300px;text-align: center;font-size: 20px;line-height: 1;color: #6E6E6E}
/*.date-box .text{font-size: 20px;line-height: 1;color: #6E6E6E}*/

.loggedBox{text-transform: uppercase;height: 50px;color: #737373;width: 100%;padding: 16px 43px;float: left;line-height: 1;font-size: 16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #E5E5E5}
.loggedActivity-outer{float: left;width: 100%;padding: 27px 43px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.loggedActivity{float: left;width: 170px;height: 218px;text-align: center;position: relative;background-color: #F0F0F0;border:1px solid #C3C9CB;padding: 15px 10px;margin-right: 7px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.loggedActivity .head{color: #5D5D5D;font-size: 15px;line-height: 1;width: 100px;margin: 0 auto;margin-bottom: 15px}
.loggedActivity .text{font-size: 24px;line-height: 1;color: #F49B2E;margin-top:20% }
.date-dropdown{font-size: 19.36px;text-indent: 1px;text-overflow: '';font-weight: 300;color: #9E9E9E;text-align: left;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent: 1px;background-color: #fff;border: 0;padding: 0 }
.date-dropdown:focus{outline: 0;border: 0;outline-offset: 0}
.date-sideBarBorder{height: 5px;bottom: 4px;border-left: 1px solid #D6D6D6;position: relative}
.date-border{height: 1px;width: 98%;border-bottom: 1px solid #B2B2B2}
.date-header{font-size: 16px;font-weight: 500;line-height: 1;margin-bottom: 30px;color: #808080}

.breakfast-outer{padding: 38px 46px 32px 43px;width: 100%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.breafastBox{float: left;min-height: 100px;width: 100%;background-color: #F0F0F0;border: 1px solid #C3C9CB;padding: 25px;margin-bottom: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.breafastBox .foodname{font-size: 20px;line-height: 1.2;margin-bottom: 13px;word-break: break-all}
.breafastBox .foodQuantity{font-size: 16px;line-height: 1.2;word-break: break-all}
.breafastBox.active .webApp-star, .breafastBox:hover .webApp-star{background-position: -334px -362px}
.modal-header{background-color: #f0f0f0;padding:15px 20px 10px;font-size: 24px;color: #5D5D5D;border-bottom-color: #DDDDDD;line-height: 1.1}
.modal-body{padding: 20px 15px 40px}
.food-outer{border-bottom: 1px solid #E5E5E5;width: 100%;padding: 48px 54px 48px 66px;float: left;}
.foodLog{text-align: center;margin-right: 17px;background-color: #F0F0F0;border: 1px solid #C3C9CB;font-size: 17.12px;position: relative;line-height: 1;width: 195px;height: 195px;float: left;padding: 23px 10px;}
.foodLog:hover,.foodLog.active{ background-color:#fff }
.food-outer .foodLog:last-child{margin-right:0}
.login-common-btn{font-family: 'Roboto Condensed';font-size: 23px;line-height: 1;padding: 15px;border: 1px solid #c3c9cb;background-color: #f7941e;text-align: center;color: #fff;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;}
.login-common-btn:hover{background-color: #df7d08;color: #fff;}

.date-box{width: 300px;text-align: center;font-size: 27.08px;line-height: 1;color: #6E6E6E}
.popUp-detailBoxOuter{width:100%;border-bottom: 1px solid #EBEBEB;padding: 14px 20px 16px 15px;border-bottom: 1px solid #EBEBEB}
.popUp-detailBox{padding:9px 10px;position: relative;margin-right: 10px;width:29%;height:150px;float: left;border: 1px solid #ECECEC;overflow: hidden}
.popUp-detailBox .text{font-size: 16px;color: #F49B2E;text-transform: uppercase;clear: both}
.popUp-detailBox .count{text-transform: uppercase;font-size: 29.73px;line-height: 1;float: right;clear: both;position: absolute;bottom: 20px;right: 20px}
.stats-box-sm{height:190px;width:190px;float:left;display:inline-block;border:2px solid #C3C9CB;margin-right:5px;padding:10px;text-transform:uppercase;overflow: hidden }
.stats-box-sm .head{font-size: 24px;text-transform: uppercase;color:#F7941E;margin-bottom: 53%;line-height: 1;height:50px }
.stats-box-sm .count{font-size:45px;font-weight: 400;color:#F7941E;text-transform: uppercase;white-space: nowrap;width: 100%}
.stats-box-sm .text{font-size:26px;position:relative;bottom:2px;color:#F7941E;font-weight:400;text-transform: uppercase; }


.nav-sideBar{width: 199px;background-color: #f0f0f0;border: 1px solid #C3C9CB;position: absolute;right: 0;top: 54px;z-index: 2;border-right: 0;border-top: 0}
.nav-sideBar ul{margin: 0;padding: 0}
.nav-sideBar ul > li{margin: 0;padding: 0;display: block;width: 100%;list-style: none;float: left}
.nav-sideBar ul > li > a{border-bottom:1px solid #D5D5D5;padding: 8px 5px;display: block;width: 100%;color: #000;font-size: 18px;font-weight: 300;line-height: 1;text-transform: uppercase}
.nav-sideBar ul > li > a:hover{background-color: #fff}
.nav-sideBar ul > li > a span{display: inline-block;margin-left: 5px;vertical-align: middle}
.nav-sideBar ul > li:last-child > a{border-bottom: transparent}

/* Achievement completed
-------------------------------------------------------------- */
.page-header{font-size: 24px;font-weight: 400;padding: 24px 40px;width: 100%;line-height: 1;white-space: nowrap;overflow: hidden;text-transform: uppercase}
.achieve-box{border: 1px solid #C3C9CB;background-color: #F0F0F0;width: 100%;padding: 20px 27px 16px;margin-bottom: 7px;}
.achieve-box .head-achieve{color: #363636;font-size: 20px;font-weight: 400;line-height: 1;text-transform: uppercase;margin-left: 7px;position: relative;bottom: -7px}
.achieve-box .head{font-size: 24px;font-weight: 300;color: #23B3EF;line-height: 1;margin-right: 6px;text-transform: uppercase}
.achieve-box .totalpts{font-size: 24px;font-weight: 500;color: #00AEEF;line-height: 1;width: 197px;white-space: nowrap;overflow: hidden}
.achieve-box .control-group{margin-bottom: 12px;}
.achieve-box .head-small{font-size: 16px;font-weight: 300;color: #6A6A6A;line-height: 1;margin-right: 5px;position: relative;bottom: -3px;float: left;text-transform: uppercase}
.achieve-box .count{font-size: 20px;font-weight: 300;color: #363636;line-height: 1;width: 75px;margin-right: 10px;white-space: nowrap;overflow: hidden;float: left;text-transform: uppercase}
.achieve-box .share{float: right;padding: 16px;position: absolute;right: 0;top: 0;border-left: 1px solid #c3c9cb;border-bottom: 1px solid #c3c9cb}

/* Achievement current
-------------------------------------------------------------- */
.current-count{font-size: 20.11px;font-weight: 300;line-height: 1;color: #363636;margin-bottom: 4px}
.current-head{font-size: 30px;font-weight: 300;line-height: 1;margin-bottom: 13px;color: #363636;}


/* Goal- body status
-------------------------------------------------------------- */
.head-small{font-size: 17px;line-height: 1;margin-right: 9px;color: #363636;font-weight: 300;position: relative;bottom: -2.5px;text-transform: uppercase}
.text-large{font-size: 21px;line-height: 1;color: #363636;font-weight: 400;text-transform: uppercase}
.icon-text{margin: 0 9px 0 7px;font-size: 16px;line-height: 1;color: #363636;}


/* Goal - your goal
-------------------------------------------------------------- */
.goal-box{border: 1px solid #c3c9cb;padding: 24px;width: 100%}
.goal-box .status{font-size: 28.41px;line-height: 1;margin-bottom: 28px;color: #363636;font-weight: 300}
.goal-box .bar-text{font-size: 21.4px;line-height: 1;color: #3D3C3C;margin-bottom: 8px;font-weight: 300}
.goal-box .target{font-size: 21.31px;line-height: 1;margin-bottom: 55px;color: #363636;margin-left: 6px;width: 290px;margin-right: 5px;overflow: hidden;white-space: nowrap;text-transform: uppercase}
.goal-btn{font-size: 20px;line-height: 1;width: 228px;padding: 16px;border: 1px solid #c3c9cb;background-color: #F0F0F0;text-align: center;color: #363636;text-transform: uppercase;display: inline-block}
.goal-btn:hover{color: #363636;}
.goal-bar{border: 2px solid #C3C9CB;background-color: #f0f0f0;padding: 26px 20px;line-height: 1;white-space: nowrap;overflow: hidden;width: 100%;margin-bottom: 5px;color: #363636;font-size: 18.88px;text-transform: uppercase;}

/* help - faq
-------------------------------------------------------------- */
.faq-box{width: 100%;padding: 20px 0 0;border-bottom: 1px solid #E0E0E0}
.faq-box .ques-text{width: 100%;line-height: 1;color: #363636;font-size: 20px;margin-bottom: 20px}
.faq-box .ans-text{width: 100%;line-height: 1.2;color: #6F6F6F;font-size: 16px;min-height: 150px;margin-bottom: 20px;word-break: keep-all}

/* help - feedback
-------------------------------------------------------------- */
.feedback-box{width: 100%;padding: 26px 43px}
.feedback-box .leftBox{font-size: 20px;line-height: 1;color: #363636;margin-right: 17px;padding-top: 8px}
.feedback-box .rightBox{font-size: 20px;width: 132px;border: 1px solid #D7D7D7;border-radius: 2px;background-color: #fff;color: #363636}
.feedback-box .rightBox .yes-bx{border: 1px solid #D7D7D7;border-radius: 2px;background-color: #F6F6F6;width: 69px;color: #39B54A;text-align: center;margin: 2px;padding: 5px 12px;height: 32px}
.feedback-box .rightBox .no-bx{padding: 8px 18px 0 0}
.feedback-box .goqiiFeedback{height: 160px;width: 100%;border: 1px solid #C3C9CB;font-size: 12px;line-height: 1.5;color: #DADADA;padding: 14px 20px;word-break: keep-all;font-family: 'Roboto', sans-serif;margin-top: 8px;margin-bottom: 10px}
.feedback-box .goqiiFeedback:focus{outline: 0;outline-offset: 0;}

/* karma
-------------------------------------------------------------- */
.cause-detail{width: 880px;margin: 0 43px 8px;border: 1px solid #C3C9CB;background-color: #F0F0F0;text-transform: uppercase;position: relative}
.cause-detail .leftBox{border-right: 1px solid #D8D8D8;width: 14.4%;overflow: hidden;position: absolute;top: 0;bottom: 0;left: 0; }
.cause-detail .leftBox img{width: 100%;height: 100%}
.cause-detail .rightBox{padding: 18px 22px 18px 16px;width: 85.6%;margin-left: 14.4%}
.cause-detail .cause-info{width: 230px;margin-right: 10px;white-space: nowrap;overflow: hidden;margin-bottom: 8px}
.cause-detail .cause-name{font-weight: 500;font-size: 18px;color: #363636;line-height: 1;margin-bottom: 9px;word-break: break-all;text-transform: uppercase}
.cause-detail .cause-achieved{font-size: 22px;margin-top: 15px;color: #39B54A;font-weight: 300;line-height: 1;text-transform: uppercase}
.cause-detail .share{position: absolute;top: 0;right: 0;padding: 16px;border-left: 1px solid #C3C9CB;border-bottom: 1px solid #C3C9CB}

/* karma - popup
-------------------------------------------------------------- */
.cause-icon{width: 54px;background-color: #f0f0f0;border-left: 1px solid #c3c9cb;position: absolute;top: 0;bottom: 0;display: inline-block;text-align: center;padding-top: 20px;right: 0}

/* social- landing page
-------------------------------------------------------------- */

.social-leftBx{padding: 27px 23px 0;width: 68.1%;border-right: 1px solid #E0E0E0}
.social-leftBx .heading{font-size: 24px;line-height: 1;padding-bottom: 12px;color: #585858;white-space: nowrap;overflow: hidden;font-weight: 300;text-transform: uppercase;width: 50%}
.social-leftBx .info-bx{border-top: 1px solid #E5E5E5;width: 100%;padding: 11px 0 18px;height: 166px;overflow: hidden}
.social-leftBx .mid-info{width: 61.2%;padding-right: 20px}
.social-leftBx .right-info{width: 22.7%;height: 136px;overflow: hidden;background-color: #fbfbfb}
.social-leftBx .info-bx .left-info{width: 13.3%;margin-right: 2.8%;}
.social-leftBx .user-img{width: 100%;height: 71px;margin-bottom: 10px;overflow: hidden;background-color: #f0f0f0}
.social-leftBx .time{font-size: 24px;color: #5D5D5D;line-height: 1;font-weight: 300;display: inline-block}
.social-leftBx .hour{font-size: 12.5px;color: #5D5D5D;font-weight: 300;text-transform: uppercase;display: inline-block;line-height: 1}
.social-leftBx .date{font-size: 14px;color: #5D5D5D;font-weight: 300;text-transform: capitalize;line-height: 1}
.social-leftBx .head{font-size: 12px;color: #5D5D5D;font-weight: 300;line-height: 1;margin: 6px 0;}
.social-leftBx .details{font-size: 11px;line-height: 1.2;color: #6C6C6C;height: 75px;margin-bottom: 10px;overflow-y: auto;font-weight: 300;}
.social-leftBx .likes{font-size: 12px;font-weight: 500;color: #363636;width: 28px;margin: 0 4px;overflow: hidden;white-space: nowrap;line-height: 1;position: relative;bottom: 1px}
.social-leftBx .comments{font-weight: 300;font-size: 9px;color: #000;line-height: 1;margin:0 6px;text-transform: uppercase;position: relative;bottom: -1px}
.social-leftBx .chat-select{font-size: 12px;font-weight: 300;line-height: 1;border: 0;box-shadow: none;background-color: #fff;text-transform: uppercase;margin-right: 25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance: none;  text-indent: 1px;text-overflow: '';max-width: 100px}
.social-leftBx .chat-select:focus{outline: 0;outline-offset: 0}
.social-rightBx{width: 31.9%;padding: 25px 14px 23px 20px;}
.social-rightBx .chat-header{padding-bottom: 11px;border-bottom: 1px solid #E5E5E5;}
.social-rightBx .head{font-size: 24px;text-transform: uppercase;font-weight: 300;line-height: 1;color: #585858}
.social-rightBx .chat-select{font-size: 12px;font-weight: 300;line-height: 1;border: 0;box-shadow: none;background-color: #fff;text-transform: uppercase;margin-right: 25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance: none;  text-indent: 1px;text-overflow: '';max-width: 100px}
.social-rightBx .chat-select:focus{outline: none;outline-offset: 0}
.social-rightBx .online-box{border-bottom: 1px solid #E5E5E5;padding: 8px 0 5px}
.social-rightBx .online-box:hover,.social-rightBx .online-box.active{background-color: #F2F2F2}
.social-rightBx .online-box .user-img{width: 36px;height: 36px;overflow: hidden;margin-left: 6px;margin-right: 8px}
.social-rightBx .online-box .user-name{font-size: 14px;color: #424242;white-space: nowrap;overflow: hidden;text-transform: uppercase;line-height: 1;margin-bottom: 5px}
.social-rightBx .online-box .user-status{font-size: 11px;font-weight: 500;color: #797979;white-space: nowrap;overflow: hidden;line-height: 1;}
.social-rightBx .online-box .user-comment{width: 55px;border-left: 1px solid #E5E5E5;padding: 7px 5px;height: 36px}

/* social- landing page-popup
-------------------------------------------------------------- */
.comment-bx{width: 100%;margin-bottom: 4px;border: 1px solid #E4E4E4;background-color: #EFEFEF}
.comment-bx .user-img{width: 63px;height: 56px;overflow: hidden;}
.comment-bx .comment{width: 73%;font-size: 11px;color: #555;line-height: 1.2;font-weight: 300;padding: 8px 10px 8px 12px;word-wrap: break-word}

.comment-send{border: 1px solid #E4E4E4;width: 296px;margin-top: 7px;min-height: 40px;position: absolute;bottom: 13px;left: 16px}
.comment-send .text{font-size: 13px;font-weight: 400;line-height: 1.4;border: 0;padding:16px 6px;vertical-align: middle;height: 100%;width: 80%;color: #333}
.comment-send .text:focus{outline: 0;outline-offset: 0}
.comment-send .comment-post{font-size: 14px;font-weight: 400;margin-top: 6.5%;line-height: 1;padding: 15px 10px;color: #A3A3A3;text-transform: uppercase;display: inline-block;width: 20%;text-align: center}

/* friend-list page
-------------------------------------------------------------- */

.btn-lg{width: 124px;height: 31px;padding: 8px 2px;text-align: center;text-transform: uppercase;line-height: 1;font-size: 12px;color: #3D3C3C;font-weight: 300;border-radius: 0;border: 1px solid #c3c9cb;text-decoration: none}
.btn-sml{width: 105px;height: 31px;padding: 9px;text-align: center;text-transform: uppercase;line-height: 1;font-size: 12px;color: #3D3C3C;font-weight: 300;border: 1px solid #c3c9cb;background-color: #f0f0f0;text-decoration: none}
.btn-lg:hover, .btn-sml:hover{color: #424242}
.alphaList{width: 95%;margin: 6px 0 23px}
.alphaList ul{margin: 0;padding: 0;;float: left}
.alphaList ul > li{list-style: none;margin: 0;padding: 0;width: 22px;border-right: 1px solid #CCC;display: inline-block;float: left;height: 11px;}
.alphaList ul > li > a{font-size: 12px;font-weight: 300;color: #000;text-align: center;display: inline-block;text-transform: uppercase;width: 100%;float: left;line-height: 1}
.alphaList ul > li:last-child{border: 0}

.friend-bx{width: 100%;padding: 14px 10px 12px 0;border-bottom: 1px solid #B9B9B9;}
.friend-bx .user-img{width: 81px;height: 71px;overflow: hidden;margin-right: 15px;margin-bottom: 0;}
.friend-bx .user-name{font-size: 18px;font-weight: 300;color: #030303;line-height: 1;word-break: break-all;margin: 4px 0 7px;text-transform: uppercase}
.friend-bx .user-common{font-size: 10px;font-weight: 300;color: #030303;line-height: 1;word-break: break-all;margin-bottom: 19px}
.friend-bx .user-text{font-size: 11px;font-weight: 700;font-style: italic;line-height: 1;white-space: nowrap;overflow: hidden;color: #5D5D5D}
.friend-bx .points{font-size: 12px;font-weight: 300;line-height: 1;color: #666;text-transform: uppercase;margin-bottom: 3px;white-space: nowrap;overflow: hidden}
.friend-bx .request{font-size: 12px;font-weight: 300;line-height: 1;color: #000;text-transform: uppercase;white-space: nowrap;margin-top: 5px;}

/* group details page
-------------------------------------------------------------- */
.group-info{font-size: 14px;text-transform: uppercase;font-weight: 300;line-height: 1;color: #585858;margin-top: 12px;margin-left: 5px}

/* leader board page
-------------------------------------------------------------- */
.leader-list{margin-left: 7px;width: 76%;}
.leader-list ul{margin: 0;padding: 0;float: left}
.leader-list ul > li{list-style: none;float: left;width: 154px;margin: 0;padding: 0;display: inline-block}
.leader-list ul > li:nth-child(2){width: 110px}
.leader-list ul > li > a{text-align: left;text-transform: uppercase;width: 100%;display: inline-block;color: #BDBDBD;font-size: 24px;font-weight: 300;line-height: 1}
.leader-list ul > li > a:hover, .leader-list ul > li > a.active{color: #585858;}

.btn-circle{border: 1px solid #3CB64D;border-radius: 50%;font-size: 30px;font-weight: 300;line-height: 1;width: 60px;height: 60px;text-align: center;vertical-align: middle;display: inline-block;color: #858585;padding: 13px 0;margin-top: 6px}
.btn-circle:hover{color: #858585;}

/* leader board chat
-------------------------------------------------------------- */
.group-chat{border: 1px solid #E0E0E0;background-color: #fff;padding: 4px 10px;width: 212px;margin-bottom: 12px;position: relative;min-height: 50px;clear: both;margin-right: 1px}
.group-chat:after, .group-chat:before{right: 100%;top: 25px;border:solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none}
.group-chat:after{border-color: rgba(235,239,240,0);border-right-color: #fff;border-width: 7px;margin-top: -14px;}
.group-chat:before{border-color: rgba(195,201,203,0);border-right-color: #E0E0E0;border-width: 8px;margin-top: -15px;}
.group-chat-user{border: 1px solid #E0E0E0;background-color: #fff;padding: 4px 10px;width: 212px;margin-bottom: 12px;position: relative;min-height: 50px;clear: both;margin-left: 1px}
.group-chat-user:after, .group-chat-user:before{left: 100%;top: 25px;border:solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none}
.group-chat-user:after{border-color: rgba(235,239,240,0);border-left-color: #fff;border-width: 7px;margin-top: -14px}
.group-chat-user:before{border-color: rgba(195,201,203,0);border-left-color: #E0E0E0;border-width: 8px;margin-top: -15px}

.group-chat .chat-text,.group-chat-user .chat-text{font-size: 11px;line-height: 1.2;margin-bottom: 2%;color:#363636;font-weight: 500;}

.chat-msgbx{border: 1px solid #DDDDDD;width: 100%;background-color: #fff;height: 40px;padding: 12px 7px 5px;margin-top: 12px}
.chat-msg{font-size: 9.4px;color: #363636;line-height: 1;border: 0;width: 100%;font-family: 'Roboto', sans-serif;padding: 3px;}
.chat-msg:focus{outline: 0;outline-offset: 0;border: 0}

/* user profile page
-------------------------------------------------------------- */
.user-profile{width: 100%;margin: 18px 0 5px}
.user-profile .lft-bx{width: 54%;margin-right: 1.6%}
.user-profile .lft-bx .user-name{font-size: 30px;line-height: 1;color: #030303;margin: 5px 0 15px;font-weight: 300;white-space: nowrap;overflow: hidden;text-transform: uppercase}
.user-profile .lft-bx .user-info{font-size: 18px;font-weight: 300;line-height: 1;margin-bottom: 10px;text-transform: uppercase;white-space: nowrap;overflow: hidden;margin-left: 3px;width: 80%;color: #5D5D5D;}
.user-profile .right-bx{width: 44.4%;height: 271px;overflow: hidden}

.user-infobx{width: 100%;border-top: 1px solid #c3c9cb;border-bottom: 1px solid #c3c9cb;padding: 1px 0;margin-bottom: 42px}
.user-infobx .box{float: left;width: 33.33%;border-right: 1px solid #c3c9cb;color: #5d5d5d;text-align: center;padding: 10px 2%;height: 125px;}
.user-infobx .box .head{font-size: 22.41px;line-height: 1;margin: 10px 0 2px;font-weight: 300;color: #5D5D5D}
.user-infobx .box .count{font-size: 37.35px;line-height: 1;font-weight: 300;color: #5D5D5D;white-space: nowrap;overflow: hidden;height: 35px}

.stats-box-md{height:160px;width:160px;float:left;display:inline-block;border:2px solid #C3C9CB;margin-right:60px;padding:5px 7px;text-transform:uppercase;overflow: hidden }
.stats-box-md .head{font-size: 17.56px;text-transform: uppercase;color:#F7941E;margin: 0;margin-bottom: 49%;line-height: 1;height:50px }
.stats-box-md .count{font-size:39.51px;font-weight: 400;color:#F7941E;text-transform: uppercase}
.stats-box-md .text{font-size:26px;position:relative;bottom:2px;color:#F7941E;font-weight:400;text-transform: uppercase; }
.stats-box-md:hover{background-color: #f0f0f0}

/* coach-list
-------------------------------------------------------------- */

.coachMember{width: 100%;margin-top: 5px}
.coachMember th{vertical-align: middle;background-color: #fff;width: 133px;float: left;font-weight: 500;border-right: 1px solid #c3c9cb;font-size: 16px;text-align: center;padding: 20px 0;color: #5D5D5D;line-height: 1;text-transform: uppercase}
.coachMember th:first-child{width: 291px;color: #5d5d5d;text-align: left;padding: 20px 25px}
.coachMember th:first-child a{color: #5d5d5d}
.coachMember th:last-child{width: 142px}
.coachMember th:nth-child(5), .coachMember th:nth-child(6){padding: 14px 5px 7px 5px;}
.coachMember .user-name{margin-left: 15px;padding-top: 29px;margin-bottom: 10px;text-transform: uppercase;white-space: nowrap;overflow: hidden;width: 165px;text-align: left;color: #363636}
.coachMember .user-img{width: 91px;height: 91px;overflow: hidden}
.coachMember .text{font-size: 14px;margin-top: 5px;font-weight: 100;}
/*.coachMember th:nth-child(4){width: 19.2%}*/
.coachMember tr{margin: 5px 6px 0;width: 98.8%;float: left;border: 1px solid #C3C9CB;background-color: #F0F0F0;}
.coachMember > thead > tr{width:100%;margin:0;border-left: 0;border-right: 0}
.coachMember th:last-child{border-color: transparent}
.coachMember td{width: 134px;float: left;border-left: 1px solid #c3c9cb;font-weight: 300;font-size: 18px;text-align: center;color: #363636;padding: 30px 0;margin: 6px 0;white-space: nowrap;overflow: hidden;line-height: 1}
.coachMember td:first-child{padding: 0;width: 282px;border-left: 0;margin: 0}
.coachMember td:last-child{width: 130px}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/webApp/css-img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

/* device
-------------------------------------------------------------- */
.deviceBox{width: 100%;padding: 30px 20px;float: left;}
.deviceBox .imei{font-size: 20.72px;color: #5D5D5D;margin-bottom: 35px;font-weight: 300;line-height: 1;text-transform: uppercase}
.deviceBox .device-btn{width: 48.5%;float: left;background-color: #ccc;font-size: 19px;padding: 18px 5px;text-align: center;line-height: 1;text-decoration: none;font-weight: 300;color: #4E4E4E;cursor: pointer}

/* on off button
-------------------------------------------------------------- */

.btn-box {background-color: #CCCCCC;font-size: 15.23px;padding: 1px;width: 100px;}
.btn-box .active-btn {background-color: #29A3CC;border: 0 none;color: #FFFFFF;line-height: 1;padding: 3px 5px;text-align: center;width: 50%;}
.btn-box .inactive-btn {background-color: transparent;border: 0 none;color: #EBEBEB;line-height: 1;padding: 2px;text-align: center;width: 50%;}

/* device settigns popup
-------------------------------------------------------------- */
.device-popup{padding: 28px 22px;float: left;width: 100%;border-bottom: 1px solid #c3c9cb}
.device-popup .leftBox{font-size: 18.65px;color: #5D5D5D;line-height: 1.5;width: 55%;float: left}

.radio-bx {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    font-size: 13px;
}

input[type=checkbox] {
    display: none;
}
.radio-bx:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #333;
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}

.radiobox .radio-bx {
    margin-bottom: 10px;
}
.radiobox .radio-bx:before {
    border-radius: 3px;
}

input[type=checkbox]:checked + .radio-bx:before {
    content: "\2713";
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
    font-size: 22px;
    color:#39B54A;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
}

.label2:before {display: inline-block; position: relative; top:4px; left:0; content:''; width:20px; height:20px;background-image:url(/webApp-images/common-sprite.png);margin-right: 8px;font-size: 16.58px;color: #939393;}
input[type="checkbox"] + .label2:before { background-position: -142px -661px}
input[type="checkbox"]:checked + .label2:before {background-position: -193px -662px; }


.detail-table{width: 100%;margin: 0}
.detail-table img{margin-bottom: 8px;text-align: center;width: 53%}
.detail-table .boxes{text-align: center;border-left: 1px solid #c3c9cb;line-height: 1;display: table-cell}
.detail-table .text{font-size: 22px;width: 78%;text-align: center;margin: 0 auto;}
.detail-table .units{font-size: 2em;color: #868686;padding-bottom: 2%;width: 78%;margin: 0 auto;text-align: center}
.detail-table .textUp{width: 78%;margin: 0 auto;text-align: center;font-size:22px;line-height: 1;color: #363636;border-bottom: 1px solid #c3c9cb;padding: 5% 0 6%;border-top: 1px solid #c3c9cb}
.detail-table .textDown{width: 78%;margin: 0 auto;text-align: center;font-size:22px;line-height: 1;color: #9B9B9B;padding: 6% 0 5%}

.conversationBox{width: 100%;margin: 0 ;border-top: 1px solid #c3c9cb;min-height: 90px;padding: 17px 0 20px;position: relative;float: left}
.conversationBox .text{font-size:18px;color: #5d5d5d;line-height: 1.2;}
.conversationBox .msg-box{width: 88%}
.conversationBox .img-box{width: 9.86%;}
.conversationBox .date-box{color: #ff4242;font-size:15px;}
.conversationBox .user-name{margin-top: 20px;font-size: 20px;color: #363636;line-height: 1;margin-bottom: 8px;text-transform: uppercase}
.conversationBox .marginLeft{margin-left: 2%}
.conversationBox .control-group{margin-bottom: 14px}
.conversationBox .user-img{width: 64px;height: 64px}

/* history page
-------------------------------------------------------------- */
.history-bar{width: 94%;}
.history-bar ul{margin: 0;padding: 0;display: inline-block;float: left;width: 100%}
.history-bar ul > li{width: 14.28%;display: inline-block;float: left;list-style: none;font-size:19.77px ;color: #5D5D5D;line-height: 1.2;font-weight: 300;text-align: center}


[class^="coachIcon-"] {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    background-image: url("/webApp-images/coach-sprite.png");
    background-repeat: no-repeat;
}

.coachIcon-calories{width: 26px;height: 48px;background-position: -12px -14px}
.coachIcon-step{width: 45px;height: 48px;background-position: -126px -14px}
.coachIcon-sleep{width: 51px;height: 48px;background-position: -62px -14px}

.glass-css {
   
    
   
    position: relative;
    width: 130px;
}
.glass-topborder{border-top: 1px solid #BDBCBC;position: absolute;top: 0;left: -31px;width: 192px;}
.glass-leftborder {
    border-left: 1px solid #C3C9CB;
    height: 290px;
    left: -16px;
    position: absolute;
    transform: rotate(-6deg);
}
.glass-rightborder {
    border-right: 1px solid #C3C9CB;
    height: 290px;
    position: absolute;
    right: -16px;
    transform: rotate(6deg);
}
.glass{height: 0px; border-top: 284px solid #B0DEF6; border-left: 30px solid transparent; left: -27px; bottom: 2px; border-right: 30px solid transparent; width: 185px;}

.fb-share{padding: 7px;font-size: 12px;color: #fff;background-color: #3B5998;border:0;border-radius: 5px;font-weight: 500;line-height: 1}
.fb-share:hover{color: #fff;cursor: pointer}
.twtr-share a{padding: 4px 13px;font-size: 12px;color: #fff;background-color: #00aced;border: 0;border-radius: 5px;font-weight: 500;line-height: 1}
.twtr-share a:hover{color: #fff;cursor: pointer}

.coach-head{background-color: #fff;width: 100%;}
.coach-head .coach-img{width: 53px;height: 53px;overflow: hidden}
.coach-head .coach-name{font-size: 16px;color: #363636;font-weight: 500;width: 250px;white-space: nowrap;overflow: hidden;margin-left: 20px;text-transform: uppercase;font-family: Roboto Condensed;margin-top: 17px}

.terms-conditions{color: #363636;
    font-size: 14px;
    height: 172px;
    line-height: 1.2;
    margin: 30px 0px;
    overflow-y: scroll;
    text-align: justify;
    width: 100%;
padding: 0 10px;
border: 1px solid #C3C9CB;
border-radius: 5px}

.pg-text{font-size:20px;padding: 0 25px 20px;color:#000;font-family:roboto condensed;font-weight:300;clear:both;line-height:1.4}
.subscribe-share{font-size:16px;color:#000;font-family:roboto condensed;font-weight:300;text-decoration:none;cursor: pointer;text-align:center;display:inline-block;width:20%;line-height:1.4}
.subscribe-share img{display:inline-block;margin-bottom:8px}
.btn-blue{background-color:#32cdfd;color:#fff;font-size:25px;font-family:roboto condensed;padding:15px;text-align: center;border:0;line-height: 1.4;width:92%;margin: 0 4%;float:left}
.btn-blue:hover{text-decoration:none;color:#fff;}
.subscrib-detail{padding:20px;float:left;border-bottom:1px solid #c3c9cb;font-size:20px;line-height:1.4;font-family:roboto condensed;font-weight:300;color:#000;width:96%;margin:0 2%}