@font-face {
    font-family: 'SegoeUIRegular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/segoe/SegoeUI.woff') format('woff');
}

@font-face {
    font-family: 'SegoeUIBold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/segoe/SegoeUIBold.woff') format('woff');
}


[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #0C4455 !important;
    background-color: #fff !important;
}
[type="checkbox"].filled-in:checked+span:not(.lever):before {
    border-right: 2px solid #0B916A !important;
    border-bottom: 2px solid #0B916A !important;
}

.checkbox-repeat-tab [type="checkbox"].filled-in:disabled:checked+span:not(.lever):after
{
    border-color:  rgba(0,0,0,0.42) !important;
}

.checkbox-repeat-tab [type="checkbox"].filled-in:disabled:checked+span:not(.lever):before
{
    border-right: 2px solid rgba(0,0,0,0.42) !important;
    border-bottom: 2px solid rgba(0,0,0,0.42) !important;
}

[v-cloak]{
    display: none;
}
/*navbar*/
a{
    color: #222;
    cursor: pointer;
}
.lang-bar
{
    /*padding: 20px;*/
    min-height: 34px;
    background-color: #0e4455;
}

.lang-select
{
    float: right;
    padding-top: 5px;
    /*padding-right: 20px;*/
}

.lang-select ul li
{
    float: left;
}

.lang-select a
{
    padding: 0 5px;
}

.lang-select ul
{
    margin: 0;
}

.nav-bar nav
{
    background-color: #168FA9;
    min-height: 102px;
}

.menu
{
    margin-top: 30px;
}

.brand-logo
{
    margin: 20px;
    z-index: 99;
}

