@import url('https://fonts.googleapis.com/css?family=Lato:400,700,700i,900');
body { color: #5c5c5c; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px; line-height: 24px; }
a { color: #3b0d71; transition: all .3s ease-in; }
a:hover, a:active, a:focus { color: #740AD9; outline: none; text-decoration: none; transition: all .3s ease-in-out;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; font-weight: 400; padding: 0; }
h1{ font-size: 30px; }
h2{ font-size: 25px;}
h3{ font-size: 24px;}
h4{ font-size: 20px; line-height: 30px; }
h5{ font-size: 18px;}
h6{ font-size: 17px; line-height: 23px;}
ul, li, ol{ list-style: none; padding: 0; margin: 0; }
p{ padding: 0; margin: 0 0 30px 0; color: #555;}
p.large{font-size: 18px; line-height: 28px;}
header:after, header:after, section:after, section:after{ clear: both; content: ''; display: table; height: 0; }
img { max-width: 100%; }
b{font-weight: 700; }
section{ position: relative; }
input {border-radius: 15px; border: 1px solid #E7E7E7; box-shadow: 0 1px 4px 0 rgba(0,0,0,.05); height: 48px; line-height: 20px; padding: 0 25px; width: 100%;
-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;}
input:focus{transition: box-shadow .2s!important; outline: none; box-shadow: 0 0px 3px 0 #fe5b3487; border: 1px solid #740AD9;}
/*::-webkit-scrollbar{ width: 5px; }
::-webkit-scrollbar-track { background: #FF025D;}
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #FF025D 0%, #D31F37 100%); border-radius: 10px; }*/

.btn{background:#740AD9; border: 1px solid #740AD9; overflow: hidden; position:relative; border-radius: 50px; font-weight:400; font-size: 18px; padding: 0 25px; width:100%; margin:0 auto; max-width: 500px;
line-height: 56px; height: 60px; transition: all .5s ease-in-out 0s; cursor: pointer; color: #fff; text-transform:uppercase; text-align:left; margin-bottom:20px; display:block;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.btn:hover, .btn:focus{color: #FFF;outline: none;background: #A35EE6;border: 1px solid #A35EE6;}
.btn i{ float: right; color: #00EDE1; margin-top: 22px;}
.btn:hover i{color: #FFF;}
.btn-tip{background:#A35EE6;color:#FFF; margin: 0 auto 30px auto; max-width: 500px; border: 1px solid #A35EE6; font-weight:normal; height:auto; font-size: 20px; margin-bottom: 35px; text-transform: none; line-height: 25px; padding: 30px; border-radius: 30px;display: flex;}
.btn-tip i{float:left;margin-right: 20px;color:#FFF;font-size: 50px;margin-top: -10px;}
.see-more{ font-size: 18px; display: inline-block; margin-top: 10px; }
.see-more i{ font-size: 15px; margin-left: 5px }
.btn-green{ background: #09B91E;  border: 1px solid #09B91E;}
.btn-green i{ color: #FFF }
.exercise-list .btn-popup{width: auto; min-width: 100px; display: inline-block; height: 40px; line-height: 38px; padding: 0 20px; margin-bottom: 0;}
.exercises-list .btn-small{width: auto; min-width: 230px; margin-top: 20px; float: right;}
.btn-gray{background-color: #6c757d;  border-color: #6c757d;}
.btn-gray:hover { background-color: #5a6268; border-color: #545b62;}
.gray-bg{background: #F1F1F1;}

/*----------------------------------------*/
.wrapper{ margin:0 auto; position: relative; display: block;}
.page-content.home-content{background:#F1F1F1;}
.page-content{padding:20px 0 60px 0; position: relative; min-height: 500px; }
header{ background:linear-gradient(180deg,#842FE1 20%,#740BD9 100%); color:#FFF; padding:25px 20px 0; position: relative;}
header .menu-right{ position: relative; color:#FFF; text-transform: uppercase; font-weight: 600; font-size: 15px; }
header .menu-right img{ border: 3px solid #FFF; border-radius:50%; width: 32px; height: 32px; object-fit: cover; margin-left:7px; }
header .menu-right span{ position: absolute; background: #FC125F; width: 22px; height: 22px; border-radius: 100%; text-align: center; line-height: 21px; color: #FFF; top: -8px; right: -8px; font-size: 15px; font-weight: bold;}
header .menu-right i{ color:#999999; font-size:24px; }
header .menu-left i{ color:#FFF; font-size:30px; }
header .menu-left{ width:30px; height:30px;}
header .right{ position: relative; }
header .right, header .left { width: auto; display: flex; padding-top: 10px;}
header .logo img{max-width:180px; vertical-align: middle;}
.header-top-menu ul{display:flex; font-size:32px;}
.header-top-menu li{margin: 0 5px;background: #fff;border-radius: 66px;box-shadow: 0px 0px 5px #CCC;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 27px;}
.sub-header .left, .sub-header .right{ position: absolute; top: 30%; font-size: 30px; border-radius: 50%; z-index: 1000;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);  
-moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.16);}
.sub-header h1{ margin-bottom: 10px; font-weight: 600;}
.sub-header .left{ left:18px; }
.sub-header .left i{color: #C59CED; }
.sub-header .right i{ color: #00EDE1; }
.sub-header .right{ right:18px; }
.date-today{ text-align:center; position: relative; text-align: left; font-size:15px; width: 100%; left: 0; top: 0; color: #c487ff; }
.date-today:after{ display:table; clear:both; content:''; height:0;}
.sub-header{ background:#740AD9; color:#FFF; text-align:center; padding:0 20px 30px 20px;}
.sub-header .small{ color:#eddbff; font-weight:300; text-transform:uppercase;  font-size:15px; letter-spacing: 1px;}
.sub-header h2{font-size: 20px; margin-bottom: 10px;}
.sub-header p{ color:#eddbff; text-transform:uppercase; font-size:16px; margin-bottom:5px;}
.current-week{ background:#FFF; padding:10px; text-align:center; margin: -15px 15px -25px; z-index: 1000; position: relative; 
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14);
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14); 
-ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14); 
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14);}
.current-week p{ text-transform:uppercase; font-size:20px; margin-bottom: 0; color: #740AD9;}
.exercise-session-form{ text-align:center; margin-top: 30px;}
.exercise-session-form .form-control{width: 80px;margin:0 auto;text-align:center;height:50px;font-size:25px;padding: 0 10px; color:#5c5c5c;border-radius:15px;}
.exercise-session-form label{font-size:18px;  padding-bottom:10px; display: block;}
.exercise-session-form .form-group{border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;margin-bottom: 15px;}
.exercise-session-form p{font-size:20px;  border-bottom: 1px solid #e0e0e0; padding-bottom: 30px;}
.exercise-session-form .form-text{color:#CCC!important;font-size: 15px;}
.exercise-session-form .btn{ margin-top:30px;}
.exercise-list{ padding: 0;margin-bottom:30px;}
.exercise-list li img, .exercise-list td img{ margin-right: 20px; margin-top: -10px; }
.exercise-item-img {float: left; display: inline-block;}
.exercise-item-img img{ width: 40px; height: 40px; border-radius: 100%; border: 2px solid transparent; transition: .5s all; }
.exercise-list li{ padding:20px 25px; font-size:18px; border-bottom:1px solid #D7D7D7;clear: both; }
.exercise-list li:after{clear:both; height:0;display:table; content: "";}
.exercise-list li:hover{ background: #F9F9F9; }
.exercise-list li:hover .exercise-item-img img{ border: 2px solid #740BD9; box-shadow: 0px 2px 10px rgba(116, 11, 217, 0.4);}
.exercise-list li a{ display: block; }
.exercise-list li i{ float:right; font-size:15px;}
.exercise-list.new li .edit i{float: none;}
.exercise-list.new th{ padding-bottom: 20px; font-size: 18px;}
.exercise-list.new tbody tr{ border-bottom: 1px solid #D7D7D7;}
.exercise-list.new tbody td{ padding: 20px 0;}
.exercise-list li.headlist{font-weight: bold;}
.main-menu li svg{width: 100%;height: 50px;}
.main-menu li i,.main-menu li svg{ display:block; font-size:35px; margin-bottom:12px; transition: all .3s ease-in-out;}
.main-menu li.exercise svg{height: 60px;margin-bottom: 2px;}
.main-menu ul{ text-align: center; }
.main-menu li{ width:33.33%; float: left; text-align: center; text-transform:uppercase;}
.main-menu li a{background:#FFF; border-radius:15px; position: relative; display:block; margin:0 5px; padding:27px 5px 15px; margin-bottom: 10px; font-size: 15px; box-shadow: 0px 2px 10px #CCC; height: 150px; line-height: 18px;}
.main-menu li span{ display: none;clear:both; text-align:center; color: #3b0d71; padding-top: 8px; border-top:1px solid #D7D7D7; margin-left: -5px; margin-right: -5px; position: absolute; width: 100%; bottom: 0; height: 35px; }
.main-menu li span i, .sidebar-left li span i{ font-size:15px; color: #3B0D71; margin-bottom:0;}
.sidebar-left li{ padding: 5px 0;border-bottom: 1px solid #efefef; text-transform: uppercase; font-size: 15px;height: 60px;position: relative;}
.sidebar-left li:last-child{border-bottom: 0;}
.main-menu li img{width: auto; height: 60px;display: block;margin:-3px auto 13px auto;}
.sidebar-left li img{width: 40px; height: auto;margin-right: 12px;margin-top: -7px;}
.header-top-menu li img{width: auto; height: 37px;display: block;margin:6px auto 0 auto;}
.resource-wrap .main-menu li img{width: auto; height: 75px;display: block;margin:0 auto 15px auto!important;}
.sidebar-left li span {position: absolute;right: 0; top: 0;}
.sidebar-left li span i{ font-size: 15px; width: auto; float: none;}
.sidebar-left ul{ padding:50px 20px 25px 15px;}
.sidebar-left li a>i,.sidebar-left li a>svg{ font-size:30px; width: 40px; float: left; transition: all .3s ease-in-out;margin-right: 15px;text-align: center;}
.sidebar-left li:after, .sidebar-left li:before{ clear: both; display: table; height: 0; content: ''; }
.sidebar-left li a{ position: absolute;top: 50%;width: 100%;transform: translateY(-40%);}
.sidebar-left li a:hover i, .main-menu li a:hover i{color: #740AD9;}
.sidebar-left li a:hover svg path{fill: #740AD9;}
.resource-wrap .main-menu li{ width: 50%; margin-bottom: 25px;}
.sidebar-left li.meun-calc a{transform: translateY(-50%);}
.sidebar-left li.meun-calc span{top: 10px;}
.sidebar-left li.profile a img{width: 40px;height: 40px;margin-right: 12px;}
li.home a > i{ color:#333;}
li.meal a > i,li.roles a > i{ color:#FF025D;}
li.nutrition a > i{ color:#FF513B;}
li.exercise a >i,li.routines a >i{ color:#00CAFC;}
li.achievements a >i,li.users a >i{ color:#3B0D71}
li.social-wellness a >i{ color:#fec24f;}
li.resources a >i{ color:#006EFE;}
li.profile a > i{ color:#999999;}
li.team a > i{ color:#fc135f;}
li.motivation a > i{ color:#006EFE;}
li.meettheteam a >i { color: #740AD9;}
.header-top-menu li.meettheteam a >i { color:#c78dff;}
li.tutorials a >i { color: #fec24f;}
li.humour a >i { color: #3b146f;}
li.achievements a >i { color: #fc125f;}
li.forum a >i { color: #4CAF50;}
li.facebook a >i { color: #3b579d;}
.header-top-menu li.calendar a >i{color: #3b0d71}
.header-top-menu li a i{transition:all .2s ease-in}
/*.header-top-menu li a:hover i{background: rgba(255, 255, 255, 0.27);border-radius: 50px;box-shadow:0px 0px 30px rgba(255, 255, 255, 0.7);}*/
.exercise-list li.active-link{border-bottom:0; margin: 0 -5px; }
.exercise-list li.active-link a{background: #740AD9;border-radius: 30px;color: #FFF;display: block;height: 60px;line-height: 60px;padding: 0 30px; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
text-transform: uppercase; font-size: 16px;}
.exercise-list li.active-link i{margin-top: 20px; color: #00EDE1; font-size: 22px;}
.profile-img{width: 100px; height: 100px; background: #999999; border: 10px solid #FFF; border-radius: 100%; margin: 30px auto -80px auto;}
.profile-img img{ border-radius: 100%;  }
.bottom-menu{ background: url(../images/healme/footer-menu-bg.png) no-repeat center top; max-width:370px; height:160px; position: fixed; bottom: -300px; left: 0; right: 0; margin: 0 auto; z-index: 100; transition: all ease 0.5s; 
-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; }
.bottom-menu li{ width: 33.33%; float: left; text-align:center }
.bottom-menu li a{ font-size: 20px; text-align:center }
.bottom-menu li a i{ font-size: 30px; margin-bottom: 5px; }
.bottom-menu li a, .bottom-menu li a i{ color: #FFF; display: block;; text-align: center; }
.bottom-menu li.nutrition{ margin-top: 80px; padding-left:25px; }
.bottom-menu li.meal{margin-top: 40px; }
.bottom-menu li.exercise{ float: right; margin-top: 80px; padding-right:25px;}
.menu-bottom-open .bottom-menu{ bottom: 0; }
.close-left-menu{ color: #666; float: right; margin: 10px 20px; font-size: 20px; }
.home-content:before{background:#740AD9; content:''; height:170px; width:100%; position: absolute; top: 0; left: 0;}
.dashboard-wrap{ position:relative; z-index:10; color:#FFF;}
.dashboard-wrap h1{  text-align:center; margin-bottom: 25px;}
.point-item{ padding:10px 15px; color:#FFF; border:3px solid rgba(255, 255, 255, 0.6); border-radius:15px; width: 46%; box-shadow:0px 2px 10px rgba(204, 204, 204, 0.76);}
.point-item.week{ background:#8520E5; float:left; color:#FFF;}
.point-item.total{ background:#00EDE1; float:right; color:#740ad9;}
.total-point{ text-align:center; margin:0 auto 30px auto; padding:0 20px; text-transform:uppercase; max-width: 330px;  font-size:16px; min-height: 90px;}
.point-item p{ margin:0; font-size:22px;}
.point-item.week p{ color:#FFF;}
.point-item.total p{ color:#740ad9;}
.point-count{ box-shadow: 0px 2px 10px #CCC; color:#5c5c5c; text-align:center; font-size:25px; background:#FFF; padding:10px; line-height:35px; margin:4px 0 10px 0; border-radius:15px;}
.total-point:after{ content:''; display:table; height:0; clear:both;}
.sidebar { height: 100%; width: 300px; position: fixed; overflow-y: auto; top: 0; z-index: 1000; transition: all ease 0.5s; background: #FFF;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-ms-transition: all ease 0.5s;box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);}
.video_player{padding: 0 0 30px 0!important;position: relative;}
.friend-list li{margin: 0!important;}
.resource-grid th.sorting a, .resource-grid th.sorting_asc a, .resource-grid th.sorting_desc a{float: left;color: #FFF;margin-right: 3px;}
.exercise-video-list{ width: 100%; box-shadow: 0px 2px 10px #CCC; border-radius: 15px; margin-bottom: 30px; background: #FFF;}
.video-wrap{ position:relative;}
.video-wrap img{ width:100%; height:100%; max-height:260px; border-radius:15px 15px 0 0;}
.video-wrap .video-info{ position:absolute; width:100%; bottom:0; color:#FFF; font-size:20px; padding:20px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.video-wrap .video-info span{ float:right; font-size:15px; }
.point-page-wrap p{ border-bottom:1px solid #F4F4F4; padding-bottom:30px; text-align: center; font-size: 23px; max-width: 380px;margin: 0 auto;line-height: 30px;}
.point-page-wrap a p {border:0 ; color: #FFF;padding-bottom: 0;}
.point-page-wrap{ padding-top: 40px;}
.earned-point{width: 120px; margin: 0 auto; background: #740AD9; color: #FFF; text-align: center; padding: 5px; margin-bottom: -60px; margin-top:30px;z-index: 1000; position: relative; text-transform:uppercase;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.menu-msg{color:#00ede1; margin-right: 17px; font-size: 28px; margin-top: 2px;}
.menu-msg span{ font-size: 15px; position: absolute; color:#740AD9; margin-left: 9px; margin-top: -1px; }
.menu-msg:hover, .menu-msg:active, .menu-msg:focus{ color:#FFF;}
textarea.form-control{min-height: 100px;}
.earned-point p{ color:#FFF; margin-bottom:0;}
.earned-point span{ font-size: 15px;}
.points-show{background: #FFF; color: #212529; padding: 15px 25px; display: inline-block; font-size: 30px; margin: 5px 0;}
.sidebar-left { right: -340px;}
.sidebar-right { right: -340px;}
.menu-left-open .sidebar-left { right: 0;}
.menu-right-open .sidebar-right { right: 0;}
.backdrop{content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100;}
.menu-left-open .backdrop, .menu-right-open .backdrop-right{content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 100;}
/*.menu-right-open .page-content { margin-left: -280px; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; z-index: 10;}
.menu-right-open .backdrop-right { left: -280px;}*/
.video-desc h2{ margin-bottom: 5px; line-height: normal;}
.data-wrap{display: flex;}
#searchdata.video-desc h2{margin-top: -6px;}
#searchdata.video-desc h2 a{margin-top: 0;}
.video-desc h4{ margin-bottom: 10px; color: #929292; line-height: normal;}
.video-desc input[type=checkbox]{ margin-left: 10px; width: 18px; height: 18px;}
.data-wrap h4{margin-left: 10px; color: #585858;}
input[type=checkbox], input[type=radio] { width: 18px; height: 18px; float: left; margin-right: 10px; margin-top: 4px;}
footer{padding:40px 0; border-top:1px solid #D7D7D7; font-size:15px; background: #FFF;}
footer p{ float:left; margin-bottom: 0;}
footer .footer-links{ float:right;}
footer .footer-links li{ display:inline-block; margin-left:15px;}
footer .menu-bottom{ text-align:center; z-index: 10000; position: relative; background: #740BD9; border:1px solid #740BD9; color: #FFF; border-radius: 50%; width: 40px; height: 40px; display: inline-block; line-height: 38px; font-size: 20px; margin-bottom:5px;}
.exercises-list{ margin-bottom: 20px; box-shadow: 0px 2px 8px #CCC; border-radius: 15px; background: #FFF; padding: 10px 16px; height: 210px;}
#searchdata .exercises-list, .exercises-list.ui-sortable-handle{height:auto}
.exercises-list h4{ margin-bottom: 0; }
.exercises-list p{color: #929292; font-size: 16px; margin-bottom: 0; margin-top: 5px;}
.edit-icon{ float: right; font-size: 15px; color: #FFF; background:#740AD9; margin-top: 5px; margin-right: 12px; border-radius: 100%; width: 28px; height: 28px; text-align: center;line-height: 28px; }
.edit-icon:hover{ color: #FFF; }
.remove-exercises{ float: right; font-size: 28px; color: #740AD9; margin-top: 5px; }
.search-exercises{ margin-bottom: 25px; position: relative; }
.search-exercises input{ border-radius:15px; height: 60px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); padding:0 30px; font-size: 20px;}
.search-exercises input::placeholder{ text-transform: uppercase; font-size: 18px; color:#495057;}
.search-exercises button{ position: absolute; right: 25px; top: 18px; background: transparent; border: 0; color: #797979; font-size: 20px;}
.search-exercises button:hover{cursor: pointer; color: #740AD9;}
.form-control::-ms-input-placeholder { color: #495057; font-size: 20px;}
.form-control::placeholder,.form-control::-ms-input-placeholder,.form-control:-moz-placeholder,.form-control::-webkit-input-placeholder{color: #495057; font-size: 20px; }
.form-inner-input{ display: inline-block; margin: 0 10px; }
.form-inner-checkbox{float: left; margin-top: 5px;}
.progress-messages{ text-align: center; }
.progress-messages .form-group{ margin-bottom: 30px; }
.progress-messages label {font-size: 24px;  padding-bottom: 10px; display: block;}
.progress-messages textarea{ width: 100%; border-radius:15px; padding: 20px; font-size: 18px; height: 150px; border:1px solid #E1E1E1;  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
.exertion-level{ margin:10px 0 50px 0; }
.calBox {padding: 2px; -moz-border-radius: 15px; text-align: center; color: #535353;}
.calElement {margin: 1px; display: inline-block; overflow:hidden;}
.calYear {display: none; font-size: 20px; border-bottom: 1px dashed #666; padding-bottom: 5px; margin-bottom: 5px}
.calYear .calElement { border: 1px solid #999999;}
.calMonth {margin-top: 15px; }
.calDay { display:flex;}
.calMonth .calElement.selected, .calMonth .calElement.selected:hover { font-size: 18px; border: 0; background-color: transparent; color: #FF005C; text-transform: uppercase; }
.calDay .calElement {font-size: 15px; border: 3px solid #C1C1C1; color: #777;  padding: 8px 0 3px 0; line-height: 18px; width:14.28%!important;}
.calDay .calElement.prev { border: 0; background: transparent url(../images/healme/prev.png) no-repeat left center; width: 15px; height: 55px}
.calDay .calElement.next { border: 0; background: transparent url(../images/healme/next.png) no-repeat right center; width: 15px; height: 55px;}
.calDay .calElement .dayNumber { font-size: 22px; }
.calElement.selected,.calElement.selected:hover { background-color: #FF005C; border: 3px solid #FF005C; color: #FFF; -moz-border-radius: 15px}
span.calElement:hover {  background-color: #404040; border: 3px solid #404040; -moz-border-radius: 15px; cursor: pointer; color: #FFF;}
.calElement.today { -moz-border-radius: 15px}
.table{ margin-top: 40px; }
.fas.fa-minus-circle{ color: #FF063B;}
.fas.fa-plus-circle{ color: #09B91E;}
.motivational-messages textarea{ width: 95%; float: left; }
.motivational-messages .form-group:after{ display: table; clear: both; content: ''; }
.motivational-messages .remove-exercises{ margin-top: 55px;}
.action {font-size: 15px; color: #FFF; background: #740AD9; margin-top: 5px; margin-right: 8px; border-radius: 100%; width: 28px; height: 28px; text-align: center;line-height: 28px; display: inline-block;}
.action i{color: #FFF!important;}	
.action:hover{ color: #FFF; }	
.action.show{background: #02c7bd;}
.action.edit{background: #FF922E;}
.action.remove{background: #FF063B;}
.schedule-wrap{ background: #F1F1F1; padding:40px 0;}
.schedule-calendar-head span{ font-size: 20px; }
.schedule-calendar-head span i{ font-size: 26px; color: #2E0068; margin-right: 15px; }
.schedule-calendar-head a{font-size: 20px; color: #740AD9; float: right;}
.schedule-calendar-head a i{ margin-left: 10px; }
.schedule-calendar-head{ margin-bottom: 30px; padding: 0 20px;}
.schedule-calendar-nav{ background: #FFF; border-radius:50px; text-align: center; margin-bottom: 40px; box-shadow: 1px 3px 15px rgba(51, 51, 51, 0.25);}
.schedule-calendar-nav li{ display: inline-block; font-size: 15px; text-transform: uppercase;  line-height: 50px; min-width: 150px;  }
.schedule-calendar-nav li a{color: #666; display: block; border-radius:50px;  }
.schedule-calendar-nav li a:hover, .schedule-calendar-nav li a.active{ background: #740AD9; color: #FFF;}
.schedule-calendar-list p{ color: #3b0d71; font-size: 20px;  margin-bottom: 20px;}
.schedule-calendar-list{ margin-bottom: 25px; padding: 0 20px 25px 20px; border-bottom: 1px solid #E7E7E7; }
.schedule-time{ float: left; margin-right: 20px; padding-right: 20px;  border-right:5px solid #FF513B }
.video-session .schedule-time{border-right:5px solid #00C7FD;}
.schedule-calendar-item:after{ display: table; clear: both; content: ''; height: 0 }
.schedule-time span{ display: block; line-height: 30px; }
.schedule-time span.start{font-size: 23px; color: #3b0d71; }
.schedule-time span.end{ color: #666; font-size: 20px; }
.schedule-con{float: left; font-size: 23px; color: #3b0d71; line-height: 30px; }
.schedule-con span{color: #666; font-size: 20px; display:block;}
.request-wrap{background: #F1F1F1;}
.request-form-wrap .form-control{ border-radius: 50px; height: 50px; padding:0 25px; margin-bottom: 10px; font-size: 18px;}
.request-form-wrap .form-control[type=file]{padding: 12px 20px; font-size: 16px;}
.request-form-wrap textarea.form-control{ height: auto; min-height: 150px; border-radius: 15px; }
.request-form-wrap label{  font-size: 16px; padding-left: 0; }
.request-form-wrap label label{ }
.meal-entry-inside .form-control{ width: 60px; text-align: center; float: left; margin-right: 20px; height: 45px;}
.schedule_start_clockpicker > .control-label{ font-size:20px; margin-bottom:20px;}
.request-form-wrap select{ background:#FFF url(../images/healme/down-arrow.png) no-repeat 98% center; -webkit-appearance: none;}
.required-field .text-danger{margin-top: -30px; display: block;padding-bottom: 20px;}
.my-calendar-wrap {background: #F1F1F1; padding:40px 0; margin-top: -40px;}
.my-calendar-wrap h2{ color: #740AD9; margin-bottom: 30px; }
.meal-entry-list li{ padding:20px 0; border-bottom: 1px solid #F0F0F0 }
.meal-entry-list li:after{ content: ''; display: table; clear: both; }
.meal-entry-list li .count{border: 1px solid #F0F0F0; width: 100px; text-align: center; height: 80px; float: left; margin-right: 20px;}
.meal-entry-list li .count span{ display: inline-block; width: 20px; height: 12px; background: #C1C1C1; }
.meal-entry-list li .count p{ color: #5C5C5C; margin-bottom: 0; line-height: 57px; font-size: 25px; text-transform: uppercase; }
.meal-entry-list li .count p span{ font-size: 15px; background: transparent!important; }
.meal-entry-list li.four .count span{ background: #740BD9 }
.meal-entry-list li.four .count p{ color: #740BD9;}
.meal-entry-list li.three .count span:nth-child(2), 
.meal-entry-list li.three .count span:nth-child(3),
.meal-entry-list li.three .count span:nth-child(4){ background: #5C5C5C }
.meal-entry-list li.two .count span:nth-child(2),
.meal-entry-list li.two .count span:nth-child(3){ background: #5C5C5C }
.meal-entry-list li.one .count span:nth-child(2){ background: #5C5C5C }
.meal-entry-list li a{display: block; font-size: 20px; padding-top: 35px;}
.meal-entry-list li a .fa-arrow-right{ float: right; margin-right: 25px; color: #740BD9!important; font-size: 16px!important; width:auto!important; }
.meal-entry-list li a i.fas{ width: 100px; font-size: 40px; text-align: center;}
.meal-entry-list li.one a i.fas{ color: #FFD139 }
.meal-entry-list li.two a i.fas{ color: #487AEA }
.meal-entry-list li.three a i.fas{ color: #7EDA51}
.meal-entry-list li.four a i.fas{ color: #FE0030}
.sidebar-exercise-video p{  margin-bottom: 20px; }
.exercise-video-content{ border: 1px solid #000; padding:30px; margin: 45px 0; font-size: 20px; line-height: 33px;display: flex;}
.exercise-video-content img{max-width: 300px;}
.exercise-video-content:after, .equipment-need:after{ content: ''; display: table; clear: both; }
.equipment-need{ background: #E2E2E2; padding:20px; font-size: 18px; }
.equipment-need li{ display: inline-block; text-align: center;  width: 33%; float: left;}
.filter-wrap{ background: #F6F6F6; padding:20px 0;  }
.custom-control-input:checked~.custom-control-label::before{ content: 'ON'; text-align: left; border-color: #3FD2CD;  background-color:#3FD2CD;}
.custom-control-label::before{content: 'OFF'; width: 80px;  height: 30px; text-align: right; font-size: 15px; }
.custom-switch .custom-control-label::before{ width: 80px; background-color: #E3E4E4; height: 30px; border-radius: 15px; padding: 2px 10px;}
.custom-switch .custom-control-label::after{border: 1px solid #BFC2C3; border-radius: 50%; background-color: #FFF; width: calc(30px - 4px); height: calc(30px - 4px);}
.custom-switch .custom-control-input:checked~.custom-control-label::after{ transform: translateX(50px);}
.custom-control-label{ margin-bottom: 10px ; float: right; margin-left: 50px;}
.custom-switch span{line-height: 34px; color: #6A09C7; font-size: 20px; float: left }
.custom-switch { padding-left: 0; display: inline-block; width: 49.5%;}
.custom-switch:nth-child(1){ padding-right: 50px }
.custom-switch:nth-child(2){ padding-left: 50px }
.custom-control.custom-switch.hide ~ .custom-control.custom-switch { padding-left: 0;}
.schedule_start_clockpicker input[type=checkbox], .schedule_start_clockpicker input[type=radio]{ float:left; margin-left: 0; margin-top: 5px; width: 16px; height: 16px;}
.schedule_start_clockpicker input[type=radio]{ margin-left:0;}
.schedule_start_clockpicker .schedule_start_clockpicker{ margin-bottom:0;}
.request-form-wrap textarea.form-control{ padding: 15px 20px; margin-bottom: 40px;}
.radio.radio-info{ margin-right:20px;  }
.radio.radio-info h4 label{font-size: 20px;}
.exercise-list li i.red{ color: #ED1C24 }
.exercise-list li i.green{ color: #39B54A }
.exercise-list li i.blue{ color: #00AEEF }
.exercise-list li i.orange{ color: #FCB040 }
.exercise-list li i.left{ float:left; font-size: 28px; margin-right: 20px; }
.circle{ width: 30px; height: 30px; border-radius:50%; display: inline-block;  }
.circle.yellow{background:#ffc107 }
.circle.green{background:#39B54A }
.circle.blue{background:#00AEEF }
.circle.red{background:#ED1C24 }
.circle.orange{background:#FCB040 }
.exercise-list .circle{ margin-right: 10px; width: 20px; height: 20px; float: left; margin-top: 2px;}
.patient-arrow{ margin-top: 20px; display: inline-block; float: right; }
.patient-arrow.edit{float:none; }
.modal-dialog{ max-width: 700px; }
.resource-grid table{width: 100%; border: 1px solid #E5E5E5; font-size: 16px; }
.resource-grid th, .resource-grid td{ padding:16px 20px; }
.resource-grid th{ background: linear-gradient(180deg,#842FE1 20%,#740BD9 100%); color: #FFF; }
.resource-grid td:first-child i{ font-size: 30px; }
.resource-grid tr:nth-child(odd){ background: #F4F4F4;}
.resource-grid .fa-file-pdf{ color: #EA4C3A }
.resource-grid .fa-file-alt{ color: #006EFE }
.resource-grid .fa-volume-up{ color: #FCB040 }
.resource-grid .fa-video{ color: #FF025D }
.resource-grid a{ display: block; color: #505050; }
.resource-grid tr:hover a{color: #3b0d71;}
.resource-grid a.action{ display: inline-block; }
.resource-grid a.remove{margin-right: 0;}
button.close{text-shadow: none; color: #FFF; opacity: 1; font-size: 16px;}
.notification-popup p{ text-align: center; margin-top: 30px;}
.facebook-study{ float: right; color: #FFF; text-transform: uppercase; }
.facebook-study span{ padding: 0 7px; }
.facebook-study a{color: #FFF; font-size: 17px;}
.facebook-study a:hover{color: #c487ff; }
.video-outer-wrap{}
.video-other-info{ height: 140px; padding: 10px 25px;}
.video-other-info span{ width: 50%; display: inline-block; float: left; }
.video-other-info span:nth-child(2){text-align: right;}
.video-other-info p{ padding-top: 10px; clear: both;margin-bottom: 0;}
.video-outer-wrap a, .video-outer-wrap a:hover{ color: #5c5c5c;}
.team-journey{ background: #F1F1F1; padding: 60px 0; border-top: 2px solid #d9d9d9;border-bottom: 2px solid #d9d9d9;}
.team-journey h4{ text-align: center; color: #3b0d71; }
.team-journey ul{ text-align: center; }
.team-journey li{ width:24.5%; display: inline-block;}
.team-journey li img{ height: 190px; width: 100%; object-fit: cover; border-radius:15px 15px 0 0;}
.team-journey li .team-name{ background: #FFF; height: 60px; text-align: left; border-radius:0 0 15px 15px; line-height: 60px; text-transform: uppercase; padding: 0 20px; }
.team-journey li .team-name i{float: right; margin-top: 22px;}
.team-journey li a{ display: block; margin: 20px 10px;box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.76);  border-radius:15px;}
.meet-team-video{text-align: center; padding: 20px 0 50px 0;}
.team-centres{ padding: 60px 0;}
.team-centres h4{ text-align: center; color: #3b0d71; margin-bottom: 40px; }
.team-centres li{ display: inline-block; width: 33%; text-align: center;margin-bottom: 30px; }
.team-founders h4{ color: #3b0d71;}
.team-founders{ background: #F1F1F1; padding: 60px 0; margin-bottom: -70px; border-top: 2px solid #d9d9d9;border-bottom: 2px solid #d9d9d9;}
.team-founders p{ font-size: 20px; }
.team-founders ul{ text-align: center; }
.team-founders li{ width:24.5%; display: inline-block; vertical-align: text-top;}
.team-founders li img{ height: 190px; width: 100%; object-fit: cover; border-radius:15px 15px 0 0;}
.team-founders li .founders-name{ background: #FFF; border-top:1px solid #D7D7D7;height: 100px;text-align: left; border-radius:0 0 15px 15px; line-height: 160%; text-transform: uppercase;padding: 15px 20px; position: relative;}
.team-founders li .founders-name i{float: right; right: 15px; top: 20px; position: absolute;}
.team-founders li a{ display: block; margin: 20px 10px;box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.76); background: #FFF; border-radius:15px;}
#customRecipeSubmit{margin-top:20px;}
.exercise-list.new table{ width: 100%;}
#allRoutions{ margin-top: 30px; }
#allRoutions .w-img { width: 160px; float: right; border-radius: 6px; border: 1px solid #D7D7D7; height: 160px; object-fit: cover;object-position: top;}
.resource-wrap .main-menu li img{ margin-bottom: 25px; }
.btn i.fa-user-friends{font-size: 25px; margin-top: 15px;}
.resource-board .main-menu li{ width: 50%; }
.goals-list .irs--round .irs-single{ display: none;}
.goals-list .range-num{ font-weight: bold; float: right; color: #B6B6B6 }
.goals-list .range-num b{color: #750FD8; padding-right: 3px; display: inline-block;}
.goals-list li{ text-transform: uppercase; font-size: 15px;margin-bottom: 30px;}
.goals-list h3{ color: #750FD8; text-transform:uppercase; margin-bottom: 30px; }
.goals-list .irs--round .irs-handle{ width: 26px; height: 28px; top: 25px; }
.goals-list .irs--round .irs-line{ background: #B9B9B9; top: 40px; height: 2px; }

.target .irs--round .irs-from, 
.target .irs--round .irs-to, 
.target .irs--round .irs-bar{ background: #FFC342; }
.target .irs--round .irs-handle{ border-color:#FFC342; }

.video .irs--round .irs-from, 
.video .irs--round .irs-to, 
.video .irs--round .irs-bar{ background: #00C9FC; }
.video .irs--round .irs-handle{ border-color:#00C9FC; }

.steps .irs--round .irs-from, 
.steps .irs--round .irs-to, 
.steps .irs--round .irs-bar{ background: #006FFE; }
.steps .irs--round .irs-handle{ border-color:#006FFE; }

.minutes .irs--round .irs-from, 
.minutes .irs--round .irs-to, 
.minutes .irs--round .irs-bar{ background:#FF025D; }
.minutes .irs--round .irs-handle{ border-color:#FF025D; }

.green .irs--round .irs-handle{ border-color:#0bff2d; }
.yellow .irs--round .irs-handle{ border-color:#eeff07; }
.grey .irs--round .irs-handle{ border-color:#343a40; }

.yoghurt .irs--round .irs-from, 
.yoghurt .irs--round .irs-to, 
.yoghurt .irs--round .irs-bar{ background:#39B44A; }
.yoghurt .irs--round .irs-handle{ border-color:#39B44A; }

.nutrition .irs--round .irs-from, 
.nutrition .irs--round .irs-to, 
.nutrition .irs--round .irs-bar{ background:#FF513B; }
.nutrition .irs--round .irs-handle{ border-color:#FF513B; }

.notification-item{background: #FFF; border-radius: 15px; position: relative; margin-bottom: 30px; box-shadow: 0px 2px 10px #CCC;}
.notification-item .msg-date{ color: #A7A7A7; font-size: 15px; }
.notification-msg{padding:20px 25px; display: flex; }
.notification-msg img{ width: 50px; height: 50px; border-radius: 50px; display: inline-block; margin-right: 15px; }
.notification-msg .msg-inner{display: inline-block;    width: -webkit-fill-available; }
.notification-msg p{ margin-bottom: 0; line-height: 20px; }
.notification-msg h6{font-weight: bold; margin-bottom: 10px; color: #555;}
.notification-msg .fa-arrow-right{ float: right; color: #3b0d71;}
.notification-msg p span{ font-weight: normal;}
.notification-msg:after{ display: table; height: 0; content: ''; clear: both; }
.notification-link{ height: 60px; padding:20px 25px; }
.notification-link a{display: block; color: #555;}
.notification-link a:hover h6{color: #3b0d71;}
.notification-link a span{ background: #F50800; color: #FFF; border-radius: 3px; padding: 5px 7px; text-transform: uppercase; }
.notification-menu{ width: 310px; box-shadow: 0px 2px 10px #CCC; border-radius: 15px; position: absolute; z-index: -1000; background: #FFF; right: -30px; top: 60px; transition: all .3s ease-in-out; opacity: 0;}
.notification-menu.show{opacity: 1; z-index: 10000}
.notification-menu .notification-item{ box-shadow: none; border-radius: 0; margin-bottom: 0; }
.notification-menu-list .notification-item:nth-child(odd){ background: #F0F0F0; }
.notification-menu-list .notification-item:nth-child(even){ background: #FFFFFF; }
.notification-menu .see-all{ background: #7409D9; height: 40px; text-align: center; line-height: 40px; border-radius:0 0 15px 15px; font-weight: 700;}
.notification-menu .see-all a{ display: block; color: #FFF; }
.notification-menu h4{ margin-bottom: 0; color: #333; font-size: 16px; padding:0 25px; font-weight: 700; }
.notification-menu i.fa-sort-up{ position: absolute; top: -15px; right: 34px; font-size: 40px;}
.notification-menu .notification-item i.fa-times{position: absolute; right: 10px; top: 10px; color: #A7A7A7;}
.notification-menu .notification-item i.fa-times:hover{cursor: pointer;}
.notifications-wrap .btn{ margin-bottom: 50px; }

.chat .chat-history .message{width: 88%;}
.chat .chat-history{ overflow-y: auto;  height: 575px;}
.chat .profile-img{ margin: 0; float: left;}
.chat .chat-header img { float: none}
.chat .chat-history .message-data-time{ padding-left: 26px;}
.chat .chat-history .other-message { background: linear-gradient(180deg,#842FE1 20%,#740BD9 100%);}
.chat .chat-history .other-message:after{border-bottom-color: #842FE1;}
.page-content .chat li .chat-body{ font-size: 15px; color: #FFF; border-radius: 10px;padding: 20px;background:#FFF; box-shadow: 1px 3px 15px rgba(51, 51, 51, 0.25); margin-bottom: -30px;top: -40px;}
.page-content .chat li .primary-font, .page-content .chat li .text-muted, .page-content .chat li .chat-body p{ color: #333!important; }
.page-content .chat li .chat-body .header{ font-size: 17px; margin-bottom: 10px; border-bottom: 1px solid #e5e9ef;}
.page-content .chat li .text-muted{ font-size: 15px; }
#example_wrapper .btn{width: 210px; float: right;}
.page-content .img-circle{height: 40px; width: auto;}
.page-content .friend-list{ margin-left: 0; }
.chat-about .img-circle{height: 60px;}
.chat-message{  background: #F1F1F1; padding: 30px; height: 400px!important;}
.chat-with-user{ margin-top: 14px; margin-left: 20px; font-size: 20px; color: #3b0d71; font-weight: bold;}
.page-content .friend-list li a img{ margin-right: 20px;}
.chat_users .profile-img{display: inline-block; margin-right: 10px;}
.page-content .friend-list li.active a { background-color: #f9f9f9;}
.thread-header > div{ margin-right: 20px;}
.range-slide{margin-top: -20px;}
.workoutnav.btn i{ margin-top: 15px;} 
.exercise-workout .main-menu li{width: 25%;}
.message-section-nav a{ font-weight:bold; margin:0 25px; font-size:20px; color:#3B0D71; padding-bottom:20px; min-width:230px; display:inline-block; border-bottom:3px solid #757575;}
.message-section-nav a i{ float:right;}
.message-section-nav a:hover, .message-section-nav a.active{ color:#740AD9; border-bottom:3px solid #740AD9;}
.message-section-outer{ box-shadow:0px 0px 25px rgba(0, 0, 0, 0.22); margin-top:30px; border-radius:15px;}
.message-section-inner li{ height:70px; float:left; width:25%; padding:20px; border-right:1px solid #D7D7D7; border-top:1px solid #D7D7D7; font-weight:bold; display: table; border-bottom: 1px solid #D7D7D7;margin-bottom: -1px;}
.message-section-inner li:nth-child(4n){ border-right:0}
.message-section-inner ul:after, .message-section-head:after{ display:table; content:''; clear:both}
.message-section-head .search-exercises{ margin-bottom:0; width:50%; float:right;}
.message-section-head{ padding:15px 25px;}
.message-section-outer h3{font-weight:bold; margin-top:13px; }
footer h5{ font-weight:bold;}
.message-section-inner li img{ width:50px; height:50px; border-radius:100px; margin-right:20px;}
.chat-inner-wrap{ display:flex;}
.recent-messages-outer{ width:30%; border-right:1px solid #D7D7D7; overflow: hidden;}
.chat-messages-outer{ width:70%;}
.recent-messages-outer h4, .chat-messages-outer .chat-about{border-bottom:1px solid #D7D7D7; padding:10px 20px; font-weight:bold; margin-bottom:0; height: 80px; line-height: 60px;}
.chat-messages-outer .chat-about h4{ font-weight:bold; margin-top: 13px;}
.chat-messages-outer .chat-about img{ float:left; margin-right: 20px;}
.recent-messages-inner{ background: #f9f9f9; height: 100%;}
.chat-messages-inner{ background: #F1F1F1;}
.chat-messages-inner form{background: #e8e8e8; padding: 20px;}
.recent-messages-inner .friend-list li a{ padding:10px 20px;}
footer:after{display: table; content: ''; height: 0; clear: both;}
#w_editer img{margin-right: 20px;}
.main-calendar{width: 40%;  float: left;}
#list.schedule-calendar-list, #ajaxList.schedule-calendar-list{width: 55%; float: left; margin-left:5%; border-bottom: none;  margin-bottom: 0; padding: 0; clear: none;}
.schedule-calendar-item .pull-left{ display:flex;}
.schedule-calendar-item .schedule-time{ min-width: 130px;}
#ajaxList{ clear:both;}
.pignose-calendar{width: 100%!important;}
.signup-live-grp .exercise-list{ width: 40%; float: left;}
.signup-live-grp .schedule-wrap{ width: 55%; float: right;}
.signup-live-grp .main-menu li{ width: 100%; padding: 0; border-bottom:0; }
.signup-live-grp .exercise-list li i{ float: none;}
.signup-live-grp .exercise-list li:hover { background:transparent;}
body .wickedpicker{width: 130px;  height: 100px; box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.25), inset 0 -1px 2px rgba(14, 41, 57, 0.15);}
body .wickedpicker__title{ display:none;}
.exercise-card-list{ margin-top: 50px;}
.exercise-card-list .main-menu li{ width: 33.33%;}
.schedule-calendar-item .schedule-time-btn{float:none; margin-left:0; margin-top: 30px; padding-left:0; border-left:0}
.schedule-calendar-item  .schedule-time-btn .btn{ text-align: center;}
.session-item{display: flex;justify-content: space-between;}
.session-item .btn-join, .schedule-con .btn-join{background:#09B91E;border-color: #09B91E;}
.schedule-calendar-item.session-item .btn{ margin-left: 10px;}
.session-item .schedule-time-btn{display: flex;}
.schedule-calendar-item.session-item .pull-left{width: 70%;}
.schedule-calendar-item.session-item:after{display: none;}
.schedule-con .btn{text-align: center;}
.author-name{display:inline}
.meal-entry{padding: 20px 0;}
.meal-entry li{ padding:0}
.meal-entry li:hover, .meal-entry-inside li:hover{ background:transparent;}
.meal-entry li a{padding: 20px}
.meal-entry-inside li{ position:relative; color: #3b0d71;}
.meal-entry-inside a.action{ position:absolute; right:0; top:25px;}
.meal-entry-inside a.action i{ float:none;}
.meal-entry-inside a.action.remove{right:60px;}
.meal-entry-inside span{  font-size: 15px; display: block; color: #333;}
.exercise-list li img{float: left; margin-top:0;width: 40px;object-fit: scale-down;height: 46px;}
.meal-entry-inside li span img{margin:-3px 0 0 5px;width: auto;height: auto;float: none;}
.meal-entry-inside li span strong{color:#000;}
.achivement-list ul li{padding:20px 25px;box-shadow: 0px 2px 10px #CCC;border-radius: 15px;margin-bottom: 30px;position: relative;}
.achivement-list ul li .achivement-top{display: flex; position: relative;}
.achivement-list .achive-icon{width: 70px; font-size: 50px; height: 70px; float: left;}
.achivement-list .achive-title{text-align: left; width:50%; position:relative;}
.achivement-list .achive-title h5{color: #3b0d71;font-size: 16px;text-transform: uppercase;margin-bottom: 10px;}
.achivement-list .achive-title h6{font-size: 15px; color: #750FD8; margin-bottom: 0;}
.achivement-list .achive-title h6 i{font-size: 30px; color: #fc125f;margin-right: 10px;float: left; position:relative}
.achivement-list .achive-title h6 span{ font-style:normal; font-size:15px; opacity:0.7; padding-left:5px; display: block; line-height: 15px;}
.achivement-list .achive-count{width: 40%;color: #3b0d71; font-size: 16px;text-transform: uppercase;}
.achivement-list .achive-nav{width: 30px;position: absolute; right: 0;top: 20px;font-size: 18px;background: #750FD8;height: 30px;border-radius: 36px;text-align: center;}
.achivement-list .achive-nav a{ display: block;position: relative;color: #FFF;}
.achivement-list .achive-nav a i{position: absolute; left: 8px; top: 7px;}
.achivement-list .achive-nav a .fa-chevron-down{ display: none;}
.achivement-list .achive-nav a.collapsed .fa-chevron-up{display: none;}
.achivement-list .achive-nav a.collapsed .fa-chevron-down{display: block;}
.achivement-card{background: rgba(241, 241, 241, 0.6); border-radius: 10px; margin: 10px; padding: 15px 13px; position: relative; display: inline-block; width: 47%; height: 125px; vertical-align: top; box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.76);border: 3px solid #FFF;}
.achivement-card i.fa-trophy{float: left;height: 100px;font-size: 60px;margin-top: 10px;margin-right: 15px;color: #BEBEBE; position:relative}
.achivement-card.success i.fa-trophy{color:#740ad9}
.achivement-card p{margin-bottom: 0; color: #BEBEBE;font-size: 17px;}
.achivement-card p span{ position: inherit;box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.69);background: #FFF;display: inline-block;padding: 0 8px; font-size: 15px; margin: 0 5px; font-weight: bold;border-radius: 4px;}
.achivement-card.success p span{ color:#740ad9;}
.achivement-card h6{margin-bottom:5px; color:#505050; font-weight:bold;}
.achivement-card h6 i{font-size: 25px; color: #fc125f;margin-right: 5px;float: left;}
.achivement-card h5{margin-bottom: 0;margin-top: 10px; font-weight:800; float:left;}
.achivement-card.success{ background: #FFF; }
.achivement-card.success h6,.achivement-card.success p, .achivement-card h5, .achivement-card.success span.status{ color: #740ad9;}
.achivement-card h5{background: url(../images/healme/congratulations-shape.png) no-repeat;padding: 0;background-size: 100%;background-position: 0;font-size: 0!important;width: 150px;height: 40px;margin-top: 5px;}
.achivement-card span.date{ position:absolute; right:15px; font-size:15px;color: #c487ff;}
.achivement-exercise .achive-icon, .achivement-exercise h6 i.fa-trophy, .achivement-exercise .achivement-card.success i.fa-trophy{ color:#00CAFC;}
.achivement-nutrition .achive-icon,.achivement-nutrition h6 i.fa-trophy, .achivement-nutrition .achivement-card.success i.fa-trophy{color:#FF513B;}
.achivement-distance .achive-icon,.achivement-distance h6 i.fa-trophy, .achivement-distance .achivement-card.success i.fa-trophy{color:#FFC342;}
.achivement-protein .achive-icon,.achivement-protein h6 i.fa-trophy, .achivement-protein .achivement-card.success i.fa-trophy{color:#006EFE;}
.achivement-graduate .achive-icon,.achivement-graduate h6 i.fa-trophy, .achivement-graduate .achivement-card.success i.fa-trophy{color:#FC135F;}
.achivement-head{ display: flex; background: #740AD9; color: #FFF;padding:15px 25px; border-radius: 15px 15px 0 0;}
.achivement-head span{ display: inline-block;}
.achivement-list .achive-title h6 i.fa-trophy span{position: absolute;color: #FFF;top: 3px;left: 0;width: 100%;text-align: center;padding-left: 0;opacity: 1;line-height: normal;}
.achivement-card i.fa-trophy span{position: absolute;color: #FFF;top: 2px; left: 0;text-align: center; width:100%;opacity: 1;line-height: normal;font-size: 33px;}
.achivement-head span:nth-child(1){width: 80px}
.achivement-head span:nth-child(2){width: 90%}
.achivement-head span:nth-child(3){width: 150px; text-align: center;}
.achivement-head span:nth-child(4){width:60px;}
#achivementModal .modal-content{ text-align:center}
#achivementModal button.close{color: #ababab; font-size: 30px;}
#achivementModal p{ color: #740AD9;  font-weight:bold; font-size:20px;}
#achivementModal h1{ color:#000; font-weight: 900; height: 150px; margin-top: 20px; margin-bottom: 0;}
.achive-count .irs--round .irs-single{ display: none;}
.achive-count .range-num{ font-weight: bold; float: right; color: #B6B6B6 }
.achive-count .range-num b{color: #750FD8; padding-right: 3px; display: inline-block;}
.achive-count li{ text-transform: uppercase; font-size: 18px;  margin-bottom: 50px;}
.achive-count h3{ color: #750FD8; text-transform:uppercase; margin-bottom: 30px; }
.achive-count .irs--round .irs-handle{ width: 26px; height: 28px; top: 25px; }
.achive-count .irs--round .irs-line{ background: #B9B9B9; top: 40px; height: 1px; overflow:visible; }
.achive-count .range-slide { margin-top: -15px;}
#achivementModal .anim{width: 100%; height: 150px; object-fit: cover; position: absolute;border-radius: 4px 4px 0 0;}
.achive-points{box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.69); background: #FFF; display: inline-block;padding: 8px 13px;font-size: 18px; margin: 0 5px;font-weight: 800;border-radius: 4px;color: #750FD8;position: absolute;right: 40px;top: 0;width: 70px;text-align: center;}
.achivement-exercise span.status {font-size: 15px;position: absolute;right: 10px;bottom: 4px;margin-top: 10px;color: #BEBEBE;}
.achive-points:after {content: "Points"; position: absolute;bottom: -30px;font-weight: 400;color: #CCC;left: 0;font-size: 16px;width: 100%;text-align: center;}
.achive-points-dw:after {content: "Km"; position: absolute;bottom: -30px;font-weight: 400;color: #CCC;left: 0;font-size: 16px;width: 100%;text-align: center;}
.recipes-list .exercise-list li{padding: 15px 0; border-bottom:0; line-height: initial;}
.recipe-wrapper{color: #2e0b58; font-size:18px; line-height: 35px;}
.recipe-wrapper p{color: #2e0b58; font-size:18px; line-height: 40px;}
.recipe-wrapper h4{font-weight: 700; margin-bottom: 10px;}
.recipe-wrapper h2{color: #7424d5;font-weight: 700;}
.resource-wrap .main-menu li i{	font-size: 70px;}
.resource-grid th:first-child, .resource-grid tr:first-child td:first-child{width: 40px;min-width: 100px;}
#talkSendMessage .btn{box-shadow: none;}
body.menu-left-open{overflow: hidden;}
.goals-list li:last-child{margin-bottom: 0;}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a{background-color: #740AD9;}
.exercise-main-wrap .custom-switch span{font-size: 16px;}
.exercise-main-wrap .custom-switch{width: auto;}
.exercise-main-wrap .custom-switch:nth-child(2) {padding-left: 10px;}
.exercise-main-wrap .btn{width: auto;float: right;height: 35px;line-height: 32px;color: #FFF;font-size: 15px;padding: 0 35px 0 25px;    margin-bottom: 0;}
.exercise-main-wrap .btn i{margin-top: 11px;position: absolute;right: 10px;font-size: 15px;top: 0;}
.exercise-main-wrap	.video-info-box{padding: 10px 25px; background: #F6F6F6;}
.exercise-main-wrap .custom-switch .custom-control-label::before{font-size: 15px;width: 65px;height: 25px;line-height: 20px;}
.exercise-main-wrap .custom-switch .custom-control-label::after{width: calc(25px - 4px);height: calc(25px - 4px);}
.exercise-main-wrap .custom-switch:nth-child(1) {padding-right: 30px;}
.exercise-main-wrap .custom-control-label {margin-bottom: 0px;margin-left: 40px;}
.video-other-info a{color: #6A09C7; text-transform: uppercase; margin-top: 10px; display:inline-block}
.exercise-main-wrap .custom-switch .custom-control-input:checked~.custom-control-label::after {transform: translateX(40px);}
.exercise-main-wrap .custom-switch#musicButton{padding-right: 40px;}
.exercise-list.meal-entry li img{margin-top: -10px;}
.meal-entry-inside li.receip-list span{float:right; margin-top:5px}
.patientNutrition .exercise-list li{line-height: 2.5em;padding: 10px;}
.patientNutrition .exercise-list li i{margin-top: 15px;}
.patientrecipeshow .recipe-content ol li{list-style: decimal;}
.patientrecipeshow .recipe-content ol, .patientrecipeshow .recipe-content ul{padding-left: 30px;}
.patientrecipeshow .recipe-content ul li{list-style:disc;}
.video-play-icon{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 60px;height: 60px;text-align: center;font-size: 60px;color:#FFF;}
.video-play-icon:hover{cursor: pointer;}
.resource-grid table .right_arrow{text-align: right;}
.my-nutrition-programm{background: #FFF;padding: 30px;border-radius: 15px;box-shadow: 0px 2px 10px #CCC; margin-top:30px;}
.my-nutrition-programm p{text-transform:uppercase;color: #3b0d71;border-bottom: 1px solid #CCC;padding-bottom: 15px;margin-bottom: 15px;}
.my-nutrition-programm h3{text-transform:uppercase;color: #750FD8;}
.my-nutrition-programm p span{display:inline-block; color: #750FD8;border-bottom:5px solid #FFC342;padding: 0 10px;margin: 0 10px; font-weight:bold}
.my-nutrition-programm .my-protein span{border-color:#FFC342;}
.my-nutrition-programm .my-calorie span{border-color:#00C7FC;}
.my-nutrition-programm .my-nutrition span{border-color:#006FFE;}
.my-nutrition-programm .my-meals span{border-color:#FF025D;}
.my-nutrition-programm p:last-child{border-bottom:none;}
.weekly-nutrition .goals-list{background: #FFF;padding: 24px;border-radius: 15px;box-shadow: 0px 2px 10px #CCC;}
.weekly-nutrition .goals-list h3{margin-bottom: 20px;}
.weekly-nutrition .main-menu ul{margin: 0 -15px;}
.resource-grid tr:hover th a{color: #FFF;opacity: .6;}
table#example td.likerecipe a.red >i, span.like a.red >i{-webkit-animation: bounce-in-fwd 1.1s linear both;animation: bounce-in-fwd 1.1s linear both;}
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
a.full-recipe-details{text-transform: uppercase;font-size: 20px;margin-bottom: 30px;color: #7424d5;font-weight: 700;}
.clearfix{clear:both; }
.clearfix:after, .clearfix:before {clear: both; content: ''; display: table; height: 0;}
.achivement-intro{text-align:center;position:absolute; z-index:100; width:100%; left: 0;top: 0; height: 100%;padding-top: 30px;
-webkit-animation: fade-out-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
	        animation: fade-out-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 5s both;
}
#print{float:right; margin-top:30px}
#print i{font-size: 40px; float: right; margin-left: 10px;}
.header-top-menu{/*background: #fff;padding: 9px 5px 2px 5px;border-radius: 6px;box-shadow: 0px 2px 20px #CCC;*/}


@-webkit-keyframes fade-out-bck {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
}
@keyframes fade-out-bck {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
}
.achivement-intro{display:none;}
#exercise-inner{position:relative;}			
#myModal3 .modal-content i.fa-times-circle{color:#FFF;font-size:18px}
#myModal3 .modal-content .modal-footer button.close{background: #FFF;border-radius: 5px;padding: 8px 20px;color: #740ad9;}
.video-overlay{ width:94%; height:94%;position: absolute;left: 3%;}
.video-overlay .overlayButton{position: relative;z-index: 100;top: 45%;}
.video-overlay:before{background:rgba(0, 0, 0, 0.4); position:absolute; content:''; width:100%; height:100%; left:0; top:0;}


/*--------------- Others css ---------------*/
.img-circle { border-radius: 50%; }
.friend-list { list-style: none; margin-left: -40px; }
.friend-list li { border-bottom: 1px solid #eee; }
.friend-list li a img { float: left; width: 45px; height: 45px; margin-right: 0px; }
.friend-list li a { position: relative; display: block; padding: 10px;  transition: all .2s ease;
 -webkit-transition: all .2s ease;
 -moz-transition: all .2s ease;
 -ms-transition: all .2s ease;
 -o-transition: all .2s ease;
}
.friend-list li.active a { background-color: #f1f5fc; }
.friend-list li a .friend-name, .friend-list li a .friend-name:hover { color: #777; }
.friend-list li a .last-message { width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.friend-list li a .time { position: absolute; top: 10px; right: 8px; }
small, .small { font-size: 85%; }
.friend-list li a .chat-alert { position: absolute; right: 8px; top: 27px; font-size: 10px; padding: 3px 5px; }
.chat { list-style: none; margin: 0; }
.chat li img { width: 45px; height: 45px; border-radius: 50em; -moz-border-radius: 50em; -webkit-border-radius: 50em; }
img { max-width: 100%; }
.chat-body { padding-bottom: 20px; }
.chat li.left .chat-body { margin-left: 70px; background-color: #fff; }
.chat li .chat-body { position: relative; font-size: 12px; padding: 10px; border: 1px solid #f1f5fc; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.chat li .chat-body .header { padding-bottom: 5px; border-bottom: 1px solid #f1f5fc; }
.chat li .chat-body p { margin: 0; }
.chat li.left .chat-body:before { position: absolute; top: 10px; left: -8px; display: inline-block; background: #fff; width: 16px; height: 16px; border-top: 1px solid #f1f5fc; border-left: 1px solid #f1f5fc; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.chat li.right .chat-body:before { position: absolute; top: 10px; right: -8px; display: inline-block; background: #fff; width: 16px; height: 16px; border-top: 1px solid #f1f5fc; border-right: 1px solid #f1f5fc; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.chat-message li { margin: 15px 0; }
.chat li.right .chat-body { margin-right: 70px; background-color: #fff; }
.chat-box { position: fixed; bottom: 0; left: 444px; right: 0; padding: 15px; border-top: 1px solid #eee;  transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
}
.primary-font { color: #3c8dbc; }
a:hover, a:active, a:focus { text-decoration: none; outline: 0; }
.small, small { font-size:100% }
#talkSendMessage .btn { line-height:22px; border-radius:2px; height: 38px; cursor: pointer; color: #fff; text-transform: uppercase; text-align: left; margin-bottom: 0px; display: block; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.chat-message { overflow-y: auto; height: 700px; }
.chat_users .profile-img { width: 100px; height: 100px; background: #999999; border: 10px solid #FFF; border-radius: 100%; margin:0; }
.chat_users .resource-grid a { color:#fff; }

/*Notification alert*/
#notification .alert-info { padding: 10px; height: 100px; background: #8520E5; }
#notification .alert-info p { margin: 0px; color:#fff; }
#notification .alert-info img { height: 62px; }
.myadmin-alert { border-radius: 0px; color: #fff; padding: 12px 30px 12px 12px; position: relative; text-align: left; }
.myadmin-alert a { color: inherit; font-weight: 600; text-decoration: underline; }
.myadmin-alert h4 { color: inherit; font-size: 14px; font-weight: 600; line-height: normal; margin: 0; }
.myadmin-alert .img { border-radius: 3px; height: 40px; left: 12px; position: absolute; top: 12px; width: 40px; }
.myadmin-alert-img { min-height: 64px; padding-left: 65px; }
.myadmin-alert-icon { padding-left: 20px; }
.myadmin-alert-icon i { padding-right: 10px; }
.myadmin-alert .closed { color: rgba(255, 255, 255, 0.5); font-size: 20px; font-weight: 500; padding: 4px; position: absolute; right: 3px; text-decoration: none; top: 0; }
.myadmin-alert .closed:hover { color: #fff; }
.myadmin-alert-click { cursor: pointer; padding-right: 12px; }
.myadmin-alert .primary { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; border: medium none; border-radius: 3px; color: inherit; outline: 0 none; padding: 4px 10px; }
.myadmin-alert .cancel { background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; border: medium none; border-radius: 3px; color: rgba(0, 0, 0, 0.8); outline: 0 none; padding: 4px 10px; }
.myadmin-alert .primary:hover, .myadmin-alert .cancel:hover { opacity: 0.9; }
.myadmin-alert-top, .myadmin-alert-bottom, .myadmin-alert-top-left, .myadmin-alert-top-right, .myadmin-alert-bottom-left, .myadmin-alert-bottom-right, .myadmin-alert-fullscreen { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); display: none; position: fixed; z-index: 9999; }
.myadmin-alert-top { left: 0; right: 0; top: 0; }
.myadmin-alert-bottom { bottom: 0; left: 0; right: 0; }
.myadmin-alert-top-left { left: 20px; top: 80px; }
.myadmin-alert-top-right { right: 20px; top: 80px; }
.myadmin-alert-bottom-left { bottom: 20px; left: 20px; }
.myadmin-alert-bottom-right { bottom: 20px; right: 20px; }
.myadmin-alert-fullsize { left: 50%; margin: -20px; top: 50%; }
.alert-custom { background: #2cabe3; color: #ffffff; border-color: #2cabe3; }
.alert-inverse { background: #4c5667; color: #ffffff; border-color: #4c5667; }
.alert-success { background: #7ace4c; color: #ffffff; border-color: #7ace4c; }
.alert-dark { background: #313131; color: #ffffff; border-color: #313131; }
.alert-warning { background: #ffbb44; color: #ffffff; border-color: #ffbb44; }
.alert-danger { background: #f33155; color: #ffffff; border-color: #f33155; }
.alert-primary { background: #707cd2; color: #ffffff; border-color: #707cd2; }
.alert-info { background: #41b3f9; color: #ffffff; border-color: #41b3f9; }
.alert-info .closed { color: inherit; }
.alert-info a.closed:hover { color: inherit; }
.alert p{color: #FFF; padding: 0;margin: 0;}
.po-notification-a { position: fixed; z-index: 10; bottom: 20px; right: 20px; }
.po-notification-a li { margin-bottom: 15px; -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }
.po-notification-a li.active { background: #dde6ef; }
.po-notification { position: fixed; z-index: 9999; bottom: 20px; right: 20px; }
.po-notification li { margin-bottom: 15px; -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); }
.po-notification li.active { background: #dde6ef; }
.right-sidebar .r-panel-body.po-all-notification { padding: 10px; height: 100%; }
.po-nav .message-center a .user-img { height: 40px; }
.po-nav .message-center a .user-img img { height: 100%; }
li.meettheteam a >i {/*color:#ffc0cb*/ }
.page-content #friends-resent-msg-list { overflow-y: auto; height:230px; }
.page-content #patient-user-list { overflow-y: auto; height:200px; }
.pagination .active a { background:#abaeaf; }
.pagination .disabled a { background:#abaeaf; }
#example_filter { display: none; }
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: .25rem;}
.dataTables_paginate a.paginate_button{background: #740ad9; text-decoration: none; padding: 4px 12px; margin:3px; color:#ffffff; cursor: pointer; display: inline-block; border-radius: 3px;}
.dataTables_paginate span a.paginate_button.current,.dataTables_paginate .paginate_button.disabled { background: #abaeaf; cursor: not-allowed;} 

.dataTables_info { float: right; }
.exercise-session-form .form-control { width:141px; }
.filter-wrap .custom-control-label { float:left; }
#myVideo iframe { width: 100%; }
.achievement .range-num { font-weight: normal; float: left; color: #B6B6B6; padding:0 35px; font-size:15px; }
.achievement .range-num b { color: #750FD8; padding-right: 3px; display: inline-block; }
.achievement-header .leftbage { float: left; }
.achievement-header .rightbage { float: right; clear:both; }
.achievement-header { background: #d4d2d2; color:#000000; margin-bottom:50px; }
.achievement-clear { clear: both }
.achive-points-dw { box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.69); background: #FFF; display: inline-block; padding: 8px 13px; font-size: 18px; margin: 0 5px; font-weight: 800; border-radius: 4px; color: #750FD8; position: absolute; right: 40px; top: 0; width: 70px; text-align: center;}
.achivement-card.success h6 span.red >i { color: #fc125f; }
.achivement-card h6 span >i { color: #CCC; }
.schedule_highlight {color: #ffffff; }
.pignose-calendar .pignose-calendar-unit a { display: inline-block; width: 2.4em; height: 2.4em; border-radius: 50%; color: #260d42; line-height: 2.4em; text-align: center; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-schedule a { font-weight: 600; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
body .pignose-calendar.pignose-calendar-default .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a{box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); background:#740AD9 !important; color: #fff;}
#myModal3.modal { text-align: center; padding: 0!important; }
#myModal3.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
#myModal3 .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
#myModal3 .modal-content { background: #740ad9; color: #ffffff; font-weight: bold; font-size: 20px; }
#myModal3 .modal-content .modal-body p { color: #ffffff; }
#my_food_little_protein.modal { text-align: center; padding: 0!important; }
#my_food_little_protein.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
#my_food_little_protein .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
#my_food_little_protein .modal-content { background: #740ad9; color: #ffffff; font-weight: bold; font-size: 20px; }
#my_food_little_protein .modal-content .modal-body p { color: #ffffff; }
.add_sp_protein_opacity { opacity: .2; }
.remove_sp_protein_opacity { opacity: .2; }
.clearfix {/*clear: both; margin-top:183px;*/ }
.clsborder { border-top:1px solid #b9b9b9; }
table#example td.likerecipe a.red >i { color: #f44336; }
.exercise-main-wrap .custom-switch:nth-child(2) {padding-left: 0px;}
.like a > i { font-size:30px; }
#patientProfile .text-danger { margin-top:0; }
.exercise_min_light { color: #c5c5c5; font-weight: bold; }
.nuts_seeds .irs--round .irs-from, .nuts_seeds .irs--round .irs-to, .nuts_seeds .irs--round .irs-bar { background:#ff513a; }
.nuts_seeds .irs--round .irs-handle { border-color:#ff513a; }
.one_protein_supplement_meal_replacement .irs--round .irs-from, .one_protein_supplement_meal_replacement .irs--round .irs-to, .one_protein_supplement_meal_replacement .irs--round .irs-bar { background:#6c757d; }
.one_protein_supplement_meal_replacement .irs--round .irs-handle { border-color:#6c757d; }
.noredprocessedmeats .irs--round .irs-from, .noredprocessedmeats .irs--round .irs-to, .noredprocessedmeats .irs--round .irs-bar { background:#15ada6; }
.noredprocessedmeats .irs--round .irs-handle { border-color:#15ada6; }
#nutrition_program.form-control { width:250px; font-size:19px; }
.notification-popup .modal-footer { border-top:0px; padding:0; }
#sliderText { font-size: 24px; padding-bottom: 14px; display: block; }



/*-------------- Forum Style ---------------*/
#chatter{background:#F1F7FE; padding:0!important;overflow: hidden;position: relative;}
#chatter .chatter_container{margin-top:0!important;display: grid;}
#chatter .chatter_container .row{height:100%;}
#chatter:before{content:""; background:#FFF; width:25%; position:absolute; left:0; height:100%;}
#chatter .left-column{ background:#FFF;height:100%;box-shadow:10px 0 25px -15px rgba(0, 0, 0, 0.20);padding: 40px 20px 40px 10px; }
#chatter .right-column{padding-left:40px;padding-top: 40px; }
#chatter ul.discussions li a.discussion_list, #chatter ul.discussions li .chatter_posts{box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.06);border-radius: 5px;margin-bottom:25px;min-height: 100px;}
#chatter ul.discussions li .chatter_posts,#chatter ul.discussions{background:transparent!important;box-shadow:none!important}
#chatter .left-column .nav-pills > li > a .chatter-box{border-radius: 10px!important;}
#chatter .chatter_cat{padding-left: 15px;padding-right: 15px;color: #FFF;border-radius: 100px;font-size: 12px;display: inline-block;line-height: 20px;margin-right:6px}
.chatter_middle_details{margin-right:6px}	
#chatter ul.discussions li{position:relative;}
#chatter ul.discussions li a:hover{background: #ffffff!important;}
#chatter ul.discussions li .chatter_right{right:15px!important;font-size: 23px;position: absolute;top: 15px;}
#chatter ul.discussions li .chatter_right a{color:#D6E2F0;}
#chatter ul.discussions li .chatter_right a:hover,#chatter ul.discussions li.pined .chatter_right a{color:#740AD9;}
#chatter.chatter_home .chatter_middle p{padding-top:8px;font-size:14px!important;color: #666!important;line-height: 21px;}
#chatter ul.discussions li.admin-post a.discussion_list{background:#ffffe7!important; border: 1px solid #ffad33!important;}
#chatter ul.discussions li.admin-post a:hover{background: #efc802!important;}
#chatter ul.discussions li.admin-post a:hover .chatter_middle span {color: #666;}

#chatter li.admin-post .chatter_avatar{border-radius: 50%;/*border: 2px solid #DFBB00;box-shadow: 0px 0px 25px rgba(223, 187, 0, 0.92)*/}
#chatter h2,#chatter h3{font-weight:bold}
#chatter ul.discussions li a.discussion_list .chatter_middle span.chatter_middle_details, #chatter ul.discussions li .chatter_posts .chatter_middle span.chatter_middle_details{font-size:13px!important;color: #666!important;}
#chatter ul.discussions li span.chatter_middle_details span{font-weight:bold;}
#chatter li h3{margin-bottom:10px!important;margin-top: 0!important;}
#chatter .chatter_sidebar ul{display: block;}
#chatter ul.discussions li a.discussion_list .chatter_middle, #chatter ul.discussions li .chatter_posts .chatter_middle{float:none!important; margin-right:0!important;}
.chatter_warning_delete .btn{width: auto!important;margin: 0;display: inline-block;font-size: 14px;height: 30px;line-height: 30px;float: right;}       
.chatter ul.discussions li .chatter_posts .chatter_warning_delete{background: #d9d9d9!important;}
.pinned-items{background:rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.1);border-radius: 5px; padding:10px;margin-bottom:30px;}
.pinned-items h5{color: #740BD9; font-size:18px; font-weight:bold}
.pinned-items h4{font-size:16px; font-weight:bold;margin-bottom: 0;line-height: 22px;}
.pinned-items a.remove{background:#D6E2F0; color:#666666; font-size:12px; text-align:center; border-radius:50px; padding:0 12px; line-height:20px; position:absolute; right:0;top: 20px;}
.pinned-items li{position:relative; display:flex;margin-bottom: 5px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.pinned-items .chatter_avatar{border-radius:100%;width:35px;margin-left:0!important; margin-right:10px!important; position:inherit!important;left:0!important;}
.pinned-items .chatter_avatar img, .pinned-items .chatter_avatar span.chatter_avatar_circle{width:35px!important;height:35px!important;line-height: 35px!important;font-size: 16px!important;}
.pinned-content,.pinned-items span{font-size: 12px;}
.pined .chatter_right{color:#740AD9!important;}
#chatter.discussion #submit_response{text-align: center;}
#chatter ul.discussions li a.discussion_list .chatter_post_actions p, #chatter ul.discussions li .chatter_posts .chatter_post_actions p{box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.06);color: #666!important;background: #FFF!important;}
#chatter ul.discussions li a:hover .chatter_middle span.chatter_cat{color: #FFF!important;}

.forum-discussion{padding-bottom:20px;}
.forum-discussion .post-detail{display:flex;}
.forum-discussion .chatter_avatar{border-radius:100%;width:60px;margin-left:0!important; margin-right:10px!important; position:inherit!important;left:0!important;}
.forum-discussion li{padding:20px 0; border-bottom:1px solid #eee;}
.forum-discussion li:first-child{padding-top:0}
.forum-discussion .post-content{margin-bottom:0; padding-left:80px;}
.forum-discussion .post-by {padding-left:10px;padding-top: 5px;}
.forum-discussion .post-by span{display:block}
.forum-discussion .post-content p{margin-bottom:15px}
#chatter #cancel_discussion{background: #FFF;color: #a7a7a7;box-shadow: none;border: 1px solid #a7a7a7;width: 140px;text-align: center;float: right;height: 40px;line-height: 38px;font-size: 16px;}
#chatter #submit_discussion{float: right;width: 140px;text-align: center;height: 40px;line-height: 38px;font-size: 16px;}
#chatter #submit_discussion i{display: none;}
#chatter .pagination{padding: 20px 0;justify-content: center;}
#chatter .pagination .btn-info{background: #740AD9;border-radius: 5px;padding: 10px 13px!important;}
#chatter .pagination .btn-info:hover{background: #FFF;color: #740AD9;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24);}
#chatter .pagination .active a{ background: #FFF;color: #740AD9;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24);}
#chatter .pagination li{padding: 0 5px;}
#chatter .pagination li.disabled{display: none;}
#chatter #new_discussion, #new_discussion_in_discussion_view{margin: 0 auto!important;max-width: 700px;left: 0!important;right: 0;width: 90%!important;}
#example_wrapper .btn-popup.announce{float: none;text-align: center;font-size: 16px;width: auto;}
#example_wrapper .dataTables_paginate{margin-top: 20px;text-align: center;}
.patient-show-profile{display: flex;flex-flow: wrap;border: 1px solid #D7D7D7;}
.patient-show-profile > li{width: 50%;border: 1px solid #D7D7D7;padding: 15px 20px;}
.patient-show-profile > li span{font-weight: bold;margin-right: 5px;}
.patient-show-profile > li img{float: none!important;height: auto;}
.patient-show-profile li ul#options{display: flex!important;}
#my-today-activity~label{float: left;margin-top: 10px;}
.garmin-connect,.garmin-connected{width: 140px!important;height: 30px;float: none!important;display: inline-block;line-height: 27px;font-size: 15px;padding: 0 8px;box-shadow: none;margin-bottom: 0;margin-top: -5px;}
.garmin-connect img,.garmin-connected img{width: 20px;height:auto;margin-top: -3px;}
.garmin-connect{background: #006EFE;border: 1px solid #006EFE;}
.garmin-connected{background: #09B91E;border: 1px solid #09B91E;}
#garmin .modal-content{background: #740ad9;color: #ffffff;font-weight: bold;font-size: 20px; text-align: center;}
#garmin .modal-content .modal-body p {color: #ffffff;font-weight: normal;}
#garmin .modal-content .modal-body p.message{font-size: 30px;line-height: 40px;width: 80%;margin: 20px auto 30px;font-weight: bold;}
#garmin .modal-content .btn {background: #FFF;border-radius: 5px;color: #740ad9;width: 200px;text-align: center;font-weight: bold;}
#garmin .modal-content button.close i{color: #FFF; font-size: 20px;}
#garmin .modal-content .line_break{background: #FFF;display: block;width: 200px; margin: auto; margin-bottom: 20px;height: 2px;}

.chatter_update_actions .btn {width: auto!important;margin: 0;display: inline-block;font-size: 14px;height: 30px;line-height: 30px;float: right;}
.chatter_update_actions .btn-danger {background: #D50105;}
.sorting_1{text-align: center;}
.sorting_1 a img{margin-right: 0;}
.bp_block{display: block;}
.fw{font-weight: bold;}
.team-journey h4.journey, .team-centres h4.group_center, .team-founders h4.funder{font-size: 28px;}
.team-journey li .team-name{font-size: 20px;}
.title_demonstration{font-weight: bold;font-size:20px;}
.equipment_needed{font-weight: bold;font-size:20px;}
.chatter_middle .chatter_body ol{padding-left:20px;}
.chatter_middle .chatter_body ol li{list-style: disc;}
.team-centres li img {max-height: 130px;}
.meal-entry-inside li a.others { display: initial;font-size: 15px;color: #007bff;}
.change_icon i{font-size: 6px;}
.resource-grid .form-control.filter-select option:after{content:''}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-schedule.turquoise a {background-color: #CFECEC;color: #260d42;}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-schedule.pink a { background-color: #FFDEFF;color: #260d42; }
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-schedule.orange a { background-color: #FCDBA0; color: #260d42;}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-schedule.green a { background-color: #C4DDB3;color: #260d42;}
.schedule_highlight.turquoise { background: #CFECEC; }
.schedule_highlight.pink { background: #FFDEFF; }
.schedule_highlight.orange { background: #FCDBA0; }
.schedule_highlight.green { background: #C4DDB3; }


.signup-live-grp .main-menu ul li{padding-bottom:10px;}
.weekly-nutrition .main-menu ul li{padding-bottom:10px;}
p.resourcesexerciseshow{font-size: 20px;font-weight: bold;}
.goals-list .irs--round .irs-line{overflow:inherit;}
.weekly-nutrition .physio .goals-list{margin-top: 20px;}
.achive-servings{box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.69); background: #FFF; display: inline-block;padding: 8px 13px;font-size: 18px; margin: 0 5px;font-weight: 800;border-radius: 4px;color: #750FD8;position: absolute;right: 40px;top: 0;width: 70px;text-align: center;}
.achive-servings:after {content: "Servings"; position: absolute;bottom: -30px;font-weight: 400;color: #CCC;left: 0;font-size: 16px;text-align:center;width:100%;}
#tinymce_placeholder_label{color:#aaa;}

span.routine_premade{background: #CFECEC; }
span.routine_custommade{background: #C4DDB3}
span.routine_clone{background: #FCDBA0;}
span.routine_clone,span.routine_custommade,span.routine_premade{color: #333; font-size: 11px; padding: 3px 5px; border-radius: 3px;font-weight: bold;}

div#my-today-steps{line-height: 48px;}
.steps-count-note{color: #6610f2;font-size: 13px;font-style: italic;}
#example tbody td.text-center{text-align: left!important;}
#example .sorting_1{text-align: left;}
#example th {background-position: 85% 8px;min-width: 100px;vertical-align: top; position: relative;background: linear-gradient(180deg,#842FE1 20%,#740BD9 100%); color: #FFF;padding: 16px 10px;line-height: 20px;}
#example tbody td{padding:16px 10px;}

.mobile-search-head{position: relative;background: linear-gradient(180deg,#842FE1 20%,#740BD9 100%); padding:10px;display: flex;justify-content: space-between;color: #FFF;}
.mobile-search-head .cb-dropdown-wrap{width: 48%;right: 10px;top: 10px;}
.mobile-search-head select.form-control{width: 48%;height: 35px;}
.mobile-table-list{border:1px solid #CCC;border-top: 0;}
.mobile-table-main-head{background: #F4F4F4;box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);display: flex;justify-content: space-between;padding: 10px;border-top: 1px solid #D7D7D7;align-items: center;font-size: 15px;}
.mobile-table-content{padding:10px}
.mobile-table-content table td{text-align: left!important;vertical-align: top; padding-bottom: 10px;}
.mobile-table-content table td .fa.fa-circle{font-size: 6px;}
.mobile-table-content table td:first-child{position: relative;padding-right: 20px!important;width: 154px;}
.mobile-table-content table td:first-child:after{content:':';position: absolute;right: 10px;}
.exercise-list.new .mobile-table-content table tbody tr{border-bottom: 0;}
.exercise-list.new .mobile-table-content tbody td{padding: 5px 0;overflow-wrap: anywhere;}
.mobile-table-main-head .img-circle{height: 30px!important;margin-top: 0!important;}
.mobile-table-content .face, .face{font-size: 20px;}
.mobile-table-content .frown,.face.frown{color:#ED1C24}
.mobile-table-content .smile,.face.smile{color:#39B54A}
.mobile-table-content .meh,.face.meh{color:#FCB040}
.mobile-table-main-head a.red >i{color: #f44336; -webkit-animation: bounce-in-fwd 1.1s linear both;animation: bounce-in-fwd 1.1s linear both;}
.mobile-table-content table td.weekly-login:first-child:after{display: none;}
.mobile-table-main-head span:last-child{white-space: nowrap;}
li.exercise svg{fill:#740AD9;}
.exercise-list.new .mobile-table-content tbody td.weekly-login .login-count-label{width: 140px; display: inline-block;}
.exercise-list.new .mobile-table-content tbody td.weekly-login .login-count{padding-left: 10px; display: inline-block;}
.resource-grid .mobile-table-content table{border: 0;}
.resource-grid .mobile-table-content tr:nth-child(odd){background: #FFF;}
.page-content.admin{background: #F1F1F1;}

#PrivacyPolicy .modal-content .modal-body ul li{list-style:disc;padding: 7px 2px; margin: 0 17px;}
.meal-entry-inside span.sp{display: block;}
.meal-entry-inside span.sp .sp_title{display: inline;}
.meal-entry-inside span.sp .sp_unit{display: inline;}
.chatter_container .pagination{margin-bottom: 25px;}
.cb-dropdown-wrap {bottom:16px;position:absolute;min-height: 37px;max-height: 37px;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff; z-index: 1; overflow-y: auto;background-clip: padding-box;border: 1px solid #ced4da; border-radius: .25rem;}
.cb-dropdown-wrap:hover{height: auto;max-height: 300px; bottom: inherit;}
.cb-dropdown,.cb-dropdown li { margin: 0; padding: 0;list-style: none;}
.cb-dropdown li label {padding: 3px 0;display: block;position: relative;cursor: pointer;border-bottom: 1px solid #eee;}
.cb-dropdown li label > input {position: absolute;right: 0;top: 0;width: 16px;float: left;margin-right: 0;}
.cb-dropdown li label > span {display: block;margin-left: 3px;margin-right: 35px;font-family: sans-serif;font-size: 0.8em;font-weight: normal;}
.factive {background-color: #c9e2c6;}

#example tr:nth-child(odd) {background: #F4F4F4;}
table#example {border: 1px solid #E5E5E5;}
table#example .cb-dropdown-wrap li{border-bottom:none;}

#myModal4 .modal-content i.fa-times-circle{color:#FFF;font-size:18px}
#myModal4 .modal-content .modal-footer button.close{background: #FFF;border-radius: 5px;padding: 8px 20px;}
#myModal4.modal { text-align: center; padding: 0!important; }
#myModal4.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
#myModal4 .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
#myModal4 .modal-content { background: #740ad9; color: #ffffff; font-weight: bold; font-size: 20px; }
#myModal4 .modal-content .modal-body p { color: #ffffff; }
#patientProfile .schedule_end_clockpicker img{border-radius: 100%;height: 50px;margin-bottom: 10px;width: auto;}
.resource-wrap .main-menu li br{display: none;}
.point-page-wrap .btn-tip.btn-tip-progress{display: block;}
.point-page-wrap .btn-tip.btn-tip-progress p{padding-bottom: 10px;}
#chatter .form-control{border-bottom: 1px solid #CCC!important;}
.content-inner ul{list-style: disc; }
.content-inner ol li,.content-inner ul li{margin-left: 40px;list-style: inherit;}
.content-inner ol{list-style: decimal; }

@media only screen and (min-width:1024px){
header{ height: 130px; padding-top: 10px; }
header .right, header .left{ float: right; margin-left:20px; }
header .center { text-align: left;}
header .logo img{ max-width: 250px; }
.main-menu li{ width: 16.6%;}
.main-menu li a{padding: 25px 4px 25px; font-size: 14px; margin: 0 12px;}
.main-menu li i,.main-menu li svg{ font-size: 50px; margin-bottom: 20px;}
.main-menu li.exercise svg{margin-bottom: 10px;}
.main-menu li span{height: 45px; padding-top: 12px;}
.main-menu li span i{ color: #B7B7B7; }
.dashboard-wrap h1{ font-size: 45px; font-weight: 400; color: #3b0d71;}
.point-item span{ font-size: 33px; padding-bottom: 20px; display: block; }
.dashboard-wrap{width: 80%; margin: 0 auto; background: #FFF; padding:50px; border-radius:15px; margin-top: 180px;}
.total-point{ max-width: 80%; }
.point-item{ padding: 30px; border: 5px solid #FFF;}
.point-count{ height: 130px; font-size: 75px; line-height: 100px; color: #740AD9; }
.point-item p{ font-size: 42px; margin-top: 30px; letter-spacing: 5px; }
.main-home-wrap{ position: absolute; width: 100%; top: 0;}
.main-home-wrap .main-menu li{ width: 16.4%;float: none;display: inline-block; vertical-align: top;}
.main-home-wrap .admin-dashboard-menu.main-menu li{ width: 16.4%;float: none;display: inline-block; vertical-align: top;}
.home-content:before{ height: 350px;}
.sub-header .container{ position: relative; }
.resource-wrap .main-menu li{width: 25%;}
header .menu-right img{ width: 50px; height: 50px;}
header .menu-left{ margin-left: 10px; margin-top: 10px;}
.dashboard-wrap{margin-top: 160px; padding: 30px;}
.point-item{padding: 20px;}
.point-count{height: 90px;font-size: 55px;line-height: 70px;}
.dashboard-wrap h1{font-size: 40px;}
.dashboard header{height: 120px;}
.dashboard .page-content{padding: 20px 0 40px 0;}
.total-point{margin: 0 auto 10px auto;}
.main-home-wrap .main-menu ul.six li{width: 16%;}
.main-home-wrap .main-menu ul.six li a{margin: 0 5px;}
.main-home-wrap .main-menu ul.seven li{width: 14%;}
.main-home-wrap .main-menu ul.seven li a{margin: 0 3px;}
.main-home-wrap .main-menu ul.eight li{width: 12%;}
.main-home-wrap .main-menu ul.eight li a{margin: 0 3px;}
.main-home-wrap .main-menu ul.nine li{width: 10.6%;}
.main-home-wrap .main-menu ul.nine li a{margin: 0 3px;font-size: 13px;}
.main-home-wrap .main-menu ul.ten li{width: 9.6%;}
.main-home-wrap .main-menu ul.ten li a{margin: 0 2px; font-size: 12px;}
}

@media only screen and (max-width:1200px) {
.container {max-width: 100%;}
.video-other-info{ height: 160px;}
.video-wrap img{height: 200px;}
.achivement-card{height: 155px;}
.exercise-video-wrapper iframe{width: 100%; height: 200px;}
}

@media only screen and (max-width:1100px) {
.garmin-connect, .garmin-connected{line-height: 28px!important;width: 28px!important;height: 28px!important;padding: 0;}
.garmin-connect img, .garmin-connected img{margin-top: -8px;margin-left: 3px;}
}

@media only screen and (max-width:1024px) {
.container{ max-width: initial;}
header .container{ max-width: inherit; }
header .left{ float: right; margin-left: 20px; padding-top: 10px;}
header .right{ float:right;}
.custom-switch:nth-child(2) .custom-control-label{ margin-right: 50px;}
.message-section-nav a{ font-size: 20px;}
.recent-messages-inner .friend-list li a{ padding: 10px 10px;}
.page-content .img-circle{height: 40px; margin-right: 10px;}
.friend-list li{ font-size: 15px;}
.friend-list li a .time{font-size: 15px;}
.chat-messages-outer .chat-about h4{ font-size: 18px;}
.chat-message{height: 400px!important;}
.search-exercises input{ height: 50px;}
.search-exercises button{right: 15px; top: 12px;}
.message-section-inner li{ width: 33.33%;}
.message-section-inner li:nth-child(4n) { border-right: 1px solid #D7D7D7;}
.message-section-inner li:nth-child(3n) { border-right: 0;}
.schedule-calendar-head a, .schedule-calendar-head span, .schedule-calendar-head span i{ font-size: 18px;}
.signup-live-grp .exercise-list{width: 30%;}
.signup-live-grp .schedule-wrap{width: 65%;}
.see-more{ font-size: 16px;}
.exercises-list h2 { font-size: 22px;}
.achivement-card{margin:10px 6px;height: 170px;}
.achivement-card p{font-size: 15px; line-height: 17px;}
.achivement-card h5{margin-top: 10px;}
.achivement-card h6{margin-top: 10px;}
.achivement-card p span{padding: 3px 10px;}
.achivement-list .achive-title{width: 60%;}
.achivement-list .achive-count{width: 30%;font-size: 15px;}
.achivement-list .achive-title h5{font-size: 15px;}
.sub-header{padding: 20px 30px;}
.resource-wrap .main-menu li {margin-bottom: 5px;}
.main-home-wrap .main-menu li a{ height: 140px;}
.exercise-video-content{font-size:16px; line-height: 22px;}
.exercise-video-content img{max-height: 250px;margin-bottom: 30px;}
.equipment-need{width: 100%;text-align: center;margin: 0 auto;}
#myVideo iframe{height: 300px;}
}

@media only screen and (max-width:968px) {
.exercises-list .col-md-6:first-child{ width: 70%; max-width: 70%; flex: 0 0 70%;}
.exercises-list .col-md-6:last-child{ width: 30%; float: right; max-width: 30%;}
#allRoutions .w-img{ float: none; width: 100%; height: auto; }
.main-calendar, #list.schedule-calendar-list, #ajaxList.schedule-calendar-list{width: 100%; float: none;}
.sliderTooltip{ display: none;}
.exertion-level{ margin: 10px 0 20px 0;}
.achivement-list .achive-title h6 span{display: block;}
.team-journey li, .team-founders li{ width:32%; }
.header-top-menu ul{font-size:25px;}
.header-top-menu li { margin: 0 7px;}
.achivement-card{width: 100%;}
.header-top-menu {padding: 9px 5px 9px 5px;margin-top: -10px;}
.action{margin-right: 4px;}
#example tbody td{padding: 13px 6px;}
.garmin-connect, .garmin-connected{line-height: 24px!important;width: 24px!important;height: 24px!important;padding: 0;}
.garmin-connect img, .garmin-connected img{margin-top: -8px;width: auto;margin-left: 0;}
.action{width: 24px;line-height: 24px;font-size: 13px;height: 24px;}
#chatter h2, #chatter h3{font-size: 20px;}
#chatter #chatter_form_editor{position: relative;}
#chatter #chatter_form_editor .col-md-1{position: absolute;right: -13px;width: auto;top: -4px;}
}

@media only screen and (max-width:768px) {
body{font-size: 15px;line-height: 22px;}
.btn{font-size: 15px;}	
footer p, footer .footer-links{ float:none; text-align:center }
footer .footer-links{ margin-bottom:15px;}
.signup-live-grp .exercise-list, .signup-live-grp .schedule-wrap{ width: 100%; float: none; margin-bottom: 30px; clear: both;}
.exercise-workout .main-menu li{ width: 33.33%;}
.video-wrap img {height: auto; width: 100%; max-width: 100%;}
.video-other-info { height: auto;}
.exercises-list{ height: auto;}
.achivement-list ul li .achivement-top{display: block;}
.achivement-list .achive-title{width: auto;}
.achivement-list .achive-count{width: auto; margin:10px 60px 0 70px;}
.team-founders li img{height: auto; width: 100%;}
.goals-list{margin-top:30px;}
.exercise-list.new th{font-size: 16px;}
.exercise-list.new tbody td {padding: 10px 0;}
.exercise-list .circle{margin-right: 5px;width: 12px;height: 12px;margin-top: 5px;}
.equipment-need li {width: 100%;}
.weekly-nutrition .goals-list{margin-bottom:30px;}
.weekly-nutrition .main-menu li a{margin-bottom:0}
.message-section-nav a{font-size: 16px;margin: 0 15px;padding-bottom: 10px;min-width: 200px;}
.main-home-wrap .main-menu li a {height: 110px;}
.header-top-menu{display:none}
#myVideo iframe{height: 280px;}
#chatter .chatter_container{display: block;}
#chatter .right-column{padding-left: 20px;}
#chatter:before{display: none;}
#chatter .left-column{padding: 40px 20px 20px;}
#chatter #chatter_category_id{left:0px!important;}
}

@media only screen and (min-width:641px){
.mobile-enable{display: none;}
}

@media only screen and (max-width:640px){
.custom-switch:nth-child(2) { padding-left: 10px;}
.custom-switch span{font-size: 15px;}
.custom-switch .custom-control-label::before{width: 70px; padding: 2px 7px; font-size: 15px;}
.custom-switch:nth-child(2) .custom-control-label { margin-right: 30px;}
.custom-switch .custom-control-input:checked~.custom-control-label::after { transform: translateX(40px);}
.custom-switch:nth-child(1){width: 43%;}
.custom-switch:nth-child(2){width: 55%;}
.resource-grid th, .resource-grid td { padding: 10px 15px;}
.resource-grid table{font-size: 15px;}
.resource-grid td:first-child i { font-size: 20px;}
.resource-grid tr th:first-child{ width: 45px!important; }
.resource-grid tr th:last-child{ width: 10px!important; }
.resource-grid tr th:nth-child(2){width: 45px!important;}
.resource-grid tr th:nth-child(3){width: 80px!important;}
.search-exercises{margin-bottom: 20px;}
.notification-popup .modal-dialog{ width: 90%; }
header{padding:40px 0 0;}
.date-today{top: 7px; position: absolute; text-align: center;}
.date-today:after{content:''; display:table; height:0; clear:both; }
.facebook-study{float: none; margin-bottom: -4px;}
.facebook-study a{ font-size: 15px;}
.team-journey li, .team-founders li{ width:48%; }
.team-centres li{width: 100%; margin-bottom: 30px;}
.team-founders li img, .team-journey li img{ height: auto; }
.schedule-calendar-head{ padding: 0;margin-bottom: 10px;}
.recent-messages-outer{ width:40%;}
.chat-messages-outer{ width:100%;}
.footer-links .col-md-3{ margin-bottom:30px;}
footer h5{ margin-bottom: 10px;}
footer{ padding-bottom: 0;}
.page-content{ min-height: inherit;}
.exercise-workout .main-menu li{ width:50%;}
.achivement-card{width: 96%;margin: 10px auto 20px auto; display: block;padding-top: 25px;}
.achivement-card h6 { margin-top: 0;}
.achivement-card.success h6 { margin-top: 10px;}
.achivement-card p span{margin: 8px auto;}
.achivement-list .achive-icon{font-size: 28px;width: 40px;}
.achivement-card h5{font-size: 16px;}
.achivement-card h6{font-size: 15px;}
.achivement-card p{font-size: 15px;  line-height: 14px;}
.achivement-list .achive-count{margin: 10px 60px 0 40px;}
.exercise-list .btn-popup.announce{width: 70px;min-width: auto;text-align: center;font-size: 15px;padding: 0 10px; height: 30px;line-height: 28px;box-shadow: none;overflow: hidden;}
.message-section-nav a:last-child, .recent-messages-outer{display: none;}
.message-section-nav a{width:100%; display:block;margin: 0;}
.message-section-nav a i{margin-top: 13px;}
.exercise-list li{padding: 10px;}
.meal-entry-inside .form-control{margin-right: 10px;height: 40px;width: 40px;}
.exercise-list li img{height: 46px;width: 30px;}
.exercise-list.meal-entry li img{height: 28px;width: 28px;}
.message-section-nav a{padding-top: 10px;}
.chat-messages-inner .clearfix{margin-top: 0;}
.btn-tip{font-size: 20px;}
.achivement-card span.date{width: 100%;left: 0;right: 0;text-align: center;top: 0;}
#myVideo iframe{height: 250px;}
#allRoutions{ margin-top: -20px;}
.mobile-disable{display: none;}
.exercises-list .data-wrap{display: block;}
.exercises-list .data-wrap h4{margin-left: 0;font-size: 16px;}
#searchdata.video-desc h2{margin-top:0;}
table#example.roles-table-list{font-size: 13px;margin-top: 10px;}
table#example.roles-table-list tbody td {padding: 10px 6px;}
.exercise-list .patients-mobile .cb-dropdown li{padding: 0;}
.main-menu li img{height: 40px;}
}

@media only screen and (max-width:480px){
h3 { font-size: 18px;}
.schedule-calendar-nav li{ min-width: 100px; font-size: 15px; line-height: 40px;}
.schedule-calendar-head a{font-size: 15px;}
.schedule-calendar-head span { font-size: 16px;}
.schedule-calendar-head span i{font-size: 21px; margin-right: 10px;}
.schedule-calendar-list{ padding: 0 5px 25px 5px}
.schedule-con{ width: 240px; font-size: 16px;}
.schedule-con span{ font-size: 16px;}
.schedule-time span.start, .schedule-time span.end{font-size: 16px;}
.schedule-time{ margin-right: 20px;  padding-right: 20px;}
.message-section-nav a{min-width: 45%; font-size: 15px; padding-bottom: 10px; margin:0 5px;width: 97%; padding-top: 10px;}
.message-section-nav a i{ margin-top: 6px;}
.message-section-inner li { width: 50%; padding: 10px; font-size: 15px;}
.message-section-inner li:nth-child(3n) { border-right: 1px solid #D7D7D7;}
.message-section-inner li:nth-child(2n) { border-right: 0;}
.message-section-inner li img{ margin-right: 10px; width: 40px; height: 40px;}
.message-section-head { padding: 10px 25px;}
.search-exercises input{padding: 0 15px; font-size: 15px; height: 40px; border-radius: 8px;}
.search-exercises button { right: 5px; top: 7px;}
.message-section-outer h3{ margin-top: 12px; margin-bottom: 12px;}
.message-section-head .search-exercises{ width: 65%;}
.chat-inner-wrap{ display:block;}
.recent-messages-outer, .chat-messages-outer{ width:100%;}
.page-content .friend-list li a img{height: 35px; margin-right: 10px;}
.recent-messages-outer h4, .chat-messages-outer .chat-about{ padding: 10px 10px; height: 50px; line-height: 30px;}
.chat-messages-outer .chat-about h4{margin-top: 5px;font-size: 16px;}
.chat-messages-outer .chat-about{ padding: 10px ; height: 50px; line-height: 40px;}
.chat-message{ padding: 10px;}
.page-content .chat li .chat-body{margin-right: 0; padding: 10px; margin-bottom: 20px;}
.chat li.left .chat-body{ margin-left: 60px!important;}
.chat-message { height: 300px!important;}
.team-journey li, .team-founders li { width: 100%;}
.exercise-workout .main-menu li{ width:100%; margin-bottom: 20px;}
.exercises-list .col-md-6:first-child{ width: 65%; max-width: 65%; flex: 0 0 65%;}
.exercises-list .col-md-6:last-child{ width: 35%; float: right; max-width: 35%;}
.irs--round .irs-grid-text, .irs--round .irs-single{font-size: 15px!important;}
.calDay .calElement{ font-size: 13px; line-height: 14px;}
.calDay .calElement .dayNumber {font-size: 15px; font-weight: bold;}
.sub-header h1 {margin-bottom: 10px; width: 80%; margin: 0 auto; font-size: 20px;}
.sub-header h2{font-size:18px;}
header .logo img{max-width: 150px;}
.achivement-list ul li, .achivement-head{padding: 15px 10px;}
header {padding: 10px 0 0;}
.date-today{font-size: 15px;display:none;}
.achive-servings,.achive-points-dw,.achive-points{padding: 6px 0;font-size: 14px;right: 0;top: 35px;margin-right: 0;width: 50px;}
.achive-points:after{font-size: 13px;left: 0;bottom: -22px;}
.achive-servings:after{font-size: 13px;bottom: -23px;}
.achivement-card:after{clear:both; content:''; display:table;}
footer{font-size: 14px; padding: 20px 0;}
.resource-grid th, .resource-grid td { padding: 6px 5px;line-height: 15px;}
.resource-grid table { font-size: 13px;}
.resource-grid td:first-child i { font-size: 15px;}
.resource-wrap .main-menu li i { font-size: 45px;}
.resource-wrap .main-menu li img{height: 50px; margin-bottom: 15px;}
.resource-wrap .main-menu li i { height:45px;font-size: 40px;}
.main-menu li a{font-size: 13px;padding: 20px 5px 15px;height: 110px;line-height: 15px;}
.page-content .img-circle, .exercise-list li img, .exercise-list td img{margin-right: 10px;margin-top: -6px;}
.exercise-list.new th {font-size: 13px; padding-bottom: 10px;}
.exercise-list{font-size: 13px;}
.action{font-size: 15px;margin-top: 0;margin-right:0;}
.exercise-list.new th:nth-child(1){width:100px;}
.exercise-list.new th:last-child, .exercise-list.new td:last-child{text-align:right}
.form-control::placeholder{font-size: 15px;}
.search-exercises input::placeholder{font-size: 15px;}
.chat-messages-outer .chat-about img{margin-top: 0px;}
.page-content .chat li .chat-body .header{font-size: 15px;}
.page-content .chat li .text-muted {font-size: 15px;}	
.sub-header { padding: 30px 15px 15px;}
.goals-list li{font-size: 15px;margin-bottom: 14px;}
.irs--round { height: 40px;}
.goals-list h3{ margin-bottom: 20px;}
.goals-list .irs--round .irs-handle, .achive-count .irs--round .irs-handle {width: 18px;height: 18px;top: 31px;border-width: 3px;}
.irs--round .irs-bar{top: 38px;height: 5px;}
.sub-header .left, .sub-header .right{top: 42%; font-size: 25px;}
.range-slide,.achive-count .range-slide { margin-top: -28px;}
.author-name{font-size: 15px;display: none;}
.dashboard .page-content{padding: 10px 0;}
.dashboard-wrap h1{font-size: 24px;margin-bottom: 15px;}
.exercise-video-content{font-size: 15px;line-height: 20px;padding: 20px;}
.equipment-need{font-size: 15px;}
.sidebar-left ul { padding: 50px 15px 20px 15px;}
.sidebar-left li{font-size: 14px;line-height: 28px;height: 50px;padding-bottom: 5px; margin-bottom:5px;}
.sidebar-left li i{font-size: 25px; width: 40px;}
li.profile a img{width: 35px!important; height: 35px!important;}
.sidebar-left li span,.sidebar-left li.meun-calc span{margin-top: 0;top: 0;}
.sidebar-left li a>i {height: auto;}
.schedule-wrap{padding: 10px 0;}
.schedule-calendar-nav{width: max-content;margin: 20px auto 20px auto;}
.exercise-list li{font-size: 15px;}
.sub-header p{font-size: 15px;width: 80%;margin: auto;}
.exercise-session-form p{font-size: 18px;padding-bottom: 20px; margin-bottom: 20px;}
.form-control::placeholder{font-size: 15px;}
.exercise-session-form .form-control{height: 40px;font-size: 15px;}
.exercise-session-form .btn {margin-top: 20px;}
.btn{line-height: 46px; height: 50px;}
.btn i{margin-top: 15px;}
.current-week{margin: -10px 15px -25px;}
.video-wrap .video-info{font-size: 16px;padding: 14px;}
.video-other-info p{margin-bottom: 10px;}
.achivement-list .achive-count{font-size: 15px;}
.achivement-list .achive-title h6{font-size: 15px;}
.achivement-list .achive-title h6 i{font-size: 24px;margin-right: 7px;margin-top: 6px;}
.achivement-list .achive-count {margin: 30px 5px 0 5px;}
.achivement-list .achive-nav{top: 5px;}
.achive-points-dw:after {content: "Km";position: absolute;font-weight: 400;color: #CCC;bottom: -24px;left: 0;font-size: 13px;}
select.form-control{height: auto;font-size: 13px;padding: 3px;}
.message-section-nav a:hover, .message-section-nav a.active{border-bottom: 1px solid #740AD9;}
.message-section-nav a{border-bottom: 1px solid #757575;}
#myVideo iframe{height: 190px;}
.team-journey{padding: 30px 0;}
.meet-team-video{padding: 0px 0 20px 0;}
.team-centres {padding: 30px 0;}
.meal-entry li {padding: 0;position: relative;}
.meal-entry li a {padding: 10px;display: flex;}
.meal-entry li a span{position: absolute;right: 0;top: 15px;}
.exercise-list li img{margin-top: -2px;}
h2{font-size: 18px;}
.meal-entry-inside .form-control{padding: 0; width: 30px;}
.exercise-list li i{font-size: 15px;}
.action{line-height: 24px;width: 24px; height: 24px;}
.meal-entry-inside a.action.remove {right: 35px;}
.calMonth .calElement.selected, .calMonth .calElement.selected:hover{font-size: 15px;}
.current-week p{font-size: 16px;}
.calMonth {margin-top: 0;}
.exercise-list.meal-entry li img {margin-top: 0;}
.resource-grid th:first-child, .resource-grid tr:first-child td:first-child{min-width: 80px;}
.btn-tip{height: auto;line-height: 25px;font-size: 20px;}
.resource-grid th:first-child, .resource-grid tr:first-child td:first-child,#example th{min-width:inherit;}
.exercise-card-list .main-menu li {width: 50%; }
.meal-entry-inside span{width: 190px;margin-left: 70px;}
.meal-entry-inside a.action{top: 32px;}
.meal-entry-inside li a.others{font-size: 14px;}
.exercise-list li img{height: 40px;width: 25px;}
.achivement-list .achive-title h6 i.fa-trophy span{top: 0;}
.patient-show-profile > li{width: 100%;}
.request-form-wrap .form-control{height: 40px;}
.request-form-wrap .form-control[type=file]{padding: 9px 20px;line-height: 14px;}
.main-menu li{width: 50%;}
.main-menu.admin-dashboard-menu{padding-top: 30px;}
.admin-dashboard.home-content:before{height: 60px;}
.main-menu li img {height: 45px;margin: -3px auto 5px auto;}
#chatter #new_discussion .select_color_text{display: none;}
#chatter #cancel_discussion,#chatter #submit_discussion{width: 100px;font-size: 14px;padding: 0 10px;}
}

@media only screen and (max-width:380px){
.custom-switch{width: 100%;}
.custom-switch:nth-child(2){width:auto; padding-left: 0;float: right;}
.custom-switch:nth-child(1){width: auto; padding-right: 30px;}
.author-name{position: absolute; top: 33px; z-index: 1000;right: 0;}
.notification-menu{top: 50px;}
.achivement-list{font-size: 15px;}
footer{font-size: 15px;}
.exercise-list.new th:nth-child(2){width:100px;}
.achivement-list .achive-nav{font-size: 15px;height: 25px;width: 25px;}
.achivement-list .achive-nav a i {left: 7px;top: 7px;}
.schedule-calendar-nav li{min-width: 98px;font-size: 15px;line-height: 38px;}
.chat-message {height: 220px!important;}
.total-point{margin: 0 auto 20px auto;}

}

@media only screen and (max-width:330px){
.main-menu li a{line-height: 13px;padding: 15px 5px 10px;height: 100px;}
.main-home-wrap .main-menu li a {height: 100px;}
footer{padding: 10px 0;}
footer .footer-links {margin-bottom: 5px;}
}

@media print {
header,footer,.bottom-menu,.sub-header .left,#print{display:none}
@page {margin: 20px; }
}