.menu li a.active,
.menu li a:hover
{
    border: 1px solid #fff;
    border-radius: 5px;
    background: transparent;
    webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.menu li
{
    padding: 0 5px;
}

.menu li a
{
    border: 1px solid #168FA9;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 25px;
}

/*Admin Panel css start here*/

main .main-content {
    background: url('../images/home-bg-inner.jpg') repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
    min-height: 100vh;
}

.help {
    float: right;
    background: url('../images/green-ribbon.png');
    padding: 1px 5px;
    background-repeat: no-repeat;
}
.help a i {
    color: #fff;
    font-size: 30px;
}
.help ul {
    margin: 0;
}
.help ul li{
    padding-top: 5px ;
    padding-bottom: 5px ;
}
.profile-detail-main {
    display: inline-block;
    width: 100%;
}
.profile-pic {
    width: 75px;
    margin-top: -30px;
    display: inline-block;
}
.profile-pic img {
    width: 100%;
    border-radius: 10px;
    border: 3px solid #fff;
}
.profile-info p {
    margin: 0;
    padding-top: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #5C5C5C;
}
.profile-info span {
    padding-left: 10px;
    font-weight: 700;
}
.profile-pic-widget {
    padding-left: 40px;
}
h2.content-heading {
    font-size: 24px;
    margin: 0 0 0 10px;
    font-weight: bold;
    min-width: 200px;
    text-align: center;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #09313E;
    background-color: #082F3C;
    background-image: -moz-linear-gradient(top, #3A5A64, #082F3C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3A5A64), to(#082F3C));
    background-image: -webkit-linear-gradient(top, #3A5A64, #082F3C);
    background-image: -o-linear-gradient(top, #3A5A64, #082F3C);
    background-image: linear-gradient(to bottom, #3A5A64, #082F3C);
    background-repeat: repeat-x;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 1px #A6B4B8 inset;
    -moz-box-shadow: 0 1px #A6B4B8 inset;
    box-shadow: 0 1px #A6B4B8 inset;
    color: #ffffff;
}
.inner-content-widget {
    padding: 0 30px 30px;
    display: inline-block;
    width: 100%;
}
.inner-content-top-portion {
    background-color: rgba(226, 226, 226, 0.70);
    box-shadow: 0 0 1px 1px #F3F3F3 inset;
    border: 1px solid #84888F;
    border-radius: 5px;
}
.inner-content-area {
    background: #fff;
}
.quick-btns.clearfix {
    background-color: rgba(226, 226, 226, 0.70);
    height: 30px;
    border-bottom: 1px solid #ADB2B8;
    -webkit-box-shadow: 0 1px #FFF;
    -moz-box-shadow: 0 1px #FFF;
    box-shadow: 0 1px #FFF;
}
.inner-content-area table thead tr {
    background: #0C4354;
    color: #fff;
}
.inner-content-area table thead tr th{
    text-align: center;
    border-radius: 0;
    font-weight: 400;
}
.inner-content-area .delete i {
    color: #222;
    background: #DCE3EC;
    padding: 3px;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.red-delete{
    color: red !important;
    font-weight: bold !important;
}
.inner-content-area {
    background: #fff;
    /*max-height: 550px;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}
.custom-pagination .pagination {
    margin-bottom: 0;
}
.custom-pagination  .pagination li.active {
    background-color: #082F3C;
    background-image: -moz-linear-gradient(top, #3A5A64, #082F3C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3A5A64), to(#082F3C));
    background-image: -webkit-linear-gradient(top, #3A5A64, #082F3C);
    background-image: -o-linear-gradient(top, #3A5A64, #082F3C);
    background-image: linear-gradient(to bottom, #3A5A64, #082F3C);
    background-repeat: repeat-x;
}

.survey-pagination ul
{
    padding: 0 20px 30px;
}
.sidebar{
    background: #0C4455;
    color: #fff;
}
.progress-bar p {
    display: inline-block;
    margin: 0;
    font-size: 26px;
    vertical-align: bottom;
    line-height: 35px;
}
.progress-bar{
    border-bottom: 1px solid #376574;
    padding: 10px 10px 15px 10px;
}
.sidebar-tabs {
    /*padding-top: 25px;*/
    float: left;
    width: 100%;
}

.sidebar-tabs .tabs .tab a {
    padding: 0;
    text-transform: none;
    font-size: 16px;
    color: #fff;
    background: #0C4455;
}

.sidebar-tabs .tabs .tab a:focus, .sidebar-tabs  .tabs .tab a:focus.active, .sidebar-tabs  .tabs .tab a.active {
    background-color: #D7D7D7;
    color: #32382E;
}
.sidebar-tabs .tabs .indicator {
    display: none;
}
.sidebar-tab-inner {
    background: #D7D7D7;
    padding: 15px;
}
.progress-heading {
    float: left;
    width: 100%;
    max-width: 30%;
}
.progress-percentage {
    float: left;
    width: 70%;
    position: relative;
}
.cstm-prgress-bar {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #8D9192;
    border-left: 1px solid #8D9192;
    border-bottom: 1px solid #FEFEFE;
    border-right: 1px solid #FEFEFE;
    margin-bottom: 0;
    background: url('../images/progress-bg.jpg') repeat scroll 0 0 transparent;
}
.progress-heading p {
    margin: 0;
    padding: 6px;
    font-weight: 600;
}
.progress-percentage p {
    margin: 0;
    padding: 0;
    color: #94611A;
    position: absolute;
    top: 5px;
    left: 5px;
}
.progress-heading.red-clr p {
    background: #FF4B1A;
    box-shadow: 0 0 9px 3px #FF7954 inset;
}
.progress-heading.orange-clr p {
    background: #FFAB32;
    box-shadow: 0 0 9px 3px #FFC16A inset;
}
.progress-heading.blue-clr p {
    box-shadow: 0 0 9px 3px #7EC1D2 inset;
    background-color: #309CB9;
}

.material-tooltip .tooltip-content
{
    font-weight: bold;
}

.sidebar-nav ul {
    margin: 0;
    border-left: 7px solid #072D3A;
}
.m-0{
    margin-bottom: 0 !important;
}
.sidebar-nav {
    display: inline-block;
    width: 100%;
}
.sidebar-nav ul li a {
    padding: 20px;
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 24px;
    line-height: 20px;
    vertical-align: top;
    border-top: 1px solid #336170;
    border-bottom: 1px solid #002631;
}
.sidebar-nav ul li a:hover {
    background: #072D3A;
}
.sidebar-nav ul li a i,.sidebar-nav ul li a img{
    margin-right: 20px;
    font-size: 30px;
}
.sidebar-nav ul li a p{
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
    text-align: center;
}
.sidebar-nav ul li {
    position: relative;
}
.sidebar-nav ul li.active a {
    background: #072D3A;
}
.sidebar-nav ul li.active a:before, .sidebar-nav ul li a:hover:before {
    content: "";
    position: absolute;
    border-left: 18px solid #199772;
    left: -18px;
    top: 0;
    bottom: 0;
    border-radius: 5px 0 0 5px;
}
.counter-siderbar p {
    position: absolute;
    top: 16px;
    right: 12px;
    background: #C93425;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    margin: 0 !important;
    font-size: 15px;
    padding: 4px;
    line-height: 30px;
}
.coach-list ul li
{
    border: 1px solid #ACB1B8;
    margin-bottom: 15px;
}
.coach-list ul li a {
    background: #fafafa;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px;
    color: #333333;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}
.coach-list ul {
    margin-top: 30px;
    margin-bottom: 20px;
}
.contact-heading a.edit {
    color: #072F3C;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 14px;
    float: right;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 30px;
    border-radius: 5px;
}
.contact-heading a.back {
    color: #072F3C;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 14px;
    float: left;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 30px;
    border-radius: 5px;
}
.quick-btns.clearfix.contact-heading {
    height: auto;
    display: inline-block;
    width: 100%;
}
.contact-heading i {
    padding-right: 5px;
}
.contact-search {
    position: relative;
}
.contact-search .search-wrapper input {
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #ACB1B8 ;
    margin: 0;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    color: #555;
}
.contact-search .search-wrapper input::placeholder {
    color: #555;
}
.contact-search .search-wrapper i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    border-left: 1px solid #ACB1B8;
}
.contact-people a {
    background: #3E7282;
    display: inline-block;
    width: 110px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #3E7282;
}
.contact-group a {
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    display: inline-block;
    width: 110px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 30px;
    color: #3E7282;
    border: 1px solid #9FB1B6;
}
.new-contact,
.create-task{
    border: 1px solid #BDBDBD;
    background: #FAFAFA;
    /*padding: 20px;*/
    padding: 20px 30px;
    display: inline-block;
    width: 100%;
    line-height: 29px;
}

.coach-manage-inner #sortable1 {
    margin-top: 15px !important;
}

.new-contact {

    /*padding-bottom: 15px !important;*/

}

.new-contact p,
.create-task p{
    float: left;
    margin: 0;
    color: #333333;
    font-weight: 700;
}
.creat-task-ico
{
    float: right;
    display: inline-block;
    font-size: 40px;
    color: #000;
    position: relative;
    line-height: 17px;
}
.new-contact a {
    float: right;
    display: inline-block;
    font-size: 40px;
    color: #000;
    position: relative;
    line-height: 17px;
}
.contact-alpha ul li {
    display: inline-block;
    margin-bottom: 10px;
}
.contact-alpha ul li a,
.contact-alpha ul li p{
    padding: 5px 10px;
    color: #222;
    line-height: 20px;
    font-size: 18px;
    display: inline-block;
    margin: 0;
}
.contact-alpha ul li a:hover,
.contact-alpha ul li p:hover{
    background: #0C4455;
    border-radius: 5px;
    color: #fff;
}
.contact-sort-by select.browser-default {
    border: solid 1px #ACB1B5;
    border-radius: 4px;
    background: #EFF0F2;
}
.contact-sort-by .input-field {
    margin: 0;
}
.contact-list li {
    position: relative;
    background: #FAFAFA;
    border: 1px solid #BDBDBD;
    float: left;
    width: 100%;
    padding: 5px 30px;
    border-bottom: none;
}
.contact-list li:last-child {
    border-bottom: 1px solid #BDBDBD;
}
.contact-list li p {
    margin: 0;
    float: left;
    padding-top: 14px;
    padding-bottom: 10px;
}
.contact-list li span {
    float: right;
}
.contact-list .forward-link {
    float: right;
}
.forward-link a i {
    font-size: 40px;
    margin-left: 30px;
    color: #555;
    margin-top: 0;
    line-height: 54px;
}

/*.main-arrow*/
/*{*/
/*padding-top: 15px;*/
/*}*/
.strt-icon a i
{
    margin-left: 16px !important;
}
.contact-list .percentage {
    float: left;
    background-color: #fff;
    padding: 5px;
    border-radius: 40px;
    font-weight: bold;
    border: 10px solid #ccc;
    height: 60px;
    width: 60px;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
}
.percentage span
{
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 33px;
    text-align: center;
}
.ribbon-contact,
.new-ribbon{
    position: absolute;
    left: -20px;
    top: 0;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    width: 45px;
    text-align: center;
}
.coach-cat-ribon
{
    padding: 0;
    height: 100%;
}
.inner-content-area .message-ribbon
{
    top: unset !important;
    margin-top: -32px;
    z-index: 99;
}

/*.inner-content-area .message-ribbon:nth-child(1)*/
/*{*/
/*margin-top: -32px;*/
/*}*/

.message-txt,
.message-txt span
{
    color: #537b86;
}

.msg-content
{
    overflow: hidden;
}

.main-content-msgs
{
    overflow: visible !important;
    position: relative;
}


.message-txt td:first-child
{
    padding-left: 40px;
}
.ribbon-contact
{
    background: url('../images/ribbon.png');
    background-repeat: no-repeat;
}
.new-ribbon
{
    background-color: #e37bf4;
    padding: 0;
    width: 55px;
}
.done-clr:after
{
    background-color: #82f795 !important;
}
.green-ribbon {
    position: absolute;
    left: -20px;
    top: 0;
    background: url('../images/ribbon-green.png');
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
    width: 45px;
    text-align: center;
    height: 33px;
    padding-top: 3px;
}
.diary-search {
    margin-top: 25px;
}
.show-all
{
    padding: 30px;
    font-size: 20px;
    display: none;
}
.diary-search img {
    margin-top: 5px;
}
.contact-search .search-wrapper input:focus {
    box-shadow: none;
    border-bottom-color: #ACB1B8;
}
.diary-tabs ul {
    margin-top: 0;
    margin-bottom: 20px;
}
.diary-tabs ul li {
    display: inline-block;
    width: 32.5%;
}
.diary-tabs ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #8E9293;
    padding: 6px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
}
.diary-tabs ul li.active a {
    background: #EDF2F3;
    color: #4b5c61;
}
.organize-knowledge a {
    background: #3E7282;
    padding: 0 15px 2px;
    color: #D1EDF5;
    display: inline-block;
    border-radius: 30px;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}


.coach-task-his .organize-knowledge a {
    margin-bottom: 20px !important;
}

.diary-know
{
    margin-left: 10px;
}
.diary-set
{
    padding-left: 10px;
}
.diary-pop
{
    margin: 0 10px;
}
.organize-knowledge p {
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 5px;
}
.contact-list .checkbox {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
}
.default-card {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #FAFAFA;
    display: inline-block;
    width: 100%;
    padding: 5px 30px;
    border: 1px solid #BDBDBD;
}
.default-card p {
    float: left;
}
.default-card a {
    float: right;
}
.default-card a.setting-icon i,
.live-stream-block a.setting-icon i{
    border: 1px solid #5B818E;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 30px;
    margin-top: 5px;
    color: #222;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
}
.developement-calender .default-card {
    margin: 0;
}
.default-card a i {
    font-size: 40px;
    margin-left: 30px;
    color: #555;
    margin-top: 5px;
}
.developement-calender p {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 0;
}
.developement-calender .default-card p{
    margin-top: 10px;
    margin-bottom: 15px;
}
.fitness-progress p {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.fitness-checkbox span {
    color: #000;
}
.fitness-progress-widget {
    background: #fff;
    padding: 20px;
    border: 1px solid #BDBDBD;
}
.fitness-progress-widget .cstm-prgress-bar {
    margin-bottom: 2px;
}
/*.fitness-progress-widget .cstm-prgress-bar  .progress-heading{*/
/*    max-width: 150px;*/
/*}*/
.fitness-progress-widget .cstm-prgress-bar  .progress-heading p{
    color: #fff;
}
.fitness-detail {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
}
.fitness-detail ul li {
    display: inline-block;
}

.fitness-detail ul {
    margin-top: 10px !important;
}
.step-heading-forward {
    background-color: #CFD1D3;
    color: #072D3A;
    display: block;
    height: auto;
    line-height: 30px;
    padding: 5px 30px 5px;
    text-shadow: 1px 1px #FFFFFF;
    font-weight: bold;
    text-align: center;
    margin: 0;
    font-size: 18px;
}

.prog-bar .fitness-detail ul li a {
    width: 75px;
    padding: 5px 0;
}
.fitness-detail ul li a {
    padding: 5px 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #969697;
    box-shadow: 0 -2px 1px #5C5E5D inset, 0 0 0 1px #CBCCD0 inset;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}
.fitness-detail ul li a:hover {
    background: #CCD9DF;
    color: #222;
}
.fitness-detail ul li.active a {
    background: #0F936D;
    border: 1px solid #307E67;
    box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
}
.fitness-detail ul li:not(.active) a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.fitness-progress {
    margin-bottom: 15px;
}
.rec-query ul li {
    display: block;
    margin-bottom: 10px;
}
.rec-query ul li a
{
    width: 100%;
}
.ans-query
{
    float: left !important;
}
.incomplete-heading {
    margin: 0;
    font-size: 18px;
    color: #333;
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    text-shadow: 1px 1px #FFFFFF;
}
.incom-title
{
    padding-top: 28px !important;
}
.incom-arrow a i
{
    padding-top: 15px !important;
}
.tutroial-main .default-card {
    margin-top: 0;
    margin-bottom: 5px;
}
.setting-main .default-card {
    margin-top: 0;
}


.setting-main .setting-time-format {
    margin-top: 20px !important;
}

.green-on{
    background-color: #D6ECE4;
    background-image: -moz-linear-gradient(top, #FEFEFE, #D6ECE4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#D6ECE4));
    background-image: -webkit-linear-gradient(top, #FEFEFE, #D6ECE4);
    background-image: -o-linear-gradient(top, #FEFEFE, #D6ECE4);
    background-image: linear-gradient(to bottom, #FEFEFE, #D6ECE4);
    background-repeat: repeat-x;
    border: 1px solid #38977C;
    padding: 8px 20px;
    color: #199772;
    font-weight: 700;
    font-size: 18px;
    margin-top: 3px;
    border-radius: 5px;
}
.setting-main .default-card p {
    font-weight: 700;
}
.setting-radio {
    background: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    border: 1px solid #BDBDBD;
}
.setting-radio label {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
}
.setting-radio label span {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    color: #333;
}
.setting-table {
    background: #fff;
    border: 1px solid #bdbdbd;
    padding: 20PX;
}
.dev-set
{
    margin: 10px;
}
.setting-table tr {
    border-bottom: none;
}
.setting-table tr td {
    padding: 8px 5px;
    font-size: 18px;
}
.setting-table tr td.day {
    font-weight: 700;
}
.setting-table select.browser-default {
    background: #EFF0F2;
    border-radius: 5px;
    border-color: #bdbdbd;
}
.red-off{
    background-color: #FFE3DB;
    background-image: -moz-linear-gradient(top, #FFFFFF, #FFE3DB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFE3DB));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FFE3DB);
    background-image: -o-linear-gradient(top, #FFFFFF, #FFE3DB);
    background-image: linear-gradient(to bottom, #FFFFFF, #FFE3DB);
    background-repeat: repeat-x;
    border: 1px solid #D38874;
    padding: 8px 20px;
    color: #E4471D;
    font-weight: 700;
    font-size: 18px;
    margin-top: 3px;
    border-radius: 5px;
}
.blue-on
{
    color: #072F3C;
    margin-left: 15px;
    /*margin-right: 5px;*/
    padding: 9px 10px;
    text-shadow: 1px 2px 1px #F7F9FA;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.off-setting-card {
    margin-top: 15px;
}

.off-setting-card  .default-card{
    margin-bottom: 0;
}
.product-content {
    height: 725px;
    overflow: hidden;
}
.product-content-inner {
    padding: 20px;
    height: 660px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 20px;
}
.product-content-inner h2 {
    margin: 0;
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: 600;
}
.product-content-inner p {
    margin: 0;
    font-size: 15px;
    padding-bottom: 10px;
}
.product-content-inner h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 5px;
}
.product-widget img {
    width: 100%;
    float: left;
}
.product-detail {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 1px solid #bdbdbd;
}
.level-choose h4 {
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    color: #8A8B8B;
}
.level-choose ul li {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}
.level-choose ul {
    margin: 0;
}
.green-ques i {
    color: #199772;
    font-size: 24px;
}
.level-choose select.browser-default {
    margin-left: 30px;
    width: 150px;
    margin-top: 15px;
    background: #EFF0F2;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}
.level-choose .green-on, .level-choose .red-off  {
    float: right;
    margin-top: 20px;
}
.product-widget {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.product-widget-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    text-align: center;
}


.product-widget-text span {
    font-weight: 700;
}

.tutorial_activation_inner .product-widget-text {
    top: 6%;
}
.product-widget-text p{
    color: #fff;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-color: #413F3F;
    -webkit-text-stroke-width: 0.5px;
    letter-spacing: -1px;
    text-shadow: 0.5px -0.2px 0 #413F3F;
}
.product-widget-text h3{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-color: #413F3F;
    -webkit-text-stroke-width: 1px;
    text-shadow: 1px -0.9px 0 #413F3F;
    letter-spacing: -1px;
}
.product-second {
    padding-top: 10px;
    border-top: 1px solid #BDBDBD;
    margin-top: 20px;
}
.product-widget-image{
    position: relative;
}
.product-widget-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    text-align: center;
}
.product-widget-info h3 {
    color: #fff;
    font-size: 20px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-color: #413F3F;
    -webkit-text-stroke-width: 1px;
    text-shadow: 1px -0.9px 0 #413F3F;
    letter-spacing: -1px;
    font-weight: 700;
}
.product-widget-info p {
    color: #fff;
    font-size: 14px !important;
    margin-top: 0 !IMPORTANT;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-color: #413F3F;
    -webkit-text-stroke-width: .5px;
    text-shadow: 0.5px -0.2px 0 #413F3F;
    letter-spacing: -1px;
}
.product-widget-image img {
    width: 100%;
}
.product-widget-banner-img img
{
    height: 120px;
    object-fit: cover;
}
.left-product-widget p {
    font-size: 12px;
    margin-top: 10px;
}
.right-product-widget h2 {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 600;
}
.right-product-widget span {
    color: red;
    width: 100%;
    display: inline-block;
}
.right-product-widget .add-cart {
    background: #008000;
    color: #fff;
    padding: 3px 15px;
    display: inline-block;
    border-radius: 10px;
    margin-top: 7px;
    margin-bottom: 5px;
}
.right-product-widget p {
    font-size: 14px;
    color: #000;
}

.setting-save
{
    margin-top: 30px;
}

/*Account Setting css start here*/

.account-setting {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    background: #ffffff;
}

.account-setting .inner-content-top-portion {
    padding: 20px;
}
.account-profile-info {
    text-align: center;
    margin-bottom: 20px;
}
.account-profile-info h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
}
.account-profile-info p {
    margin: 0;
    font-size: 14px;
}
.account-profile-info-picture img {
    display: block;
    margin: 0 auto;
    border-radius: 80px;
    border: 5px solid #ccc;
    height: 130px;
    width: 130px;
    margin-top: 10px;
    margin-bottom: 0;
}
.account-profile-info input[type="button"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    padding: 0;
    color: #225b8f;
    font-size: 13px;
    cursor: pointer;
}
.profile-tabs .tabs {
    background-color: transparent;
}
.profile-tabs .tabs .tab a,
.profile-bt
{
    color: #fff;
    background: #8e9293;
    text-align: center;
    border: 1px solid #7a7777;
    font-weight: bold;
    padding: 0;
    text-transform: initial;
    font-size: 18px;
    border-radius: 3px;
}

.tabs .profile-bt a
{
    color: #fff !important;
    display: block;
}

.tabs .profile-bt
{
    padding: 10px 0;
}

.profile-tabs .tabs .tab,
.profile-bt
{
    padding: 0 5px;
}
.profile-tabs .tabs .indicator {
    display: none;
}
.profile-tabs .tabs .tab a:focus, .profile-tabs .tabs .tab a:focus.active, .profile-tabs .tabs .tab a.active {
    background-color: #EDF2F3;
    color: #1b4f5f;
}
.profile-main h2.profile-heading {
    margin: 30px 0;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #0c4354;
}
.profile-input input, .profile-input input:focus {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    height: 20px !IMPORTANT;
    line-height: 20px !IMPORTANT;
    color: #1a728d !important;
    font-weight: 700;
}
.profile-input {
    border-bottom: 1px solid #b2b7b8;
    margin-bottom: 15px;
}
.profile-input label {
    color: #66696a;
    clear: both;
    font-size: 20px;
    font-weight: bold;
}
.profile-input input::placeholder {
    color: #1a728d;
    font-weight: 700;
}
.profile-input input[type="password"]::placeholder {
    color: #66696a;
    font-weight: 700;
    font-size: 20px;
}
.profile-input input[type="password"]{
    color: #66696a;
}
.profile-checkbox label{
    color: #30352D;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}
.profile-checkbox {
    margin-bottom: 20px;
}
.save-profile a{
    background-color: #2DA07F;
    background-image: linear-gradient(to bottom, #2DA07F, #0D926B);
    background-repeat: repeat-x;
    border: 1px solid #307E67;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
    -moz-box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
    box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
}
.upload-picture {
    background-color: #2DA07F;
    background-image: linear-gradient(to bottom, #2DA07F, #0D926B);
    background-repeat: repeat-x;
    border: 1px solid #307E67;
    color: #fff;
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}
.delete-picture {
    background: #d6294a;
    border: 1px solid #d6294a;
    color: #fff;
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}

.delete-profile button, .delete-profile .delete-profile-btn{
    background: #d6294a;
    border: 1px solid #d6294a;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}
.action-profile p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}
.license-payment h5 {
    font-size: 14px;
    color: #0c4354;
    margin: 0;
    font-weight: 700;
    margin-bottom: 5px;
}
.license-payment p {
    margin: 0;
}
.license-payment {
    padding-top: 20px;
}
.license-table table {
    border: 1px solid #bdbdbd;
    margin-top: 20px;
    border-radius: 4px;
}
.license-table tr th, .license-table tr td {
    text-align: center;
}
.license-table tr th {
    font-weight: 400;
    font-size: 14px;
    padding: 5px  0;
    background: #fff;
    border: 1px solid #bdbdbd;
}
.license-table tr td {
    border: 1px solid #bdbdbd;
}
p.license-terms {
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding-top: 10px;
    display: block;
}
.purchase-history h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    padding-top: 40px;
}
.history-year {
    float: right;
    width: 100%;
    max-width: 150px;
}
.history-year select{
    background: #EFF0F2;
    border-radius: 5px;
    border: 1px solid #BDBDBD;
}
.euro-rate p {
    margin: 0;
}
.euro-rate span {
    padding-left: 10px;
}
.history-table tr th, .history-table tr td {
    border: 1px solid #bdbdbd;
}
.history-table table {
    background: #F3F3F3;
}
.history-table tr td a {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.history-table table.striped tbody tr:nth-child(odd) {
    background-color: #E3E2E2;
}
.history-table {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

/*Account Setting css end

/* General Diary css start here*/


.diary-tabs .tabs .tab a:hover, .diary-tabs .tabs .tab a.active, .diary-tabs .tabs .tab a.active {
    background-color: #EDF2F3;
    color: #000;
}
.diary-tabs .tabs .tab a {
    text-transform: initial;
    font-size: 18px;
    padding: 0;
    border-radius: 5px;
    color: #fff;
}
.diary-tabs ul {
    background: transparent;
}
.diary-tabs .tabs .tab {
    height: 40px;
    line-height: 40px;
    padding: 0 2px;
}
.diary-tabs .indicator {
    display: none;
}
.add-general-diary{
    padding: 30px;
}
.add-general-box {
    background: #FAFAFA;
    padding: 20px;
    border: 1px solid #bdbdbd;
    margin-top: 10px;
}
.add-general-box p {
    margin: 0;
    font-size: 16px;
    padding-top: 5px;
}
.diary-title-add {
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.diary-title-add input {
    margin: 0 !important;
    border: none !IMPORTANT;
    height: 30px !important;
    line-height: 30px !IMPORTANT;
}
.diary-title-add input:focus{
    box-shadow: none !important;
}
.diary-title-description textarea{
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    padding: 10px 20px;
    border-radius: 4px;
    height: 150px;
    color: #555;
    font-size: 18px;
    /*max-width: 503px;*/
    min-height: 182px;
    resize:none;
}
.diary-title-description textarea::placeholder{
    color: #555;
    font-size: 18px;
}
.realization-diary {
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.realization-diary .organize-knowledge a {
    width: 100%;
    text-align: center;
}
.content-top-heading h2 {
    margin: 0;
    font-size: 20px;
    text-align: center;
    padding-top: 7px;
    font-weight: 700;
}
.top-bar-heading a.back, .top-bar-heading a.edit {
    margin: 10px 30px;
}
.realization-diary .contact-list li p {
    padding-top: 5px;
    padding-bottom: 8px;
}
.realization-diary .contact-list li {
    padding-left: 20px;
    padding-right: 25px;
}
.realization-diary .new-contact p {
    font-weight: 400;
}
.realization-diary .forward-link a i {
    margin-left: 10px;
}
.developement-diary {
    padding: 20px;
}
.setting-popup {
    padding: 20px;
    background: #fff;
    border: 1px solid #bdbdbd;
}
.setting-popup h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
.setting-popup select {
    background: #EFF0F2;
    border: 1px solid #bdbdbd;
    margin-top: 20px;
    max-width: 210px;
    width: 100%;
}
.developement-diary p {
    font-size: 18px;
}
.calender_search {
    padding: 20px;
}
.calender_search p {
    margin: 0;
    font-size: 18px;
}
.calender_widget {
    background: #fff;
    border: 1px solid #bdbdbd;
    margin-top: 20px;
}
.calender_widget p {
    padding: 20px;
}
.calender_widget span {
    background: #B6B6B7;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
}
.fitness_setiing {
    padding: 20px;
}
.new-contact a i {
    line-height: 15px;
}
.fitness-list ul li {
    background: #FAFAFA;
    border: 1px solid #bdbdbd;
    padding: 20px;
    border-bottom: none;
}
.fitness-list ul li:last-child {
    border-bottom:  1px solid #bdbdbd;
}
.fitness-list ul li p {
    margin: 0;
    font-size: 18px;
}
.fitness-list input {
    margin: 0 !IMPORTANT;
    height: 30px !important;
    line-height: 30px !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 5px !important;
    text-align: center !important;
    color: #333 !important;
}
.fitness-list input:focus {
    box-shadow: none !important;
}
.fitness-list input::placeholder {
    color: #333;
}
.fitness-list select.browser-default {
    height: 30px;
    line-height: 30px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
.fitness-list p {
    margin: 0;
    font-size: 18px;
}
.fitness-list span {
    font-size: 12px;
    padding: 5px;
}
.fitness-list ul {
    margin: 0;
}
.fitness-list em {
    color: red;
    padding-right: 5px;
    font-size: 15px;
    display: inline-block;
    vertical-align: text-top;
}
.diary-progress
{
    top: 137px;
}
.diary-progress .fitness-detail
{
    width: 100%;
    margin: 0;
    max-width: none;
}
.diary-progress .progress-tab button
{
    width: 120px;
}
.diary-chk
{
    float: left;
    padding-top: 16px;
}
.diary-media
{
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-top: 20px;
}
.diary-media ul
{
    margin: 0;
}
.diary-media ul li
{
    padding: 10px;
}
.graph-details
{
    margin: 0 11px;
}
.pop-media
{
    margin: 0;
    line-height: 0;
    padding: 5px 10px;
    float: right;
    margin-top: 5px;
}
.real-txt
{
    font-weight: bold;
}
.real-child
{
    font-size: 12px;
}

.physical-energy
{
    margin-left: 15px;
}
.physical-energy p
{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    position: relative;
}
.physical-energy span
{
    font-size: 12px;

}
.graph-btn
{
    margin-top: 22px;
}
.graph-main
{
    border: 1px solid;
    background: #FAFAFA;
    display: inline-block;
    width: 100%;
}
.graph-main li
{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.graph-main li:last-child
{
    border-bottom: 0;
}
.physical-clr
{
    display: inline-block;
    height: 10px;
    width: 10px;
    position: absolute;
    margin-top: 8px;
}
.block-btn .graph-btn
{
    display: inline-block;
}
.block-btn
{
    float: right;
}
.redish-clr
{
    background-color: #f12c18;
}
.orange-clr
{
    background-color: #ffb400;
}
.bluelight-clr
{
    background-color: #2bc8ef;
}
.magentalight-clr
{
    background-color: #800080;
}
.greendark-clr
{
    background-color: #005202;
}
.magenta-clr
{
    background-color: #800080;
}
.lightblack-clr
{
    background-color: #76728a;
}
.blue-clr
{
    background-color: #6fbaff;
}
.green-clr
{
    background-color: #61b523;
}
.brown-clr
{
    background-color: #ac4500;
}
.pink-clr
{
    background-color: #ff54a0;
}
.graph-hist p
{
    font-weight: bold;
    padding-top: 10px !important;
}
.fit-list ul
{
    margin: 0;
}
.graph-hist span
{
    font-weight: normal;
}
.percnt
{
    float: right;
}
.percnt p
{
    font-size: 18px;
}
.fitness-link a i
{
    line-height: 23px !important;
}
.fit-box
{
    padding-top: 3px;
}
.fit-bold
{
    font-weight: bold;
    font-size: 16px !important;
}
.dev-edit
{
    padding-top: 15px !important;
}
.dev-chk
{
    margin-top: 20px !important;
}

/* General Diary css end here*/

/* Tutorial css start here*/

.tutorial_heading h2 {
    margin-top: 10px;
}
.tutorial_guide {
    background: #fff;
    padding: 40px 20px;
    margin-top: 30px;
    min-height: 500px;
}
.tutorial_guide h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.tutorial_guide p {
    color: #656565;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
}
.tutorial_activation_inner {
    height: auto;
    margin: 0;
}
.tutorial-coach-program h2 {
    color: #000;
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    padding-bottom: 15px;
}
.tutorial-coach-program {
    padding: 20px;
    border-top: 1px solid #bdbdbd;
    margin-top: 20px;
}

.tutroial-main
{
    margin-top: 20px;
}
/* Tutorial css end here*/


/* Purchase History css start here*/


.purchase-history-nav a {
    display: inline-block;
    background: #8E9293;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #7a7777;
}
.history-detail h2 {
    /*margin: 0;*/
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    /*padding-top: 10px;*/
    padding-bottom: 20px;
}
.history-detail tr {
    border-bottom: none;
}
.history-detail tr td{
    padding: 5px;
}
.history-detail table {
    margin-left: 100px;
}
.history-detail a {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
}
/* Purchase History css end here*/



/*Admin Panel css end here*/

/*Messages*/
#message
{
    color: #fff;
}
.msg-del i
{
    position: relative;
    top: 5px;
}
.message-modal {
    bottom: 0;
    right: 20px;
    margin: initial;
    left: auto;
    top: 20% !important;
    max-height: 100%;
    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1)  .2s;
    will-change: transform;
    transform: translate(0, 100%) scale(0.2) !important;
}
.message-modal.open {
    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s .25s;
    /*transition-property: all;*/
    transition-duration: .9s;
    /*transition-timing-function: cubic-bezier(0, 0.3, 0.9, 1);*/
}

.message-modal:not([style*="display: none"]):not([style*="opacity: 0;"]) {
    transform: translate(0, 0%) !important;
}
.modal {
    width: 90%;
    max-width: 550px;
}

.msg-mdl .col.s12
{
    padding: 0;
}

.main-task {
    background-color: #F7F1F4;
    padding: 0 10px;
    border-bottom: 1px solid #e0e0e0;
}

.main-task h5 {
    font-size: 16px;
    color: #666;
    margin-top: 8px;
    margin-bottom: 10px;
    display: inline-block;
}

.main-task a
{
    float: right;
    display: inline-block;
    padding-top: 8px;
    font-size: 12px;
    color: red;
}

.main-head
{
    color: #303030;
    display: block;
    font-size: 20px;
    text-align: center;
    border: 1px solid #bdbdbd;
    margin: 30px 0;
}

.main-head h4 {
    margin: 8px;
    font-size: 24px;
}

.main-con p
{
    color: #303030;
    font-size: 16px;
}

.main-desc
{
    color: #3d7181 !important;
}

.reject, .done, .defer {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px #525252;
    background-color: #ff6353;
    background-image: none;
    border: 1px solid #c63e30;
    box-shadow: inset 0 -2px 0 rgba(176,83,74,.77), inset 0 0 0 1px rgba(255,255,255,.28);
    border-radius: 5px;
}
.reject a, .done a, .defer a {
    padding: 7px 0;
    display: inline-block;
    width: 100%;
}
.help-ico p {
    font-size: 14px;
}
.done
{
    background-color: #2DA07F;
    border: 1px solid #2DA07F;
    box-shadow: inset 0 -2px 0 rgb(45, 160, 127), inset 0 0 0 1px rgba(255,255,255,.28);
}

.defer
{
    background-color: #939393;
    border: 1px solid #939393;
    box-shadow: inset 0 -2px 0 rgb(147, 147, 147), inset 0 0 0 1px rgba(255,255,255,.28);
}

.reject a,
.done a,
.defer a
{
    color: #E8E6E7;
}


.help-ico i {
    padding: 0 10px;
    color: #939393;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}

.fb i
{
    color: #385CAE;
    font-size: 60px;
}

.fb
{
    float: left;
    display: inline-block;
}

.fb span:before
{
    top: 20px;
}

.tw
{
    float: right;
    display: inline-block;
}

.tw i
{
    color: #109DEA;
    font-size: 60px;
}

.pop-drop select
{
    max-width: 100% !important;
}

/*.pop-drop*/
/*{*/
/*display: inline-block;*/
/*margin-right: 40px;*/
/*float: left;*/
/*}*/

/*Messages css end*/

/*Coach Css*/

.coach-inner-heading a.edit-inner,
.coach-inner-heading a.back-inner
{
    color: #072F3C;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 13px;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 0;
    border-radius: 5px;
}

.coach-inner-heading a.edit-inner {
    float: right;
    text-align: center;
}
.btn-people a.edit-inner {
    width: 100%;
}
/*.graph .progress-heading {*/
/*    max-width: 170px;*/
/*}*/
.graph .progress-heading p{
    color: #fff;
}

.coach-inner-heading a.back-inner
{
    float: left;
}

.coach-inner-heading
{
    padding: 0 30px;
    text-align: center;
}

.coach-inner-heading h3 {
    font-size: 22px;
    text-align: center;
    margin: 12px 0;
    font-weight: 600;
    color: #000;
}

.add-coach
{
    margin: 0px 0 10px;
}

.add-coach h3
{
    background-color: #3E7282;
    border-radius: 15px;
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 15px 7px;
    color: #D1EDF5;
    font-size: 18px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coach-prog
{
    border: 1px solid #BDBDBD;
    background-color: #FAFAFA;
    padding: 20px;
    /*border: 1px solid #BDBDBD;*/
}

.coach-prog .row
{
    margin: 0;
}

.coach-inner-prog
{
    padding: 0 30px 30px;
    display: inline-block;
    width: 100%;
}

.coach-prog input[type=text]
{
    border: 1px solid #ACB1B8;
    /*background-color: #EAECEE;*/
    border-radius: 5px;
    /*padding-left: 10px;*/
}

.image-file
{
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    background-color: #CCD9DF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 0 12px;
    display: inline-block;
    border-radius: 5px;
    padding-top: 6px;
}

.img-file
{
    padding-top: 40px;
    float: right;
}

input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly])
{
    border-bottom: 1px solid #ACB1B8;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.copy-link,
.del-link,
.edit-link,
.save-link,
.prev-link
{
    display: inline-block;
}

.edit-fields
{
    float: left;
    padding-top: 11px;
    padding-right: 20px;
}

.help-out i
{
    color: #199772 !important;
    font-size: 30px !important;
    padding-top: 8px;
}

.drag-img
{
    padding: 20px 5px 0 0;
    float: left;
}

.task-edits
{
    padding: 28px 5px 0 0;
}

.task-fields
{
    padding-top: 20px;
}

.main-edit
{
    padding-top: 20px !important;
}

.main-drag
{
    padding-top: 22px !important;
}

.diary-arrow a i
{
    margin-top: 15px;
}


.edit-diary
{
    padding-top: 20px !important;
}

.drag-diary
{
    padding-top: 25px !important;
}

/*percentage-bar css starts*/



.c100.small {
    font-size: 60px !important;
    margin: 0;
}

.c100 > span
{
    color: #000 !important;
    font-weight: bold;
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill
{
    border: 0.08em solid #082F3C !important;
}
/*percentage-bar css ends*/

/**/

/*Coach-swat-inner*/

.program-desc
{
    height: 300px;
}
.prog-close{
    display: none;
}
.prog-close img
{
    position: absolute;
    right: 5px;
    top: 4px;
}

.progress-close img
{
    top: 211px !important;
    right: 12px;
}

.progress-cl img
{
    top: 110px !important;
}

.contact-detail-progress img
{
    top: 210px !important;
}


.prog-descr p
{
    padding: 0 20px;
    text-align: left !important;
}

.swat-banner
{
    text-align: center;
    position: relative;
    margin-top: 10px;
    max-height: 110px;
    overflow: hidden;
}
.swat-banner img {
    width: 100%;
    min-height: 100px;
}
.swat-banner-detail {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.banner-outer,
.coach-manage-inner
{
    padding: 30px;
    display: inline-block;
    width: 100%;
}

.challenge-icons
{
    padding-top: 20px;
}

.swat-banner p
{
    color: #fff;
    display: block;
    font-size: 14px;
    padding-bottom: 20px;
    text-shadow: -1px 1px 2px #4A4949, 1px 1px 2px #4A4949, 1px -1px 0 #4A4949, -1px -1px 0 #4A4949;
    font-weight: bold;
    /*text-shadow: 2px -2px 0 #4A4949;*/

    /*text-shadow: -1px -1px #4A4949, 1px -1px #4A4949, -1px 1px #4A4949, 1px -1px #4A4949;*/

    /*-webkit-text-fill-color: white;*/
    /*-moz-text-stroke-color: black;*/
    /*-webkit-text-stroke-color: #413F3F;*/
    /*-moz-text-stroke-width: 2px;*/
    /*-webkit-text-stroke-width: .5px;*/
    /*text-shadow: 0.5px -0.2px 0 #413F3F;*/
    /*letter-spacing: -1px;*/

}

.swat-banner h5
{
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    /*text-shadow: 0 0;*/
    padding-top: 20px;
    font-weight: bold;
    text-shadow: -1px 1px 2px #4A4949, 1px 1px 2px #4A4949, 1px -1px 0 #4A4949, -1px -1px 0 #4A4949;
    /*-webkit-text-stroke: 0.5px white;*/
    /*text-shadow:*/
    /*        3px 3px 0 #000,*/
    /*        -1px -1px 0 #000,*/
    /*        1px -1px 0 #000,*/
    /*        -1px  1px 0 #000,*/
    /*        1px  1px 0 #000;*/

    /*text-shadow: -2px -1px #4A4949, 1px -2px #4A4949, 2px 2px #4A4949, 2px -1px #4A4949;*/
    /*text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);*/
    /*text-shadow: 2px -2px 0 #413F3F;*/
    /*-moz-text-fill-color: white;*/
    /*-webkit-text-fill-color: white;*/
    /*-moz-text-stroke-color: black;*/
    /*-webkit-text-stroke-color: #413F3F;*/
    /*-moz-text-stroke-width: 2px;*/
    /*-webkit-text-stroke-width: 1px;*/
    /*text-shadow: 1px -0.9px 0 #413F3F;*/
    /*letter-spacing: -1px;*/

    @media screen and (min-width: 1280px)  {
        font-size: 18px;
    }

}


.swat-banner span
{
    font-weight: bold;
}

.start-prog img, h3
{
    display: inline-block;
}

.start-prog h3,
.pending-head h3
{
    color: #000000;
    font-size: 18px;
    /*padding-bottom: 12px;*/
    padding-left: 10px;
    /*padding-top: 1px;*/
    margin-bottom: 12px;
    margin-top: 10px;
}

.start-prog img
{
    position: relative;
    top: 3px;
}

.pop img
{
    top: 7px;
}

.start-drop select
{
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    background-color: #EFF0F2;
    width: 100%;
    max-width: 230px;
    border-radius: 4px;
    border: solid 1px #ACB1B5;
    margin: 10px 0;
}

.start-drop select option {
    color: #8A8B8B;
}

start-drop .select-opt-black
{
    color: #000 !important;
}

.banner-outer .graph
{
    background-color: #FAFAFA;
    border: 1px solid #BDBDBD;
    margin-bottom: 10px;
    /*padding: 17px;*/
}

.coach-in
{
    text-align: center;
}

.coach-task
{
    margin-top: 0;
    margin-bottom: 25px;
    float: left;
}

.start-prog
{
    margin: 10px 0;
}

.chkbox
{
    float: right;
}

.chkbox a i
{
    margin-left: 0;
}

.coach-manage-bars
{
    margin-top: 10px;
}

.coach-manage-inner .collapsible
{
    background: #FAFAFA;
}

.collapsible-header
{
    background-color: #FAFAFA;
}

.coach-manage-inner .collapsible .new-contact
{
    border: 0;
    border-bottom: 0;
}

.coach-manage-inner .collapsible-body .diary-title-add
{
    margin-top: 0;
}

.coach-manage-inner .collapsible-body
{
    padding-top: 0;
    background: #FAFAFA;
}

.coach-manage-inner .collapsible-body .fitness-detail ul li a
{
    padding: 5px 0;
    margin-top: 0;
}

.task-inner h3 {
    color: #333333;
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 0;
    text-shadow: 1px 1px #FFFFFF;
}
.add-general-diary .collapse-prof {
    margin-top: 20px;
}
ul.colaps li{
    border: 1px solid #BDBDBD;
}
.save-step{
    text-align: center;
}
.save-btn {
    background: #0F936D;
    border: 1px solid #307E67;
    box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
    color: #fff;
    padding: 5px 15px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px;
    display: inline-block;
}
.colaps.collapsible-body
{
    background: #fff;
}
.collapsible {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.coach-add .green-on {
    background-color: #CCD9DF;
    color: #072F3C;
    border: 1px solid #5B818E;
    padding: 5px 9px 4px 12px;
    line-height: 0;
}
.diary-title-add input::placeholder {
    color: #666;
}

.coach-add .default-card
{
    margin: 0;
}

.coach-modal
{
    margin-bottom: 0;
    border-bottom: 1px solid #BDBDBD;
}

.coach-modal .green-on
{
    padding: 8px 10px;
}

.msg-mdl
{
    margin: 30px 0;
}

.coach-modal .green-on img
{
    float: left;
}

.coach-modal p
{
    font-weight: 700;
}

.modal-bt ul li
{
    margin-top: 50px;
}
.coach-task-history input
{
    border: none !important;
}

.coach-task-history input[type=text]
{
    margin: 0;
}

.coach-task-history
{
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.coach-his p
{
    text-align: center;
    float: none;
}

.coach-task-his
{
    padding: 30px;
}

.task-report li
{
    float: none !important;
    padding: 14px 30px;
}

.task-report li p
{
    padding-top: 0;
}

.task-report li a i
{
    margin-top: 0;
}

.task-report li span
{
    float: left;
}

.date-pick
{
    padding-top: 5px !important;
}

.never
{
    margin-top: 15px;
}
.repeat-listing ul li {
    background: #fff;
    padding: 20px;
}
.repeat-listing p{
    margin: 0;
    color: #333333;
    font-size: 15px;
}
.repeat-listing .never {
    margin-top: 0;
}
.repeat-listing .never span {
    color: #696969;
    font-size: 14px;
}
.repeat-listing .forward-link {
    float: right;
}
.repeat-listing .forward-link a i {
    line-height: 23px;
    margin-top: 0;
}
.repeat-listing ul li {
    background: #FAFAFA;
    padding: 20px;
    border: 1px solid #BDBDBD;
    border-bottom: none;
}
.repeat-listing ul li:last-child {
    border-bottom: 1px solid #BDBDBD;
}
.repeat-coach-heading {
    color: #333333;
    font-size: 18px;
    text-shadow: 1px 1px #FFFFFF;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 20px;
}
.repeat-coach-tabs ul.tabs {
    background: transparent;
}

.repeat-coach-tabs .tabs .tab a:hover, .repeat-coach-tabs .tabs .tab a.active {
    background-color: #DADADA;
    color: #3E7282;
    border: 1px solid #A1A6AC;
    border-radius: 5px;
}
.repeat-coach-tabs .tabs .tab a:hover{
    text-decoration: underline;
}
.repeat-coach-tabs ul li a {
    color: #3E7282 !IMPORTANT;
    font-size: 15px !IMPORTANT;
    font-weight: bold;
    padding: 0 15px !important;
    text-transform: none;
    border: 1px solid transparent;
    line-height: 24px;
}
.repeat-coach-tabs .indicator {
    display: none;
}
.repeat-coach-tabs ul li {
    display: inline-block;
    margin-right: 12px !IMPORTANT;
    margin-left: 12px !IMPORTANT;
    line-height: 30px !important;
    height: 30px !important;
}
.repeat-coach-tabs ul li:first-child {
    margin-left: 0 !IMPORTANT;
}
.repeat-list-inner ul li {
    float: left;
    width: 100%;
    background: #FAFAFA;
    padding: 20px;
    border: 1px solid #BDBDBD;
    border-bottom: none;
}
.repeat-list-inner ul li:last-child {
    border-bottom: 1px solid #bdbdbd;
}
.coach-tab-inner-main {
    display: inline-block;
    width: 100%;
}
.repeat-list-inner p {
    margin: 0;
}
.repeat-list-inner ul {
    margin: 0;
}
.checkbox-repeat-tab span{
    height: 20px !important;
    line-height: 20px !important;
}
.disable-repeat-text p {
    color: #B3B3B3;
}
.default-card span.right {
    margin-top: 15px;
}
.repeat-list-card {
    margin-bottom: 10px;
    margin-top: 0;
}
.repeat-list-inner {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.repeat-interval-select select.browser-default {
    margin: 0;
    width: 100%;
}
.repeat-interval p{
    margin: 0;
}
.repeat-interval{
    padding: 20px;
    background: #FAFAFA;
    border: 1px solid #BDBDBD;
    margin-bottom: 20px;
}
.rpeat-height
{
    max-height: 355px;
    overflow: hidden auto;
    position: relative;
}
.repeat-days-name {
    padding-bottom: 20px;
}
.repeat-days-name label {
    color: #000;
}
.execute-task-content {
    background: #FAFAFA;
    border: 1px solid #bfbfbf;
    padding: 40px 20px 0 20px;
}
.execute-select select {
    background: #FAFAFA;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.execute-task-content p {
    margin-top: 10px;
}
.date-picker input.datepicker {
    margin: 0;
    border: 1px solid #ACB1B8 !important;
    padding: 10px !IMPORTANT;
    box-sizing: border-box !important;
    border-radius: 5px !IMPORTANT;
    background: #EFEFEF !IMPORTANT;
}
.date-picker input::placeholder {
    color: #000;
}
.repeat-picker-content {
    padding-top: 20px;
}


/*coach professional pro css*/
.default-card .no-job.center {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.coach-his p
{
    width: 100%;
}

.edit-drop select
{
    background-color: #EFF0F2;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}

.edit-sessions
{
    padding: 60px 20px;
}

.edit-task p
{
    margin-top: 10px;
}

.edit-task
{
    padding-bottom: 40px;
}

.profes-view p
{
    color: #333333;
    font-weight: 700;
}

.contacts-area .collapsible {
    background: #FAFAFA;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contacts-area .collapsible .new-contact {
    border: 0;
    border-bottom: 0;
}

.contacts-area .collapsible li
{
    border: 1px solid #BDBDBD;
}

.contacts-area .collapsible-body
{
    padding: 0 2rem;
}

.contacts-area .diary-title-add
{
    margin-top: 0;
}

.contacts-area .diary-title-add input
{
    height: 20px !important;
}

input[type=text],
textarea
{
    color: #555555;
}

.collapse-prof
{
    margin-top: 40px;
}

.prof-bt
{
    margin: 0;
    margin-bottom: 30px;
}

/*coach professional pro css end*/

.category-save ul li a
{
    padding: 5px 30px !important;
}

.category-save ul li
{
    border: none !important;
}
/*.main-title*/
/*{*/
/*padding-top: 15px;*/
/*}*/
.unmark
{
    color: #B3B3B3 !important;
}
/*Contacts*/

.contact-grp
{
    background-color: #ccc;
    padding: 10px 17px;
    border-radius: 40px;
}

.create-group-inner
{
    padding: 20px;
}

.create-grp
{
    padding: 0 30px;
}

.add-contact-inner
{
    padding: 27px;
}

.contact-profile img
{
    background-color: #FFFFFF;
    border: 1px solid #9C9C9C;
    border-radius: 5px;
    display: inline-block;
    /* height: 220px;*/
    margin: 0 0 20px 0;
    padding: 10px;
    width: 220px;
}
.contact-profile input[type="button"] {
    display: block;
    background: #0F936D;
    border: 1px solid #307E67;
    box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.profile-inner
{
    background-color: #C3C3C3;
    height: 100%;
}

.add-con-head h3
{
    font-size: 20px;
    font-weight: 450;
    margin-top: 0;
}

.new-cont-bt
{
    max-width: none;
    margin: 0;
    margin-bottom: 40px;
}

.contact-form input[type=text], .contact-form input[type=email],
.contact-form input[type=password]
{
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    padding: 0 20px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.contact-form .select-dropdown {
    background: transparent !IMPORTANT;
    border: none !important;
    padding: 0 !important;
    margin: 0 !IMPORTANT;
}

.contact-form textarea
{
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    border-radius: 4px;
    height: 7rem;
    margin-top: 20px;
    padding: 15px 20px;
    resize: none;
}

.contact-form .input-field
{
    margin: 0;
}

.contact-form label
{
    color: #292c27;
    display: block;
    font-size: 25px;
    font-weight: 500;
}

.contact-business h5
{
    color: #000000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
    /*margin: 0 0 20px 0;*/
}

.add-contact-inner .start-drop
{
    margin-bottom: 25px;
}

.add-contact-inner .start-drop select
{
    margin: 0;
}

.contact-inner-head
{
    border-right: 1px solid #ACB1B8;
    padding-top: 0;
}
.contact-inner-no p
{
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.contact-inner-head h3,
.contact-inner-no p
{
    color: #000000;
    font-weight: 600;
}

.mail-icons ul li
{
    display: inline-block;
    padding: 0 30px 0 0;
    text-align: center;
}

.mail-icons ul li a span
{
    color: #000;
    font-size: 12px;
}

.mail-icons ul
{
    margin-top: 0;
    margin-bottom: 30px;
}

.contact-inner-add a
{
    top: 0;
}

.contact-note
{
    background: #fff;
    border: 1px solid #bdbdbd;
    /*padding: 20px 20px 50px;*/
    padding: 20px;
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.contact-note p
{
    margin-top: 0;
}

.contacts-print
{
    background: none !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/*.invite*/
/*{*/
/*background-color: #12758C;*/
/*}*/

/*Admin panel footer CSS start here*/

.admin-footer {
    background: #158EA8;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top:  0;
    float: left;
    width: 100%;
    /*position: relative;*/
    /*bottom: 0;*/
}
.social-footer ul li {
    display: inline-block;
}
.social-footer ul, .footer-nav ul {
    margin: 0;
}
.footer-nav ul li {
    display: inline-block;
    margin-right: 24px;
}
.footer-nav ul li a{
    color: #fff;
}
.footer-copyright-text p {
    font-size: 14px;
    color: #abd5e0;
    margin: 0;
    padding-top: 12px;
    text-align: right;
}
.footer-nav {
    margin-top: 11px;
}

.foot .row
{
    margin: 0;
}

/*Blog css*/

.post-block
{
    border-bottom: 2px solid #f1f1f1 ;
}

.post-block h5
{
    color: #0000ee;
}

.post-block span
{
    color: #999999;
}

.read-post
{
    border: 1px solid #25afd2;
    padding: 10px;
    color: #25afd2;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
}


/*Admin panel footer CSS end here*/

.contact-group-csv a {
    width: 100%;
    margin-bottom: 0 !important;
}


/*Calender Css Start here */
.calendar-main .tabs .tab a {
    background: #90C6FF;
    color: #fff;
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
    border-right: 1px solid #fff;
}
.calendar-main .tabs li:nth-child(3) a {
    border-right: none;
}
.calendar-main .tabs .tab a:focus, .calendar-main .tabs .tab a:focus.active, .calendar-main .tabs .tab a.active {
    background-color: #70B2FE;
}
.calendar-main .tabs .indicator{
    display: none;
}

.calendar-day-date-bar p {
    color: #2B2B2B;
    font-size: 18px;
    margin: 12px 30px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.calendar-week-date-bar p {
    color: #2B2B2B;
    font-size: 18px;
    margin: 12px 30px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.calendar-month-date-bar p {
    color: #2B2B2B;
    font-size: 18px;
    margin: 12px 30px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.calendar-icon-nav {
    position: relative;
    bottom: 11px;
}

.date-nav {
    background: #F1FAFF;
    padding: 3px 25px;
}
.fitness-graph .date-nav {
    background: #EEEEEE;
    padding: 3px 25px;
}
.fitness-graph .date-nav-icon i {
    color: #A6A7A9;
}
.date-nav-icon i {
    color: #11AAD4;
    font-size: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
}
.date-center p {
    color: #11AAD4;
    font-size: 20px;
    margin: 0;
    padding-top: 8px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-weight: 400;
}
.calender-day {
    width: 150px;
    font-weight: bold;
    color: #454545;
    background: #F1FAFF !important;
    border-left: 1px solid #E3E9F4;
    text-align: center;
    border-right: 1px solid #E3E9F4;
    padding: 10px 0 10px 0 !important;
}
.date-table th.calender-day-heading {
    background: #8495FD;
    width: 100px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 6px 0;
    text-align: center;
}
.date-table td {
    padding: 0 0 10px 0;
    /*background: #fff;*/
    background: unset;
    position: relative;
}
.calender-line
{
    height: 500px;
    z-index: 999999;
    position: absolute;
    border-radius: 5px;
}
.line-table{
    position: relative;
}
.date-table tr.padding-0 {
    border: none;
}
.date-table tr.padding-0 td{
    padding: 0 !important;
}
.line-red{
    position: absolute;
    top: 40px;
    left: 140px;
    width: 12px;
    /*border-radius: 10px;*/
    height: 100px;
    background: red;
    z-index: 9;
}
.line-blue{
    position: absolute;
    top: 40px;
    left: 170px;
    width: 12px;
    border-radius: 10px;
    height: 200px;
    background: blue;
}
.line-yellow{
    position: absolute;
    top: 40px;
    left: 200px;
    width: 12px;
    border-radius: 10px;
    height: 400px;
    background: yellow;
}
/*.red*/
/*{*/
/*margin: 20px;*/
/*}*/
.blue
{
    border-left: 10px solid blue;
    margin: 20px 80px;
}
.yellow
{
    border-left: 10px solid yellow;
    margin: 20px 130px;
}
.date-table th {
    background: #fff;
    padding: 0 0 20px 0;
}
.week-calendar  td {
    border-right: 1px solid #ccc;
}
.week-calendar td table td {
    border-right: none;
}
.week-calendar .calender-week-heading {
    text-align: center;
    color: #fff;
    background: #8495FD;
    border-right: 1px solid #E3E9F4;
    padding: 5px 0;
    width: 90px;
    font-weight: 700;
}
.fitness-graph .tabs .tab a {
    background: #A6A7A9;
    color: #fff;
    font-size: 20px;
    text-transform: none;
    font-weight: 500;
    border-right: 1px solid #fff;
}
.calendar-main .tabs li:nth-child(3) a,
.fitness-graph .tabs li:nth-child(3) a {
    border-right: none;
}
.week-calendar .calender-week-heading span{
    display: block;
}
.week-calendar .calender-week-heading-blank {
    background: #9AD9EA;
}
.date-table tr {
    border-bottom: 1px solid #ccc;
}
.fitness-graph .tabs .tab a:focus, .fitness-graph .tabs .tab a:focus.active, .fitness-graph .tabs .tab a.active {
    background-color: #fff;
    color: #323232;
}
.calendar-main .tabs .indicator,
.fitness-graph .tabs .indicator{
    display: none;
}
/*.fitness-graph*/
/*{*/
/*    margin: 0 10px;*/
/*}*/
.graph-det
{
    margin: 0 !important;
}
.month-table th {
    text-align: center;
    background: #8495FD;
    color: #fff;
    border-right: 1px solid #E3E9F4;
    width: 100px;
    border-radius: 0;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
}
.month-table th:last-child {
    border-right: none;
}
.month-table tbody tr td {
    padding: 0;
    border: 1px solid #E3E9F4;
    background: #F8F8F8;
    height: 100px;
    vertical-align: top;
}
.month-table tbody tr td a {
    font-size: 20px;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
}
.date-table {
    /* max-height: 425px;
     overflow-x: hidden;
     overflow-y: auto;*/
    position: relative;
    overflow: hidden;
    background: #fff;
}

.dots
{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
    margin-left: 1px;
}

.dot-red
{
    background-color: red;
}

.dot-blue
{
    background-color: #11AAD4;
}

.dot-yellow
{
    background-color: yellow;
}


/*Calender Css End here */

.add-cart-main {
    margin-top: 130px;
}
.cart-address {
    border: 1px solid #ccc;
    padding: 30px 40px;
    margin-bottom: 50px;
}
.cart-address-image img {
    border-radius: 10px;
    width: 100%;
}
.cart-address-text ul {
    margin: 0;
}
.cart-address-text ul li{
    color: #666;
}
.cart-address-text {
    border-left: 1px solid #ccc;
    padding-left: 420px;
}
.payment-cart h2 {
    margin: 0;
    font-size: 19px;
    color: #616163;
    font-weight: bold;
}
.payment-cart p{
    margin: 0;
    font-size: 13px;
    color: #616163;
    padding: 0 0 10px;
}
.payment-inner {
    border: 1px solid #ccc;
}
.payment-order-list {
    padding: 20px;
}
.payment-order-list ul{
    margin: 0;
}
.payment-order-list ul li {
    font-size: 18px;
    padding-bottom: 6px;
}
.cart-product-heading {
    background: #C2C2C3;
    padding: 30px 20px;
    display: inline-block;
    width: 100%;
}
.product-title h3 {
    margin: 0;
    font-size: 18px;
    color: #fff;
}
.product-desc h3 {
    margin: 0;
    font-size: 16px;
    color: #666;
    padding-top: 15px;
}
.cart-product-listing {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}
.total .product-desc h3 {
    font-weight: bold;
    font-size: 20px;
}
.total .product-desc.center h3 {
    color: #417283;
}
.cart-product-listing.total {
    border-bottom: none;
    padding-bottom: 40px;
}
.payment-cart {
    margin-bottom: 70px;
}
h2.cart-heading {
    margin: 0;
    font-size: 19px;
    color: #616163;
    font-weight: bold;
}
.cart-account-box p {
    margin: 0;
}
.cart-account-box ul {
    margin: 0;
}
.cart-account-box {
    border: 1px solid #ccc;
    margin-top: 10px;
}
.cart-account-box ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
}
.cart-account-box ul li:last-child {
    border-bottom: none;
}
.cart-account {
    margin-bottom: 70px;
}
.cart-billing-box {
    border: 1px solid #ccc;
    padding: 30px;
    margin-top: 10px;
}
.biling-custom-fields label {
    display: inline-block;
    font-size: 18px;
    color: #666;
    width: 100px;
}
.biling-custom-fields input, .biling-custom-fields select {
    display: inline-block;
    margin: 0 0 0 20px !important;
    width: 60% !important;
    border: 1px solid #ACB1B8!important;
    border-radius: 5px !important;
    background: #EAECEE !IMPORTANT;
    padding: 0 10px !IMPORTANT;
    box-sizing: border-box !IMPORTANT;
}

.biling-custom-fields {
    margin-bottom: 10px;
}
.cart-billing {
    margin-bottom: 70px;
}
.cart-payment-method-box {
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 30px;
    margin-top: 10px;
}
.cart-payment-method-box ul{
    margin: 0;
    padding-top: 20px;
}
.cart-payment-method-box ul li{
    display: inline-block;
    margin-right: 20px;
}
.continue-to-pay {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding-top: 80px;
    padding-bottom: 100px;
}
.cart-save input,
.cart-save
{
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #159670;
    border: none;
   /* padding: 11px;*/
    font-size: 22px;
    border-radius: 5px;
}
.cart-save a
{
    color: #fff;
    padding: 11px;
    display: inline-block;
    width: 100%;
}
.cart-cancel a {
    background: #9A9A9B;
    display: inline-block;
    width: 100%;
    text-align: center;
    border: none;
    padding: 11px;
    font-size: 22px;
    color: #fff;
    border-radius: 5px;
}

.main-block-pro-license
{
    padding: 90px 0;
    display: inline-block;
}

.payment-methods ul li
{
    display: inline-block;
}

.cart-payment-method
{
    padding-top: 40px;
    /*text-align: center;*/
}

.professional-liscense
{
    border-right: 1px solid;
    padding-right: 20px;
    padding-bottom: 70px;
}

.professional-liscense ul li i
{
    color: rgb(40,167,113);
    font-size: 20px;
}

.professional-liscense ul li,
.review-detail ul li
{
    margin-bottom: 10px;
}

.subtotal
{
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 10px 0;
}

.order-total .row
{
    margin: 0;
}

.order-total
{
    padding: 10px 0;
}

.order-total .col.s4
{
    padding: 0;
}

.euro
{
    float: right;
}

.subtotal .row
{
    margin-bottom: 0;
}

.complete-purchase a
{
    padding: 5px;
    color: #fff;
}

.payment-detials
{
    padding-left: 30px;
}

.gratitude
{
    margin-bottom: 0;
}

.professional-liscense h4
{
    font-weight: bold;
    font-size: 25px;
}

.purchase-terms a
{
    color: #1572e5;
}

.expiry-status.teal.lighten-2
{
    background-color: #168FA9 !important;
    font-weight: bold;
    color: #fff;
}

/* Cart Css end here */

/* Gift Css start here */

.active-gift-listing p {
    margin: 0;
    color: #000;
    font-weight: 700;
}
.query-cont p
{
    font-weight: normal !important;
}
.active-gift-listing ul li {
    background: #fafafa;
    border: 1px solid #bfbfbf;
    padding: 20px 30px;
    border-bottom: none;
}
.active-gift-listing ul li:last-child {
    border-bottom: 1px solid #bfbfbf;
}
.move-to-next i {
    font-size: 40px;
    line-height: 25px;
    color: #555;
}
.move-to-next {
    line-height: 25px;
    height: 25px;
}
.active-gift-listing .number-list {
    background: #999999;
    height: 20px;
    width: auto;
    padding: 0 6px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}
/* Gift Css end here */

/*coach pro program css start*/

.start-prog span
{
    border: 2px solid #199772;
    border-radius: 15px;
    color: #199772;
    font-size: 16px;
    font-weight: bold;
    margin-left: 11px;
    min-width: 10px;
    padding: 0 7px 0;
    text-align: center;
}

.start-drop select
{
    max-width: 165px;
}

.prog-bar
{
    /*padding: 0 20px;*/
}

.pro-cstm-bar .fitness-detail
{
    margin: 0;
    max-width: none;
}

.pro-cstm-bar .quick-btns.clearfix
{
    background-color: transparent;
    border-bottom: none;
    height: 0;
}

.btn-people a.edit-inner
{
    margin-bottom: 25px;
}

.pro-cstm-bar .btn-people img
{
    padding-right: 10px;
}

.bell-task
{
    border-bottom: 2px solid #BDBDBD;
    padding-bottom: 15px;
}
.digital-dropdown select{
    width: 150px;
    float: right;
    background: #EAECEE;
    border: 1px solid #ACB1B8;
    border-radius: 5px;
}
.digital-dropdown select:focus{
    border: 1px solid #ACB1B8;
    border-radius: 5px;
    outline: none;
}
.default-card .repeat-icon {
    background: #CCD9DF;
    padding: 0 10px;
    margin-top: 6px;
    border-radius: 5px;
    border: 1px solid #5B818E;
}
.percentage-add h2 {
    margin-top: 20px;
    font-size: 17px;
    margin-bottom: 20px;
    font-weight: 500;
}
.add-box-listing {
    background: #FAFAFA;
    display: inline-block;
    width: 100%;
    padding: 5px 20px;
    border: 1px solid #BDBDBD;
}
.percentage-add-box ul li p {
    margin: 0;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
}
.digital-dropdown{
    float: right;
}
.add-box-listing ul li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 10px;
    padding-top: 10px;
}
.add-box-listing ul li:last-child {
    border-bottom: none;
}
.percentage-list span {
    color: gray;
    padding-left: 5px;
}
.popup-coment {
    margin-top: 20px;
}
.manage-bars
{
    margin-bottom: 0!important;
}
.manage-chk p
{
    padding-top: 16px !important;
}
/*.confirm-modal-message*/
/*{*/
/*overflow-y: inherit !important;*/
/*}*/
/*.confirm-modal-message .confirm-head*/
/*{*/
/*margin: 5px 15px !important;*/
/*}*/
/*coach pro program css ends*/

/*coach professional pro-task start*/

.share-prog p
{
    font-weight: normal !important;
}

.share-txt
{
    float: right;
    color: #696969;
}

.contacts-area .organize-knowledge a
{
    margin-top: 0;
}

.pro-collapse
{
    border: 1px solid #BDBDBD;
}

#practical ul li,
#emotional ,
#mental
{
    /*border: 1px solid #BDBDBD;*/
    /*padding: 0 20px;*/
}

.pro-new-task
{
    display: inline-block;
    width: 100%;
}

.pro-new-task p
{
    font-weight: 700 !important;
}

.pro-tab-widget .diary-tabs ul
{
    padding-top: 10px;
    margin-bottom: 0;
}

.pro-tab-widget .diary-tabs .tabs .tab a
{
    /*padding-top: 7px;*/
}

.pro-tab-widget .diary-tabs .tabs .tab a.active
{
    color: #4b5c61;
}

.diary-tabs .tabs .tab a:hover, .diary-tabs .tabs .tab a.active, .diary-tabs .tabs .tab a.active
{
    background-color: #e1e1e1;
    border: 2px solid #8E9293;
}


.my_tabs a
{
    font-weight: bold;
}

.pro-tab-widget .tabs
{
    height: 60px;
}

.pro-tab-widget .diary-tabs
{
    margin-top: 10px;
}

.tab-head
{
    padding-top: 20px;
    font-weight: inherit !important;
}

.pro-icon
{
    padding-top: 30px;
}
.exe-time
{
    padding-top: 10px;
}
.no-task
{
    margin: 10px 0;
    padding: 20px;
    font-weight: normal !important;
}

.pro-add-task ul li
{
    padding: 10px 30px !important;
}

.pro-add-task li a
{
    float: right;
}

.pro-add-task .start-drop select
{
    margin: 0 !important;
    float: right;
}

.pro-add-task span
{
    width: 100%;
    margin: 15px 0;
    color: #000;
    font-weight: 700;
}

.pro-add-task label
{
    /*padding: 30px 0px;*/
}

.digital-frnd
{
    margin: 30px 0;
}

.digital-frnd label
{
    color: #000;
}
.pro-task-tab ul
{
    margin: 0;
}
.pro-task-tab-bot
{
    margin-bottom: 20px;
}
.task-title
{
    padding-top: 7px !important;
    font-weight: normal;
    text-overflow: ellipsis;
    width: 440px;
    overflow: hidden;
}
.success-title
{
    font-weight: normal;
}
/*.task-edits*/
/*{*/
/*padding-top: 10px !important;*/
/*}*/

.task-forwd i
{
    padding-top: 8px;
}
.active-back
{
    background-color: #fff;
    padding: 20px;
}
.active-drop
{
    margin-top: 30px;
}
.forwd-ico i
{
    margin-left: 15px !important;
    padding-top: 10px;
}
.execute-title
{
    padding-top: 10px !important;
}
.tab-list li
{
    padding: 5px 10px !important;
}

/*coach professional pro-task end*/

/*Pending tasks starts here*/

.pending-list a
{
    float: right;
}

.pending-list a i
{
    font-size: 40px;
    margin-left: 30px;
    color: #555;
    margin-top: 5px;
}

/*Pending tasks ends here*/

/*Queries css start*/

.no-queries {
    text-align: center;
    border: 1px solid #BDBDBD;
    background: #fafafa;
    padding: 20px;
}
.no-queries p{
    margin: 0;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.outgoing-queries .new-contact p{
    font-weight: 400;
}
.outgoing-queries .new-contact{
    margin-bottom: 5px;
}
.outgoing-queries .query-card{
    margin-top: 0;
    margin-bottom: 5px;
}
.query-image a {
    background: #CCD9DF;
    border: 1px solid #5B818E;
    border-radius: 5px;
    padding: 3px 15px;
    margin-top: 5px;
    color: #696969;
}
.query-image .row
{
    margin: 0;
}
.query-image
{
    padding: 9px 10px;
    margin-top: 10px !important;
}
.queries-groups
{
    padding: 0 30px;
    margin-bottom: 35px;
}

.rec-survey
{
    padding: 10px 30px;
}
.survey-date
{
    padding-left: 10px;
}
.que-mark i
{
    color: #199772 !important;
    position: relative;
    top: 6px;
}
.que-mark h3
{
    margin-top: 20px
}
.que-mark-icon{
    position: relative;
    bottom: 21px;
}
.mark-scnd i
{
    top: 7px;
    font-size: 30px !important;
}
.circle-prog
{
    float: right;
}
.que-score
{
    font-weight: bold;
}
.que-drop select
{
    border: 1px solid #38977C !important;
    color: #38977C;
    max-width: none;
    margin: 5px 0;
}
.que-drop-red select
{
    border: 1px solid red !important;
    color: red;
    max-width: none;
    margin: 5px 0;
}
.que-save
{
    text-align: center;
    margin-top: 20px;
}
.query-save,
.que-send
{
    padding: 10px 15px;
    border-radius: 5px;
}
.que-send
{
    background-color: #2da07f;
    color: #fff;
}
.query-save
{
    background-color: gray;
    color: #fff;
}
.que-head
{
    padding-top: 5px;
}
.que-arrow a i
{
    margin-top: 0;
}
.feed-person b
{
    font-size: 20px;
}
.feedback-save a
{
    margin-top: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    font-size: 18px;
}
.feed-head h3
{
    margin: 0;
}
.feed-person h3,
.start-prog h3
{
    text-shadow: 1px 1px #FFFFFF;
}
.feedback-survey
{
    border: 1px solid #fd958b;
    color: #fd958b;
    float: right;
    background-color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    margin-top: 10px;
}
.feedback-personal
{
    float: right;
    background-color: #3E7282;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 10px;
    width: 70px;
    text-align: center;
}
.feedback-float ul li span
{
    float: none;
}
.feed-addition h3
{
    margin-top: 30px;
}
.feedback-icon img
{
    width: 20px;
}
.query-count
{
    margin-left: 60px !important;
    color: red;
    font-weight: bold;
    font-size: 20px;
}
.query-list ul
{
    margin: 0;
}
.que-edits
{
    padding-top: 16px;
}
.que-edits .drag-img
{
    padding: 20px 5px 0 0;
}
.que-banner
{
    padding: 0 31px 0 !important;
}
/*Queries css end*/

/*Digital Friend css starts*/

.friend-chk
{
    margin-top: 22px !important;
}

/*Digital Friend css ends*/


/*Challenge css start*/

.challenge-contact p
{
    font-weight: normal;
}

.challenge-new
{
    margin-top: 30px;
}

/*Challenge css ends*/


/*Versions css start*/

.version-heading h2 {
    margin: 0;
    color: #55adc6;
    font-size: 27px;
    margin-left: 20px;
}
.version-heading {
    padding-top: 110px;
    padding-bottom: 40px;
}
.version-widget {
    border: 1px solid #cce5ec;
    padding: 20px;
    border-radius: 5px;
    background: #fbfcfd;
    margin-bottom: 40px;
}
.version-detail h2 {
    margin: 0;
    font-size: 18px;
    color: #158ea8;
    padding-bottom: 20px;
    font-weight: 600;
}
.version-detail h3 {
    margin: 0;
    font-size: 16px;
    color: #158ea8;
    font-weight: 500;
    font-style: italic;
}
.version-detail p {
    color: #535454;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.version-image img {
    width: 100%;
    display: inline-block;
    border-radius: 5px;
}
.version-image a {
    float: right;
    text-decoration: underline;
    color: #148199;
    font-size: 15px;
    font-weight: bold;
}
.version-register h2 {
    color: #11aad3;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
}
.version-register a {
    display: inline-block;
    color: #fff;
    background: #11AAD3;
    padding: 10px 50px;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 600;
}

/*Versions css end*/

/*Register css start*/

.register-heading {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}
.register-heading h2 {
    margin: 0;
    font-size: 30px;
    color: #55adc6;
    font-weight: 400;
}
.register-heading h3 {
    margin: 0;
    padding-top: 50px;
    font-size: 20px;
    color: #55adc6;
    font-weight: 400;
}
.register-desc {
    background: #EAF3F6;
    padding: 30px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.register-desc p {
    padding: 0;
    margin: 0;
    color: #666;
    line-height: 26px;
    font-size: 18px;
}
.reg-required span {
    color: red;
    display: inline-block;
    vertical-align: top;
}
.reg-required{
    padding-bottom: 10px;
}
.reg-required p {
    color: #333333;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.register-form .login-form {
    padding: 0;
}
.price-register h2 {
    color: #11AAD3;
    font-size: 20px;
    margin: 0;
    line-height: 30px;
    padding-bottom: 20px;
}
.price-register span {
    font-size: 16px !important;
    color: #000;
    height: 20px !IMPORTANT;
    line-height: 20px !important;
}
.price-register label {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.submit-register {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.submit-register button {
    background: #1e5060;
    color: #fff;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.price-register {
    padding-top: 30px;
    text-align: left !important;
}
.ver-det-heading h2{
    margin-left: 10px;
}
.version-image {
    margin-bottom: 10px;
}
.version-detail-main .version-detail {
    padding-bottom: 20px;
}
.version-detail-main {
    padding-bottom: 30px;
}

/*Register css end*/

/*Rate-us css start*/
.rate-life{
    display: inline-block;
    width: 100%;
    background: rgba(74,60,111,1);
    background: -moz-linear-gradient(left, rgba(74,60,111,1) 0%, rgba(74,67,115,1) 18%, rgba(72,81,122,1) 43%, rgba(68,115,141,1) 67%, rgba(65,126,145,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,60,111,1)), color-stop(18%, rgba(74,67,115,1)), color-stop(43%, rgba(72,81,122,1)), color-stop(67%, rgba(68,115,141,1)), color-stop(100%, rgba(65,126,145,1)));
    background: -webkit-linear-gradient(left, rgba(74,60,111,1) 0%, rgba(74,67,115,1) 18%, rgba(72,81,122,1) 43%, rgba(68,115,141,1) 67%, rgba(65,126,145,1) 100%);
    background: -o-linear-gradient(left, rgba(74,60,111,1) 0%, rgba(74,67,115,1) 18%, rgba(72,81,122,1) 43%, rgba(68,115,141,1) 67%, rgba(65,126,145,1) 100%);
    background: -ms-linear-gradient(left, rgba(74,60,111,1) 0%, rgba(74,67,115,1) 18%, rgba(72,81,122,1) 43%, rgba(68,115,141,1) 67%, rgba(65,126,145,1) 100%);
    background: linear-gradient(to right, rgba(74,60,111,1) 0%, rgba(74,67,115,1) 18%, rgba(72,81,122,1) 43%, rgba(68,115,141,1) 67%, rgba(65,126,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a3c6f', endColorstr='#417e91', GradientType=1 );

}
.rate-heading h2 {
    margin: 0;
    font-size: 40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.rate-heading {
    padding-top: 150px;
}
.rate-widget a {
    color: #11aad3;
    display: inline-block;
    width: 100%;
    height: 57px;
    background: #fff;
    border-radius: 5px;
    padding: 15px 25px;
    text-align: center;
    line-height: 10px;
}
.rate-widget a:hover {
    background: #11AAD3;
    color: #fff;
}
.rate-widget p {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    font-size: 20px;
    padding-left: 15px;
    font-weight: bold;
    line-height: 22px;
}
.rate-widget-main {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    padding-top: 20px;
    padding-bottom: 130px;
}
.rate-widget img.rate-image {
    display: inline-block;
}
.rate-widget img.hover-image {
    display: none;
}
.rate-widget a:hover .hover-image {
    display: inline-block;
}
.rate-widget a:hover .rate-image {
    display: none;
}
.like-us {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: rgba(0,0,0,0.4);
    padding-top: 20px;
    padding-bottom: 20px;
}
.like-us a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.like-us img {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.invitation-header h2 {
    text-align: center;
    text-transform: uppercase;
    color: #158ea8;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 160px;
}
.invitation-widget {
    text-align: center;
}
.invitation-widget p {
    color: #666666;
    font-size: 18px;
    margin: 0;
}
.invitation-widget a {
    font-size: 18px;
    font-weight: bold;
    transition: all ease-in-out 0.4s;
    color: #551a8b;
}
.invitation-widget a:hover {
    color: #000;
}
.invitaion {
    padding-top: 100px;
    padding-bottom: 100px;
    background: url('../images/invitation-bg.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*Rate-us css end*/

.personal-profile input, .personal-profile input::placeholder {
    font-weight: 400;
    color: #1a728d !IMPORTANT;
}
.personal-profile input:focus{
    color: #1a728d !IMPORTANT;
    font-weight: 400 !important;
}
.gender-profile-checkbox h2 {
    color: #66696a;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}
.gender-profile-checkbox {
    padding-bottom: 20px;
}
.gender-profile-checkbox label {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}
.gender-profile-checkbox span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    color: #666;
    font-size: 20px !IMPORTANT;
    line-height: 20px !important;
}

.confirm-modal
{
    width: 100%;
    max-width: 400px;
    top: 25% !important;
}

.confirm-head
{
    background: #0c4354;
    border-radius: 5px;
    margin: 5px;
}

.confirm-head h5
{
    margin: 0;
    color: #fff;
    font-size: 20px;
    padding: 5px;
}

.confirm-body p
{
    text-align: center !important;
}

.confirm-body-detail p
{
    padding: 0 20px;
}
.confirm-body-detail strong{
    font-weight: bold;
}
.acc-del-warnning i
{
    position: relative;
    top: 15px;
    color: red;
    font-size: 50px;
}

.acc-del-warnning
{
    font-size: 30px;
    margin: 0;
    color: #5d5959;
}

.acc-del-popup
{
    max-width: 520px !important;
    padding-bottom: 20px;
}

.confirm-main .col.s12
{
    padding: 0;
}

.confirm-modal .fitness-detail
{
    border-top: 1px solid #aaa;
    width: 95%;
}
.media-upload{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.media-upload .upload-image
{

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));

}
.media-upload .upload-image,
.media-upload .media-dim{
    float: right;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    padding: 3px 20px;
    border-radius: 4px !important;
    cursor: pointer;
    margin: 0 0 0 10px;
}
.fitness-model {
    top: 50% !important;
    max-width: 450px;
}
.media-upload .media-dim
{
    background-image: -webkit-linear-gradient(top, #36454F, #ffff) !important;
    cursor: none;
}
.popup-media .media-upload img
{
    float: none;
}
.popup-media .media-upload
{
    position: relative;
    top: 14px;
    left: 15px;
}
.popup-media .media-upload .video-icon {
    padding-top: 7px;
}
.media-upload .upload-delete-icon {
    float: right;
    padding: 5px 0 0 20px;
    cursor: pointer;
}
.media-upload span {
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    word-wrap: break-word;
    margin-bottom: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 117px);
}
.media-pop .default-card
{
    padding: 10px 15px;
}
.media-popup{
    padding: 0 40px;
}
.spinner
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/loading.gif') 50% 50% no-repeat #fff;*/
    /*overflow-scrolling: hidden;*/
    background-color: rgba(0,0,0,0.7);
    text-align: center;
}
.spinner .preloader-wrapper.big.active {
    position: absolute;
    top: 50%;
}
.spinner .spinner-custom, .spinner .spinner-custom-only {
    border-color: #020d11;
}

.step-desc textarea {
    border: 1px solid #ACB1B8;
    background-color: #EAECEE;
    background-image: -moz-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F6F6F6), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: -o-linear-gradient(top, #F6F6F6, #E8E8E8);
    background-image: linear-gradient(to bottom, #F6F6F6, #E8E8E8);
    background-repeat: repeat-x;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 100px;
}
.step-desc textarea::placeholder {
    color: #555;
}
textarea:focus {
    outline: none;
}
.active-gift-listing.pro-add-task {
    width: 100%;
    display: inline-block;
}
.media-pop .fitness-detail ul li a {
    width: auto;
    padding: 5px 15px;
}
.model-contacts .confirm-body p {
    margin: 0;
    padding: 10px;
}
/*Message Task Css Start here */

.message-tesk-widget {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.completed-task {
    background: #F8F8F8;
    padding: 20px 10px;
    border: 1px solid #BDBDBD;
}
.task-desc img {
    display: inline-block;
    vertical-align: top;
}
.task-desc p {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-left: 12px;
    color: #373737;
    font-size: 18px;
}
.task-share {
    text-align: right;
}
.message-task-info {
    background: #B6B6B7;
    padding: 5px 15px;
}
.message-task-info p {
    margin: 0;
    color: #fff;
    font-size: 16px;
}
.sharing-tesk {
    text-align: center;
}
.sharing-task
{
    margin-top: 25px;
}
.sharing-tesk ul li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.sharing-tesk ul {
    margin-top: 0;
}
.que-chk
{
    padding-top: 17px;
}
.active-que
{
    margin-bottom: 10px;
}
.activate-que
{
    margin-top: 30px;
}
.scroll>thead>tr>th,
.scroll>thead>tr>td {
    background: #0C4354;
    color: #fff;
    top: 0;
    position: sticky;
    border-radius: 0;
    z-index: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.scroll-table {
    min-height: 500px;
    display: block;
    overflow: auto;
    width: 100%;
}

/*Message Task  Css end here */

.contact-list .contact-numbers {
    margin: 0;
    font-size: 16px;
    background: #999999;
    border-radius: 40px;
    padding: 0;
    color: #fff;
    position: absolute;
    top: 23px;
    left: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 23px;
}
.contact-group-heading h3 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.share-box {
    background: #fff;
    padding: 60px 60px 35px 60px;
    border-radius: 5px;
    margin-top: 50px;
    border: 1px solid #BDBDBD;
}
.share-box .main-con h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}
.red-bar-cal {
    height: 5px;
    width: 26px;
    background: #FF5222;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.blue-bar-cal {
    height: 5px;
    width: 26px;
    background: #309CB9;
    border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.border-remove .blue-bar-cal:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: #309CB9;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    left: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}
.border-remove .blue-bar-cal:last-child {
    position: relative;
}
.yellow-bar-cal {
    height: 5px;
    width: 26px;
    background: #FFAB32;
    border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.border-remove .yellow-bar-cal:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: #FFAB32;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    left: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}
.border-remove .yellow-bar-cal:last-child {
    position: relative;
}

.white-bar-cal {
    height: 5px;
    width: 26px;
    background: #fff;
}

.red-bar-cal-month {
    height: 5px;
    width: 9px;
    background: #FF5222;
    border-radius: 3px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.yellow-bar-cal-month {
    height: 5px;
    width: 9px;
    background: #FFAB32;
    border-radius: 3px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.blue-bar-cal-month {
    height: 5px;
    width: 9px;
    background: #309CB9;
    border-radius: 3px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.calander_flag{
    position: relative;
}
.calander_flag:after {
    position: absolute;
    content: "";
    background: url('../images/flag.png');
    top: 0 !important;
    height: 24px !important;
    width: 20px !important;
    z-index: 2 !important;
    background-size: cover;
    left: 0 !important;
    background-position: -3px 4px;
    background-repeat: no-repeat;
}
.border-bottom-calander:after {
    content: "";
    position: absolute;
    border-bottom: none;
    bottom: 0;
    z-index: 1;
    height: 0;
    width: 22px;
    left: 0;
    top: auto;
}
.border-bottom-calander {
    position: relative;
}

.border-bottom-calander-week:after {
    content: "";
    position: absolute;
    border-bottom: none;
    bottom: 0;
    z-index: 1;
    height: 0;
    width: 4px;
    left: 0;
    top: auto;
}
.border-bottom-calander-week {
    position: relative;
}
.border-top-calander:before {
    content: "";
    position: absolute;
    border-bottom: none;
    bottom: auto;
    z-index: 1;
    height: 0;
    width: 22px;
    left: 0;
    top: 0;
}
.border-top-calander {
    position: relative;
}

.border-top-calander-week:before {
    content: "";
    position: absolute;
    border-bottom: none;
    bottom: auto;
    z-index: 1;
    height: 0;
    width: 4px;
    left: 0;
    top: 0;
}
.border-top-calander-week {
    position: relative;
}



.calander_gift{
    position: relative;
}
.calander_gift:after {
    position: absolute;
    content: "";
    background: url('../images/calender-gift-new.png');
    top: -26px !important;
    height: 26px !important;
    width: 26px !important;
    z-index: 2;
    left: 2px !important;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 80% !important;

}
.white-bar-cal-month {
    height: 5px;
    width: 9px;
    background: #fff;
}
.calender-modal {
    top: 60% !IMPORTANT;
    bottom: 0 !important;
}
.date-table .calender-tr td {
    padding: 0 !important;
}
.week-calendar .calender-tr ul {
    margin: 0;
}
.week-calendar .calender-tr ul li {
    float: left;
    margin-right: 1px;
    width: 11%;
}

.calender-tr {
    /*border-bottom: 1px dashed #fcfcfc !important;*/
    border-bottom: 1px dashed #ccc !important;
}

.calendar-main .full-solid-calender {
    border-bottom: 1px solid #E3E9F4 !important;
}

/*.calender-tr:nth-child(5n) {*/
/*    border-bottom: 1px solid #E3E9F4 !important;*/
/*}*/

h3.contact-program-heading {
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFFFFF;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.program-select-num p {
    border-left: 1px solid #ACB1B8;
    margin: 0;
    padding: 10px 0;
}
.border-remove .red-bar-cal:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: red;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    left: -3px;
}
.border-remove .red-bar-cal-month:last-child::after {
    content: "";
    height: 2px;
    width: 9px;
    background: red;
    z-index: 1;
    position: absolute;
    bottom: -2px;
}
.border-remove .blue-bar-cal-month:last-child::after {
    content: "";
    height: 2px;
    width: 9px;
    background: #11AAD4;
    z-index: 1;
    position: absolute;
    bottom: -2px;
}
.border-remove .yellow-bar-cal-month:last-child::after {
    content: "";
    height: 2px;
    width: 9px;
    background: yellow;
    z-index: 1;
    position: absolute;
    bottom: -2px;
}
.border-remove .red-bar-cal:last-child,
.border-remove .red-bar-cal-month:last-child,
.border-remove .yellow-bar-cal-month:last-child,
.border-remove .blue-bar-cal-month:last-child {
    position: relative;
}
span.tooltip-calender {
    visibility: hidden;
}
.border-remove {
    position: relative;
}

.month-tool .dot-red-calender,
.month-tool .dot-blue-calender,
.month-tool .dot-yellow-calender{
    position: relative;
    float: left;
    margin-bottom: 3px;
    margin-right: 3px !important;
}
.month-tool span.tooltip-calender {
    font-size: 15px;
}
.border-remove .red-bar-cal .tooltip-calender,
.border-remove .blue-bar-cal .tooltip-calender,
.border-remove .yellow-bar-cal .tooltip-calender,
.border-remove .red-bar-cal-month .tooltip-calender,
.border-remove .yellow-bar-cal-month .tooltip-calender,
.border-remove .blue-bar-cal-month .tooltip-calender,
.month-tool .dot-red-calender .tooltip-calender,
.month-tool .dot-blue-calender .tooltip-calender,
.month-tool .dot-yellow-calender .tooltip-calender{
    position: absolute;
    top: 0;
    width: auto;
    left: 20px;
    /*height: 35px;*/
    background: #E3E9F4;
    visibility: hidden;
    font-size: 12px !important;
    z-index: 999;
    border-radius: 5px;
    color: #454545;
    text-align: left !important;
    white-space: nowrap;
    padding: 5px 20px;
}
.border-remove .red-bar-cal:hover .tooltip-calender,
.border-remove .blue-bar-cal:hover .tooltip-calender,
.border-remove .yellow-bar-cal:hover .tooltip-calender,
.border-remove .red-bar-cal-month:hover .tooltip-calender,
.border-remove .yellow-bar-cal-month:hover .tooltip-calender,
.border-remove .blue-bar-cal-month:hover .tooltip-calender,
.month-tool .dot-red-calender:hover .tooltip-calender,
.month-tool .dot-blue-calender:hover .tooltip-calender,
.month-tool .dot-yellow-calender:hover .tooltip-calender{
    visibility: visible;
}
.line-table {
    /*position: relative;*/
    /* max-height: 450px;
     overflow: hidden;*/
}
.invite-main {
    position: relative;
}
.invite-friend a {
    position: absolute;
    top: 22px;
    right: 13px;
    background: rgba(21,142,166,1);
    background: -moz-linear-gradient(top, rgba(21,142,166,1) 0%, rgba(18,127,152,1) 55%, rgba(15,110,134,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21,142,166,1)), color-stop(55%, rgba(18,127,152,1)), color-stop(100%, rgba(15,110,134,1)));
    background: -webkit-linear-gradient(top, rgba(21,142,166,1) 0%, rgba(18,127,152,1) 55%, rgba(15,110,134,1) 100%);
    background: -o-linear-gradient(top, rgba(21,142,166,1) 0%, rgba(18,127,152,1) 55%, rgba(15,110,134,1) 100%);
    background: -ms-linear-gradient(top, rgba(21,142,166,1) 0%, rgba(18,127,152,1) 55%, rgba(15,110,134,1) 100%);
    background: linear-gradient(to bottom, rgba(21,142,166,1) 0%, rgba(18,127,152,1) 55%, rgba(15,110,134,1) 100%);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
}
.invite-heading {
    text-align: left;
}
.invite-field input {
    margin: 0 !important;
}
.invite-email-label p {
    font-size: 20px;
    margin-top: 6px;
    margin-bottom: 0;
}
.invite-detail {
    display: inline-block;
    width: 100%;
    padding-left: 12px;
}
.invite-detail p {
    margin-top: 8px;
    font-size: 17px;
    margin-bottom: 25px;
}
.invite-detail a {
    background-color: #2da07f;
    background-image: linear-gradient(to bottom, #2da07f, #0d926b);
    background-repeat: repeat-x;
    border: 1px solid #307e67;
    box-shadow: 0 1px 1px #48ad8f inset, 0 -2px 1px #155e43 inset;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    text-shadow: 0 1px 1px #000000;
}
.contact-list .not-register {
    font-weight: 600;
    padding-left: 10px;
}
.contact-list .not-register-right {
    font-weight: 600;
    padding: 15px 10px;
    color: red;
}
.contact-form input:focus::-webkit-input-placeholder {
    color: transparent;
}
.profile_image_main .image-preview,
.image-preview-query{
    text-align: center;
}
.green.accent-2 {
    background-color: #0C4455 !important;
    color: #fff;
}
.banner-image-main {
    text-align: center;
    /*margin-top: 30px;*/
}
.banner_image_model {
    max-width: 800px;
}
.banner-image-prev img,
.banner-image-prev-query img{
    width: 100%;
}

.banner-image-prev img
{
    margin-top: 30px;
}

.media-pop .media-title {
    text-align: center;
}
.media-upload .progress-bar-image,
.media-upload .progress-bar-video,
.media-upload .progress-bar-audio{
    width: 100%;
    background: #48AD8F;
}

.Progress-bar-bg {
    width: 100%;
    background-color: #fff !important;
}

.Progress-bar-upload {
    height: 30px;
    background-color: #0C4455;
}
.Progress_bar-main .progress-text {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
}
.Progress_bar-main-video{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
}
.program-model-content p {
    margin: 0;
    font-size: 14px;
}
.program-model-content {
    padding: 10px 15px;
    margin-bottom: 5px;
}
.program-model-content a {
    color: blue;
}
.program-model {
    top: auto !important;
    max-width: 350px;
}
#error_data
{
    margin: 0;
}
.contact-program-desc p {
    padding: 10px;
    background: #afafaf;
    line-height: 15px;
    border-radius: 5px;
    color: #fff;
}
.white-bar-cal.border-bottom-calander:after {
    visibility: hidden;
}

.white-bar-cal.border-bottom-calander-week:after {
    visibility: hidden;
}
.diary-title-description textarea::placeholder,
.diary-title-add input::placeholder,
.profile-input input[type="password"]::placeholder,
.profile-input input::placeholder{
    color: #bfbfbf;
}
.invite-detail-main {
    padding: 40px 20px;
    background: #fff;
}
.invite-detail-main span {
    color: #0f4554;
    font-size: 18px;
}
.invite-detail-main p {
    margin-top: 5px;
    color: #787878;
    font-size: 18px;
}
.invite-detail-main p a{
    color: #11aad3;
    word-break: break-word;
}
/*.invite-detail-main p::first-letter {*/
/*text-transform: capitalize;*/
/*}*/

.graph_banner {
    margin-top: 0;
    margin-bottom: 20px;
}
.calendar-main .graph_tabs .pg a,
.prog-tab .pg a{
    background: #A6A7A9;
    color: #fff;
    font-size: 20px;
    text-transform: none;
    font-weight: 500;
    border-right: 1px solid #fff;
}

.calendar-main .graph_tabs .pg a:focus, .calendar-main .graph_tabs .pg a:focus.active, .calendar-main .graph_tabs .pg a.active {
    background-color: #fff;
    color: #323232;
}
.graph_nav {
    background: #EEEEEE;
}
.graph_nav .date-nav-icon i {
    color: #323232;
}
.prog-tab .tabs .tab a
{
    background: #A6A7A9;
}

.graph_tabs,
.prog-tab{
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
}
.graph_tabs .pg,
.prog-tab .pg{
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.graph_tabs .pg a,
.prog-tab .pg a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
}
.cstm-prgress-bar a {
    float: left;
    width: 100%;
}

.practical-bar progress[value],
.emotional-bar progress[value],
.mental-bar progress[value] {

    -webkit-appearance: none;
    width: 100%;
    height: 34px;
    float: left;
}
.practical-bar progress::-webkit-progress-value {
    background: #FF9A7E !important;
}
.emotional-bar progress::-webkit-progress-value {
    background: #FFCE8A !important;
}
.mental-bar progress::-webkit-progress-value {
    background: #8EC8D8 !important;
}


.practical-bar progress::-moz-progress-bar {
    background: #FF9A7E !important;
}
.emotional-bar progress::-moz-progress-bar {
    background: #FFCE8A !important;
}
.mental-bar progress::-moz-progress-bar {
    background: #8EC8D8 !important;
}


.practical-bar progress[value]::-webkit-progress-bar,
.emotional-bar progress[value]::-webkit-progress-bar,
.mental-bar progress[value]::-webkit-progress-bar {
    background: url('../images/progress-bg.jpg') repeat scroll 0 0 transparent;
}

#message-modal {
    padding: 15px;
}
#message-modal .main-task {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#message-modal .main-head {
    margin-top: 60px;
}

.progress-tab
{
    background-color: transparent;
    /*margin-bottom: 20px;*/
}
.progress-back
{
    background: transparent;
    /*padding: 40px 0px 0px !important;*/
}
.progress-tabs
{
    background-color: #fff;
    padding-top: 0;
    position: relative;
}

.tabs-padng
{
    padding-bottom: 55px;
}

.progress-tabs .tabs .tab a
{
    padding: 0 10px;
}
.progress-tabs .tabs .tab a:focus, .progress-tabs .tabs .tab a:focus.active, .progress-tabs .tabs .tab a.active
{
    background: #307E67;
    color: #fff;
}
.progress-tabs .tabs .tab a
{
    background: #969697;
    color: #fff;
}
.progress-tab li.active a
{
    border: none !important;
}
.progress-bars
{
    background-color: #fff;
    display: inline-block;
    width: 100%;
}
.prof-tabs
{
    background: transparent;
}

.tab-graph
{
    margin-top: 20px !important;
}

.main-graph-bt
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.main-graph-pad
{
    top: 143px;
}

.prof-graph-pad
{
    top: 55px;
}


/*pending popup css starts here*/

.btn-floating.custom-bt
{
    background-color: rgba(226, 226, 226, 0.70) !important;
    width: 310px !important;
    border-radius: 0;
    color: #000;
}

.btn-floating.custom-bt p
{
    margin: 0;
    font-weight: bold;
    color: #072D3A;
}

.pending-popup
{
    background-color: #F7F1F4;
    padding: 20px;
    color: #000;
}

.fixed-action-btn.custom-fix ul li
{
    margin-bottom: 0 !important;
}

.pending-popup .angle-left i
{
    float: left;
    position: absolute;
    top: 31px;
    font-size: 30px;
    left: 10px;
}

.pending-popup .angle-right i
{
    float: right;
    position: absolute;
    top: 31px;
    right: 10px;
    font-size: 30px;
}


/*pending popup css starts here*/


/*New Calander Css Start here */

.border-remove .red-bar-calendar:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: red;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    left: -2px;
}
.border-remove .blue-bar-calendar:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: #11AAD4;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    left: -2px;
}
.border-remove .yellow-bar-calendar:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: yellow;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    left: -2px;
}

.border-remove .red-bar-calendar:last-child,
.border-remove .blue-bar-calendar:last-child,
.border-remove .yellow-bar-calendar:last-child{
    position: relative;
}

.border-remove .red-bar-calendar .tooltip-calender,
.border-remove .blue-bar-calendar .tooltip-calender,
.border-remove .yellow-bar-calendar .tooltip-calender{
    position: absolute;
    top: 0;
    width: auto;
    left: 20px;
    /*height: 35px;*/
    background: #3E7182;
    visibility: hidden;
    z-index: 999;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    padding: 5px 20px;
}

.border-remove .red-bar-calendar:hover .tooltip-calender,
.border-remove .blue-bar-calendar:hover .tooltip-calender,
.border-remove .yellow-bar-calendar:hover .tooltip-calender{
    visibility: visible;
}
.red-bar-calendar {
    height: 5px;
    width: 26px;
    background: #FF5222;
    border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.blue-bar-calendar {
    height: 5px;
    width: 26px;
    background: #309CB9;
    border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.yellow-bar-calendar {
    height: 5px;
    width: 26px;
    background: #FFAB32;
    border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.dot-red-calender {
    background: #FF5222;
    display: inline-block;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    height: 16px;
    width: 30px;
    border-radius: 8px;
    margin-right: 3px;
}

.dot-blue-calender {
    background: #309CB9;
    display: inline-block;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    height: 16px;
    width: 30px;
    border-radius: 8px;
    margin-right: 3px;
}
.dot-yellow-calender {
    background: #FFAB32;
    display: inline-block;
    color: #000;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    height: 16px;
    width: 30px;
    border-radius: 8px;
    margin-right: 3px;
}

.dot-remaining-calendar {
    position: relative;
    float: left;
    margin-bottom: 3px;
    margin-right: 3px !important;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    height: 16px;
    width: 30px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #454545;
    color: #454545;
    font-weight: 500;
}

.remaining-plus-count {
    position: relative;
    bottom: 1px;
}


.remaining-plus-icon {
    font-size: 14px;
    font-weight: 600;
}

.select-calendar span {
    color: #333;
}
.select-calendar ul li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    border-bottom: none;
}
.select-calendar ul li:last-child {
    border-bottom: 1px solid #ccc;
}
.select-calendar {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    padding-left: 12px;
}

/*New Calander Css end here */

.tutorial_activation_inner .level-choose select.browser-default {
    margin-left: 0;
}
.default_program {
    display: inline-block;
    width: 100%;
}
.default_program span {
    color: #333;
}
.list-calender ul {
    margin: 0;
}
.list-calender ul li {
    float: left;
    margin-left: 10px;
}
/*---------*/
.border-green {
    border-color: #0f0;
}
.border-green-month {
    border-color: #0f0 !important;
    border: .5px solid;
}
.border-green.border-top-calander:before,
.border-green.border-bottom-calander:after{
    border-bottom-color: #0f0;
}

.border-green.border-top-calander-week:before,
.border-green.border-bottom-calander-week:after{
    border-bottom-color: #0f0;
}
.border-remove .border-green:last-child::after {
    border-left-color: #0f0;
    border-right-color: #0f0;
}
.border-green.calander_flag:after {
    border-top-color: #0f0;
}

.border-green-weekly{
    border:1px solid #0f0;
}


.calander_black:after {
    position: absolute;
    content: "";
    background: url('../images/coach.png') !important;
    top: -26px !important;
    height: 26px !important;
    width: 26px !important;
    z-index: 2 !important;
    background-size: 80% !important;
    left: 2px !important;
    background-position: 1px -1px !IMPORTANT;
    background-repeat: no-repeat !important;
    border-left: none !important;
    border-right: none !important;
}

.calendar_black_challenge:after {
    position: absolute;
    content: "";
    background: url('../images/challenge.png') !important;
    top: -26px !important;
    height: 26px !important;
    width: 26px !important;
    z-index: 2 !important;
    background-size: 80% !important;
    left: 2px !important;
    background-position: 1px -1px !IMPORTANT;
    background-repeat: no-repeat !important;
    border-left: none !important;
    border-right: none !important;
}
.preview
{
    text-align: center;
    /*margin-top: 50px;*/
}

.preview img
{
    /*width: 100%;*/
    width: 50%;
}

.expire-msg
{
    text-align: center;
    padding: 80px 0;
}

.expire-msg h4
{
    font-size: 25px;
    color: red;
    padding-top: 20px;
}

.expire-msg i
{
    font-size: 60px;
    /*color: red;*/
}

.popup-btn-default {
    background: #0F936D;
    border: 1px solid #307E67;
    box-shadow: 0 1px 1px #48AD8F inset, 0 -2px 1px #155E43 inset;
    padding: 5px 15px !important;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    float: left;
}

.del-bt
{
    margin-right: 20px;
}

.email-popup-margin {
    margin-bottom: 12px;
}

.pop-drop ul
{
    top: 45px !important;
    height: 300px !important;
}

.pop-drop .select-wrapper input.select-dropdown
{
    border: 1px solid #939393 !important;
    border-radius: 5px;
    border-bottom: none;
    padding-left: 5px;
}

.pop-drop input[type=text]:not(.browser-default)
{
    margin: 0 !important;
}

.contact-icons
{
    text-align: center;
}

.calender-detail a,
.calender-detail p
{
    display: inline-block;
}

.calender-detail a
{
    float: right;
    margin: 14px 25px;
}

.calender-detail a i
{
    font-size: 40px;
    color: #555;
}

.prog-levels .coach-in
{
    margin-bottom: 60px;
}

.prog-levels ul
{
    margin: 10px 60px;
}

.left-cancel
{
    float: left;
}

.right-confirm
{
    float: right;
}

.prog-levels h5
{
    text-align: center;
}

.prog-levels .confirm-head
{
    background: #C93425 !important;
}

.media-btns
{
    margin-right: 40px;
}

.media-popup-btns ul li
{
    margin-top: 30px !important;
}



.time-stream{

    border-top: 1px solid;

}
.time-stream:nth-child(odd)  {

    padding: 15px 0 15px 4px !important;
}


.time-stream:nth-child(even) {

    border-right: 3px solid;
    padding: 15px 0 15px 4px !important;

}

.col.s6.time-stream:nth-last-child(1) {
    border-bottom: 1px solid;
}
.col.s6.time-stream:nth-last-child(2) {
    border-bottom: 1px solid;
}

.live-stream
{
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}


.stream-right i
{
    font-size: 40px;
}

.live-stream-block li i
{
    float: right;
    font-size: 40px;
}

.live-stream-block
{
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.diary-live-stream
{
    margin-bottom: 20px;
}

.live-data-count p
{
    background-color: #082F3C;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.time-format
{
    margin-top: 17px;
    display: inline-block;
}

.bar-progress .__cov-progress
{
    top: 65px !important;

    right: 0 !important;
}

.bar-relative
{
    position: relative;
}

.bar-margin
{
    display: inline-block;
    margin: 20px 0;
}

.unanswered-survey
{
    color: #B3B3B3;
}

.prog-descr img
{
    width: 100%;
}

.le-popup
{
    max-width: 400px;
    border-radius: 5px;
    max-height: 90% !important;
}

.digital-popup-content
{
    padding: 0 30px 40px;
}

.status-icon
{
    text-align: center;
    margin: 45px 0;
}

.le-popup .confirm-head
{
    margin: 16px !important;
}

.digital-popup-content h6
{
    font-weight: bold;
}

.digital-popup-content p
{
    margin: 0;
}

.task-status
{
    margin-top: 30px !important;
}

.le-media
{
    margin-top: 30px;
}

.le-media img
{
    width: 100%;
}

.le-popup .modal-close i
{
    top: 0 !important;
    right: 0 !important;
    border-radius: 5px !important;
}

.setting-table select
{
    margin-bottom: 10px;
}

/*Responsive Css Start here */

@media (max-width: 1300px) {
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 8px;
    }
    .rate-widget a {
        padding: 15px 0;
    }
    .rate-widget p {
        font-size: 16px;
    }
    .sidebar-nav ul li a {
        font-size: 18px;
    }
    .cart-address-text {
        padding-left: 300px;
    }
    .calender-modal {
        top: 50% !IMPORTANT;
    }

}
@media (max-width: 1200px){
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 7px;
    }
}

@media (max-width: 1100px){
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 6px;
    }
}

@media (max-width: 992px){
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 8px;
    }
    .pro-cstm-bar .fitness-detail {
        text-align: center;
    }
    .pro-cstm-bar .fitness-detail ul{
        margin-bottom: 0;
    }
    .invitation-header h2 {
        margin-bottom: 60px;
    }
    .rate-widget {
        margin-bottom: 10px;
    }
    .cart-address-text {
        padding-left: 20px;
    }
    .date-nav {
        padding: 3px 5px !important;
    }
    .brand-logo img {
        width: 70px;
    }
    .brand-logo {
        margin: 0;
        padding-top: 15px !important;
    }
    .theme-sidebar li {
        position: relative;
    }
    .theme-sidebar .counter-siderbar p {
        top: 5px;
        right: 12px;
        padding: 0;
        color: #fff;
        padding-left: 4px;
        line-height: 39px;
    }
    .theme-sidebar li.active {
        background-color: #072D3A;
    }
    .theme-sidebar {
        background: #0C4455;
    }
    .theme-sidebar li a {
        color: #fff;
        font-weight: 400;
    }
    .theme-sidebar li a i,.theme-sidebar li a img {
        color: #fff !IMPORTANT;
        font-size: 30px;
    }
    .nav-bar .sidenav-trigger {
        padding-top: 20px;
    }
    .sidebar {
        margin-top: 20px;
    }
    .history-detail table {
        margin-left: 0;
    }

    .theme-sidebar li a img
    {
        float: left !important;
        display: inline-block;
        padding-top: 13px;
        margin-right: 30px;
    }
    .content-section .help-modal
    {
        max-width: 90% !important;
        min-height: 70% !important;
    }

    .rate-modal .login-form
    {
        padding: 40px 20px 50px;
    }

    .rate-modal .form-bt
    {
        width: auto !important;
    }

    .rate-modal
    {
        max-height: 75%;
        height: 100% !important;
    }

    .main-purchase-list,
    .purchase-info
    {
        width: 100% !important;
    }


    .purchase-info h3
    {
        font-size: 20px !important;
    }
}

@media(max-width:767px){
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 7px;
    }
}

@media(max-width:600px){
    .border-remove .red-bar-cal-month:last-child::after,
    .border-remove .blue-bar-cal-month:last-child::after,
    .border-remove .yellow-bar-cal-month:last-child::after{
        width: 6px;
    }
    .tutorial_heading.content-top-heading h2 {
        padding-top: 5px;
    }
    .tutorial_activation_inner .product-widget-text {
        top: 0;
    }
    .tutorial_activation_inner .product-widget-text p {
        font-size: 14px;
    }
    .tutorial_activation_inner .product-widget-text h3 {
        font-size: 16px;
    }
    .tutorial_activation_inner .level-choose h4 {
        float: left;
        margin-top: 10px;
    }
    .tutorial_activation_inner .level-choose .green-on,
    .tutorial_activation_inner .level-choose .red-off {
        float: right;
        margin-top: 0;
    }
    .share-box {
        padding: 20px 20px 0 20px;
        margin-top: 10px;
    }
    .group-list-edit ul li span{
        float: right;
    }
    /*.graph .progress-heading {*/
    /*    max-width: 100px;*/
    /*}*/
    .invitaion {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .invitation-widget {
        margin-bottom: 20px;
    }
    .invitation-header h2 {
        margin-bottom: 30px;
    }
    .rate-widget-main {
        padding-bottom: 20px;
    }
    .rate-heading {
        padding-top: 40px;
    }
    .login-form input[type=text], .login-form input[type=password], .login-form input[type=email] {
        margin-top: 10px;
    }
    .register-heading {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .register-heading h3 {
        padding-top: 20px;
    }
    .register-desc p {
        line-height: 22px;
        font-size: 14px;
    }
    .price-register {
        padding-top: 10px;
    }
    .version-heading {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .register-desc {
        padding: 15px;
    }
    .login-form label {
        font-size: 15px;
    }
    .cart-address-text {
        padding-left: 0;
        padding-top: 20px;
        border-left: none;
    }
    .add-cart-main {
        margin-top: 40px !important;
    }
    .continue-to-pay {
        padding-top: 30px;
        padding-bottom: 0;
    }
    .main-foot {
        text-align: center;
    }
    .coach-list ul li a {
        padding: 10px;
        font-size: 16px;
    }
    .coach-inner-heading h3 {
        font-size: 20px;
    }
    .coach-inner-heading a.edit-inner, .coach-inner-heading a.back-inner {
        padding: 5px 8px;
        font-size: 12px;
    }
    .contact-list li p {
        /*width: 50%;*/
    }
    .inner-content-widget {
        padding: 15px;
    }
    .coach-inner-heading {
        padding: 10px 10px;
    }
    .file-field img {
        width: 100%;
    }
    .banner-outer, .coach-manage-inner {
        padding: 0 15px;
    }
    .add-general-diary {
        padding: 15px;
    }
    .task-inner h3 {
        margin-bottom: 15px;
        padding-top: 0;
        margin-top: 15px;
    }
    .add-contact-inner {
        padding: 15px;
    }
    .start-drop select {
        max-width: 100%;
    }
    .contact-form label {
        font-size: 18px;
    }
    .contact-inner-head h3, .contact-inner-no p {
        font-size: 16px;
    }
    .default-card p {
        width: 50%;
    }
    .fitness-detail ul li a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .content-top-heading h2 {
        font-size: 16px !important;
        padding-top: 15px;
    }
    .top-bar-heading a.back, .top-bar-heading a.edit {
        margin: 6px 10px;
    }
    .level-choose .green-on, .level-choose .red-off {
        float: none;
    }
    .level-choose.right {
        float: none !IMPORTANT;
        margin-top: 20px;
    }
    .level-choose select.browser-default {
        margin-left: 0;
    }
    .product-content-inner {
        padding: 15px;
    }
    .left-product-widget a {
        width: 100%;
    }
    .profile-input label {
        font-size: 16px;
    }
    .save-profile a, .delete-profile a{
        font-size: 12px;
    }
    .purchase-history-nav a {
        margin-bottom: 10px;
    }
    .date-center p {
        font-size: 16px !important;
    }
    .month-table tbody tr td {
        height: 50px !important;
    }
    .month-table th {
        width: auto !important;
    }
    .product-desc h3 {
        font-size: 13px;
    }
    .total .product-desc h3 {
        font-size: 14px;
    }
    .product-title h3 {
        font-size: 16px;
    }
    .cart-address, .payment-cart, .cart-account, .cart-billing {
        margin-bottom: 20px;
    }
    .biling-custom-fields input, .biling-custom-fields select {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .cart-payment-method-box ul li {
        margin-right: 0;
    }
    .cart-save input, .cart-cancel a {
        font-size: 16px;
    }
    .footer-copyright-text p {
        text-align: center;
    }
    .cart-address {
        padding: 20px;
    }
    .payment-order-list ul li {
        font-size: 14px;
        padding-bottom: 0;
    }
    #draggable
    {
        padding: 5px 10px;
    }
    #draggable .forward-link a i
    {
        margin-left: 15px;
    }
    .confirm-modal .fitness-detail ul li
    {
        width: unset;
    }

    /*.contact-list li span {*/
    /*float: none;*/
    /*}*/
    .prog-list li
    {
        padding: 5px 8px;
    }
    .prog-list li span
    {
        float: right !important;
    }
    .green-on
    {
        margin-top: 13px;
    }
    .help-out i
    {
        padding-top: 9px;
    }

    .progress-tabs
    {
        padding-bottom: 45px;
    }

    #graph_week,
    #graph_month,
    #graph_year
    {
        margin-top: 130px !important;
    }

    .fitness-detail
    {
        width: 92%;
    }


}

@media(max-width:500px) {
    .group-list-edit .edit-fields {
        padding-right: 0;
    }
}

@media(max-width:385px){
    .coach-inner-heading a.edit-inner, .coach-inner-heading a.back-inner {
        padding: 5px 4px;
        font-size: 10px;
    }
    .coach-inner-heading h3 {
        font-size: 13px;
    }
    .new-contact p
    {
        font-size: 12px;
    }
    .contact-list li
    {
        padding: 5px 15px;
    }
    .forward-link a i
    {
        margin-left: 0;
    }
    .fitness-detail ul li {
        width: 100%;
        margin-top: 0;
    }
    .red-off
    {
        margin-top: 13px;
    }
}

@media(max-width:1265px){
    .swat-manage
    {
        padding: 5px 5px !important;
        font-size: 9px !important;
    }

}

@media (max-width: 1280px) {
    .blue-on
    {
        margin-left: 0;
    }
}

@media (min-width: 1159px) and (max-width: 1360px) {
    .dev-green
    {
        font-size: 14px;
    }
    .dev-set tr td
    {
        padding: 5px;
        font-size: 15px;
    }
    .dev-set select
    {
        padding: 0;
    }
}


@media (min-width: 993px) and (max-width: 1230px) {
    .dev-green
    {
        padding: 5px 15px;
    }
    .dev-set tr td
    {
        padding: 8px 3px;
        font-size: 12px;
    }
    .dev-set select
    {
        padding: 0;
    }
}

@media (min-width: 993px) and (max-width: 1505px) {
    .top-bar-heading a.back, .top-bar-heading a.edit {
        margin: 10px 5px;
    }
    .contact-heading a.back, .contact-heading a.edit
    {
        font-size: 14px;
        padding: 5px 5px;
    }
}

@media (max-width: 1370px) {
    .setting-table
    {
        padding: 10px;
    }


}

/*@media(max-width: 1510px)  {*/
/*.swat-banner h5*/
/*{*/
/*margin: 5px;*/
/*padding-top: 0px;*/
/*font-size: 14px;*/
/*}*/
/*.swat-banner p*/
/*{*/
/*margin: 0;*/
/*font-size: 12px;*/
/*}*/
/*}*/
@media (max-width: 1500px){
    .swat-banner img {
        width: auto;
    }
    .swat-banner-detail h5
    {
        margin: 0;
    }

    .setting-table tr td {
        font-size: 14px;
    }

}

@media (max-width: 1350px) and (min-width: 993px){

    .setting-table tr td {
        font-size: 12px;
        padding: 8px 1px;
    }

}


@media (max-width: 1440px){
    .help-modal
    {
        top: 10% !important;
        min-height: 60% !important;
    }
}

@media (max-width: 1400px){
    .graph-btn .blue-on
    {
        margin-left: 0;
    }

    .menu li a
    {
        padding: 0 10px;
    }

    .le-popup .modal
    {
        top: 5% !important;
    }
}

/*@media (max-width: 1680px){*/
/*    .inner-content-area .message-ribbon*/
/*    {*/
/*        left: 270px !important;*/
/*    }*/
/*}*/


/*@media (max-width: 2560px){*/
/*    .inner-content-area .message-ribbon*/
/*    {*/
/*        left: 645px !important;*/
/*    }*/
/*}*/

/*Responsive Css End here */


.progress-tab button {
    background: #969697;
    height: 45px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 -2px 1px #5C5E5D inset, 0 0 0 1px #CBCCD0 inset;
    width: 100px;
}

.progress-tab button:hover {
    background: #199772;
}
.progress-tab button.active {
    background: #199772;
}

.progress-tab {
    text-align: center;
    display: inline-block;
    width: 100%;
}


.red-bar-cal-alternative {
    background: #f56f81;
    width: 26px;
    height: 5px;
}

.border-remove .red-bar-cal-alternative:last-child::after {
    content: "";
    height: 2px;
    width: 26px;
    background: #f56f81;
    z-index: 1;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.border-remove .red-bar-cal-alternative:last-child{
    position: relative;
}

.border-remove .red-bar-cal-alternative .tooltip-calender{
    position: absolute;
    top: 0;
    width: auto;
    left: 20px;
    /*height: 35px;*/
    background:#f56f81;
    visibility: hidden;
    z-index: 999;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    padding: 5px 20px;
}

.border-remove .red-bar-cal-alternative:hover .tooltip-calender{
    visibility: visible;
}
.guide-content .richText {
    position: relative;
    background-color: #FAFAFA;
    border: #ccc solid 1px;
    color: #333333;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.guide-content
{
    background-color: #fff;
    padding: 20px 30px;
    margin: 30px;
}

.action-based-notification-bar-fixed {
    position: fixed;
    right: 272px;
    bottom: 0;
    display: inline-block;
    max-width: 270px;
    width: 270px;
    background: #ffffff;
    border: 1px solid #ACB1B8;
}

.simple-notification-bar-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
    display: inline-block;
    max-width: 270px;
    width: 270px;
    background: #ffffff;
    border: 1px solid #ACB1B8;
}

.notification-bar-fixed-btn {
    border-bottom: 1px solid #ACB1B8;
    height: 30px;
    padding: 4px 8px;
    color: #5C5C5C;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
}

.notification-listing-screen {
    width: 100%;
    display: none;
    background: #ffffff;
}

.notification-listing-container {
    height: 300px;
    max-height: 300px;
    overflow-x: auto;
    background: #ffffff;
}


/* width */
.notification-listing-container::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.notification-listing-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.notification-listing-container::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.notification-listing-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.notification-listing-ul {
    list-style-type: none;
    margin: 0 !important;
}

.notification-listing-ul li {
    padding: 4px 8px 15px 8px;
    font-size: 16px;
    color: #5C5C5C;
    cursor: pointer;
    position: relative;
}

.date-notification {
    font-size: 10px !important;
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 5px;
    font-weight: 500;
}



.notification-listing-ul li:hover {
    background-color: #CBCFD6;
}

/*.notification-listing-ul li:nth-child(odd) {*/
/*    background-color: #ffffff;*/
/*}*/

.notification-listing-ul li:nth-child(even) {
    background-color: #E8ECF3;
}

.notification-listing-ul li:nth-child(even):hover {
    background-color: #CBCFD6;
}

.action-based-notification-bar-fixed.active .notification-listing-screen {
    display: block;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.search-notification-like {
    padding: 0 15px;
}

.search-notification-like input {
    margin: 10px 0 6px 0 !important;
    padding: 0 10px !important;
    border: 1px solid #ACB1B8 !important;
    border-radius: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.add-bio {
    margin-top: 20px;
}

.edit-price-input {
    display: inline;
    max-width: 40px;
    border-bottom: none !important;
    box-shadow: none !important;
}

.pending-list-shop span
{
    float: left !important;
    top: 18px;
}

.share-modal-left {
    width: 20%;
    float: left;
}

.share-modal-right {
    width: 75%;
    float: left;
}


.clear-float {
    clear: both;
}

.task-modal-container {
    width: 84%;
    margin-left: 8%;
    padding-top: 25px;
}

.task-modal-row {
    padding: 20px 0;
}


.share-modal-text {
    font-size: 18px;
    margin: 0;
}

.share-modal-left i {
    margin-top: 14px;
}

.task-modal-check-span {
    color: #FF6000;
    text-decoration: underline;
    font-size: 17px;
}

.task-modal-bordered-row {
    width: 88%;
    height: 0;
    border-top: 1px solid #000000;
    margin-left: 6%;
    margin-top: 12px;
    margin-bottom: 12px;
}

.task-modal-save {
    text-align: center;
    margin-bottom: 30px;
}

.task-modal-save a {
    width: 130px;
    display: inline-block;
    text-align: center;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.print-inner
{
    padding: 0 20px 20px;
}

.print-tab-inner
{
    padding: 10px 20px 20px;
}

audio:focus,
video:focus {
    outline: none;
}

.video-icon
{
    padding-bottom: 4px !important;
    padding-top: 5px !important;
}

.notification-counter {
    display: inline-block;
    position: relative;
}

.notification-cou i {
    font-size: 12px;
    color: #0e4455;
    font-weight: bold;
}

.notification-counter-badge {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #FF0000;
    display: inline-block;
    border-radius: 12px;
    position: absolute;
    top: -10px;
    min-width: 22px;
    text-align: center;
    padding: 0 5px;
    left: 10px;
}

.submit-program-btn {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 5px;
    bottom: 10px;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 0;
    border-radius: 5px;
    position: relative;
}


.submit-program-ext {
    display: block;
    margin: 3px 0 0 0;
}

.submitted-program-text {
    font-size: 12px;
    font-weight: 600;
    color: gray;
    position: relative;
    bottom: 6px;
}

.submitted-program-text-red {
    font-size: 12px;
    font-weight: 600;
    color: red;
    position: relative;
    bottom: 6px;
    float: left !important;
    margin-right: 5px;
}

.submitted-program-text-green {
    font-size: 12px;
    font-weight: 600;
    color: green;
    position: relative;
    bottom: 6px;
}

.submit-program-edit-btn {
    color: #072F3C;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 13px;
    background-color: #CCD9DF;
    background-image: -moz-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCD9DF));
    background-image: -webkit-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: -o-linear-gradient(top, #ffffff, #CCD9DF);
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 0;
    border-radius: 5px;
    display: inline-block;
}

.close-graph-btn-text {
    display: block;
    right: 12px;
    bottom: 0;
    color: red;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    padding-right: 15px;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.progress-graph-padding {
    padding-top: 12px;
}

.progress-fitness-graph {
    padding-top: 28px;
}

.only-print {
    display: none;
}


.register-form-simple #reepay-token-button {
    margin: 35px 0 60px;
    cursor: pointer;
    background: #1e5060;
    color: #fff;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
}

.print-area-main {
    display: none;
}

@media print
{
    #app { display: none }
    header { display: none }
    footer { display: none }
    .only-print { display: block }
    .no-print { display: none }
    .progress-graph-padding { padding-top: 30px;}
    .print-area-main { display: block }
    .print-area-main { visibility: visible }

}

.fc-content
{
    color: #fff;
    background-color: #168FA9;
}

.new-calender
{
    margin: 150px 0;
}

.fc-time-grid-event
{
    background: #0e4455;
}
.has-event{
    color:red !important;
}

.start-program-div {
    width: 26px;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    cursor: pointer;
}

.start-program-div-week {
    width: 8px;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    cursor: pointer;
}

.opened-notification-tray-container {
    position: fixed;
    right: 5px;
    bottom: 0;
    display: inline-block;
    width: 420px;
    padding: 12px 12px 0 0;
}

.opened-notification-tray-container .not-tray-close i{
    font-size: 13px;
    color: #ffffff;
}

.opened-notification-tray-container .not-tray-close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #537b86;
    position: absolute;
    cursor: pointer;
    display: block;
    text-align: center;
    right: 3px;
    top: -5px;
    z-index: 999;
}

.opened-notification-tray {
    width: 100%;
    margin: 0 !important;
}


.notification-tray-item {
    background: #ffffff;
    width: 100%;
    padding: 10px 20px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
}

.notification-tray-item:nth-child(odd) {
    background-color: rgba(242,242,242,1);
}


/*.notification-tray-timer {*/
/*    background: rgba(226, 226, 226, 1);*/
/*    width: 100%;*/
/*    padding: 5px 20px;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/

/*#sync-now-notification {*/
/*    cursor: pointer;*/
/*    color: #537b86;*/
/*}*/

.additional-pro-title {
    margin: 0;
    line-height: 54px;
}

.today-btn-calender {
    float: unset !important;
    display: inline-block;
}

.calender-loader {
    background-color: #70B2FE;
    text-align: center;
    padding: 5px 0;
}

.calender-loader .spinner-green-only, .life-preloader-show .spinner-green-only {
    border-color: #3E7182 !important;
}

.life-preloader-show {
    text-align: center;
}


.error_message {
    font-size: 18px;
}

.c-pointer {
    cursor: pointer;
}

.preferred-currency {
    cursor: pointer;
    position: relative;
    bottom: 8px;
    /* background: transparent; */
    color: #1a728d !important;
    font-weight: 700;
}

.sign-up-btn, .professional-create-btn {
    margin: 35px 0 60px !important;
    cursor: pointer;
    background: #1e5060;
    color: #fff;
    border: none;
    padding: 15px 30px !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

.complete-purchase-bt,
.professional-create-btn
{
    background: rgb(40,167,113);
    padding: 10px !important;
    width: 100%;
    margin: 0 !important;
}

.main-block-pro-license p {
    padding:0 !important;
    color: #000;
}

.admin-gender {
    font-size: 17px;
    color: #000000;
    font-weight: 500;
    background-color: #EFF0F2;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #ACB1B5;
    margin: 10px 0;
}

/*.notification-tray-item-program {*/
/*    font-size: 15px;*/
/*    color: #537b86;*/
/*    width: 100%;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/

/*.notification-task-text {*/
/*    display: inline-block;*/
/*    width: 280px;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    line-height: 20px;*/
/*}*/

.notification-task-text {
    font-size: 15px;
    color: #537b86;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#back-from-two, #back-from-three,#back-from-three_next {
    background: #1e5060;
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
}

.material-tooltip {
    background-color: #E3E9F4 !important;
    text-align: left !important;
    color: #454545 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

.inner-content-widget-calendar {
    padding: 0 !important;
    position: relative;
    top: -4px;
}

.no-shadow-and-border {
    box-shadow: none !important;
    border-bottom: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/*tooltipvelue {*/
/*    font-weight: 700 !important;*/
/*    display: inline !important;*/
/*}*/

/*.tooltipvelue {*/
/*    font-weight: 700 !important;*/
/*    display: inline !important;*/
/*}*/


@media (max-width: 1550px){

    .setting-table .green-on, .setting-table .red-off {
        padding: 8px 7px;
        font-size: 13px;
    }


}

.content-section {
    min-height: 70vh;
}

.message_page {
    max-width: 74px !important;
    float: left;
}
.show-message{
    display: inline;
    float: left;
    padding: 5px 15px;
    font-weight: bold;
    color: #072F3C;
}

.unset-float {
    float: unset !important;
}


.datepicker-controls .select-year input  {
    padding: 0 !important;
    margin-top: 4px;
    height: 30px;
    max-width: 70px;
    font-size: 14px;
    font-weight: 600;
    width: unset !important;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    box-sizing: border-box;
}


.datepicker-controls .select-month input {
    padding: 0 !important;
    margin-top: 4px;
    height: 30px;
    max-width: 105px;
    font-size: 14px;
    font-weight: 600;
    width: unset !important;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    box-sizing: border-box;
}



.delete-account-btn {
    text-shadow: 1px 1px #525252 !important;
    background-color: #ff6353 !important;
    background-image: none !important;
    border: 1px solid #c63e30 !important;
    box-shadow: inset 0 -2px 0 rgba(176,83,74,.77), inset 0 0 0 1px rgba(255,255,255,.28) !important;
    border-radius: 5px !important;
}




/*===== Vertical Timeline =====*/
#conference-timeline {
    position: relative;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}
#conference-timeline .timeline-start,
#conference-timeline .timeline-end {
    display: table;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    background: #00b0bd;
    padding: 15px 23px;
    color: #fff;
    max-width: 5%;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#conference-timeline .conference-center-line {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background: #00b0bd;
    z-index: -1;
}
/*#conference-timeline .conference-timeline-content {*/
/*    padding-top: 67px;*/
/*    padding-bottom: 67px;*/
/*}*/
.timeline-article {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
    max-width: 44%;
    width: 100%;
}
.timeline-article .timeline-author {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #242424;
    text-align: right;
}
.timeline-article .content-left,
.timeline-article .content-right {
    position: relative;
    width: auto;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.03);
    padding: 0 20px;
}
.timeline-article p {
    /*margin: 0 0 0 60px;*/
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 14px;
    line-height: 24px;
    position: relative;
}
.timeline-article p span.article-number {
    position: absolute;
    font-weight: 300;
    font-size: 44px;
    top: 10px;
    left: -60px;
    color: #00b0bd;
}
.timeline-article .content-left-container {
    float: left;
}
.timeline-article .content-right-container {
    float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before{
    position: absolute;
    top: 20px;
    font-size: 23px;
    font-family: "FontAwesome";
    color: #fff;
}
.timeline-article .content-left:before {
    content: "\f0da";
    right: -8px;
}
.timeline-article .content-right:before {
    content: "\f0d9";
    left: -8px;
}
.timeline-article .meta-date {
    position: absolute;
    top: 0;
    left: 50%;
    width: 62px;
    height: 62px;
    margin-left: -31px;
    color: #fff;
    border-radius: 100%;
    background: #082F3C;
}
.timeline-article .meta-date .date,
.timeline-article .meta-date .month {
    display: block;
    text-align: center;
    font-weight: 900;
}
.timeline-article .meta-date .date {
    font-size: 30px;
    line-height: 40px;
}
.timeline-article .meta-date .month {
    font-size: 18px;
    line-height: 10px;
}
    p.red-class{
        color: red !important;
    }
    p.green-class{
        color: green !important;
    }
    p.orange-class{
        color: orange !important;
    }
    p.blue-class{
        color: blue !important;
    }
p.brown-class{
    color: brown !important;
}
/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
    #conference-timeline .timeline-start,
    #conference-timeline .timeline-end {
        margin: 0;
    }
    #conference-timeline .conference-center-line {
        margin-left: 0;
        left: 50px;
    }
    .timeline-article .meta-date {
        margin-left: 0;
        left: 20px;
    }
    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 110px;
        min-height: 53px;
    }
    .timeline-article .content-left-container {
        margin-bottom: 20px;
    }
    .timeline-article .content-left,
    .timeline-article .content-right {
        padding: 10px 25px;
        min-height: 65px;
    }
    .timeline-article .content-left:before {
        content: "\f0d9";
        right: auto;
        left: -8px;
    }
    .timeline-article .content-right:before {
        display: none;
    }



}
@media only screen and (max-width: 400px) {
    .timeline-article p {
        margin: 0;
    }
    .timeline-article p span.article-number {
        display: none;
    }

}

.modal-overlay{
   display: none !important;
}


/*===== // Resonsive Vertical Timeline =====*/


.calender-day-heading {
    text-transform: lowercase !important;
}


.calender-day-heading:first-letter {
    text-transform: uppercase !important;
}


tooltipcontainer span, .month-tooltip-style span {
    display: block !important;
    line-height: 18px !important;
    font-size: 12px;
    font-weight: 300 !important;
}

tooltipcontainer b, .month-tooltip-style b {
    font-weight: 500 !important;
}

/*.calender-repeat-div span {*/
/*    display: block !important;*/
/*    line-height: 20px !important;*/
/*}*/

.data-banner
{
    background-color: #234652;
    border-radius: 10px;
    color: #fff;
    padding: 20px;
}

.data-banner-content
{
    text-align: center;
}
.data-banner-content a
{
    color: #fff;
}

.clear-data-bt
{
    background: #C93425;
    border: #C93425;
    box-shadow: 0 1px 1px #C93425 inset, 0 -2px 1px red inset;
}

.notifyjs-bootstrap-success
{
    background-color: #158ea8 !important;
    color: #fff !important;
    border-color: #234652 !important;
    text-shadow: none !important;
}

.notifyjs-bootstrap-base
{
    /*font-weight: normal !important;*/
}
.profile-back-btn{
    float: left;
    color: #072F3C;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 13px;
    background-color: #CCD9DF;
    background-image: linear-gradient(to bottom, #ffffff, #CCD9DF);
    background-repeat: repeat-x;
    border: 1px solid #5B818E;
    margin: 10px 0;
    border-radius: 5px;
}

.help-modal
{
    max-width: 50%;
    min-height: 50%;
}
.help-body
{
    padding: 0 25px;
}

.help-body a
{
    color: #2babe9;
    font-size: 16px;
    font-weight: 600;
}

.help-body h5
{
    font-weight: 600;
}

.help-body i
{
    color: #757575;
    padding-right: 20px;
}

.help-body p
{
    padding: 0;
}
.fa-caret-left{
    display: none !important;
}

#progress-bar-main {
    background-color: #11aad3;
    height: 7px;
    position:fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 0;
    transition: width 1s;
    border-radius: 0 3px 3px 0;
}
.progress-bar-main-inner {
    height: 30px;
    background-color: #0C4455;
    position: relative;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 0;
    transition: width 1s;
    margin-bottom: 10px;
    margin-top: 5px;
    display: none;
}
.p-relative {
    position: relative;
}


.partially-delete-main-btn {
    padding-left: 32px !important;
    position: relative;
}

.partially-delete-main-btn i {
    font-size: 22px !important;
    position: absolute !important;
    left: 8px !important;
}


.inner-content-top-portion-profile #progress-bar-main-inner {
    left: -20px;
    right: -20px;
}
.quillWrapper strong {
    font-weight: 700 !important;
}

.ql-align-center{
    text-align: center !important;
}
.ql-align-right{
    text-align: right !important;
}
.ql-align-justify{
    text-align: justify !important;
}


.help-add-right
{
    background-color: #fff;
    padding: 0 30px 80px;
    margin-top: 10px;
    border: 1px solid rgba(0,0,0,0.12);
}

.chat-win
{
    margin: 20px 0;
}

.chat-body
{
    background: #FFFFFF;
    /*border: 1px solid #84888F;*/
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 15px;
}

.msg-reciever
{
    float: left;
    background-color: #0c4455;
    color: #fff;
    padding: 10px 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius:5px;
    /*margin-left: 15px;*/
    max-width: 770px;
}

.msg-sender
{
    background-color: #158fa7;
    color: #fff;
    float: right;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*margin-right: 15px;*/
    max-width: 330px;
}

.msg-rec-info span
{
    /*margin-left: 15px;*/
}

.msg-rec-info span,
.msg-sender-info span
{
    font-size: 12px;
    color: rgba(12, 68, 85, 0.4);
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

.msg-sender-info span
{
    text-align: right;
    /*margin-right: 15px;*/
}

.msg-sender-info
{
    margin-bottom: 80px;
}

.text-area
{
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    background-color: #fff;
    padding: 15px;
}

.text-mgs-block
{
    border-top: 2px solid rgba(205, 205, 205, 0.8);
    position: relative;
    /*padding: 0 15px;*/
}

.text-area textarea::placeholder
{
    color: rgba(21, 41, 53, 0.4);
}

.text-area textarea
{
    background: #EEEEEE;
    margin: 0;
    border: none;
    padding-left: 20px;
    box-sizing: border-box;
    margin-top: 15px;
    border-radius: 5px;
    resize: unset;
}

.text-area textarea
{
    border-radius: 5px;
    height: 52px;
    padding-right: 60px;
    padding-top: 15px;
}

.main-chat-body
{
    position: relative;
}

.text-area input[type=text]:not(.browser-default):focus:not([readonly])
{
    border: none;
    box-shadow: none;
}

.msg-send
{
    position: absolute;
    right: 10px;
    top: 22px;
    background-color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0 2px;
}

.msg-send i
{
    font-size: 35px;
    color: #158FA7;
}

.chat-box
{
    border: 1px solid #84888F;
    box-sizing: border-box;
    background-color: #fff;
}

.chat-body .row
{
    margin: 0;
}

.unread-count
{
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid red;
    position: absolute;
    border-radius: 50%;
    background: red;
}

.sidebar-count
{
    left: 52px;
}

.list-unread-count
{
    right: 10px;
    top: 10px;
}

.turn-off .popup-btn-default
{
    float: none;
}

.note-alert
{
    max-width: 635px !important;
}
.version-detail a,
.register-desc a
{
    color: #55adc6;
}

.tox-statusbar{
    display: none !important;
}
/*.dropdown-content {*/
    /*height:300px !important;*/
    /*top:10% !important;*/
    /*position: fixed;*/
/*}*/

/*Acc page fonts update*/

.font-adjustments .login-status
{
    font-family: 'SegoeUIRegular';
    font-size: 16px;
}

.font-adjustments .user-title
{
    font-family: 'SegoeUIBold';
    font-size: 18px;
}

.font-adjustments .profile-tabs .tabs .tab a
{
    font-family: 'SegoeUIBold';
    font-size: 24px;
    line-height: 1.8;
}
@media(max-width:768px){
    .font-adjustments .profile-tabs .tabs .tab a {
        font-family: 'SegoeUIBold';
        font-size: 22px;
        line-height: 1.9;
    }
}
.font-adjustments .profile-heading
{
    font-family: 'SegoeUIBold';
    font-size: 20px !important;
}

.font-adjustments .profile-note
{
    font-family: 'SegoeUIBold';
    font-size: 16px !important;
}

.font-adjustments .profile-input label,
.font-adjustments .profile-input input
{
    font-family: 'SegoeUIRegular';
    font-weight: 400;
    font-size: 20px;
}

.font-adjustments .profile-checkbox span
{
    font-family: 'SegoeUIRegular';
    font-size: 15px;
}

.gender-title
{
    top: -44px !important;
}

.register-form .select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #dcdcdc;
}

.dropdown-content-datepicker {
    height:300px !important;
    top:10% !important;
    position: fixed;
}
.CookieDeclaration{
    display: none !important;
}
.prog-description{
    padding: 0 20px;
}

.prog-description strong
{
    font-weight: bolder !important;
}

.url-field input
{
    border: none !important;
    margin: 0 !important;
}

/*.register-form-simple .dropdown-content
{
    !*height: auto;
    overflow-y: auto !important;
    top: unset;*!
    position: fixed;
    height:300px !important;
    top: 10% !important;
}*/

/*.dropdown-content-datepicker {
    position: fixed;
    height:300px !important;
    top: 10% !important;
}*/

.rate-modal
{
    max-width: 779px !important;
    height: 657px;
}

.rate-modal-title
{
    font-size: 36px;
    color: #158EA8;
    margin-top: 25px !important;
}

.rate-modal-desc
{
    font-size: 18px;
    color: #666666;
    margin: 16px 0 36px;
}

.rate-modal .login-form input[type=text]
{
    border: 1px solid #ABD4DD !important;
    margin-top: 8px;
}

.rate-modal textarea
{
    height: 175px;
    border-color: #ABD4DD;
    resize: unset;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 8px !important;
    padding: 10px;
    margin-bottom: 55px;
}

.desc-title
{
    font-size: 16px;
    color: #54ACBF;
    font-weight: bold;
    margin: 0;
}

.rate-modal .form-bt
{
    width: 311px;
    margin: 0 auto;
    display: block;
}

.rate-modal .input-field
{
    margin-top: 0;
}

.rate-modal-close
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.thanks-receipt
{
    margin: 0 auto 50px;
    padding: 0 100px;
}

.thanks-receipt .payment-status
{
    text-align: center;
}

.thanks-receipt span
{
    display: block;
}

.purchase-list
{
    display: inline-block;
}

.main-purchase-list
{
    margin: 0 auto;
    width: 600px;
}

.purchase-info h3
{
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    display: block;
}

.purchase-info
{
    width: 74%;
    margin: 20px auto;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.check-icon
{
    margin-top: 40px;
}

.payment-status h3
{
    color: #13966F;
    display: block;
    margin: 0;
}

.pay-user-detail h5
{
    margin: 0;
    font-weight: bold;
    font-size: 15px;
}

.pay-user-detail
{
    margin-top: 20px;
}

.payment-status p
{
    font-weight: bold;
}

.check-icon i
{
    color: #13966F;
    border: 2px solid #13966F;
    border-radius: 50%;
    font-size: 50px;
    font-weight: bold;
}

.pay-sign
{
    text-align: center;
    display: block;
    /*font-weight: bold;*/
}

.right-side-pay-list
{
    float: right;
}

.pay-bottom-actions
{
    display: block;
    color: blue;
    margin: 10px 0;
    font-size: 14px;
    text-align: center;
}

.price-detail
{
    float: right;
    display: inline-block;
    text-align: right;
}

.program-status
{
    float: none !important;
    display: inline-block;
}

.select-status
{
    text-align: center;
}

.disabled-link {
    pointer-events: none;
}

/*.purchase-list li*/
/*{*/
    /*font-weight: bold;*/
/*}*/
@-moz-document url-prefix() {
    .date-table td {
        background: unset;
    }
}

.banner-img-product img
{
   height: 100px;
    object-fit: cover;
}

.banner-img-product-detail img
{
    height: 410px !important;
    object-fit: unset !important;
}

.latest-coach-product img
{
    height: 174px;
}

.product-detail-limit
{
    height: 95px;
    overflow: hidden;

}
.product-detail-limit span{
    font-size: 15px !important;
}

.product-detail-limit-p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 1.5;
    max-height: 10.5em;
    word-break: break-word;
}

.product-detail-limit-p p {
    margin: 0;
}
.product-detail-limit-p h2 {
    font-size: 15px !important;
    margin: unset !important;
    line-height: unset !important;
    margin-top: 15px !important;
}



.purchase-model .confirm-body p
{
    text-align: left !important;
    padding: 0 20px;
    line-height: 1.6;
}

.add-cart-disabled{
    background: #9A9A9B !important;
}

#survey-info {
    width: 600px !important;
    max-width: 90% !important;
    top: 25% !important;
    height: 450px !important;
}

.program-mid-line {
    border-top: 1px solid lightgray;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: -20px;
    margin-right: -25px;
}
.cancel-subscription{
    background-color: #FF715C !important;
}
.flatpickr-calendar {
    z-index: 9999 !important; /* Ensures it's above Materialize modals */
}

.flatpickr-input {
    background-color: white !important; /* Fixes Materialize input styling */
    border: 1px solid #ccc !important;
}

#my_birthday.flatpickr-calendar {
    position: absolute !important;
    z-index: 1050 !important;
}


body .flatpickr-current-month {
    display: flex !important;
}


body .flatpickr-monthDropdown-months {
    display: block;
    flex: 1;
    padding: 0 !important;
    line-height: 10px !important;
    height: unset !important;
    font-size: 16px !important;
}

body .numInputWrapper {
    width: 60px;
}

.vimeo-container {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.vimeo-container:hover::after {
    content: "Double-click to maximize";
    position: absolute;
    bottom: 5px;
    right: 8px;
    font-size: 11px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 6px;
    border-radius: 3px;
}