body {
    font: 100% Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100vh;
}



.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.designSystem h1,.modal h1 {
    font-size: 26px;
    line-height: 34px
}

.designSystem h1,.designSystem h2,.modal h1,.modal h2 {
    font-family: Helvetica,Arial,sans-serif;
    color: #303133;
    font-weight: 400
}

.designSystem h2,.modal h2 {
    font-size: 24px;
    line-height: 31px
}

.designSystem h3,.modal h3 {
    font-size: 22px;
    line-height: 28px
}

.designSystem h3,.designSystem h4,.modal h3,.modal h4 {
    font-family: Helvetica,Arial,sans-serif;
    color: #303133;
    font-weight: 400
}

.designSystem h4,.modal h4 {
    font-size: 20px;
    line-height: 25px
}

.designSystem h5,.modal h5 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #303133;
    font-weight: 400;
    line-height: 22px
}

.designSystem h6,.modal h6 {
    color: #303133
}

.designSystem h6,.modal h6,.tz-lp,p.tz-lp {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.tz-lp,p.tz-lp {
    color: #797c80;
    margin: 0;
    padding: 0
}

.clientForm__row .ant-radio-group label,.clientForm__row label,.iCsvDialog .textGuide__text,.tz-p,p.tz-p {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #797c80;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 0
}

.iCsvDialog .dropArea__fileName,.sidebar .sidebar-challenge__expanded a.section-link,.sidebar .sidebar-program--expanded a.section-link,.sidebar .sidebar-userProgram--expanded a.section-link,.tz-sp,p.tz-sp {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #797c80;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    padding: 0
}

.tz-cp,p.tz-cp {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 10px;
    color: #797c80;
    font-weight: 100;
    line-height: 14px;
    margin: 0;
    padding: 0
}

label.tz-label--small {
    font-size: 12px;
    line-height: 16px
}

label.tz-label,label.tz-label--medium,label.tz-label--small {
    font-family: Helvetica,Arial,sans-serif;
    color: #303133;
    font-weight: 400;
    margin: 0;
    padding: 0
}

label.tz-label,label.tz-label--medium {
    font-size: 14px;
    line-height: 18px
}

label.tz-label--large {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #303133;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.tz-textButton--small {
    font-size: 12px;
    line-height: 16px
}

.tz-textButton,.tz-textButton--medium,.tz-textButton--small {
    font-family: Helvetica,Arial,sans-serif;
    color: #06a9f6;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer
}

.tz-textButton,.tz-textButton--medium {
    font-size: 14px;
    line-height: 18px
}

.tz-textButton--large {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #06a9f6;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer
}

.whiteSpace--preWrap {
    white-space: pre-wrap
}

.whiteSpace--pre {
    white-space: pre
}

.whiteSpace--preLine {
    white-space: pre-line
}

.whiteSpace--normal {
    white-space: normal
}

.text--center,h1.text--center,h2.text--center,h3.text--center,h4.text--center,h5.text--center,h6.text--center,label.text--center,p.text--center {
    text-align: center
}

.text--left,h1.text--left,h2.text--left,h3.text--left,h4.text--left,h5.text--left,h6.text--left,label.text--left,p.text--left {
    text-align: left
}

.text--right,h1.text--right,h2.text--right,h3.text--right,h4.text--right,h5.text--right,h6.text--right,label.text--right,p.text--right {
    text-align: right
}

.text--bold,h1.text--bold,h2.text--bold,h3.text--bold,h4.text--bold,h5.text--bold,h6.text--bold,label.text--bold,p.text--bold {
    font-weight: 800
}

.text--inline,h1.text--inline,h2.text--inline,h3.text--inline,h4.text--inline,h5.text--inline,h6.text--inline,label.text--inline,p.text--inline {
    display: inline
}

.text--strikeThrough,h1.text--strikeThrough,h2.text--strikeThrough,h3.text--strikeThrough,h4.text--strikeThrough,h5.text--strikeThrough,h6.text--strikeThrough,label.text--strikeThrough,p.text--strikeThrough {
    text-decoration: line-through
}

.color--white,h1.color--white,h2.color--white,h3.color--white,h4.color--white,h5.color--white,h6.color--white,input.color--white,label.color--white,p.color--white,span.color--white,textarea.color--white {
    color: #fff
}

.color--red,h1.color--red,h2.color--red,h3.color--red,h4.color--red,h5.color--red,h6.color--red,input.color--red,label.color--red,p.color--red,span.color--red,textarea.color--red {
    color: #ff5366
}

.color--blue,h1.color--blue,h2.color--blue,h3.color--blue,h4.color--blue,h5.color--blue,h6.color--blue,input.color--blue,label.color--blue,p.color--blue,span.color--blue,textarea.color--blue {
    color: #06a9f6
}

.color--orange,h1.color--orange,h2.color--orange,h3.color--orange,h4.color--orange,h5.color--orange,h6.color--orange,input.color--orange,label.color--orange,p.color--orange,span.color--orange,textarea.color--orange {
    color: #ff9801
}

.color--black,.color--secondary-black,h1.color--black,h1.color--secondary-black,h2.color--black,h2.color--secondary-black,h3.color--black,h3.color--secondary-black,h4.color--black,h4.color--secondary-black,h5.color--black,h5.color--secondary-black,h6.color--black,h6.color--secondary-black,input.color--black,input.color--secondary-black,label.color--black,label.color--secondary-black,p.color--black,p.color--secondary-black,span.color--black,span.color--secondary-black,textarea.color--black,textarea.color--secondary-black {
    color: #303133
}

.color--primary-gray,h1.color--primary-gray,h2.color--primary-gray,h3.color--primary-gray,h4.color--primary-gray,h5.color--primary-gray,h6.color--primary-gray,input.color--primary-gray,label.color--primary-gray,p.color--primary-gray,span.color--primary-gray,textarea.color--primary-gray {
    color: #606366
}

.color--gray0,h1.color--gray0,h2.color--gray0,h3.color--gray0,h4.color--gray0,h5.color--gray0,h6.color--gray0,input.color--gray0,label.color--gray0,p.color--gray0,span.color--gray0,textarea.color--gray0 {
    color: #f8f8f8
}

.color--gray20,h1.color--gray20,h2.color--gray20,h3.color--gray20,h4.color--gray20,h5.color--gray20,h6.color--gray20,input.color--gray20,label.color--gray20,p.color--gray20,span.color--gray20,textarea.color--gray20 {
    color: #eaeaea
}

.color--gray40,h1.color--gray40,h2.color--gray40,h3.color--gray40,h4.color--gray40,h5.color--gray40,h6.color--gray40,input.color--gray40,label.color--gray40,p.color--gray40,span.color--gray40,textarea.color--gray40 {
    color: #d6d8da
}

.color--gray60,h1.color--gray60,h2.color--gray60,h3.color--gray60,h4.color--gray60,h5.color--gray60,h6.color--gray60,input.color--gray60,label.color--gray60,p.color--gray60,span.color--gray60,textarea.color--gray60 {
    color: #dae0e6
}

.color--gray80,.color--primary-grayBlue,h1.color--gray80,h1.color--primary-grayBlue,h2.color--gray80,h2.color--primary-grayBlue,h3.color--gray80,h3.color--primary-grayBlue,h4.color--gray80,h4.color--primary-grayBlue,h5.color--gray80,h5.color--primary-grayBlue,h6.color--gray80,h6.color--primary-grayBlue,input.color--gray80,input.color--primary-grayBlue,label.color--gray80,label.color--primary-grayBlue,p.color--gray80,p.color--primary-grayBlue,span.color--gray80,span.color--primary-grayBlue,textarea.color--gray80,textarea.color--primary-grayBlue {
    color: #aaaeb3
}

.color--gray100,.color--tertiary-gray,h1.color--gray100,h1.color--tertiary-gray,h2.color--gray100,h2.color--tertiary-gray,h3.color--gray100,h3.color--tertiary-gray,h4.color--gray100,h4.color--tertiary-gray,h5.color--gray100,h5.color--tertiary-gray,h6.color--gray100,h6.color--tertiary-gray,input.color--gray100,input.color--tertiary-gray,label.color--gray100,label.color--tertiary-gray,p.color--gray100,p.color--tertiary-gray,span.color--gray100,span.color--tertiary-gray,textarea.color--gray100,textarea.color--tertiary-gray {
    color: #797c80
}

.color--secondary-gray,h1.color--secondary-gray,h2.color--secondary-gray,h3.color--secondary-gray,h4.color--secondary-gray,h5.color--secondary-gray,h6.color--secondary-gray,input.color--secondary-gray,label.color--secondary-gray,p.color--secondary-gray,span.color--secondary-gray,textarea.color--secondary-gray {
    color: #919599
}

.color--secondary-grayBlue,h1.color--secondary-grayBlue,h2.color--secondary-grayBlue,h3.color--secondary-grayBlue,h4.color--secondary-grayBlue,h5.color--secondary-grayBlue,h6.color--secondary-grayBlue,input.color--secondary-grayBlue,label.color--secondary-grayBlue,p.color--secondary-grayBlue,span.color--secondary-grayBlue,textarea.color--secondary-grayBlue {
    color: #c2c7cc
}

.color--secondary-green,h1.color--secondary-green,h2.color--secondary-green,h3.color--secondary-green,h4.color--secondary-green,h5.color--secondary-green,h6.color--secondary-green,input.color--secondary-green,label.color--secondary-green,p.color--secondary-green,span.color--secondary-green,textarea.color--secondary-green {
    color: #70d27c
}

.color--clickable,h1.color--clickable,h2.color--clickable,h3.color--clickable,h4.color--clickable,h5.color--clickable,h6.color--clickable,input.color--clickable,label.color--clickable,p.color--clickable,span.color--clickable,textarea.color--clickable {
    color: #06a9f6
}

.color--error,h1.color--error,h2.color--error,h3.color--error,h4.color--error,h5.color--error,h6.color--error,input.color--error,label.color--error,p.color--error,span.color--error,textarea.color--error {
    color: #ff5366
}

.color--brand-orange,h1.color--brand-orange,h2.color--brand-orange,h3.color--brand-orange,h4.color--brand-orange,h5.color--brand-orange,h6.color--brand-orange,input.color--brand-orange,label.color--brand-orange,p.color--brand-orange,span.color--brand-orange,textarea.color--brand-orange {
    color: #ffb400
}

.color--darkBlue,h1.color--darkBlue,h2.color--darkBlue,h3.color--darkBlue,h4.color--darkBlue,h5.color--darkBlue,h6.color--darkBlue,input.color--darkBlue,label.color--darkBlue,p.color--darkBlue,span.color--darkBlue,textarea.color--darkBlue {
    color: #3c4f62
}

.clickable:hover .hoverClickable,.hoverClickable:hover,h1.hoverClickable:hover,h2.hoverClickable:hover,h3.hoverClickable:hover,h4.hoverClickable:hover,h5.hoverClickable:hover,h6.hoverClickable:hover,input.hoverClickable:hover,label.hoverClickable:hover,p.hoverClickable:hover,span.hoverClickable:hover,textarea.hoverClickable:hover {
    color: #06a9f6
}

.p64t {
    padding-top: 64px!important
}

.p64b {
    padding-bottom: 64px!important
}

.border__bottom {
    border-bottom: 1px solid #606366
}

.border__bottom--gray {
    border-bottom: 1px solid #eaeaea
}

.border__bottom--black {
    border-bottom: 1px solid #000
}

.border__bottom--none {
    border-bottom: none!important
}

.border__bottom--gray20 {
    border-bottom: 1px solid #eaeaea
}

.border__top {
    border-top: 1px solid #606366
}

.border__top--gray {
    border-top: 1px solid #eaeaea
}

.border__top--black {
    border-top: 1px solid #000
}

.border__top--none {
    border-top: none!important
}

.border__right {
    border-right: 1px solid #606366
}

.border__right--gray,.border__right--gray20 {
    border-right: 1px solid #eaeaea
}

.border__right--black {
    border-right: 1px solid #000
}

.border__left {
    border-left: 1px solid #606366
}

.border__left--gray,.border__left--gray20 {
    border-left: 1px solid #eaeaea
}

.border__left--black {
    border-left: 1px solid #000
}

.border__left--none {
    border-left: none!important
}

.border__dashed--blue {
    border: 1px dashed #06a9f6
}

.border__dashed--grayBlue {
    border: 1px dashed #c2c7cc
}

.border--gray {
    border: 1px solid #eaeaea
}

.border--pBlue {
    border: 1px solid #06a9f6
}

.border--none {
    border: none!important
}

.border--placeholder {
    border: 1px solid transparent
}

.border--1 {
    border: 1px solid #c2c7cc
}

.border--gray20 {
    border: 1px solid #eaeaea
}

.border--gray40 {
    border: 1px solid #d6d8da
}

.border--blueGray,.border--gray60 {
    border: 1px solid #dae0e6
}

.border--error {
    border-color: #ff5366!important
}

.border--radius-1 {
    border-radius: 1px
}

.border--radius-2 {
    border-radius: 2px
}

.border--radius-3 {
    border-radius: 3px
}

.border--radius-4 {
    border-radius: 4px
}

.ml32 {
    margin-left: 32px
}

.ml64 {
    margin-left: 64px
}

.mla {
    margin-left: auto
}

.mr32 {
    margin-right: 32px
}

.mr64 {
    margin-right: 64px
}

.mra {
    margin-right: auto
}

.background--white {
    background-color: #fff
}

.background--gray {
    background-color: #eaeaea
}

.background--blueGray {
    background-color: #eff3f6
}

.background--gray0,.background--lightGray {
    background-color: #f8f8f8
}

.background--gray20 {
    background-color: #eaeaea
}

.background--gray40 {
    background-color: #d6d8da
}

.background--gray60 {
    background-color: #dae0e6
}

.background--gray80,.background--gray100 {
    background-color: #aaaeb3
}

.flex__self--center {
    align-self: center
}

.hover {
    cursor: pointer
}

.hover--lighterGray:hover {
    background-color: #f8f8f8
}

.hover:hover label,.hover:hover p {
    cursor: pointer;
    color: #06a9f6
}

.hover:hover .ant-badge p {
    color: #fff
}

.hover--ignore label,.hover--ignore p {
    color: initial!important
}

hr.divider {
    border-style: solid;
    border-top: 0;
    border-color: #dae0e6;
    margin: 16px 0
}

hr.divider--fullWidth {
    border-left: 0;
    border-right: 0
}

:not(.lottie *,.noFill,.anticon *,.ant-tooltip-arrow *) {
    fill: inherit
}

svg:not(.anticon *) {
    fill: none
}

svg:not(.anticon *) path:not(.lottie *,.anticon *),svg:not(.anticon *) rect:not(.lottie *) {
    fill: inherit
}

svg:not(.anticon *).lottie {
    fill: initial
}

.display--block {
    display: block!important
}

.display--inlineBlock {
    display: inline-block
}

.display--inline {
    display: inline
}

.disabled {
    opacity: .5!important;
    cursor: default!important;
    pointer-events: none
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.absolute--centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0,0,0,.7);
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.chartjs-tooltip.top {
    -webkit-transform: translate(-50%,10%);
    transform: translate(-50%,10%)
}

.chartjs-tooltip.top:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.7) transparent;
    position: absolute;
    z-index: 99;
    bottom: 1em;
    content: "";
    display: block;
    border-width: 0 8px 8px;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.chartjs-tooltip.center {
    -webkit-transform: translate(-50%,-110%);
    transform: translate(-50%,-110%)
}

.chartjs-tooltip.center:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.7) transparent;
    position: absolute;
    z-index: 99;
    bottom: 1em;
    content: "";
    display: block;
    border-width: 8px 8px 0;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.reactToolTip--overlay .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #c2c7cc;
    padding: 16px
}

.reactToolTip--overlay .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.reactToolTip--overlay .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #c2c7cc;
    border-width: 1px 1px 0 0;
    width: 6px;
    height: 8px;
    top: -4px;
    left: 2px;
    transform: rotate(45deg)
}

.reactToolTip--overlay.ant-tooltip-placement-left .ant-tooltip-arrow {
    border-left-color: #fff;
    border-left-width: 6px;
    border-right-width: 0;
    right: -2px
}

.reactToolTip--overlay.ant-tooltip-placement-left .ant-tooltip-arrow:before {
    border-width: 1px 1px 0 0;
    left: -8px
}

.reactToolTip--overlay.ant-tooltip-placement-right .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    left: -1px
}

.reactToolTip--overlay.ant-tooltip-placement-right .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-rightTop .ant-tooltip-arrow:before {
    border-width: 0 0 1px 1px;
    width: 8px;
    height: 8px;
    top: -4px;
    right: -3px
}

.reactToolTip--overlay.ant-tooltip-placement-right .ant-tooltip-arrow {
    border-bottom-color: #fff;
    border-left-width: 0;
    border-right-width: 6px;
    border-bottom-width: 4px
}

.reactToolTip--overlay.ant-tooltip-placement-bottom .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    border-bottom-color: #fff;
    top: 2px;
    border-width: 0 6px 8px
}

.reactToolTip--overlay.ant-tooltip-placement-bottom .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-bottomRight .ant-tooltip-arrow:before {
    border-width: 1px 0 0 1px;
    width: 8px;
    height: 8px;
    top: 1px;
    left: -3px
}

.reactToolTip--overlay.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 16px
}

.reactToolTip--overlay.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 16px
}

.reactToolTip--overlay.ant-tooltip-placement-top .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: 3px;
    border-top-color: #fff;
    border-right-color: transparent;
    border-width: 8px 8px 0 6px;
    right: 2px
}

.reactToolTip--overlay.ant-tooltip-placement-top .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-topLeft .ant-tooltip-arrow:before,.reactToolTip--overlay.ant-tooltip-placement-topRight .ant-tooltip-arrow:before {
    border-width: 0 1px 1px 0;
    width: 8px;
    height: 8px;
    bottom: 1px;
    left: -3px;
    top: auto
}

.reactToolTip--overlay.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 16px
}

.reactToolTip--overlay.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 16px
}

.reactToolTip--overlay.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.reactToolTip--overlay.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    right: 2.5px
}

.video-js button.vjs-big-play-button {
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: rgba(255,180,0,.85);
    border-width: 1px
}

.video-js button.vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
    transform: translate(-50%,-50%);
    height: inherit;
    width: inherit
}

.video-js:hover button.vjs-big-play-button,.video-js button.vjs-big-play-button:focus {
    background-color: #ffb400
}

.vjs-disabled button.vjs-big-play-button {
    pointer-events: none;
    cursor: unset;
    display: none
}

.aspect--16-9 {
    padding-top: 56.25%
}

input.noInputSpinner::-webkit-inner-spin-button,input.noInputSpinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.noInputSpinner[type=number] {
    -moz-appearance: textfield
}

.isBeta {
    width: 38px;
    height: 14px;
    line-height: 14px;
    font-size: 8px;
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    background-color: #ffb400;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.editableTextInput {
    border: 1px solid transparent;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.editableTextInput:hover {
    border: 1px solid #d6d8da
}

.ant-select.errorBorder {
    border: none!important
}

.ant-select.errorBorder .ant-select-selection {
    border-color: #ff5366
}

.nullContent {
    text-align: center
}

.nullContent h1 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .3px;
    color: #4a4a4a
}

.nullContent h1,.nullContent p {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center
}

.nullContent p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .2px;
    color: #797c80
}

.filterMenu {
    background-color: #f8f8f8
}

.filterMenu p {
    color: #606366;
    font-size: 14px;
    font-weight: 100
}

.filterMenu-content {
    padding: 16px 8px
}

.filterMenu-filler {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column
}

.filterMenu-dropdown {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box
}

.filterMenu-dropdown h5 {
    color: #606366
}

.filterMenu-header {
    background-color: #f8f8f8;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11px 11px 11px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb
}

.filterMenu-header h4 {
    color: #303133;
    font-size: 14px;
    font-weight: 400
}

.filterMenu-footer {
    padding: 8px
}

.filterMenu-footer img {
    padding-right: 4px
}

.filterMenu-footer p {
    font-size: 13px;
    margin: 0;
    padding: 0 4px
}

.print {
    margin: 0;
    padding: 0;
    clear: both;
    background-color: gray;
    page-break-after: always
}

.print button.btn,.print svg.icon.svg {
    display: none
}

.print:last-child {
    page-break-after: avoid;
    page-break-inside: avoid;
    margin-bottom: 0
}

@media {
    .page-break {
        display: none
    }
}

@media print {
    body,html {
        height: 99%;
        -webkit-print-color-adjust: exact;
        page-break-after: always;
        min-height: auto
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: auto
    }
}

@page {
    size: letter portrait
}

.hamburger-anker {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    cursor: move
}

.hamburger-anker span {
    display: block;
    width: 22px;
    height: 2px;
    margin-bottom: 4px;
    position: relative;
    background: #cdcdcd
}

.hamburger-anker span:last-of-type {
    margin: 0
}

.snake-loader {
    height: 20px;
    width: 20px;
    position: relative;
    flex-shrink: 0
}

.snake-loader:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border-top: 2px solid #aaa;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite
}

.snake-loader--white:before {
    border-top: 2px solid #fff
}

.snake-loader--black:before {
    border-top: 2px solid #000
}

.loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.75);
    z-index: 5
}

.progress-bar .ant-progress-outer {
    box-sizing: border-box
}

.progress-bar .ant-progress-inner {
    background-color: #dae0e6;
    box-sizing: border-box;
    overflow: hidden
}

.progress-bar .ant-progress-bg {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.progress-bar .ant-progress-bg,.progress-bar .ant-progress-success-bg {
    background-color: #85d7fe
}

.progress-bar__success .ant-progress-bg {
    background: #70d27c;
    opacity: 1
}

.progress-bar__error .ant-progress-bg {
    background: #ff5366;
    opacity: 1
}

.reactModal {
    background-color: #fff;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.reactModal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    padding: 32px;
    background: rgba(0,0,0,.75);
    box-sizing: border-box
}

.exerciseVideo-failed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #ff5265
}

.videoContainer-general,.videoContainer-vimeo {
    background-color: #000
}

button.dialogHeader__close {
    background-color: transparent;
    background-image: url(/app/images/UI/close_white.png);
    background-size: 100%;
    border: none;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 101
}

button.dialogHeader__close:before,button.dialogHeader__close:hover:before {
    height: 16px;
    width: 16px;
    content: " ";
    background-image: url(/app/images/UI/close_blue.png);
    display: block;
    background-size: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

button.dialogHeader__close:before {
    animation: fadeout .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

button.dialogHeader__close:hover:before {
    animation: fadein .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.profileImage {
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.profileImage__image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    box-sizing: border-box;
    border: 0 solid #d6d8da
}

.profileImage__image--null {
    background-repeat: no-repeat;
    background-position: bottom
}

.profileImage .roundImg {
    border-radius: 50%
}

.profileImage .squareImg {
    border-radius: 0
}

.component-imageUploader__imgHover,.component-profileImageUploader__imgHover {
    background-color: hsla(0,0%,100%,.9);
    position: absolute;
    width: 103%;
    height: 103%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 1
}

.component-profileImageUploader {
    box-sizing: border-box;
    border: 2px solid #cdcdcd;
    background-color: #f7f7f7;
    border-radius: 50%;
    position: relative
}

.component-profileImageUploader__img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%
}

.component-profileImageUploader__null {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom
}

.component-profileImageUploader__upload {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 1
}

.component-profileImageUploader__imgHover--dark {
    background-color: rgba(0,0,0,.3)
}

.component-profileImageUploader__inputUploader {
    display: block;
    height: 100%;
    width: 100%
}

.component-profileImageUploader__inputUploader .ant-upload {
    height: 100%;
    width: 100%
}

.component-profileImageUploader__imgDragDropBig {
    width: 40%;
    height: 40%;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.component-profileImageUploader__imgDragDropBigText {
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 20%;
    margin-top: 6px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.component-imageUploader {
    box-sizing: border-box;
    position: relative
}

.component-imageUploader__img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%
}

.component-imageUploader__null {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom
}

.component-imageUploader__upload {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    cursor: pointer;
    z-index: 1
}

.component-imageUploader__imgHover--dark {
    background-color: rgba(0,0,0,.3)
}

.component-imageUploader__inputUploader {
    display: block;
    height: 100%;
    width: 100%
}

.component-imageUploader__inputUploader .ant-upload {
    height: 100%;
    width: 100%
}

.component-imageUploader__imgDragDropBig {
    width: 40%;
    height: 40%;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.component-imageUploader__imgDragDropBigText {
    position: absolute;
    font-size: 12px;
    top: 50%;
    left: 20%;
    margin-top: 6px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.imageCropper-preview p {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #606366;
    font-weight: 100;
    margin: 0;
    padding: 0
}

.imageCropper-preview__container {
    padding-top: 16px;
    background-color: #fff
}

.imageCropper-preview .cropper-preview,.imageCropper-preview .cropper-preview-inline {
    overflow: hidden;
    background: #000
}

.imageCropper-preview .cropper-preview-inline {
    border-radius: 50%;
    border: 2px solid #cdcdcd;
    background-color: #000
}

.imageCropper-preview .cropper-preview-dotMe {
    position: relative
}

.imageCropper-preview .cropper-preview-dotMe .cropper-preview {
    border: 1px solid #cdcdcd
}

.imageCropper-preview .dotMe-details {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(20,21,24,.8);
    height: 26%;
    width: 100%;
    padding: 9px 15px;
    display: flex;
    flex-direction: column
}

.imageCropper-preview .dotMe-details__name {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.imageCropper-preview .dotMe-details__location {
    font-size: 10px;
    font-weight: 300;
    color: #fff
}

.imageCropper-preview .ant-modal-body {
    padding-top: 0
}

.trainerRoleSelect .ant-select-selection--single {
    height: 100%
}

.trainerRoleSelect.ant-select-open .ant-select-selection {
    border-color: #d9d9d9
}

.trainerRoleSelect span.tr-icon {
    margin-left: 0!important
}

.trainerRoleSelect-dropdown ul {
    margin-top: 0
}

.trainerRoleSelect-dropdown .ant-select-dropdown-menu-item:hover {
    background-color: #f2f2f2
}

.trainerRoleSelect-dropdown .ant-select-dropdown-menu-item:hover h5 {
    color: #06a9f6
}

.trainerRoleSelect-dropdown .ant-select-dropdown-menu-item-active {
    background-color: #fff
}

.trainerRoleSelect-option h5,.trainerRoleSelect .ant-select-selection--single h5 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #4c4c4c;
    font-weight: 400;
    line-height: 1.6em
}

.trainerRoleSelect-option p,.trainerRoleSelect .ant-select-selection--single p {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #9a9a9a;
    font-weight: 100;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    white-space: normal
}

.trainerRoleSelect-option {
    height: 80px
}

.wtwm-video {
    width: 750px;
    height: 400px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    cursor: auto
}

.wtwm-video,.wtwm-video__main {
    display: flex;
    align-content: center
}

.wtwm-video__main {
    margin-top: 70px;
    flex-direction: row;
    justify-content: space-evenly
}

.wtwm-video__video-background {
    min-width: 320px;
    min-height: 220px;
    background-image: url(/app/react/assets/images/user/why-train-with-me-background.svg);
    background-repeat: no-repeat;
    position: relative
}

.wtwm-video__video-player {
    position: absolute;
    top: 24px;
    left: 27px;
    width: 267px;
    height: 167px;
    overflow: hidden;
    border-radius: 10px
}

.wtwm-video__value-proposition {
    width: 258px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: left
}

.wtwm-video__heading {
    font-size: 20px;
    color: #4a4a4a;
    width: 258px
}

.wtwm-video__paragraph {
    font-size: 14px;
    color: #797979;
    line-height: 20px;
    width: 258px
}

.wtwm-video__sample-profile-link {
    font-size: 14px;
    line-height: 20px;
    color: #06a9f6;
    cursor: pointer;
    width: 258px
}

.wtwm-video__video-processing {
    position: absolute;
    top: 75px;
    left: 105px
}

.wtwm-video__video-null-img {
    position: absolute;
    top: 51px;
    left: 86px;
    width: 150px
}

.wtwm-video__drop-hint {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    text-align: center;
    margin-bottom: 15px
}

.wtwm-video__drop-hint--hidden {
    display: none
}

.wtwm-video__drop-text {
    font-size: 14px;
    color: #797c80;
    line-height: 12px
}

.wtwm-video__select-video-link {
    margin: 13px auto 0;
    width: 100px;
    color: #06a9f6;
    font-size: 14px;
    line-height: 12px;
    cursor: pointer
}

.wtwm-video__drop-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.6);
    z-index: 2
}

.wtwm-video__drop-overlay-image {
    position: absolute;
    top: 1px;
    left: 1px
}

#section_WTWM .ant-upload-list-item,.wtwm-video__drop-overlay--hidden {
    display: none
}

.select-disabled--white.ant-select-disabled .ant-select-selection {
    background-color: #fff
}

.closeButton {
    display: block;
    background-color: transparent;
    background-image: url(/app/images/UI/close_white.png);
    background-size: 100%;
    border: none;
    width: 16px;
    height: 16px;
    position: relative;
    opacity: .5
}

.closeButton:before,.closeButton:hover:before {
    height: 16px;
    width: 16px;
    content: " ";
    background-image: url(/app/images/UI/close_blue.png);
    display: block;
    background-size: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.closeButton:before {
    animation: fadeout .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.closeButton:hover:before {
    animation: fadein .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.component__planPicker .ant-select-selection--multiple {
    max-height: 62px;
    overflow-y: auto
}

.component__planPicker__icon {
    height: 20px;
    margin-right: 3px;
    border-radius: 50%
}

.fileUploaderIcon {
    background-image: url(/app/images/dropZone/dragOverIconOnly.svg)
}

.fileUploaderIcon,.fileUploaderIconGrey {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.fileUploaderIconGrey {
    background-image: url(/app/images/dropZone/dragOverIconOnly-Grey.svg)
}

.videoUploader {
    position: relative;
    box-sizing: border-box
}

.videoUploader .ant-upload {
    height: 100%;
    width: 100%
}

.videoUploader .ant-upload-list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.videoUploader .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.videoUploader .ant-upload-list-picture .ant-upload-list-item-thumbnail {
    top: 16px
}

.videoUploader__dashedBorder {
    border: 2px dashed #c2c7cc
}

.videoUploader__dashedBorder--active,.videoUploader__dashedBorder:hover {
    border-color: #06a9f6
}

.buttonDropdown__dropdown ul {
    padding: 0
}

.buttonDropdown__dropdown li {
    height: 36px;
    display: flex;
    align-items: center
}

.buttonDropdown__dropdown li:hover,.buttonDropdown__dropdown li:hover li:hover p,.buttonDropdown__dropdown li:hover p {
    color: #06a9f6
}

.buttonDropdown__dropdown li:hover li p {
    color: #797c80
}

.buttonDropdown__dropdown li:hover {
    background-color: #eff3f6
}

.buttonDropdown__dropdown li.ant-dropdown-menu-item-divider {
    height: 1px;
    margin: 0
}

.buttonDropdown__dropdown-limitHeight ul {
    max-height: 275px;
    overflow-y: auto
}

.selectableList__checkboxGroup {
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    overflow: auto
}

.tooltip__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.tooltip__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.tooltip__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.tooltip--maxWidth {
    max-width: 100%
}

.reactRadioButtonGroup .ant-radio-button-wrapper-checked {
    background-color: #06a9f6;
    border-color: #06a9f6;
    box-shadow: -1px 0 0 0 #06a9f6;
    color: #fff
}

.fromHQIcon {
    position: relative
}

.fromHQIcon img {
    position: absolute;
    right: -4px;
    bottom: 5px
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
    background-color: #eff3f6
}

.nullContainer h3,.nullContainer h4,.nullContainer h5,.nullContainer p {
    white-space: break-spaces
}

.dualCalendarScheduler .ant-fullcalendar-header,.photoPreviewContainer--noArrow .ant-popover-arrow {
    display: none
}

.photoPreviewContainer .ant-popover-arrow,.photoPreviewContainer .ant-popover-inner,.photoPreviewContainer .ant-popover-inner-content {
    background-color: #303133!important;
    border-radius: 5px
}

.photoPreviewContainer .ant-popover-inner-content {
    padding: 16px
}

.tabsContainer__emptyTab {
    flex-grow: 3
}

.tabsContainer__emptyTab,.tabsContainer__tabLink {
    height: 40px;
    padding: 0 16px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    background-color: #f8f8f8;
    flex-basis: 0
}

.tabsContainer__tabLink {
    cursor: pointer;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    flex-grow: 1
}

.tabsContainer__tabLink--active {
    z-index: 5;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #d6d8da;
    border-right: 1px solid #d6d8da
}

.tabsContainer__tabLink--active:first-child {
    border-left: 0
}

.tabsContainer__tabLink--active:last-child {
    border-right: 0
}

.tabsContainer__tabLink:not(.tabsContainer__tabLink--active,.tabsContainer__tabLink:last-child):after {
    content: "";
    z-index: 10;
    position: absolute;
    right: -2px;
    top: 12px;
    width: 1px;
    height: 18px;
    background-color: #d6d8da
}

.tabsContainer__genericContentContainer {
    border-left: 1px solid #d6d8da;
    border-right: 1px solid #d6d8da;
    padding: 16px
}

#gtLoader {
    position: fixed;
    bottom: -80px;
    z-index: 9999;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    transition: bottom 1s ease;
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

#gtLoader.show {
    bottom: 0
}

#gtLoader .gtLoader-check {
    background-color: #97ca55!important
}

#gtLoader .gtLoader-error {
    background-color: #ff5366!important
}

#gtLoader .gtLoader-warning {
    background-color: #ffb400!important
}

#gtLoader .innerLoading {
    max-width: 95%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    *zoom:1;color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 12px;
    height: 18px;
    background-color: #000;
    border-radius: 17px
}

#gtLoader .innerLoading #dismiss {
    display: inline-block;
    cursor: pointer
}

.component__appointmentTypePicker .ant-select-selection--multiple .ant-select-selection__choice .appointmentTypeMultipleSelect {
    padding-right: 0!important
}

.component__appointmentTypePicker .ant-select-selection-selected-value,.component__appointmentTypePicker .ant-select-selection-selected-value.appointmentTypeOption {
    width: 100%
}

.component__appointmentTypePicker .ant-select-selection-selected-value .appointmentTypeLabel {
    flex: 1;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.component__appointmentTypePicker_dropdown .appointmentTypeLabel {
    overflow-x: hidden;
    text-overflow: ellipsis
}

.component__appointmentTypePicker_dropdown .appointmentTypeMultipleSelect {
    padding-right: 0!important
}

.component__locationPicker.invalid .ant-select-selection {
    border-color: #ff5366
}

.ant-select-dropdown-menu .locationNameWrapper,.component__locationPicker .locationNameWrapper {
    display: flex;
    align-items: center;
    gap: 8px
}

.customLinks .ant-upload-list {
    padding: 5px 0
}

.customLinks .ant-upload-list-item {
    margin-top: 0
}

.customLinks .ant-upload-list-item-name {
    padding-right: 8px
}

.customLinks-fileList {
    display: flex;
    height: 44px;
    width: 180px;
    border: 1px dashed #eaeaea;
    align-items: center;
    justify-content: space-evenly;
    background: #fff
}

.filterDrawer .ant-tag {
    cursor: default
}

.filterDrawer .ant-tree-checkbox-disabled {
    display: none
}

.filterDrawer .ant-drawer-body {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.filterDrawer .ant-drawer-wrapper-body {
    background-color: #f8f8f8
}

.filterDrawer .ant-tree .ant-tree-switcher {
    margin-left: 8px;
    flex-shrink: 0
}

.filterDrawer .ant-tree li {
    width: 100%
}

.filterDrawer .ant-tree li .ant-tree-node-content-wrapper {
    color: #303133!important;
    height: 20px;
    line-height: 18px!important;
    padding: 0 16px
}

.filterDrawer .ant-tree li:last-child {
    padding-bottom: 4px
}

.filterDrawer .ant-tree-node-content-wrapper.ant-tree-node-selected,.filterDrawer .ant-tree-node-content-wrapper:hover {
    background-color: inherit!important
}

.filterDrawer .ant-tree-treenode-switcher-close {
    border-bottom: 1px solid #eaeaea
}

.filterDrawer .ant-tree-child-tree {
    padding: 10px 0 10px 10px;
    background-color: #eff3f6
}

.filterDrawer .ant-tree-child-tree .ant-tree-treenode-switcher-close {
    border-bottom: none;
    display: flex
}

.filterDrawer .ant-tree-child-tree .ant-tree-title {
    white-space: normal
}

.filterDrawer .ant-tree-child-tree .ant-tree-node-content-wrapper {
    height: auto!important
}

.filterDrawer__tree {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.filterDrawer__tree>.ant-tree-treenode-switcher-close>.ant-tree-node-content-wrapper,.filterDrawer__tree>.ant-tree-treenode-switcher-open>.ant-tree-node-content-wrapper {
    margin: 9.5px 0!important;
    padding: 0 16px!important
}

.filterDrawer__applyBtn {
    width: 200px;
    margin: 12px auto
}

.filterDrawer .filter-node {
    display: none!important
}

.filterDrawer__loadingOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 1%;
    z-index: 999
}

.filterDrawer__header {
    box-sizing: border-box;
    padding: 9.5px 16px;
    height: 40px;
    border-bottom: 1px solid #eaeaea
}

.filterDrawer__content {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.filterDrawer__footer {
    width: 100%;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.filterDrawer__footer button {
    margin: 0 16px;
    width: 100%
}

.filterDrawer .ant-tree-child-tree {
    padding: 0 16px!important;
    background-color: #fff!important;
    border-top: 1px solid #eaeaea
}

.filterDrawer .ant-tree-child-tree .ant-tree-title {
    font-size: 12px!important;
    font-weight: 400!important;
    line-height: 16px!important
}

.filterDrawer .ant-tree .checkboxOptionLabel {
    display: flex;
    width: 200px;
    justify-content: space-between;
    align-items: center
}

.filterDrawer .ant-tree .ant-tree-switcher {
    float: right;
    right: 11px
}

.filterDrawer .ant-tree .ant-tree-switcher-noop {
    display: none
}

.filterDrawer .ant-tree .ant-tree-treenode-switcher-open {
    padding: 0;
    border-bottom: 1px solid #eaeaea!important
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-open span.ant-tree-node-content-wrapper-open {
    margin: 9.5px 0!important;
    color: #303133!important
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close {
    padding: 0!important;
    align-items: center
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close span.ant-tree-switcher {
    margin-top: 8px!important
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close span.ant-tree-node-content-wrapper-normal {
    padding: 0 8px
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close span.ant-tree-node-content-wrapper-close {
    margin: 9.5px 0!important
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close span.ant-tree-node-content-wrapper-close span.ant-tree-title {
    color: #303133
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close .ant-tree-switcher,.filterDrawer .ant-tree li.ant-tree-treenode-switcher-open .ant-tree-switcher {
    margin-top: 8px
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close ul.ant-tree-child-tree,.filterDrawer .ant-tree li.ant-tree-treenode-switcher-open ul.ant-tree-child-tree {
    padding-bottom: 3px!important
}

.filterDrawer .ant-tree li.ant-tree-treenode-switcher-close ul.ant-tree-child-tree-open li.ant-tree-treenode-switcher-close,.filterDrawer .ant-tree li.ant-tree-treenode-switcher-open ul.ant-tree-child-tree-open li.ant-tree-treenode-switcher-close {
    padding: 5px 0!important
}

span.betaTag {
    display: flex
}

.datePickerButton__dropdown .ant-calendar-input-wrap {
    display: none
}

.workoutBuilder {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    outline: none
}

.workoutBuilder * {
    box-sizing: border-box
}

.workoutBuilder h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #797c80;
    font-weight: 400
}

.workoutBuilder h3 {
    font-size: 14px;
    color: #606366
}

.workoutBuilder h3,.workoutBuilder h4 {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 100;
    margin-bottom: 0
}

.workoutBuilder h4 {
    font-size: 12px;
    color: #c2c7cc;
    white-space: nowrap
}

.workoutBuilder__content {
    height: calc(100% - 42px)
}

.workoutBuilder__container {
    width: 700px
}

.workoutBuilder__description {
    padding: 12px;
    border-right: 1px solid #ebebeb;
    height: 124px
}

.workoutBuilder__description TextArea {
    border: 1px solid #fff
}

.workoutBuilder__description TextArea :focus {
    border-color: #40a9ff
}

.workoutBuilder__instructions.placeholder {
    font-size: 13px;
    color: #d5d6d6
}

.workoutBuilder__instructions:-moz-placeholder,.workoutBuilder__instructions::-moz-placeholder {
    font-size: 13px;
    color: #d5d6d6
}

.workoutBuilder__instructions:-ms-input-placeholder {
    font-size: 13px;
    color: #d5d6d6
}

.workoutBuilder__instructions::-webkit-input-placeholder {
    font-size: 13px;
    color: #d5d6d6
}

.workoutBuilder__modal h4 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #c2c7cc;
    font-weight: 100;
    white-space: nowrap;
    margin-bottom: 0
}

.workoutBuilder__modal .ant-modal-footer {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center
}

.workoutBuilder .dupErrorP {
    width: 590px;
    font-size: 11px;
    padding-left: 12px
}

.workoutBuilder .workoutHeader__saveGroup {
    margin: 0 12px;
    display: flex!important
}

.workoutBuilder button.workoutHeader__save,.workoutBuilder button.workoutHeader__saveMore {
    border: 1px solid #0285ca!important;
    background-color: #06a9f6
}

.workoutBuilder button.workoutHeader__save:hover,.workoutBuilder button.workoutHeader__saveMore:hover {
    background-color: #0285ca
}

.workoutBuilder button.workoutHeader__saveMore {
    border-left-color: #0285ca!important
}

.workoutBuilder button.workoutHeader__close {
    background-color: transparent;
    background-image: url(/app/images/UI/close_white.png);
    background-size: 100%;
    border: none;
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 101;
    margin-right: 12px
}

.workoutBuilder button.workoutHeader__close:before,.workoutBuilder button.workoutHeader__close:hover:before {
    height: 18px;
    width: 18px;
    content: " ";
    background-image: url(/app/images/UI/close_blue.png);
    display: block;
    background-size: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.workoutBuilder button.workoutHeader__close:before {
    animation: fadeout .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.workoutBuilder button.workoutHeader__close:hover:before {
    animation: fadein .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.workoutBuilder .ant-input-number {
    font-size: 13px;
    max-width: 90px;
    width: 100%
}

.workoutBuilder .ant-input,.workoutBuilder .ant-select-selection {
    font-size: 13px
}

.exerciseList {
    overflow-x: hidden;
    overflow-y: auto
}

.exerciseList-title {
    padding: 12px;
    background-color: #f8f8f8
}

.exerciseList-toolbar {
    padding: 12px
}

.exerciseList-toolbar .addRestClickableText {
    float: right
}

.exerciseList-header {
    padding: 6px 0 6px 35px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    color: #c2c7cc
}

.exerciseList-header__container {
    width: 100%;
    padding: 0 10px
}

.exerciseList-header__image {
    flex-shrink: 0;
    width: 70px
}

.exerciseList-header__name {
    width: 183px;
    min-width: 121px
}

.exerciseList-header__multiplier {
    width: 25px
}

.exerciseList-header__sets {
    width: 48px
}

.exerciseList-header__time {
    width: 85px
}

.exerciseList-header__target {
    width: 260px;
    padding-right: 10px
}

.exerciseList-header__side {
    width: 68px
}

.exerciseList-header__rest {
    width: 85px;
    padding-left: 5px
}

.exerciseList-header__rest,.exerciseList-header__target {
    display: flex;
    align-items: center
}

.exerciseList-header__rest .icon,.exerciseList-header__target .icon {
    margin-left: 4px
}

.exerciseList-header__circuit {
    width: 100%;
    height: 40px;
    flex-shrink: 0;
    border-bottom: 1px solid #eee;
    padding: 0 35px
}

.exerciseList-exercise__name {
    width: 121px;
    min-width: 121px;
    padding: 0 8px;
    font-size: 13px;
    color: #606366
}

.exerciseList-exercise__name--rest-max {
    width: 121px;
    max-width: 121px
}

.exerciseList-exercise__target {
    width: 140px;
    padding-right: 10px
}

.exerciseList-exercise__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff
}

.exerciseList-exercise__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.exerciseList-exercise__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.exerciseList-exercise__restTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff
}

.exerciseList-exercise__restTooltip .ant-tooltip-arrow {
    border-bottom-color: #fff;
    border-right-width: 6px
}

.exerciseList-exercise__restTooltip .ant-tooltip-arrow:before {
    position: absolute;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.exerciseList-exercise__sets {
    width: 48px
}

.exerciseList-exercise__side {
    width: 68px;
    text-transform: capitalize;
    padding-left: 4px!important
}

.exerciseList-exercise_targetTooltipContent {
    word-break: normal
}

.exerciseList-exercise_targetTooltipContent h2 {
    padding-top: 19px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.exerciseList-exercise_targetTooltipContent p {
    padding-left: 15px;
    color: #606366;
    font-size: 13px
}

.exerciseList-anker {
    width: 33px;
    flex-shrink: 0
}

.exerciseList-restWidthSpacer__interval {
    width: 250px
}

.exerciseList-restWidthSpacer__regular {
    width: 325px
}

.exerciseList-targetTypeSelect .ant-select-selection__rendered {
    display: flex;
    flex-direction: row;
    align-items: center
}

.exerciseList-dragPreview {
    width: 100%;
    height: 100%;
    min-height: 70px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px dashed #06a9f6
}

.exerciseList-dragPreview__img {
    background-image: url(/app/images/dropZone/dragOverIconOnly.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px
}

.exerciseList-dragPreview__text {
    margin-top: 6px;
    text-align: center;
    color: #06a9f6
}

.workoutExercise .vjs-loading-spinner {
    width: 20px;
    height: 20px;
    top: 85%;
    left: 75%
}

.workoutExercise {
    height: 61px;
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf
}

.workoutExercise__checkbox {
    margin-right: 8px
}

.workoutExercise__img {
    width: 63px;
    height: 36px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden
}

.workoutExercise__input {
    text-align: center;
    color: #aaaeb3
}

.workoutExercise__input-sets {
    width: 60px
}

.workoutExercise__directions {
    width: 100%;
    padding: 0 10px;
    margin-left: 1px
}

.workoutExercise__multiplierSymbol {
    color: #aaaeb3;
    font-size: 13px;
    padding: 0 12px
}

.workoutExercise__superset {
    padding-top: 12px;
    border-bottom: 1px solid #dfdfdf
}

.workoutExercise-hovered {
    border: 1px solid orange
}

.workoutExercise .ant-select-selection-selected-value {
    text-overflow: unset
}

.workoutExercise ::-webkit-input-placeholder {
    font-size: 13px;
    font-weight: 200;
    color: #ccc
}

.vertical-center-modal {
    text-align: center;
    white-space: nowrap
}

.vertical-center-modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.vertical-center-modal .ant-modal {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    text-align: left
}

.workoutDetails-exerciseList {
    box-sizing: border-box
}

.wodSelectFolder {
    display: flex!important;
    align-items: center!important
}

.postWodDialogPicker .ant-select-selection-selected-value {
    display: flex!important;
    align-items: center
}

.workoutDetails-exerciseInline__wrapper {
    min-height: 35px;
    height: 35px
}

.workoutDetails-exerciseInline__wrapper--small {
    min-height: 28px;
    height: 28px
}

.workoutDetails-exerciseInline__content {
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-align: left
}

.workoutDetails-exerciseInline__superSet {
    min-height: 35px;
    width: 4px;
    margin-right: 6px
}

.workoutDetails-exerciseInline__noSuperSet {
    width: 0;
    margin-right: 0
}

.workoutDetails-exerciseInline__title {
    height: 28px
}

.workoutDetails-exerciseInline__title-superSetEven {
    color: #70d27c;
    padding-left: 6px
}

.workoutDetails-exerciseInline__title-superSetOdd {
    color: #ffb400;
    padding-left: 6px
}

.workoutDetails-exerciseInline__superSetEven {
    background-color: #70d27c
}

.workoutDetails-exerciseInline__superSetOdd {
    background-color: #ffb400
}

.workoutDetails-exerciseInline__preview {
    width: 50px;
    height: 30px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 2px 0 2px 2px
}

.workoutDetails-exerciseInline__preview.videoLink:before {
    height: 24px;
    width: 24px;
    padding: 5px 5px 5px 7px;
    background-color: hsla(0,0%,100%,.3);
    font-size: 11px;
    border-color: hsla(0,0%,100%,.5);
    opacity: .8
}

.workoutDetails-exerciseInline__preview.videoLink:hover:before {
    opacity: 1
}

.workoutDetails-exerciseInline__name {
    color: #797c80;
    font-size: 14px;
    line-height: 32px;
    padding: 0 8px;
    width: 200px;
    height: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.workoutDetails-exerciseInline__name--noSuperSet {
    width: 200px
}

.workoutDetails-exerciseInline__rest {
    border-right: none
}

.workoutDetails-exerciseInline .workoutDetails-exerciseInline__target,.workoutDetails-exerciseInline .workoutDetails-exerciseInline__time {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    color: #303133;
    font-weight: 400;
    height: 100%;
    border-left: 1px solid #eee
}

.workoutDetails-exerciseInline__target {
    padding: 0 10px;
    align-items: center;
    flex-direction: row;
    width: calc(100% - 290px);
    justify-content: space-between
}

.workoutDetails-exerciseInline__targetText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 200px)
}

.workoutDetails-exerciseInline__time {
    padding: 0 10px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    min-width: 80px;
    align-items: center
}

.workoutDetails-exerciseInline__inlineIconCon {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    width: 200px
}

.workoutDetails-exerciseInline__inlineIcon {
    height: 10px;
    width: 10px;
    margin-right: 3px
}

.workoutDetails-exerciseInline__stats {
    margin-left: 10px;
    padding: 16px 4px 0 0;
    box-sizing: border-box;
    width: calc(100% - 16px)
}

.workoutDetails-exerciseInline__stats--rounds {
    font-size: 14px;
    padding-right: 24px;
    color: #000
}

.workoutDetails-exerciseInline__stats--tracked {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 100
}

.workoutDetails-exerciseInline__supersetSeparator {
    box-sizing: border-box;
    width: 100%;
    height: 16px;
    border-bottom: 1px solid #eee
}

.workoutDetails-exerciseInline__repeatCon {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left
}

.workoutDetails-exerciseInline__repeatIcon {
    transform: rotate(90deg)
}

.workoutDetails-exerciseInline__repeatText {
    margin-left: 5px;
    color: #797c80;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.workoutDetails-exerciseInline--borders {
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

.workoutDetails-exerciseInline__cardio--rounds {
    color: #000;
    font-size: 14px
}

.workoutDetails-exerciseInline__cardio--tile {
    min-width: 200px;
    height: 40px
}

.workoutDetails-exerciseInline__cardio--tile h1 {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 400
}

.workoutDetails-exerciseInline__cardio--tile p {
    font-size: 14px;
    font-weight: 100;
    margin: 0!important
}

.workoutDetails-exerciseInline__cardio--tile p_gray100 {
    color: #797c80
}

.workoutDetails-exerciseInline__cardio--tile img {
    height: 26px;
    width: 35px;
    padding-right: 10px
}

.exerciseLibrary {
    position: relative;
    overflow: hidden;
    min-width: 520px
}

.exerciseLibrary * {
    box-sizing: border-box
}

.exerciseLibrary-wrap {
    overflow: auto
}

.exerciseLibrary-container {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(251px,1fr));
    grid-gap: 10px
}

.workoutBuilder .exerciseLibrary-container {
    grid-template-columns: repeat(auto-fill,minmax(151px,1fr))
}

.exerciseLibrary-exercise {
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.exerciseLibrary-exercise:hover {
    border: 1px solid #40a9ff
}

.exerciseLibrary-exercise__img {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 92px
}

.exerciseLibrary-exercise__img:hover {
    cursor: pointer
}

.exerciseLibrary-exercise__imgExerciseLibrary {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 120px
}

.exerciseLibrary-exercise__loadingImg {
    background-image: url(../images/loading_spinner.gif);
    background-size: 40px;
    background-position: 50%;
    width: 100%;
    height: 92px;
    background-repeat: no-repeat
}

.exerciseLibrary-exercise p {
    font-size: 14px;
    color: #303133;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0
}

.exerciseLibrary-exercise .ant-checkbox-wrapper {
    position: absolute;
    top: 8px;
    left: 8px
}

#exerciseLibrary-container {
    min-width: 100%
}

.exerciseLibrary-youtube__chevron {
    top: 10px!important;
    right: 30px!important
}

.exerciseLibrary-youtube {
    position: absolute;
    bottom: 0
}

.exerciseLibrary-youtube__clickableArea {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.exerciseLibrary-youtube__redBar {
    width: 100%;
    height: 5px;
    margin-top: -1px;
    background-color: red;
    border-top: 1px solid #ebebeb
}

.exerciseLibrary-youtube__container {
    width: 100%;
    background-color: #fff
}

.exerciseLibrary-youtube__chevron {
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer
}

.exerciseLibrary-youtube__suggestions {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-top: 32px;
    margin-bottom: 16px
}

.exerciseLibrary-youtube__suggestions .exerciseLibrary-exercise {
    margin: 0 10px
}

.exerciseLibrary-youtube__title {
    padding-left: 20px;
    padding-right: 12px
}

#exerciseLibrary-container .exerciseLibrary-youtubeExercise:hover {
    cursor: pointer
}

.exerciseLibrary-youtubeExercise {
    width: 170px;
    height: 140px;
    margin: 0 8px 12px;
    border-radius: 4px;
    background-color: #fff
}

.exerciseLibrary-youtubeExercise:first-of-type {
    margin-left: 0
}

.exerciseLibrary-youtubeExercise::last-of-type {
    margin-right: 0
}

.exerciseLibrary-youtubeExercise:hover {
    cursor: move;
    border: 1px solid #40a9ff
}

.exerciseLibrary-youtubeExercise__img {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: inherit;
    max-height: 92px
}

.exerciseLibrary-youtubeExercise__loadingImg {
    background-image: url(../images/loading_spinner.gif);
    background-size: 40px;
    background-position: 50%;
    width: 100%;
    height: 92px;
    background-repeat: no-repeat
}

.exerciseLibrary-youtubeExercise p {
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 400;
    padding: 6px;
    margin: 0;
    text-align: left;
    width: 100%;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    flex: 1
}

.exerciseLibrary-youtubeExercise p:hover {
    cursor: pointer;
    color: #40a9ff
}

.exerciseLibrary-filterDrawer .ant-tag {
    cursor: default
}

.exerciseLibrary-filterDrawer .ant-tree-checkbox-disabled {
    display: none
}

.exerciseLibrary-filterDrawer .ant-drawer-body {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.exerciseLibrary-filterDrawer .ant-drawer-wrapper-body {
    background-color: #f8f8f8
}

.exerciseLibrary-filterDrawer .ant-tree .ant-tree-switcher {
    margin-left: 8px;
    flex-shrink: 0
}

.exerciseLibrary-filterDrawer .ant-tree li {
    width: 100%
}

.exerciseLibrary-filterDrawer .ant-tree li .ant-tree-node-content-wrapper {
    color: #303133!important;
    height: 20px;
    line-height: 18px!important;
    padding: 0 16px
}

.exerciseLibrary-filterDrawer .ant-tree li:last-child {
    padding-bottom: 4px
}

.exerciseLibrary-filterDrawer .ant-tree-node-content-wrapper.ant-tree-node-selected,.exerciseLibrary-filterDrawer .ant-tree-node-content-wrapper:hover {
    background-color: inherit!important
}

.exerciseLibrary-filterDrawer .ant-tree-treenode-switcher-close {
    border-bottom: 1px solid #eaeaea
}

.exerciseLibrary-filterDrawer .ant-tree-child-tree {
    padding: 10px 0 10px 10px;
    background-color: #eff3f6
}

.exerciseLibrary-filterDrawer .ant-tree-child-tree .ant-tree-treenode-switcher-close {
    border-bottom: none;
    display: flex
}

.exerciseLibrary-filterDrawer .ant-tree-child-tree .ant-tree-title {
    white-space: normal
}

.exerciseLibrary-filterDrawer .ant-tree-child-tree .ant-tree-node-content-wrapper {
    height: auto!important
}

.exerciseLibrary-filterDrawer__tree>.ant-tree-treenode-switcher-close>.ant-tree-node-content-wrapper,.exerciseLibrary-filterDrawer__tree>.ant-tree-treenode-switcher-open>.ant-tree-node-content-wrapper {
    margin: 9.5px 0!important;
    padding: 0 16px!important
}

.exerciseLibrary-filterDrawer__tree {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.exerciseLibrary-filterDrawer__applyBtn {
    width: 200px;
    margin: 12px auto
}

.exerciseLibrary-search__toolTip {
    word-break: normal;
    padding-top: 0;
    width: 100%;
    max-width: 300px
}

.exerciseLibrary-search__toolTip .ant-tooltip-arrow {
    display: none
}

.exerciseLibrary-search__toolTip .ant-tooltip-inner {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #606366
}

.exerciseLibrary-search__toolTip h2 {
    padding-top: 8px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #f5a623
}

.exerciseLibrary-search__toolTip p {
    padding-left: 12px;
    padding-right: 9px;
    color: #797c80;
    font-size: 12px
}

.exerciseLibrary-search__toolTip ul {
    padding-left: 12px;
    margin: 0;
    padding-bottom: 16px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.exerciseLibrary-search__toolTip li {
    list-style: none;
    color: #797c80;
    font-size: 10px
}

.exerciseLibrary-controls {
    padding: 12px 0
}

.exerciseLibrary-badge .ant-badge-count {
    background-color: #06a9f6;
    border-color: #fff;
    color: #fff;
    transform: scale(.9);
    transition: none
}

.component__searchInput input {
    height: 28px;
    border-radius: 40px;
    font-size: 13px
}

.component__searchInput input.placeholder {
    font-size: 13px;
    color: #dae0e6
}

.component__searchInput input:-moz-placeholder,.component__searchInput input::-moz-placeholder {
    font-size: 13px;
    color: #dae0e6
}

.component__searchInput input:-ms-input-placeholder {
    font-size: 13px;
    color: #dae0e6
}

.component__searchInput input::-webkit-input-placeholder {
    font-size: 13px;
    color: #dae0e6
}

.exerciseLibrary-standAlone .ant-tag {
    cursor: default
}

.exerciseLibrary-standAlone .exerciseLibrary-search {
    width: 400px;
    margin-left: auto
}

.exerciseLibrary-standAlone .exerciseLibrary-controls {
    background-color: #eff3f6;
    padding: 12px;
    margin-top: 8px
}

.exerciseLibrary-selectedBar {
    background-color: #06a9f6;
    width: 100%;
    padding: 0 8px;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-weight: 100
}

.exerciseLibrary-selectedBar.open {
    height: 22px
}

.exerciseLibrary-selectedBar.closed {
    height: 0
}

.exerciseDescriptions {
    box-sizing: border-box
}

.exerciseDescriptions h4 {
    font-size: 18px;
    color: #606366;
    font-weight: 400;
    margin: 4px 0 0;
    padding: 0
}

.exerciseDescriptions p {
    font-size: 13px;
    font-weight: 300;
    margin: 8px 0;
    padding: 0;
    color: #666;
    white-space: pre-line
}

.exerciseDescriptions-exercise {
    border-bottom: 1px solid #eee
}

.exerciseDescriptions-exercise .videoLink:before {
    opacity: .8;
    background-color: hsla(0,0%,100%,.4)
}

.exerciseDescriptions-exercise .videoLink:hover:before {
    opacity: 1
}

.exerciseDescriptions-exercise__btnGraph {
    position: absolute;
    right: 5px;
    top: 3px;
    opacity: .5
}

.exerciseDescriptions-exercise__btnGraph:hover {
    opacity: 1
}

.exerciseDescriptions-description {
    position: relative;
    width: 100%
}

.exerciseDescriptions-image {
    width: 164px;
    height: 122px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.exerciseDialog {
    height: 100%;
    width: 100%;
    outline: none
}

.exerciseDialog .ant-upload-list {
    position: absolute;
    top: 174px;
    left: 50%;
    transform: translateX(-50%)
}

.exerciseVideo {
    position: relative
}

.exerciseVideo .ant-upload {
    height: 100%;
    width: 100%
}

.exerciseVideo .ant-upload-disabled {
    cursor: default
}

.exerciseVideo-dropReplace {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 1
}

.exerciseVideo-dropReplace h4,.exerciseVideo-dropReplace img {
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5)
}

.exerciseVideo-systemImage {
    background-size: cover
}

.exerciseDialog-details {
    height: 475px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box
}

.exerciseDialog-details * {
    box-sizing: border-box
}

.exerciseDialog-details__editBtn {
    position: absolute;
    right: 40px
}

.exerciseDialog-details__recordType {
    color: #303133;
    text-transform: capitalize
}

.exerciseDialog-details__name TextArea {
    width: 100%;
    height: 50px;
    resize: none;
    padding: 3px 8px 6px;
    font-size: 14px;
    box-sizing: border-box
}

.exerciseDialog-details__tags .ant-tag {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.exerciseDialog-details__instructions {
    overflow: auto;
    white-space: pre-line
}

.exerciseDialog-tagModal .ant-modal-content {
    padding: 32px
}

.exerciseDialog-tagModal .ant-modal-footer {
    text-align: right
}

.exerciseDialog-tagModal__category {
    flex: 1;
    min-width: 175px
}

.exerciseDialog-tagModal__category__Equipment {
    flex: 1 0 auto
}

.exerciseDialog-tagModal__category__Mechanics {
    position: relative;
    left: 0;
    flex: none;
    width: 0
}

.exerciseDialog-tagModal__category__Mechanics .ant-checkbox-group {
    width: 160px
}

.exerciseDialog-tagModal .ant-checkbox-group-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.trainerProfile-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.trainerProfile-dialog * {
    box-sizing: border-box
}

.trainerProfile-dialog hr {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #eee;
    width: 100%
}

.trainerProfile-dialog h1 {
    font-size: 20px;
    max-width: 560px
}

.trainerProfile-dialog h1,.trainerProfile-dialog h2 {
    font-family: Helvetica,Arial,sans-serif;
    color: #606366;
    font-weight: 400;
    padding: 0
}

.trainerProfile-dialog h2 {
    font-size: 16px
}

.trainerProfile-dialog p {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #606366;
    font-weight: 100;
    margin: 0;
    padding: 0
}

.trainerProfile-dialog__header {
    background: #242526;
    height: 45px;
    width: 100%;
    padding: 0 8px
}

.trainerProfile-dialog__header--tabs {
    padding-left: 16px;
    margin-top: auto
}

.trainerProfile-dialog__header .position-right {
    position: absolute;
    top: 11px;
    right: 46px
}

.trainerProfile-dialog__header .position-right .headerButton {
    font-size: 10px;
    line-height: 12px;
    height: 22px;
    color: #4c4c4c
}

.trainerProfile-dialog__header .position-right .messageButton {
    width: 90px
}

.trainerProfile-dialog__header .position-right .messageButton .icon {
    position: absolute;
    top: 4px;
    left: 10px;
    width: 14px;
    height: 14px
}

.trainerProfile-dialog__header .position-right .messageButton .buttonText {
    position: absolute;
    right: 11px;
    top: 4px
}

.trainerProfile-dialog__header .position-right .expandIcon {
    position: absolute;
    margin: 0!important;
    top: 4px;
    width: 12px;
    height: 12px;
    opacity: .3
}

.trainerProfile-dialog__tab {
    height: 34px;
    background-color: #606366;
    color: #d5d6d6;
    padding: 4px 16px;
    align-items: center;
    display: flex;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    font-size: 14px;
    font-weight: 800;
    margin-right: 8px;
    cursor: pointer
}

.trainerProfile-dialog__tab.active {
    background-color: #fff;
    color: #06a9f6;
    cursor: default
}

.trainerProfileDialog-profile {
    position: relative;
    box-sizing: border-box;
    height: calc(100% - 45px)
}

.trainerProfileDialog-profile .role {
    color: #ff9801
}

.trainerProfileDialog-mainDetails {
    position: relative
}

.trainerProfileDialog-mainDetails .position-right {
    position: absolute;
    top: 0;
    right: 0
}

.sendMenuDropdown {
    width: 240px!important
}

.sendMenuDropdown .mr0 {
    margin: 0!important
}

.sendMenuDropdown span {
    display: block
}

.sendMenuDropdown .blueLink,.sendMenuDropdown .menuText {
    white-space: normal;
    font-size: 12px;
    font-weight: 100;
    line-height: 125%
}

.sendMenuDropdown .menuText {
    color: #888
}

.sendMenuDropdown .ant-dropdown-menu-item {
    text-align: left;
    color: #9a9a9a;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 100;
    justify-content: flex-start;
    padding: 6px 10px
}

.moreMenuDropdown {
    width: 320px!important
}

.moreMenuDropdown .mr0 {
    margin: 0!important
}

.moreMenuDropdown .ant-dropdown-menu-item {
    height: 34px!important;
    min-height: 15px;
    text-align: right;
    color: #9a9a9a;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 100;
    justify-content: flex-start;
    padding: 0 6px
}

.trainerProfileDialog-secondaryDetails__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 5px 0
}

.trainerProfileDialog-secondaryDetails__col1 {
    display: flex;
    flex: 0 0 180px
}

.trainerProfileDialog-secondaryDetails__col2 {
    flex: 1 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.trainerProfileDialog-secondaryDetails__titleIcon {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

p.trainerProfileDialog-secondaryDetails__col1 {
    color: #919599
}

.trainerProfileDialog-locations {
    position: relative;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
    flex: 1 0
}

.trainerProfileDialog-locations__list {
    height: 100%;
    width: 100%;
    overflow: auto
}

.trainerProfileDialog-locations__list p {
    font-size: 14px;
    font-weight: 100;
    color: #606366;
    min-width: 200px
}

.trainerProfileDialog-locations__list .delete-location {
    opacity: .8
}

.trainerProfileDialog-locations__list .delete-location:hover {
    opacity: 1
}

.trainerProfileDialog-locations__location {
    padding: 4px 0
}

.trainerProfile .modalProfile__locationList {
    max-height: calc(100vh - 185px)
}

.clientForm__row {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-bottom: 16px
}

.clientForm__row label {
    text-align: left;
    width: 100%;
    display: inline-block
}

.clientForm__row .ant-radio-group label {
    color: #303133;
    text-align: left;
    width: auto;
    min-width: 80px;
    display: inline-block
}

.clientForm__row .ant-form-item-label {
    width: 140px;
    min-width: 140px
}

.clientForm__row .ant-form-item-control-wrapper {
    width: 100%
}

.clientForm__row--autoWidth .ant-form-item-control-wrapper {
    min-width: 172px;
    width: auto
}

.clientAttachment .dropArea {
    position: absolute;
    top: 0;
    left: 0
}

.clientAttachment .ant-upload-list {
    display: none
}

.userTags .ant-checkbox-group-item {
    height: 30px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.userTags .ant-checkbox-group-item:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.clientProfile__sales .trGrid {
    height: 100%!important;
    border-top: 1px solid #ebebeb
}

.clientProfile__sales h3.trHeading {
    font-size: 18px;
    line-height: 20px
}

.addClientDialog-dialog {
    height: 100%;
    width: 100%
}

.addClientDialog-dialog__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.addClientDialog-dialog__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.addClientDialog-dialog__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.addClientDialog-dialog .trainerPickerContainer {
    height: 72px;
    margin: 0;
    width: 100%
}

.addClientDialog-dialog .nameInputContainer {
    width: 100%;
    column-count: 2;
    column-gap: 9px
}

.addClientDialog-dialog .nameInput {
    height: 60px
}

.addClientDialog-dialog .optionsContainer {
    width: 100%
}

.addClientDialog-dialog .optionsContainer .optionName {
    width: 40%;
    display: inline-block
}

.addClientDialog-dialog .optionsContainer .optionName p {
    color: #919599
}

.addClientDialog-dialog .optionsContainer .optionRadio .ant-radio-wrapper,.addClientDialog-dialog .optionsContainer .optionRadio .ant-radio-wrapper-checked {
    color: rgba(0,0,0,.65)
}

.addClientDialog-dialog .optionsContainer .optionRadio .ant-radio-inner:after {
    background-color: #06a9f6;
    border-color: #06a9f6
}

.addClientDialog-dialog .optionsContainer .optionRadio .ant-radio-disabled .ant-radio-inner:after {
    background-color: #ccc!important
}

.addClientDialog-dialog .optionsContainer .optionRadio .alignmentPadding {
    padding-right: 20px
}

.addClientDialog-dialog .ant-radio-checked:after {
    animation-duration: 0s!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.addClientDialog-dialogTooltipContent {
    word-break: normal
}

.addClientDialog-dialogTooltipContent h2 {
    padding-top: 19px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.addClientDialog-dialogTooltipContent p {
    padding-left: 15px;
    padding-right: 10px;
    color: #606366;
    font-size: 13px
}

.ant-select-dropdown-menu {
    margin-block-start:0}

.addTrainerDialog-dialog {
    height: 100%;
    width: 100%
}

.addTrainerDialog-dialog__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.addTrainerDialog-dialog__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.addTrainerDialog-dialog__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.addTrainerDialog-dialog .trainerPickerContainer {
    height: 84px;
    margin: 0;
    width: 100%
}

.addTrainerDialog-dialog .nameInputContainer {
    width: 100%;
    column-count: 2;
    column-gap: 9px
}

.addTrainerDialog-dialog .optionsContainer {
    width: 100%
}

.addTrainerDialog-dialog .optionsContainer .optionName {
    width: 40%;
    display: inline-block
}

.addTrainerDialog-dialog .optionsContainer .optionName p {
    color: #919599
}

.addTrainerDialog-dialog .optionsContainer .optionRadio {
    widows: 60%
}

.addTrainerDialog-dialog .optionsContainer .optionRadio .alignmentPadding {
    padding-right: 20px
}

.addTrainerDialog-dialog .optionsContainer .optionRadio .ant-radio-inner:after {
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px
}

.addTrainerDialog-dialog .ant-radio-checked:after {
    animation-duration: 0s!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.addTrainerDialog-dialog .ant-select-disabled .ant-select-selection {
    background: #fff
}

.addTrainerDialog-dialog .ant-select-selection--multiple {
    max-height: 62px;
    overflow-y: auto
}

.batchResultDialog .failArrayDetailContainer {
    overflow-y: auto;
    max-height: 240px;
    border: 1px solid #ccc;
    margin-top: 10px
}

.batchResultDialog .error_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 8px;
    border-bottom: 1px solid #f4f4f4
}

.batchResultDialog .error_errorWrapper {
    padding-left: 8px;
    flex-grow: 1
}

.batchResultDialog .error_errorDetail {
    padding-top: 4px;
    display: inline-block
}

.batchResultDialog .error_iconWrapper {
    position: relative;
    flex-shrink: 0;
    height: 50px
}

.batchResultDialog .error_icon {
    border-radius: 50%;
    border: 3px solid #ebebeb
}

.batchResultDialog .error_errorIcon {
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 20px;
    height: 20px
}

.userSearch__container {
    border: 1px solid
}

.userSearch__tagCon,.userSearch__tagConWithMargin {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.userSearch__tagConWithMargin {
    margin: 5px;
    overflow: auto;
    max-height: 110px
}

.userSearch__tag {
    margin-right: 10px
}

.userSearch__input,.userSearch__input:focus {
    border-radius: 0;
    outline: none
}

.userSearch__input:focus {
    border-bottom: 1px solid gray
}

.userSearch__inputNoBottomBorder {
    border: none;
    border-radius: 0
}

.userSearch__inputNoBottomBorder:focus {
    border-bottom: 1px solid gray;
    border-radius: 0
}

.userSearch__resultCon {
    overflow: auto;
    background-color: #fff;
    position: relative;
    z-index: 10;
    max-height: 280px
}

.userSearch__moreTagCon {
    display: flex;
    flex-direction: row;
    background-color: #a9a9a9;
    border-radius: 15px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    margin: 0 0 3px
}

.userSearch__moreTagNameSpan {
    white-space: nowrap
}

.userSearch__moreTagNameCon {
    flex-direction: row
}

.userSearch__moreTagConParent {
    cursor: pointer
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.reactModelFindLibrary {
    height: 100%;
    width: 100%;
    top: auto;
    left: auto;
    transform: none
}

.reactModelFindLibrary:focus {
    outline: none
}

.reactModelFindLibrary .findLibrary {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    outline: none
}

.reactModal-overlay.overlay-hidden {
    background: transparent
}

.findLibraryDialog {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.findLibraryDialog-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1
}

.findLibraryDialog-header.no-border {
    border: none
}

.findLibraryDialog-header .back-button-wrap {
    padding-top: 28px
}

.findLibraryDialog-header .title {
    float: left;
    font-size: 24px;
    line-height: 29px;
    padding-top: 28px
}

.findLibraryDialog-header .title span {
    color: #919599;
    line-height: 29px
}

.findLibraryDialog-header .title span.selected {
    color: #4a4a4a
}

.findLibraryDialog-header .title span.clickable:hover {
    cursor: pointer;
    color: #06a9f6
}

.findLibraryDialog-header .searchBar-wrap {
    display: inline-block;
    float: right;
    padding-left: 36px;
    padding-top: 30px;
    width: 281px
}

.findLibraryDialog-content-wrap {
    height: calc(100% - 79px);
    padding-top: 20px;
    box-sizing: border-box
}

.findLibraryDialog-non-scrollable-content {
    position: relative;
    width: 100%;
    height: 100%
}

.findLibraryDialog .flex-list-wrap {
    display: flex;
    flex-wrap: wrap
}

.findLibraryDialog-list .libraryItem {
    float: left;
    margin-right: 1%;
    margin-bottom: 16px
}

.findLibraryDialog-list .subHeader {
    display: flex
}

.findLibraryDialog-list .subHeader .statusIcon {
    margin-top: 0
}

.findLibraryDialog-list .subHeader .importButtonWrap {
    margin-right: 16px
}

.findLibraryDialog-list .findProgramDetails .flex {
    display: flex;
    flex-direction: row
}

.findLibraryDialog-list .findProgramDetails .programInfo {
    padding-bottom: 24px;
    font-weight: 100
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-image-wrap {
    position: relative;
    width: 262px;
    height: 142px;
    flex: 0;
    min-width: 262px;
    background-color: #ebebeb;
    background-image: url(/app/react/assets/images/libraryItem/program-white.png);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 4px
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-image-wrap .program-image {
    width: 100%;
    height: 100%;
    background-size: cover
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-description-wrap {
    display: flex;
    width: calc(100% - 296px);
    padding-left: 32px;
    flex-direction: column;
    flex: 1
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-description-wrap .titleBlock {
    width: calc(100% - 166px)
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-description-wrap .title {
    line-height: 32px;
    font-size: 22px;
    color: #4c4c4c
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-description-wrap .duration {
    line-height: 17px;
    font-size: 14px;
    color: #ffa301;
    margin-bottom: 13px;
    text-transform: capitalize
}

.findLibraryDialog-list .findProgramDetails .programInfo .program-description-wrap .description {
    height: 80px;
    font-size: 14px;
    color: #797c80;
    overflow-y: auto;
    padding-right: 32px;
    margin-top: 10px
}

.findLibraryDialog-list .findProgramDetails .programInfo .importButtonWrap {
    margin-top: 4px;
    margin-right: 32px
}

.findLibraryDialog-list .findProgramDetails .programDetails {
    height: calc(100% - 176px)
}

.findLibraryDialog-list .findProgramDetails .programDetails .program-sub-menu {
    width: 264px;
    flex-shrink: 0
}

.findLibraryDialog-list .findProgramDetails .programDetails .training-plan-wrap {
    position: relative;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    width: calc(100% - 264px);
    padding: 32px 32px 20px;
    overflow-y: auto
}

.findLibraryDialog .scroll-view {
    padding-bottom: 32px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.findLibraryDialog .exerciseDescriptions h4 {
    font-size: 18px;
    color: #000;
    font-weight: 400
}

.findLibraryDialog .findLibraryDialog-content-wrap .importButtonWrap .button-menu .baseGrid__select_button_menu,.findLibraryDialog .findProgramDetails .button-menu .baseGrid__select_button_menu {
    right: 0
}

.findLibraryDialog .workoutDetails-exerciseList {
    border-right: 1px solid #eee
}

.libraryItem {
    width: 220px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    overflow: hidden
}

.libraryItem .line-clamp-2 {
    display: block;
    position: relative;
    height: 2.4em;
    line-height: 1.2em;
    overflow: hidden;
    background-color: #fff
}

.libraryItem .line-clamp-2:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 1.2em;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
}

@supports(-webkit-line-clamp:2) {
    .libraryItem .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 2.4em;
        height: auto;
        -webkit-box-orient: vertical
    }

    .libraryItem .line-clamp-2:after {
        display: none
    }
}

.libraryItem .line-clamp-3 {
    display: block;
    position: relative;
    height: 3.6em;
    line-height: 1.2em;
    overflow: hidden;
    background-color: #fff
}

.libraryItem .line-clamp-3:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    height: 1.2em;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
}

@supports(-webkit-line-clamp:3) {
    .libraryItem .line-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 3.6em;
        height: auto;
        -webkit-box-orient: vertical
    }

    .libraryItem .line-clamp-3:after {
        display: none
    }
}

.libraryItem:hover {
    border: 1px solid #06a9f6
}

.libraryItem:hover .libraryItem-title {
    color: #2bb5f7
}

.libraryItem:hover .libraryItem-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(0,0%,100%,.15)
}

.libraryItem-img {
    position: relative;
    cursor: pointer;
    height: 120px;
    background-color: #ebebeb;
    overflow: hidden;
    background-image: url(/app/react/assets/images/libraryItem/program-white.png);
    background-position: 50%;
    background-repeat: no-repeat
}

.libraryItem.libraryItem_workout .libraryItem-img {
    background-image: url(/app/react/assets/images/libraryItem/workout-white.png)
}

.libraryItem.libraryItem_program .libraryItem-img {
    background-image: url(/app/react/assets/images/libraryItem/program-white.png)
}

.libraryItem-img-wrap {
    width: 100%;
    height: 100%;
    background-size: cover
}

.libraryItem-content {
    padding: 12px
}

.libraryItem-title {
    cursor: pointer;
    height: 34px;
    font-size: 14px;
    color: #06a9f6;
    overflow: hidden;
    margin-bottom: 8px
}

.libraryItem-description {
    height: 50px;
    overflow: hidden;
    font-size: 11px;
    color: #919599;
    margin-bottom: 16px
}

.svg.clickable {
    cursor: pointer
}

.svg.clickable:hover {
    filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg)!important
}

.svg.clickable:active {
    opacity: .75
}

.clickable:hover .svg.clickable {
    filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg)!important
}

.dropdown-active .svg.clickable:hover {
    filter: none!important
}

.trainingPlanTitle {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #4c4c4c
}

.training-workoutItem {
    margin-top: 24px
}

.training-workoutItem .workout-image-wrap {
    overflow: hidden;
    width: 124px;
    height: 88px;
    flex-shrink: 0
}

.training-workoutItem .workout-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 100;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.training-workoutItem .workout-image:before {
    position: absolute;
    content: "View workout";
    text-align: center;
    height: 28px;
    width: 100px;
    padding: 5px 11px 5px 14px;
    top: 65%;
    left: 50%;
    display: block;
    z-index: 99;
    box-sizing: border-box;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    border: 1px solid #fff;
    border-radius: 25px;
    transform: translate(-50%,-50%)
}

.training-workoutItem .info-wrap {
    margin-top: 8px;
    padding-left: 16px;
    font-weight: 400;
    width: 100%;
    overflow: hidden
}

.training-workoutItem .title {
    text-transform: uppercase;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: .3px;
    color: #06b2f6;
    cursor: pointer
}

.training-workoutItem .count {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 14px
}

.training-workoutItem .description {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    max-height: 56px;
    overflow: hidden
}

.component__clientPicker .ant-select-selection__choice__content {
    height: 100%;
    width: 100%
}

.component__clientPicker .ant-select-selection--multiple {
    max-height: 62px;
    overflow-y: auto
}

.component__clientPicker.clientPickerError .ant-select .ant-select-selection {
    border-color: #ff5366
}

.component__clientPicker .ant-select-search__field {
    box-sizing: content-box
}

.clientPicker-item {
    height: 100%;
    width: 100%
}

.clientPicker-item__icon {
    border-radius: 50%;
    border: 1px solid #d6d8da;
    margin-right: 4px;
    background-color: #f7f7f7
}

.btn {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    line-height: 1em;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.btn--small {
    height: 24px;
    border-radius: 3px;
    padding: 3px 6px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 16px
}

.btn.btn--small.icon--only {
    border-radius: 3px;
    padding: 3px 6px;
    min-width: 24px
}

.btn.btn--small.icon--only .btn--expandIcon {
    margin-left: 6px
}

.btn.btn--small .icon {
    height: 14px;
    width: 14px
}

.btn.btn--small .icon+p,.btn.btn--small .icon+small,.btn.btn--small .icon+span {
    padding-left: 6px
}

.btn.btn--small .icon--secondary {
    margin-left: 6px
}

.btn.btn--medium {
    height: 30px;
    border-radius: 4px;
    padding: 5px 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px
}

.btn.btn--medium.icon--only {
    border-radius: 4px;
    padding: 5px 10px;
    min-width: 30px
}

.btn.btn--medium.icon--only .btn--expandIcon {
    margin-left: 10px
}

.btn.btn--medium .icon {
    height: 16px;
    width: 16px
}

.btn.btn--medium .icon+p,.btn.btn--medium .icon+small,.btn.btn--medium .icon+span {
    padding-left: 5px
}

.btn.btn--medium .icon--secondary {
    margin-left: 5px
}

.btn,.btn.btn--large {
    height: 40px;
    border-radius: 6px;
    padding: 9px 18px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px
}

.btn.btn--large.icon--only,.btn.icon--only {
    border-radius: 6px;
    padding: 9px 18px;
    min-width: 40px
}

.btn.btn--large.icon--only .btn--expandIcon,.btn.icon--only .btn--expandIcon {
    margin-left: 18px
}

.btn.btn--large .icon,.btn .icon {
    height: 21px;
    width: 21px
}

.btn.btn--large .icon+p,.btn.btn--large .icon+small,.btn.btn--large .icon+span,.btn .icon+p,.btn .icon+small,.btn .icon+span {
    padding-left: 9px
}

.btn.btn--large .icon--secondary,.btn .icon--secondary {
    margin-left: 9px
}

.btn.btn--xLarge {
    height: 50px;
    border-radius: 8px;
    padding: 12px 24px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 100;
    line-height: 24px
}

.btn.btn--xLarge.icon--only {
    border-radius: 8px;
    padding: 12px 24px;
    min-width: 50px
}

.btn.btn--xLarge.icon--only .btn--expandIcon {
    margin-left: 24px
}

.btn.btn--xLarge .icon {
    height: 25px;
    width: 25px
}

.btn.btn--xLarge .icon+p,.btn.btn--xLarge .icon+small,.btn.btn--xLarge .icon+span {
    padding-left: 12px
}

.btn.btn--xLarge .icon--secondary {
    margin-left: 12px
}

.btn--group {
    display: flex;
    flex-direction: row;
    align-items: center
}

.btn--group .btn:not(:last-child).mr4,.btn--group .btn:not(:last-child).mr8,.btn--group .btn:not(:last-child).mr16 {
    margin-right: 0!important
}

.btn--group .btn,.btn--group .btn.btn--large,.btn--group .btn.btn--medium,.btn--group .btn.btn--small,.btn--group .btn.btn--xLarge {
    border-radius: 0
}

.btn--group .btn.btn--large.icon--only .btn--expandIcon,.btn--group .btn.btn--medium.icon--only .btn--expandIcon,.btn--group .btn.btn--small.icon--only .btn--expandIcon,.btn--group .btn.btn--xLarge.icon--only .btn--expandIcon,.btn--group .btn.icon--only .btn--expandIcon {
    margin-left: 0
}

.btn--group .btn:first-child.btn--small {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.btn--group .btn:first-child.btn--medium {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.btn--group .btn:first-child,.btn--group .btn:first-child.btn--large {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.btn--group .btn:first-child.btn--xLarge {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.btn--group .btn:last-child.btn--small {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.btn--group .btn:last-child.btn--medium {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.btn--group .btn:last-child,.btn--group .btn:last-child.btn--large {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.btn--group .btn:last-child.btn--xLarge {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.btn--group .btn:not(:first-child),.btn--group .btn:not(:first-child):hover {
    margin-left: -1px
}

.btn--group .btn--primary:not(:first-child),.btn--group .btn.btn--blue:not(:first-child) {
    border-left-color: #0590d1
}

.btn--group .btn--cancel:not(:first-child),.btn--group .btn--danger:not(:first-child),.btn--group .btn.btn--red:not(:first-child) {
    border-left-color: #ff2039
}

.btn--group .btn--confirmation:not(:first-child),.btn--group .btn.btn--green:not(:first-child) {
    border-left-color: #4bc65a
}

.btn--primary,.btn.btn--blue {
    background: #06a9f6;
    color: #fff;
    border: 1px solid #06a9f6
}

.btn--primary:hover,.btn.btn--blue:hover {
    background: #29b7fa;
    color: #fff;
    border: 1px solid #29b7fa;
    transition: all .2s ease
}

.btn--primary:hover .icon,.btn.btn--blue:hover .icon {
    filter: brightness(115%)
}

.btn--primary:active,.btn.btn--blue:active {
    background: #0590d1;
    border: 1px solid #0590d1;
    color: #d9d9d9
}

.btn--primary:active .icon,.btn.btn--blue:active .icon {
    filter: brightness(85%)
}

.btn--primary .disabled,.btn--primary:disabled,.btn.btn--blue .disabled,.btn.btn--blue:disabled {
    opacity: .5
}

.btn--secondary,.btn.btn--white {
    background: #fff;
    color: #606366;
    border: 1px solid #dae0e6
}

.btn--secondary:hover,.btn.btn--white:hover {
    background: #f8f8f8;
    color: #777a7e;
    border: 1px solid #e0e5ea;
    transition: all .2s ease
}

.btn--secondary:hover .icon,.btn.btn--white:hover .icon {
    filter: brightness(115%)
}

.btn--secondary:active,.btn.btn--white:active {
    background: #f7f7f7;
    border: 1px solid #b2becb;
    color: #525457
}

.btn--secondary:active .icon,.btn.btn--white:active .icon {
    filter: brightness(85%)
}

.btn--secondary .disabled,.btn--secondary:disabled,.btn.btn--white .disabled,.btn.btn--white:disabled {
    opacity: .5
}

.btn--cancel,.btn--danger,.btn.btn--red {
    background: #ff5366;
    color: #fff;
    border: 1px solid #ff5366
}

.btn--cancel:hover,.btn--danger:hover,.btn.btn--red:hover {
    background: #ff6d7d;
    color: #fff;
    border: 1px solid #ff6d7d;
    transition: all .2s ease
}

.btn--cancel:hover .icon,.btn--danger:hover .icon,.btn.btn--red:hover .icon {
    filter: brightness(115%)
}

.btn--cancel:active,.btn--danger:active,.btn.btn--red:active {
    background: #ff2039;
    border: 1px solid #ff2039;
    color: #d9d9d9
}

.btn--cancel:active .icon,.btn--danger:active .icon,.btn.btn--red:active .icon {
    filter: brightness(85%)
}

.btn--cancel .disabled,.btn--cancel:disabled,.btn--danger .disabled,.btn--danger:disabled,.btn.btn--red .disabled,.btn.btn--red:disabled {
    opacity: .5
}

.btn--confirmation,.btn.btn--green {
    background: #70d27c;
    color: #fff;
    border: 1px solid #70d27c
}

.btn--confirmation:hover,.btn.btn--green:hover {
    background: #85d990;
    color: #fff;
    border: 1px solid #85d990;
    transition: all .2s ease
}

.btn--confirmation:hover .icon,.btn.btn--green:hover .icon {
    filter: brightness(115%)
}

.btn--confirmation:active,.btn.btn--green:active {
    background: #4bc65a;
    border: 1px solid #4bc65a;
    color: #d9d9d9
}

.btn--confirmation:active .icon,.btn.btn--green:active .icon {
    filter: brightness(85%)
}

.btn--confirmation .disabled,.btn--confirmation:disabled,.btn.btn--green .disabled,.btn.btn--green:disabled {
    opacity: .5
}

.btn.btn--orange {
    background: #ffb400;
    color: #fff;
    border: 1px solid #ffb400
}

.btn.btn--orange:hover {
    background: #ffbf26;
    color: #fff;
    border: 1px solid #ffbf26;
    transition: all .2s ease
}

.btn.btn--orange:hover .icon {
    filter: brightness(115%)
}

.btn.btn--orange:active {
    background: #d99900;
    border: 1px solid #d99900;
    color: #d9d9d9
}

.btn.btn--orange:active .icon {
    filter: brightness(85%)
}

.btn.btn--orange .disabled,.btn.btn--orange:disabled {
    opacity: .5
}

.btn.dropdown-active .icon use,div.dropdown-active .icon use {
    fill: #fff!important
}

.btn.btn--transparent {
    background: transparent
}

.button-menu {
    position: relative;
    display: inline-block
}

.button-menu .baseGrid__select_button_menu {
    min-width: 95px;
    width: auto
}

.button-menu .baseGrid__select_button_menu.hidden {
    display: none
}

.button-menu .sub-nav {
    min-width: 95px;
    width: auto;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #d8d8d8
}

.button-menu .sub-nav .icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover;
    background-repeat: no-repeat
}

.button-menu .sub-nav .icon-shared {
    background-image: url(/app/images/icons/collapsableSections/cs-shared.png)
}

.button-menu .sub-nav .icon-mine {
    background-image: url(/app/images/icons/collapsableSections/cs-mine.png)
}

.button-menu .sub-nav li:hover .icon-shared {
    background-image: url(/app/images/icons/collapsableSections/cs-shared-blue.png)
}

.button-menu .sub-nav li:hover .icon-mine {
    background-image: url(/app/images/icons/collapsableSections/cs-mine-blue.png)
}

.uppercase {
    text-transform: uppercase
}

.ant-dropdown-menu-item .icon-shared {
    background: url(/app/images/icons/collapsableSections/cs-shared.png) no-repeat 0;
    background-size: 18px auto;
    padding-left: 28px;
    display: inline-block;
    text-transform: capitalize
}

.ant-dropdown-menu-item .icon-mine {
    background: url(/app/images/icons/collapsableSections/cs-mine.png) no-repeat 0;
    background-size: 18px auto;
    padding-left: 28px;
    display: inline-block;
    text-transform: capitalize
}

.react-btn.icon-white-arrow-select {
    position: relative;
    padding: 4px 28px 4px 5px!important
}

.react-btn.icon-white-arrow-select:before {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    border: 4px solid transparent;
    border-top: 6px solid #fff;
    -webkit-transform: translateY(50%);
    transform: translateY(-3px)
}

.react-btn.icon-white-arrow-select.gtDtnSmall:hover {
    padding: 4px 28px 4px 5px!important
}

.react-btn.icon-white-arrow-select.gtBtnMed {
    line-height: 16px;
    padding-right: 32px!important
}

.react-btn.icon-white-arrow-select.gtBtnMed:hover {
    padding-right: 32px!important
}

.react-btn.icon-white-arrow-select.gtBtnMed:before {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    border: 4px solid transparent;
    border-top: 6px solid #fff;
    -webkit-transform: translateY(50%);
    transform: translateY(-3px)
}

.react-btn.gtBtnMed {
    line-height: 16px;
    padding: 4px 13px 3px!important
}

.gtLoader.react-bottom-alert {
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    bottom: -80px;
    z-index: 1020;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    transition: bottom 1s ease;
    border-radius: 2px;
    min-width: 550px
}

.gtLoader.react-bottom-alert .inner {
    display: inline-block;
    *zoom:1;*display: inline;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 12px;
    width: auto;
    height: 18px;
    white-space: nowrap
}

.gtLoader.react-bottom-alert .inner .text {
    display: inline-block;
    padding-right: 40px
}

.gtLoader.react-bottom-alert .inner .hide {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -20px;
    cursor: pointer;
    padding: 8px 12px 8px 30px;
    border-radius: 2px
}

.gtLoader.show {
    bottom: 0
}

.gtLoader.gtLoader-check {
    background-color: #97ca55!important
}

.gtLoader.gtLoader-check .hide {
    background-color: #97ca55
}

.gtLoader.gtLoader-error {
    background-color: #ff5366!important
}

.gtLoader.gtLoader-warning {
    background-color: #ffb400!important
}

.list-sub-menu {
    width: 100%
}

.list-sub-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    box-sizing: border-box
}

.list-sub-menu ul li {
    border-bottom: 1px solid #ebebeb;
    text-transform: capitalize;
    background-color: #fff;
    border-left: 5px solid #fff
}

.list-sub-menu ul li.active {
    color: #444;
    background-color: rgba(6,178,246,.15);
    border-left: 5px solid #06b2f6
}

.list-sub-menu ul li:first-of-type {
    border-top: none
}

.list-sub-menu ul li>div {
    display: flex;
    height: 100%;
    padding: 13px 0 13px 8px;
    color: #444;
    width: 100%;
    box-sizing: border-box
}

.list-sub-menu ul li .name {
    font-size: 14px;
    line-height: 20px
}

.list-sub-menu ul li .name,.list-sub-menu ul li .text {
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-sub-menu ul li .text {
    font-size: 12px;
    line-height: 14px;
    color: #919599
}

.onboard-radio>div {
    border: 1px solid #dae0e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 20px;
    vertical-align: top;
    white-space: normal
}

.onboard-radio>div.selected {
    border-color: #06a9f6
}

.onboard-radio.ant-radio-wrapper {
    position: relative;
    width: 100%
}

.onboard-radio span+span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px
}

.onboard-radio.ant-radio {
    vertical-align: middle
}

.onboard-radio.title {
    display: block;
    line-height: 17px;
    font-size: 14px;
    color: #06b2f6;
    margin-bottom: 4px
}

.onboard-radio .text {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #9a9a9a;
    white-space: normal
}

.onboard-radio input[type=radio] {
    width: 18px;
    height: 18px;
    margin: 0
}

.onboard-radio .ant-radio-inner {
    position: static
}

.onboard-radio .ant-radio-inner:after {
    left: 4px;
    top: 4px
}

.onboard-checkbox {
    border: 1px solid #dae0e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 14px
}

.onboard-checkbox .ant-checkbox+span {
    padding-left: 24px;
    padding-right: 8px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden
}

.onboard-checkbox.checked {
    border-color: #06a9f6
}

.onboard-checkbox .ant-checkbox-wrapper {
    width: 100%;
    display: flex
}

.onboard-checkbox .ant-checkbox-wrapper .ant-checkbox {
    margin-top: 3px;
    height: 16px
}

.btnDropdown--active {
    filter: brightness(.8);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.pTransactions {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.pTransactions__tableCon {
    border: 1px solid #f1f5f7;
    padding: 5px
}

.customFilter__badge .ant-badge-count {
    background-color: #06a9f6;
    border-color: #fff;
    color: #fff;
    transform: scale(.9);
    transition: none
}

.customFilter__filterDrawer .ant-drawer-content-wrapper {
    width: 285px!important
}

.customFilter__filterDrawer .ant-tree-checkbox-disabled {
    display: none
}

.customFilter__filterDrawer .ant-drawer-body {
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.customFilter__filterDrawer .ant-drawer-wrapper-body {
    background-color: #f9fafc
}

.customFilter__filterDrawer .ant-tree .ant-tree-switcher {
    margin-left: 8px
}

.customFilter__filterDrawer .ant-tree li {
    width: 100%
}

.customFilter__filterDrawer .ant-tree li:last-child {
    padding-bottom: 4px
}

.customFilter__filterDrawer .ant-tree-node-content-wrapper {
    height: auto!important
}

.customFilter__filterDrawer .ant-tree-node-content-wrapper:hover {
    background-color: inherit!important
}

.customFilter__filterDrawer .ant-tree-treenode-switcher-close {
    border-bottom: 1px solid #eeeff1
}

.customFilter__filterDrawer .ant-tree-child-tree {
    padding: 10px 0 10px 10px;
    background-color: #eff3f6
}

.customFilter__filterDrawer .ant-tree-child-tree .ant-tree-treenode-switcher-close {
    border-bottom: none
}

.customFilter__filterDrawer__tree {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.customFilter__filterDrawer__applyBtn {
    width: 200px;
    margin: 12px auto
}

.customFilter__rangePickerCon {
    display: flex;
    flex-direction: column
}

.customFilter__rangePicker .ant-calendar-picker-input {
    padding: 4px 12px 4px 4px
}

.customFilter__rangePicker .ant-calendar-range-picker-input {
    width: 42%;
    font-size: 12px
}

.customFilter__rangePicker .ant-calendar-range-picker-separator {
    width: auto;
    margin: 0 2px
}

.customFilter__rangePicker .ant-calendar-picker-clear,.customFilter__rangePicker .ant-calendar-picker-icon {
    right: 8px
}

.customFilter__tooltipCon {
    display: flex;
    flex-direction: row;
    align-items: center
}

.customFilter__tooltipDiv {
    margin: 0 0 0 10px;
    align-items: center;
    justify-content: center
}

.customFilter__tooltipPopTitle {
    margin: 0 0 5px;
    color: #000
}

.customFilter__tooltipPopText {
    margin: 0 0 15px;
    font-size: 11px;
    color: #c2c6cc
}

.customFilter .ant-tooltip-inner {
    background-color: #fff
}

.customFilter__tooltipAnt {
    left: auto;
    right: 270px;
    width: 350px
}

.customFilter__tooltipAnt .ant-tooltip-inner {
    background-color: #fff
}

.customFilter__tooltipAnt .ant-tooltip-content {
    padding-right: 10px
}

.customFilter__tooltipAnt .ant-tooltip-arrow {
    border-width: 15px 0 15px 15px;
    border-left-color: #fff
}

.customFilter__filterDrawer .ant-tree-title {
    text-overflow: ellipsis;
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.trainerNotes {
    height: 100%;
    box-sizing: border-box
}

.trainerNotes__header {
    flex-shrink: 0;
    align-items: flex-start;
    box-sizing: border-box;
    padding-bottom: 16px
}

.trainerNotes__notes {
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.trainerNotes .note {
    border-top: 1px solid #eaeaea
}

.trainerNotes .note.last {
    margin-bottom: 0
}

.trainerNotes .fontSize18 {
    font-size: 18px
}

.note {
    height: auto;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    padding: 16px 0
}

.note__title {
    height: 27px;
    width: 100%
}

.note__content {
    width: 100%;
    overflow: hidden
}

.note__text {
    color: #303133;
    white-space: pre-wrap
}

.note textArea,.note textArea.ant-input {
    height: 100%
}

.note.fullHeight {
    flex: 1 0 auto
}

.note.note--new {
    animation: colorchange 2s
}

.dailyNotesComments {
    height: 100%;
    display: flex;
    flex-direction: column
}

.dailyNotesComments__header {
    box-sizing: border-box;
    height: 100px;
    padding: 16px 12px 0;
    flex: 0 0 auto
}

.dailyNotesComments__tab {
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box
}

.dailyNotesComments__tab p {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dailyNotesComments__tab--active {
    border-bottom-color: #06a9f6
}

.dailyNotesComments__tab--active p {
    color: #06a9f6;
    font-weight: 400
}

.dailyNotesComments__container {
    display: flex;
    flex: 1 0 auto;
    max-height: calc(100% - 100px)
}

.comments {
    flex: 1
}

.comments__list {
    box-sizing: border-box;
    padding: 0 12px;
    border-bottom: 1px solid #eaeaea;
    overflow: auto
}

.commentBox {
    padding: 12px;
    box-sizing: border-box
}

.commentBox__quickLike {
    margin-left: 8px;
    align-items: flex-end;
    display: flex;
    height: 100%;
    min-width: 20px
}

.commentBox__quickLike img:hover {
    cursor: pointer
}

.message .reactionImage {
    border: 1px solid #f2f2f2;
    padding-left: 5px;
    padding-top: 2px;
    margin: 2px;
    min-width: 32px;
    height: 20px;
    border-radius: 12px;
    background-color: #f2f2f2;
    cursor: pointer;
    box-sizing: initial
}

.message .reactionImage__text {
    color: #797c80
}

.message .reactionImage-condensed {
    border: 1px solid #f2f2f2;
    height: 20px;
    background-color: #f2f2f2;
    box-sizing: initial;
    padding-top: 2px
}

.message .alreadyReacted {
    border-color: #aaaeb3
}

.message * {
    box-sizing: border-box
}

.message__text {
    margin-top: 8px!important;
    overflow-wrap: anywhere
}

.message__textEmoji {
    font-size: 24px!important;
    padding-top: 4px!important;
    margin-bottom: 6px!important
}

.reactions {
    min-height: 20px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.reactions__container_new {
    border: 1px solid #f2f2f2;
    padding: 2px;
    height: 20px;
    width: 20px;
    border-radius: 12px;
    background-color: #f2f2f2;
    margin-left: 8px;
    margin-top: 2px;
    cursor: pointer
}

.reactions__last {
    border-radius: 0 12px 12px 0;
    min-width: 28px
}

.reactions__first {
    border-radius: 12px 0 0 12px
}

.reactions__new {
    margin: auto
}

.reactionsImages__imageWrap {
    cursor: pointer;
    box-sizing: border-box;
    height: 100%;
    padding: 12px 5px
}

.reactionsImages__imageWrap:hover {
    background-color: #eaeaea
}

.reactionsImages__imageWrap:hover .reactionsImages__image {
    transform: scale(1.1) translateY(-10px);
    transition: transform .2s;
    margin-top: 5px;
    margin-left: 4px
}

.reactionsImages__imageWrap:first-of-type:hover {
    border-radius: 40px 0 0 40px!important
}

.reactionsImages__imageWrap:last-of-type:hover {
    border-radius: 0 40px 40px 0!important
}

.trainerNotesFilter {
    width: 240px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fafbfc;
    border: 1px solid #dae0e6;
    z-index: 100
}

.trainerNotesFilter * {
    box-sizing: border-box
}

.trainerNotesFilter__filters {
    background-color: #f1f5f7
}

.trainerNotesFilter__filters label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.trainerNotesFilter__filters label:not(:last-child) {
    padding-bottom: 4px
}

.rpe__container {
    position: relative;
    margin: 8px 0
}

.rpe__divider {
    width: 3px;
    height: 100%;
    position: absolute;
    border-radius: 2px;
    background: #ffb400
}

.importClientDialog-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.importClientDialog-dialog h1 {
    font-size: 24px;
    font-weight: 400
}

.importClientDialog-dialog .clientListHeader {
    align-items: baseline;
    padding: 7px 8px;
    border: 1px solid #e8e8e8;
    border-bottom: none
}

.importClientDialog-dialog .clientListHeader .headerTag {
    font-size: 14px;
    padding-right: 10px;
    margin: 0;
    display: inline-block
}

.importClientDialog-dialog .clientListHeader .locationPickerContainer {
    display: inline-block;
    height: 24px;
    width: 240px
}

.importClientDialog-dialog .clientListHeader .locationPickerContainer .ant-select-selection {
    height: 24px
}

.importClientDialog-dialog .clientListHeader .locationPickerContainer .ant-select-selection__rendered {
    line-height: 24px
}

.importClientDialog-dialog .clientListHeader .searchBarContainer input {
    height: 24px
}

.importClientDialog-dialog .clientList {
    height: 251px;
    overflow-y: auto;
    border: 1px solid #e8e8e8;
    display: flex
}

.importClientDialog-dialog .clientList .clientList_container {
    flex: 1
}

.importClientDialog-dialog .clientList .clientList_containerNUllScreen {
    display: flex;
    flex: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item {
    background-color: #fff;
    height: 42px
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .ant-list-item-content {
    align-items: baseline;
    padding-left: 8px
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .clientProfile {
    color: #797c80;
    font-size: 15px;
    padding-left: 12px;
    margin: 0
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .emailError {
    color: #aaaeb3;
    font-size: 15px;
    padding-left: 16px;
    margin: 0;
    position: absolute;
    left: 8px
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover {
    background-color: #f2f2f2
}

.importClientDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover .clientProfile {
    color: #06a9f6
}

.importClientDialog-dialog .confirmButtonContainer .importButton {
    width: 115px
}

.importClientDialog-dialog .confirmButtonContainer .clientSelected {
    color: #aaaeb3;
    font-size: 12px;
    padding-left: 5px;
    margin: 0;
    position: absolute;
    right: 24px;
    display: inline-block;
    line-height: 32px
}

.importClientDialog-dialog .ant-input {
    height: 37px
}

.importClientDialog-dialog .h21 {
    height: 21px
}

.importClientDialog-dialog .h18 {
    height: 18px
}

.importClientDialog-dialog .h16 {
    height: 16px;
    border-bottom: 1px solid #e8e8e8
}

.importClientDialog-dialog .h12 {
    height: 12px;
    width: 100%
}

.importClientDialog-dialog .tr-dialog-close {
    border: none;
    top: 20px;
    right: 18px
}

.mboSyncLocationDialog-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.mboSyncLocationDialog-dialog .clientListHeader {
    align-items: baseline;
    padding: 7px 8px;
    border-bottom: 1px solid #e8e8e8
}

.mboSyncLocationDialog-dialog .clientListHeader p {
    display: inline-block
}

.mboSyncLocationDialog-dialog .clientListHeader .tzLocation {
    float: right;
    padding-right: 85px
}

.mboSyncLocationDialog-dialog .clientList {
    height: 251px;
    overflow-y: auto;
    border: 1px solid #e8e8e8
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item {
    background-color: #fff;
    height: 42px
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .ant-list-item-content {
    align-items: center;
    padding-left: 8px
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .emailError {
    position: absolute;
    right: 8px
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .mboSyncDialog_item_menu {
    top: -3px;
    display: inline-block;
    right: 3px;
    cursor: pointer;
    width: 12px;
    color: #d1d1d1;
    margin-right: 3px;
    margin-top: 3px;
    content: "â ‡"
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .mboSyncDialog_item_menu:after {
    content: "â ‡";
    font-size: 25px;
    cursor: pointer
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover {
    background-color: #f2f2f2
}

.mboSyncLocationDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover .clientProfile {
    color: #06a9f6
}

.mboSyncLocationDialog-dialog .ant-input {
    height: 37px
}

.mboSyncLocationDialog-dialog .h16 {
    height: 16px;
    border-bottom: 1px solid #e8e8e8
}

.mboConnectionDialog-dialog .connectStepImage {
    background: url(/app/images/UI/mboExample.png) no-repeat 50%;
    background-size: 200px
}

.autoSyncServiceDialog-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.autoSyncServiceDialog-dialog .clientListHeader {
    align-items: baseline;
    padding: 7px 8px;
    border: 1px solid #e8e8e8;
    border-bottom: none
}

.autoSyncServiceDialog-dialog .clientListHeader .headerTag {
    font-size: 14px;
    padding-right: 10px;
    margin: 0;
    display: inline-block
}

.autoSyncServiceDialog-dialog .clientListHeader .locationPickerContainer {
    display: inline-block;
    height: 24px;
    width: 240px
}

.autoSyncServiceDialog-dialog .clientListHeader .locationPickerContainer .ant-select-selection {
    height: 24px
}

.autoSyncServiceDialog-dialog .clientListHeader .locationPickerContainer .ant-select-selection__rendered {
    line-height: 24px
}

.autoSyncServiceDialog-dialog .apptTypeHeader {
    display: flex;
    align-items: baseline;
    padding: 7px 8px;
    border: 1px solid #e8e8e8;
    border-bottom: none
}

.autoSyncServiceDialog-dialog .apptTypeHeader .clientProfile {
    padding-left: 10px
}

.autoSyncServiceDialog-dialog .apptTypeHeader .emailError {
    position: absolute;
    right: 8px
}

.autoSyncServiceDialog-dialog .apptTypeHeader .isVideoCall {
    position: absolute;
    right: 315px
}

.autoSyncServiceDialog-dialog .apptTypeHeader .apptDuration {
    position: absolute;
    right: 190px
}

.autoSyncServiceDialog-dialog .clientList {
    height: 251px;
    overflow-y: auto;
    border: 1px solid #e8e8e8
}

.autoSyncServiceDialog-dialog .clientList .clientList_containerNullScreen {
    height: 251px;
    display: flex;
    flex: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item {
    background-color: #fff;
    height: 42px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .ant-list-item-content {
    align-items: center;
    padding-left: 10px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .clientProfile {
    position: absolute;
    left: 20px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .emailError {
    position: absolute;
    right: 8px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .isVideoCall {
    position: absolute;
    right: 310px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .apptDuration {
    position: absolute;
    right: 155px
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item .itemNameOverflowEllipsis {
    display: inline-block;
    max-width: 35%;
    overflow: hidden;
    pointer-events: auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover {
    background-color: #f2f2f2
}

.autoSyncServiceDialog-dialog .clientList .ant-spin-nested-loading .ant-list-item:hover .clientProfile {
    color: #06a9f6
}

.autoSyncServiceDialog-dialog .ant-input {
    height: 37px
}

.autoSyncServiceDialog-dialog .h16 {
    height: 16px;
    border-bottom: 1px solid #e8e8e8
}

.autoSyncServiceDialog-dialog .tr-dialog-close {
    border: none;
    top: 20px;
    right: 18px
}

.disputeRespondForm__labelWrapper {
    height: 32px
}

.disputeRespondForm__label {
    width: 180px
}

.disputeRespondForm__input {
    width: 300px
}

.disputeRespondForm__tooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.disputeRespondForm__tooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.disputeRespondForm__tooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.disputeRespondForm__tooltipContent {
    word-break: normal;
    padding: 16px
}

.disputeRespondForm__tooltipContent h2 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px
}

.disputeRespondForm__tooltipContent p {
    color: #606366;
    font-size: 13px;
    margin: 0
}

.disputeRespondForm .forceAutoWidth {
    width: auto
}

.disputeRespondForm .dragDropContainer {
    min-width: 100%;
    height: 40px;
    transition: none!important
}

.disputeRespondForm .dragDropContainer .ant-upload {
    width: 100%;
    height: 100%
}

.disputeRespondForm .dragDropContainer .ant-upload-list-item {
    margin-top: 0
}

.disputeRespondForm .dragDropContainer .ant-upload-list-item .anticon-paper-clip {
    top: 3px
}

.disputeRespondForm .dragDropContainer .ant-upload-list-item .ant-upload-list-item-name {
    padding-left: 18px;
    padding-right: 5px
}

.disputeRespondForm .dragDropContainer .ant-upload-list-item .anticon-cross {
    opacity: 1
}

.addAutomationDialog-dialog {
    position: relative
}

.addAutomationDialog-dialog__tooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.addAutomationDialog-dialog__tooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.addAutomationDialog-dialog__tooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.addAutomationDialog-dialog__tooltipContent {
    word-break: normal;
    padding: 16px
}

.addAutomationDialog-dialog a {
    color: #06a9f6;
    cursor: pointer
}

.addAutomationDialog-dialog .bottomText {
    display: flex;
    align-items: center;
    padding-left: 140px
}

.addAutomationDialog-dialog .timelineText {
    color: #d6d8da;
    cursor: pointer
}

.addAutomationDialog-dialog .timelineTextSelected {
    color: #000
}

.addAutomationDialog-dialog .timelineText:hover {
    color: #06a9f6
}

.addAutomationDialog-dialog .fullTimeline .ant-timeline .ant-timeline-item {
    padding: 0 0 218px
}

.addAutomationDialog-dialog .fullTimeline .ant-timeline .ant-timeline-item-last {
    padding: 0
}

.addAutomationDialog-dialog .constrainedTimeline .ant-timeline .ant-timeline-item {
    padding: 0 0 455px
}

.addAutomationDialog-dialog .constrainedTimeline .ant-timeline .ant-timeline-item-last {
    padding: 0
}

.addAutomationDialog-dialog .ant-select-selection--multiple {
    max-height: 48px;
    overflow: auto
}

.addAutomationDialog-dialog .ant-select-selection--multiple .item-image {
    height: 14px;
    padding-right: 4px
}

.addAutomationDialog-dialog .tabMenu .ant-checkbox-wrapper {
    min-width: 250px
}

.addAutomationDialog-dialog .tabMenu .selectRow {
    padding: 10px 0;
    line-height: 24px
}

.addAutomationDialog-dialog .arrow_box_top {
    position: absolute;
    background: #fff;
    border: 1px solid #d6d8da;
    width: 585px;
    height: 455px;
    top: 74px;
    left: 140px;
    padding: 30px
}

.addAutomationDialog-dialog .arrow_box_top:after,.addAutomationDialog-dialog .arrow_box_top:before {
    right: 100%;
    top: 38px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.addAutomationDialog-dialog .arrow_box_top:after {
    border-color: hsla(0,0%,100%,0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: -30px
}

.addAutomationDialog-dialog .arrow_box_top:before {
    border-color: hsla(210,5%,85%,0);
    border-right-color: #d6d8da;
    border-width: 12px;
    margin-top: -31px
}

.addAutomationDialog-dialog .arrow_box_middle {
    position: absolute;
    background: #fff;
    border: 1px solid #d6d8da;
    width: 585px;
    height: 455px;
    top: 74px;
    left: 140px;
    padding: 30px
}

.addAutomationDialog-dialog .arrow_box_middle:after,.addAutomationDialog-dialog .arrow_box_middle:before {
    right: 100%;
    top: 235px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.addAutomationDialog-dialog .arrow_box_middle:after {
    border-color: hsla(0,0%,100%,0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: 13px
}

.addAutomationDialog-dialog .arrow_box_middle:before {
    border-color: hsla(210,5%,85%,0);
    border-right-color: #d6d8da;
    border-width: 12px;
    margin-top: 12px
}

.addAutomationDialog-dialog .arrow_box_bot {
    position: absolute;
    background: #fff;
    border: 1px solid #d6d8da;
    width: 585px;
    height: 455px;
    top: 74px;
    left: 140px;
    padding: 30px
}

.addAutomationDialog-dialog .arrow_box_bot:after,.addAutomationDialog-dialog .arrow_box_bot:before {
    right: 100%;
    top: 430px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.addAutomationDialog-dialog .arrow_box_bot:after {
    border-color: hsla(0,0%,100%,0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: 54px
}

.addAutomationDialog-dialog .arrow_box_bot:before {
    border-color: hsla(210,5%,85%,0);
    border-right-color: #d6d8da;
    border-width: 12px;
    margin-top: 53px
}

.item-image {
    height: 30px;
    border-radius: 50%;
    padding-right: 8px;
    display: inline-block;
    vertical-align: middle
}

.calendarListItem__container {
    width: 100%;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.calendarListItem__container:hover .calendarListItem__title {
    color: #06a9f6
}

.calendarListItem__icon {
    height: 24px;
    width: 24px
}

.calendarListItem__photoIcon {
    background-color: #eaeaea;
    border-radius: 3px;
    height: 26px;
    margin-right: 2px;
    width: 26px
}

.calendarListItem__photoIconImg {
    border-radius: 2px;
    height: 24px;
    width: 24px
}

.calendarListItem__statusIcon {
    margin-right: 16px
}

.calendarListItem__nutritionMealPhoto {
    background-color: #eaeaea;
    border-radius: 3px;
    height: 26px;
    margin-right: 2px;
    width: 26px
}

.calendarListItem__mealImage {
    border-radius: 2px;
    height: 24px;
    width: 24px
}

.ant-calendar-selected-date .ant-calendar-date,.ant-calendar-selected-end-date .ant-calendar-date,.ant-calendar-selected-start-date .ant-calendar-date {
    background: #06a9f6;
    color: #fff;
    border: 1px solid transparent
}

.ant-calendar-date {
    color: #303133
}

.nutritionGoalToDoItem__container {
    width: 100%;
    display: flex;
    flex-direction: column
}

.nutritionGoalToDoItem__container:hover {
    cursor: pointer
}

.nutritionGoalToDoItem__container:hover .nutritionGoalToDoItem__title {
    color: #06a9f6
}

.nutritionGoalToDoItem__dataCon {
    width: 100%;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.nutritionGoalToDoItem__statusIcon {
    margin-right: 16px;
    display: flex;
    align-self: center
}

.nutritionGoalToDoItem__dataTextCon {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.nutritionGoalToDoItem__title {
    font-size: 16px
}

.nutritionGoalToDoItem__progressCon {
    display: flex;
    flex-direction: row
}

.nutritionGoalToDoItem__progressItem {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.nutritionGoalToDoItem__progressItem--first {
    padding-left: 0
}

.nutritionGoalToDoItem__progressItemTitleCon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px
}

.nutritionGoalToDoItem__progressItemGoalHit {
    padding-top: 0;
    width: 13px;
    height: 13px;
    margin-right: 2px
}

.nutritionGoalToDoItem__progressItemTitle {
    font-size: 12px;
    color: #919599
}

.thingsToDoList__subTitleCon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.thingsToDoList__subTitle {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 16px
}

.thingsToDoList__goToLink {
    color: #06a9f6;
    font-size: 14px
}

.thingsToDoList__nullScreenCon {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #919599;
    justify-content: center;
    display: flex
}

.thingsToDoList__loadingCon {
    width: 550px;
    height: 331px;
    background-color: #fff;
    display: flex
}

.progressSection__subTitleCon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.progressSection__subTitle {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 16px
}

.progressSection__goToLink {
    color: #06a9f6;
    font-size: 14px
}

.progressSection__graphTileContainer {
    display: grid;
    grid-template-columns: repeat(3,minmax(180px,1fr));
    grid-gap: 16px;
    grid-template-rows: auto
}

.progressSection__graphTileRowCon {
    display: flex;
    flex-direction: row
}

.progressSection__graphTileRowCon--withMargin {
    margin-bottom: 16px
}

.accomplishmentsList__subTitleCon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.accomplishmentsList__subTitle {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 16px
}

.accomplishmentsList__goToLink {
    color: #06a9f6;
    font-size: 14px
}

.accomplishmentsList__loader {
    margin-top: 15px
}

.accomplishmentsList__eofeed {
    font-size: 14px;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #919599
}

.accomplishmentsList__loadingCon {
    width: 550px;
    height: 158px;
    display: flex
}

.accomplishmentsList__nullScreenCon {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #919599;
    justify-content: center;
    display: flex
}

.accomplishmentsList__accomplishmentCon {
    margin-bottom: 12px;
    min-width: 500px
}

.accomplishmentsList__accomplishmentDateCon {
    color: #919599;
    font-size: 13px;
    margin-bottom: 8px
}

.accomplishment__container {
    display: flex;
    width: 100%;
    min-height: 80px;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #eaeaea;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    background-color: #fff
}

.accomplishment__container:hover {
    border: 1px solid #06a9f6;
    background-color: #f2f2f2
}

.accomplishment__container:hover label {
    color: #06a9f6
}

.accomplishment__nameCon {
    display: flex;
    flex-direction: row;
    align-items: center
}

.accomplishment__imageDiv {
    margin-left: 12px;
    margin-right: 12px;
    position: relative
}

.accomplishment__image {
    width: 48px;
    height: 48px
}

.accomplishment__image_milestone_count {
    font-size: 16px;
    position: absolute;
    top: 7px;
    left: 4px;
    text-align: center;
    display: block;
    width: 40px
}

.accomplishment__accomplishment-date {
    font-size: 13px;
    margin-left: 13px;
    margin-bottom: 2px;
    margin-top: 2px
}

.accomplishment__exerciseData {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px
}

.accomplishment__detailsData {
    font-weight: 700
}

.accomplishment__exerciseDetails {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.graphTile__container {
    height: 170px;
    border-radius: 10px;
    border: 1px solid #ededed;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.graphTile__container:hover {
    cursor: pointer;
    border: 1px solid #06a9f6;
    background-color: #f2f2f2
}

.graphTile__container:hover label {
    color: #06a9f6
}

.graphTile__container--isLoading {
    justify-content: flex-start
}

.graphTile__titleCon {
    margin: 20px 20px 0;
    height: 50px;
    display: flex;
    flex-direction: column
}

.graphTile__subTitle {
    color: #c2c7cc!important
}

.graphTile__dataCon {
    align-self: flex-end
}

.graphTile__dataNullCon {
    margin: 0 20px 34px;
    font-size: 26px;
    color: #919599
}

.imageTile__container {
    height: 170px;
    border-radius: 10px;
    border: 1px solid #ededed;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative
}

.imageTile__container:hover {
    cursor: pointer;
    border: 1px solid #06a9f6;
    background-color: #f2f2f2
}

.imageTile__container:hover label {
    color: #06a9f6
}

.imageTile__container--isLoading {
    justify-content: flex-start
}

.imageTile__titleCon {
    margin: 20px 20px 0;
    height: 50px;
    display: flex;
    flex-direction: column
}

.imageTile__subTitle {
    color: #c2c7cc!important
}

.imageTile__emptyImageCon,.imageTile__imageCon {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #dae0e6
}

.imageTile__emptyImageCon {
    cursor: default
}

.imageTile__imagesContainer {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    margin: 0 40px 20px 20px
}

.imageTile__textCon {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    height: 50px
}

.imageTile__image {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-size: cover
}

.goalTile {
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    padding-bottom: 16px;
    margin-bottom: 12px;
    border-radius: 8px
}

.goalTile__title {
    line-height: 26px!important
}

.goalTile__title_wrapper {
    display: flex;
    flex-direction: column
}

.goalTile__goal,.goalTile__header {
    width: 100%
}

.goalTile__title {
    font-size: 20px!important
}

.goalTile__icon {
    margin-right: 12px
}

.goalTile__icon--achieved {
    position: absolute;
    right: 4px;
    bottom: 0;
    background-color: #fff
}

.goalTile__value_wrapper {
    padding: 0 55px 7px 0
}

.goalTile__value {
    margin-right: 12px
}

.goalTile__value_symbol {
    padding: 5px 0 0 2px!important
}

.goalTile__item {
    margin: 0
}

.goalTile__progress {
    width: calc(100% - 128px);
    align-self: center
}

.goalTile__wrapper {
    margin-top: 16px
}

.progressBar {
    box-sizing: border-box;
    background-color: #e6ecf2;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: flex-start
}

.progressBar__percent {
    background-color: #57d3f8;
    height: 100%
}

.progressBar__percent--protein {
    background-color: #70d27c
}

.progressBar__percent--fat {
    background-color: #ff9971
}

.progressBar__percent--carbs {
    background-color: #70d1fe
}

.progressBar__percent--remaining {
    background-color: #e6ecf2
}

.progressBar__upperLabel {
    display: flex;
    align-items: flex-start;
    height: 20px
}

.progressBar__upperLabel p {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}

.progressBar__lowerLabel {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    padding-top: 8px;
    height: 28px
}

.progressBar__lowerLabel p {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}

.currentGoals,.pastGoals {
    display: flex;
    flex-direction: column
}

.currentGoals .goals,.pastGoals .goals {
    padding-bottom: 32px;
    overflow: auto
}

.habitStat {
    box-sizing: border-box;
    height: 40px;
    font-size: 12px
}

.habitStat:first-of-type {
    border-top: 1px solid #eaeaea
}

.habitStat__icon {
    margin-right: 12px;
    margin-left: 12px
}

.habit-menu {
    margin-left: 25px
}

.habitStreakInfo {
    width: 100%;
    justify-content: space-between;
    display: flex;
    border-top: 1px solid #eaeaea
}

.habitStreakInfo__title {
    margin-top: 15px;
    color: #797c80;
    font-size: 14px
}

.habitStreakInfo__text {
    color: #797c80;
    font-size: 12px;
    line-height: 32px
}

.habitStreakInfo__number {
    color: #606366;
    font-size: 18px;
    margin-right: 4px
}

.habitStreakInfo__banner {
    background: #c2c7cc;
    color: #fff;
    font-size: 14px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    height: 30px;
    position: relative
}

.habitStreakInfo__gold {
    background: #ffce00!important
}

.habitStreakInfo__blue {
    background: #70d1fe!important
}

.habitStreakInfo__bannerText {
    margin: auto
}

.habitStreakInfo__bannerIcon {
    position: absolute;
    left: 15px
}

.habitTile {
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    margin-bottom: 12px;
    border-radius: 8px
}

.habit-range {
    color: #797c80;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 16px
}

.delete-goal-tooltip {
    font-size: 10px
}

.delete-goal-tooltip.ant-tooltip {
    max-width: 400px
}

.delete-goal-tooltip.ant-tooltip .ant-tooltip-inner {
    padding: 8px
}

.layout__content {
    padding: 32px 32px 0;
    width: 100%;
    min-width: 646px
}

.layout__content--sidebar {
    padding: 32px 32px 0 264px
}

.layout__content--sidebarNoPadding {
    padding: 0 0 0 232px
}

.layout__constrained {
    box-sizing: border-box;
    padding-right: calc(100% - 672px)
}

.overflow--hidden {
    overflow: hidden
}

.overflow--auto {
    overflow: auto
}

.height--inherit {
    height: inherit
}

.flex--0 {
    flex: 0
}

.flex--1 {
    flex: 1
}

.flex--noGrow {
    flex-grow: 0
}

.flex--Basis-0 {
    flex-basis: 0%
}

.square-box {
    position: relative;
    width: 50%;
    overflow: hidden
}

.square-box:before {
    content: "";
    display: block;
    padding-top: 100%
}

.square-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.appLayout {
    flex-direction: column;
    height: 100%
}

.appLayout,.appLayout__header {
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.appLayout__header {
    height: 60px;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #eaeaea
}

.appLayout__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 1280px) {
    .appLayout__content {
        padding-left:185px
    }
}

@media only screen and (max-width: 1279px) {
    .appLayout__content {
        padding-left:67px
    }
}

.appLayout__leftNavMenu {
    top: 0;
    padding: 0;
    position: fixed;
    z-index: 1000;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1280px) {
    .appLayout__leftNavMenu {
        width:185px
    }
}

@media only screen and (max-width: 1279px) {
    .appLayout__leftNavMenu {
        width:67px
    }
}

#setup_container {
    left: 0;
    top: 0;
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.app-wrap .ant-btn-block {
    width: 100%
}

.app-wrap .m32b {
    margin-bottom: 32px
}

.app-wrap .ant-form-item-required {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    float: left
}

.app-wrap .ant-form-item-required:before {
    color: rgba(0,0,0,.85);
    margin-left: 4px;
    margin-right: 0
}

.app-wrap .header {
    background-color: #f8f8f8;
    margin: 0 auto;
    padding: 20px 0;
    justify-content: center;
    display: flex
}

.app-wrap .header .ant-progress {
    max-width: 406px
}

.app-wrap .page-with-header .content {
    position: absolute;
    width: 100%;
    top: 61px;
    bottom: 0
}

.app-wrap .page-with-header .loader-overlay {
    position: fixed;
    top: 61px
}

.app-wrap .setupPasswordHeader {
    align-items: center;
    justify-content: center;
    max-width: 406px;
    margin: auto;
    padding: 20px 0;
    display: flex;
    height: auto;
    width: 100%
}

.app-wrap .content-simple {
    position: absolute;
    height: 100%;
    width: 100%
}

.app-wrap .page-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 406px;
    margin: auto
}

.app-wrap .page-inner {
    margin: auto;
    width: 100%
}

.app-wrap .page-inner .page-title,.app-wrap .page-inner .page-title-owner {
    line-height: 26px;
    font-size: 22px;
    padding: 0 36px;
    margin-bottom: 40px;
    color: #ff9802;
    text-align: center
}

.app-wrap .page-inner .page-title-owner {
    margin-bottom: 20px
}

.app-wrap .page-inner .owner-info {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    text-align: center;
    color: #303133;
    margin-bottom: 30px
}

.app-wrap form {
    padding: 0 36px 75px;
    height: auto
}

.app-wrap .ant-progress-outer {
    box-sizing: border-box
}

.app-wrap .ant-progress-inner {
    background-color: #ddd
}

.app-wrap .ant-progress-bg {
    background-color: #06a9f6;
    height: 10px!important;
    font-size: 15px;
    line-height: 18px;
    -webkit-transition: all .8s cubic-bezier(.08,.82,.17,1) 0s;
    transition: all .8s cubic-bezier(.08,.82,.17,1) 0s
}

.app-wrap .ant-progress-text {
    text-align: right;
    color: #303133
}

.app-wrap .onboard-radio-switch .ant-form-item-children {
    display: block
}

.app-wrap .onboard-radio-switch .ant-form-item-children .ant-radio-group {
    display: flex
}

.app-wrap .onboard-radio-switch .ant-radio-button-wrapper {
    width: 50%;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    position: relative
}

.app-wrap .agree-terms-privacy {
    padding-top: 8px;
    line-height: 15px;
    font-size: 11px;
    color: #303133
}

.app-wrap .agree-terms-privacy>span {
    padding-right: 0;
    padding-left: 8px;
    display: inline-block
}

.app-wrap .agree-terms-privacy>span a {
    color: #06a9f6;
    cursor: pointer
}

.app-wrap .submit-button {
    margin-top: 40px;
    position: relative
}

.app-wrap .submit-button .form-error-message {
    position: absolute;
    width: 100%;
    top: 46px;
    left: 0;
    color: rgba(0,0,0,.45);
    line-height: 1.524;
    -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1);
    transition: color .3s cubic-bezier(.215,.61,.355,1);
    text-align: center
}

.app-wrap .submit-button .show {
    color: #f5222d
}

.app-wrap .page-wrap.scrollable .submit-button .form-error-message {
    padding-bottom: 20px
}

.app-wrap .ant-form-explain {
    visibility: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

.app-wrap .ant-form-item-with-help {
    margin-bottom: 24px
}

.app-wrap .avatar {
    position: relative;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 22px
}

.app-wrap .content-wrapper {
    padding: 0 18px 30px
}

.app-wrap .empty-line {
    height: 10px
}

.app-wrap textarea.ant-input {
    font-size: 16px
}

.app-wrap .setup-profile-select-menu .ant-select-dropdown-menu {
    max-height: 192px
}

.app-wrap .setup-profile-select-menu--best-desc-you .ant-select-dropdown-menu {
    max-height: 210px
}

.link-expired {
    text-align: center
}

.link-expired .image {
    width: 230px;
    height: 268px;
    margin: 0 auto 30px;
    background-image: url(/app/images/setupPage/link-expired.png);
    background-size: contain;
    background-repeat: no-repeat
}

.link-expired .title {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #4c4c4c;
    margin-bottom: 17px
}

.link-expired .text {
    font-size: 16px;
    color: #9b9b9b;
    text-align: center;
    line-height: 20px
}

.get-app {
    text-align: center
}

.get-app .image {
    position: relative;
    width: 230px;
    height: 268px;
    margin: 0 auto 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://file.trainerize.com/assets/app/screens/setup-page/last-step-v2.png)
}

.get-app .image.web {
    background-image: url(/app/images/setupPage/setup-success.png)
}

.get-app .image img {
    position: absolute;
    width: 86px;
    height: 86px;
    top: 90px;
    right: 54px;
    border-radius: 12px
}

.get-app .title {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #4c4c4c;
    margin-bottom: 17px
}

.get-app .text {
    font-size: 14px;
    color: #9b9b9b;
    line-height: 20px
}

.get-app button {
    margin-top: 16px
}

@media(-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .get-app .image {
        background-image:url(https://file.trainerize.com/assets/app/screens/setup-page/last-step-v2@2x.png)
    }

    .get-app .image.web {
        background-image: url(/app/images/setupPage/setup-success@2x.png)
    }

    .link-expired .image {
        background-image: url(/app/images/setupPage/link-expired@2x.png)
    }
}

.page {
    top: 61px;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.page.page-enter {
    opacity: 0;
    z-index: 1
}

.page.page-enter.page-wrap.scrollable {
    overflow-y: hidden
}

.page.page-enter.page-enter-active {
    opacity: 1
}

.page.page-exit {
    opacity: 0
}

.page.page-exit.page-wrap.scrollable {
    overflow-y: hidden
}

.page.page-enter.page--prev.page-enter-active {
    transform: translate(0)
}

.page.no-animation.page-enter.page-enter-active,.page.no-animation.page-exit {
    transition: none
}

@media only screen and (max-width: 410px) {
    .app-wrap .header {
        background-color:#f8f8f8;
        padding: 20px 12px
    }

    .app-wrap form {
        padding: 0 22px 45px;
        height: auto
    }

    .app-wrap .content-wrapper {
        padding: 0 22px 20px
    }

    .app-wrap .get-app {
        position: relative
    }

    .app-wrap .get-app .image {
        width: 200px;
        height: 212px
    }

    .app-wrap .get-app .image img {
        width: 76px;
        height: 76px;
        top: 78px;
        right: 48px
    }

    .app-wrap .setup-profile-select-menu .ant-select-dropdown-menu {
        max-height: 136px
    }
}

@media only screen and (max-width: 360px) {
    .app-wrap form {
        padding:0 8px 45px;
        height: auto
    }

    .app-wrap .onboard-radio-switch .ant-radio-button-wrapper .icon {
        left: 7px
    }
}

.success-message-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.success-message-text div {
    font-size: 22px;
    color: #4c4c4c;
    margin-top: 27px
}

.white-space-normal .ant-form-item-label label {
    white-space: normal
}

.fake-input-hidden .ant-form-item-control input {
    display: none
}

.modal h2 {
    word-break: break-word
}

.modalTabs {
    height: 44px;
    display: flex;
    align-items: center;
    padding-left: 32px;
    background-color: #303133
}

.modalTabs .modalTab {
    height: 34px;
    background-color: #606366;
    display: flex;
    align-items: center;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    margin-right: 8px;
    margin-top: auto;
    padding: 0 16px;
    cursor: pointer;
    transition: all .2s ease
}

.modalTabs .modalTab p {
    color: #c2c7cc
}

.modalTabs .modalTab:hover:not(.active) {
    background-color: #525457
}

.modalTabs .modalTab.active {
    background-color: #fff;
    cursor: default
}

.modalTabs .modalTab.active p {
    color: #06a9f6
}

.modalTabs .modalTab .ant-badge-count p {
    color: #fff
}

.modalTabs .modalMenu {
    margin-right: 40px
}

.modalTabs .modalMenu__button--active {
    filter: brightness(.8);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.modalProfile {
    height: calc(100vh - 108px);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.modalProfile__section {
    padding: 20px 16px;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto
}

.modalProfile__section--border {
    border-right: 1px solid #dae0e6
}

.trainerProfile .modalProfile {
    height: auto
}

.trainerProfile .modalProfile__section {
    min-height: 470px
}

@media(max-height: 754px) {
    .trainerProfile .modalProfile {
        height:calc(100vh - 108px)
    }

    .trainerProfile .modalProfile__section {
        min-height: auto
    }
}

.dailyDialog .modal-body {
    box-sizing: border-box;
    height: inherit
}

.dailyDialog .modal-content {
    border-radius: 4px
}

.dailyDialog__comments {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f7f7f7;
    max-width: 232px
}

#dailyCardio__iconContainer {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    border: 4px solid #70d27c
}

.dailyPhotoPreview .ant-select-selection {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}

.dailyPhotoPreview .ant-select-selection-selected-value {
    text-transform: capitalize
}

.dailyPhotoPreview .ant-select-arrow {
    color: #fff
}

.dailyPhotoPreview .ant-calendar-picker-clear {
    display: none
}

.dailyPhotoPreview .ant-calendar-picker-input {
    background: transparent;
    color: #fff
}

.dailyPhotoPreview .ant-calendar-picker-icon {
    top: 13px
}

.dailyPhotoPreview .ant-calendar-picker-icon:after {
    content: "";
    background-image: url(../../images/datePicker/calendar-regular.svg);
    height: 20px;
    width: 20px;
    background-size: 20px
}

.photoPreviewPoseOption {
    text-transform: capitalize
}

.videoModal {
    max-width: 1920px
}

.videoModal .modal-body {
    padding: 0;
    box-sizing: border-box;
    height: inherit
}

.previewDialog .modal-body {
    position: relative;
    padding: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    max-height: calc(100vh - 64px)
}

.previewDialog .modal-close {
    top: -16px;
    right: -32px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.addonPageContainer {
    width: 100%;
    min-width: 646px
}

.addonPageContainer .section .addon .addonVideo {
    border: 1px solid #dae0e6;
    background-size: 80px;
    height: 45px;
    width: 80px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.addonPageContainer .section .addon .addonVideoPlayIcon {
    background-image: url(/app/images/video-play-button.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px;
    width: 50%;
    height: 50%;
    cursor: pointer
}

.addonPageContainer .section .addon .addonTextShorten {
    padding-right: 80px
}

.addonPageContainer .section .addon .react-slide-animation-enter {
    opacity: 0;
    transform: translateY(-16px)
}

.addonPageContainer .section .addon .react-slide-animation-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s,transform .6s
}

.addonPageContainer .section .addon .react-slide-animation-exit {
    opacity: 1;
    transform: translateX(0)
}

.addonPageContainer .section .addon .react-slide-animation-exit-active {
    opacity: 0;
    transform: translateY(-16px);
    transition: opacity .3s,transform .5s
}

.addonPageContainer .section .addon .react-appear-animation-enter {
    opacity: 0
}

.addonPageContainer .section .addon .react-appear-animation-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.addonPageContainer .section .addon .react-appear-animation-exit {
    opacity: 1
}

.addonPageContainer .section .addon .react-appear-animation-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.settingPage {
    width: 100%
}

.settingPage .businessBillingPage .ant-table-title {
    border-radius: 0
}

.settingPage .businessBillingPage .ant-table-content .ant-table-footer {
    display: none
}

.settingPage .businessBillingPage .billingInfoKey {
    width: 220px
}

.settingPage .businessBillingPage .saveTag {
    background-color: #ff9800;
    margin-right: 15px;
    padding: 3px;
    font-size: 11px;
    color: #fff;
    position: relative;
    display: inline-block;
    height: 14px
}

.settingPage .businessBillingPage .saveTag:after {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff9800;
    position: absolute;
    top: 0;
    right: -10px
}

.settingPage .permissionPage .coloredTableContainer .ant-table-thead tr th {
    background: #fff;
    border-bottom: none
}

.settingPage .permissionPage .coloredTableContainer .ant-table-tbody tr td {
    border-bottom: none
}

.settingPage .permissionPage .coloredTableContainer .ant-table-tbody tr:hover td {
    background: #fff
}

.settingPage .permissionPage .coloredTableContainer .ant-table-tbody tr:nth-child(odd),.settingPage .permissionPage .coloredTableContainer .ant-table-tbody tr:nth-child(odd):hover td {
    background-color: #f7f7f7
}

.settingPage .permissionPage .clientTypes .ant-table-tbody tr td {
    border-bottom: none
}

.settingPage .permissionPage .clientTypes .ant-table-tbody tr:hover td {
    background: none!important
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:first-child th {
    font-size: 12px
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:nth-child(2) th {
    font-size: 12px;
    font-weight: 700
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:last-child th {
    border-top: 1px solid #f8f8f8;
    border-bottom: none
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:nth-child(odd) th {
    background-color: #f8f8f8
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:nth-child(2n) th {
    background-color: #fff
}

.settingPage .permissionPage .clientTypes .ant-table-thead tr:first-child th:nth-child(2) {
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea
}

.settingPage .permissionPage .clientTypes .tdContent {
    display: flex;
    margin-bottom: 6px;
    justify-content: center
}

.settingPage .permissionPage .clientTypes .columnFeature .tdContent {
    justify-content: left
}

.iCsvDialog .settingPage .permissionPage .clientTypes .columnFeature .tdContent .dropArea__fileName,.settingPage .permissionPage .clientTypes .columnFeature .tdContent .iCsvDialog .dropArea__fileName,.settingPage .permissionPage .clientTypes .columnFeature .tdContent .sidebar .sidebar-challenge__expanded a.section-link,.settingPage .permissionPage .clientTypes .columnFeature .tdContent .sidebar .sidebar-program--expanded a.section-link,.settingPage .permissionPage .clientTypes .columnFeature .tdContent .sidebar .sidebar-userProgram--expanded a.section-link,.settingPage .permissionPage .clientTypes .columnFeature .tdContent .tz-sp,.sidebar .sidebar-challenge__expanded .settingPage .permissionPage .clientTypes .columnFeature .tdContent a.section-link,.sidebar .sidebar-program--expanded .settingPage .permissionPage .clientTypes .columnFeature .tdContent a.section-link,.sidebar .sidebar-userProgram--expanded .settingPage .permissionPage .clientTypes .columnFeature .tdContent a.section-link {
    color: #000;
    font-size: 14px
}

.settingPage .permissionPage .clientTypes .clientTableRow:nth-child(odd) {
    background-color: #f8f8f8
}

.settingPage .permissionPage .clientTypes .clientTableRow:nth-child(2n) {
    background-color: #fff
}

.settingPage .permissionPage .clientTypes .columnBasic {
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea
}

.settingPage .react-slide-animation-enter {
    opacity: 0;
    transform: translateY(-16px)
}

.settingPage .react-slide-animation-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s,transform .6s
}

.settingPage .react-slide-animation-exit {
    opacity: 1;
    transform: translateX(0)
}

.settingPage .react-slide-animation-exit-active {
    opacity: 0;
    transform: translateY(-16px);
    transition: opacity .3s,transform .5s
}

.settingPage .react-appear-animation-enter {
    opacity: 0
}

.settingPage .react-appear-animation-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.settingPage .react-appear-animation-exit {
    opacity: 1
}

.settingPage .react-appear-animation-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.productCancellationDialog .ant-form-item {
    margin-bottom: 0
}

.salesChannelPageContainer {
    width: 100%;
    min-width: 646px
}

.salesChannelPageContainer .addonVideo {
    border: 1px solid #dae0e6;
    background-size: 80px;
    height: 45px;
    width: 80px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.salesChannelPageContainer .addonVideoPlayIcon {
    background-image: url(/app/images/video-play-button.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 20px;
    width: 50%;
    height: 50%;
    cursor: pointer
}

.salesChannelPageContainer .addonTextShorten {
    padding-right: 80px
}

.salesChannelPageContainer .react-slide-animation-enter {
    opacity: 0;
    transform: translateY(-16px)
}

.salesChannelPageContainer .react-slide-animation-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s,transform .6s
}

.salesChannelPageContainer .react-slide-animation-exit {
    opacity: 1;
    transform: translateX(0)
}

.salesChannelPageContainer .react-slide-animation-exit-active {
    opacity: 0;
    transform: translateY(-16px);
    transition: opacity .3s,transform .5s
}

.salesChannelPageContainer .react-appear-animation-enter {
    opacity: 0
}

.salesChannelPageContainer .react-appear-animation-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.salesChannelPageContainer .react-appear-animation-exit {
    opacity: 1
}

.salesChannelPageContainer .react-appear-animation-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.shareProductDialog .ant-select-selection__placeholder {
    position: relative;
    height: auto;
    margin-top: 0
}

.sellProductDialog .refundInput .ant-input-number .ant-input-number-handler-wrap {
    display: none
}

.sellProductDialog .refundInput .ant-input-number-disabled .ant-input-number-input {
    color: #c2c7cc
}

.upsellDialog-carousel,.upsellDialog-carousel .slick-list {
    height: 374px
}

.upsellDialog-slideContent {
    align-Items: center;
    display: flex!important;
    justify-content: space-between
}

.upsellDialog-slideContentText {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    width: 300px
}

.upsellDialog-slideContentTextHeading {
    font-size: 32px!important;
    font-weight: 700!important;
    margin-bottom: 16px
}

.upsellDialog-slideContent.leftSideImage {
    flex-direction: row-reverse
}

.upsellDialog-slideContent.rightSideImage {
    flex-direction: row
}

.sliderFooter {
    margin-top: 24px;
    align-items: flex-end
}

.sliderDots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0;
    width: 100%
}

.sliderDot {
    color: #c0c2c5;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.sliderDot.active {
    color: #06a9f6
}

.programSidebar .head {
    max-height: 44px
}

.sidebar,.sidebar ul {
    width: 100%;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    list-style: none;
    box-sizing: border-box
}

.sidebar>li:first-of-type {
    border-top: 1px solid #eaeaea
}

.sidebar li {
    height: 40px;
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    font-size: 13px;
    font-weight: 100;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: none
}

.sidebar li.selected:not(.selected-userProgram) {
    border-left: 5px solid #06a9f6;
    background-color: #dcf7ff;
    padding-left: 31px
}

.sidebar li.selected-accessLevel {
    background-color: #fff;
    padding-left: 11px
}

.sidebar li.selected-accessLevel-subSection {
    padding-left: 11px
}

.sidebar li:not(.selected):not(.sidebar-accessLevel-subSection):not(.no-select):hover {
    background-color: #eaeaea;
    color: #06a9f6
}

.sidebar li.section-link.expanded {
    border-left: 5px solid #06a9f6;
    background-color: #fff;
    padding-left: 31px
}

.sidebar li.selected {
    border-left: none;
    padding-left: 0
}

.sidebar a {
    height: 100%;
    width: 100%;
    padding-left: 36px;
    display: flex;
    align-items: center;
    color: #303133
}

.sidebar a.selected:not(.selected-userProgram) {
    border-left: 5px solid #06a9f6;
    background-color: #dcf7ff;
    padding-left: 31px
}

.sidebar a.selected-accessLevel {
    background-color: #fff;
    padding-left: 11px
}

.sidebar a.selected-accessLevel-subSection {
    padding-left: 11px
}

.sidebar a:not(.selected):not(.sidebar-accessLevel-subSection):not(.no-select):hover {
    background-color: #eaeaea;
    color: #06a9f6
}

.sidebar a.section-link.expanded {
    border-left: 5px solid #06a9f6;
    background-color: #fff;
    padding-left: 31px
}

.sidebar--expanded {
    background-color: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea
}

.sidebar--expanded.enter {
    flex-grow: .001
}

.sidebar--expanded.enter-active {
    flex-grow: 1;
    transition: all .25s ease-out
}

.sidebar--expanded.exit {
    flex-grow: 1
}

.sidebar--expanded.exit-active {
    flex-grow: .001;
    transition: all .25s ease-out
}

.sidebar--expanded li {
    border-bottom: none
}

.sidebar__foot {
    height: 40px;
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px
}

.sidebar li.sidebar-accessLevel {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sidebar .accessLevel-section-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 16px
}

.sidebar .sidebar-accessLevel--expanded {
    position: relative;
    padding-left: 0;
    background-color: #f8f8f8
}

.sidebar .sidebar-accessLevel--expanded.enter {
    flex-grow: .001
}

.sidebar .sidebar-accessLevel--expanded.enter-active {
    flex-grow: 1;
    transition: all .25s ease-out
}

.sidebar .sidebar-accessLevel--expanded.exit {
    flex-grow: 1
}

.sidebar .sidebar-accessLevel--expanded.exit-active {
    flex-grow: .001;
    transition: all .25s ease-out
}

.sidebar .sidebar-accessLevel-trainerPicker {
    box-sizing: border-box;
    width: 100%;
    padding: 16px
}

.sidebar li.sidebar-accessLevel-subSection {
    border-bottom: none;
    background-color: transparent
}

.sidebar li.sidebar-accessLevel-subSection a {
    box-sizing: border-box
}

.sidebar li.sidebar-accessLevel-subSection .selected,.sidebar li.sidebar-accessLevel-subSection:hover .selected {
    background-color: transparent
}

.sidebar .sidebar-accessLevel-subSection--expanded {
    padding-left: 0
}

.sidebar .sidebar-accessLevel-subSection--expanded.enter {
    max-height: 0
}

.sidebar .sidebar-accessLevel-subSection--expanded.enter-done {
    transition: all .25s ease-out
}

.sidebar .sidebar-accessLevel-subSection--expanded.enter-active {
    max-height: 200px;
    transition: all .25s ease-out
}

.sidebar .sidebar-accessLevel-subSection--expanded.exit {
    max-height: 2000px
}

.sidebar .sidebar-accessLevel-subSection--expanded.exit-active {
    max-height: 0
}

.sidebar li.sidebar-userProgram {
    height: 74px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sidebar li.sidebar-userProgram.no-select {
    cursor: default
}

.sidebar li.sidebar-userProgram .selected {
    border-left: 5px solid #06a9f6;
    background-color: #fff;
    padding-left: 11px
}

.sidebar .userProgram-section-link {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 9px;
    box-sizing: border-box
}

.sidebar .sidebar-userProgram--expanded {
    position: relative;
    padding-left: 0;
    background-color: #f8f8f8
}

.sidebar .sidebar-userProgram--expanded.enter {
    max-height: 0
}

.sidebar .sidebar-userProgram--expanded.enter-done {
    transition: all .25s ease-out
}

.sidebar .sidebar-userProgram--expanded.enter-active {
    max-height: 200px;
    transition: all .25s ease-out
}

.sidebar .sidebar-userProgram--expanded.exit {
    max-height: 2000px
}

.sidebar .sidebar-userProgram--expanded.exit-active {
    max-height: 0
}

.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase {
    height: 50px;
    padding-left: 0;
    border-bottom: none;
    flex-shrink: 0
}

.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase a {
    border-bottom: none
}

.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase.timeOff,.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase.timeOff a {
    cursor: unset
}

.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase.timeOff a:hover {
    background-color: transparent
}

.sidebar .sidebar-userProgram--expanded .section-userProgramTrainingPhase-current {
    margin-left: auto;
    text-align: center;
    color: #fff;
    background-color: #70d27c;
    height: 12px;
    width: 50px;
    min-width: 50px;
    border-radius: 6px;
    font-size: 9px;
    line-height: 12px
}

.sidebar .sidebar-userProgram--expanded a.section-link {
    box-sizing: border-box;
    padding-left: 28px;
    color: #303133
}

.sidebar .sidebar-userProgram--expanded a.section-link.selected {
    padding-left: 23px
}

.sidebar li.sidebar-userProgram-subSection {
    border-bottom: none;
    background-color: transparent
}

.sidebar li.sidebar-userProgram-subSection a {
    box-sizing: border-box
}

.sidebar li.sidebar-userProgram-subSection .selected,.sidebar li.sidebar-userProgram-subSection:hover .selected {
    background-color: transparent
}

.sidebar .section-userProgramTrainingPhase-list {
    display: flex;
    align-items: center;
    padding-left: 61px;
    flex-shrink: 0
}

.sidebar .section-userProgramTrainingPhase-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 36px;
    padding-right: 16px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    flex-shrink: 0
}

.sidebar .section-userProgramTrainingPhase-footer .dropdown-active p {
    color: #fff
}

.sidebar li.sidebar-program {
    border-bottom: none;
    height: 50px
}

.sidebar li.sidebar-program .selected-program {
    border-left: 5px solid #06a9f6;
    padding-left: 33px
}

.sidebar li.sidebar-program .selected-program-section {
    background-color: #dcf7ff
}

.sidebar li.sidebar-program a {
    padding-left: 38px;
    box-sizing: border-box
}

.sidebar .sidebar-program--expanded {
    padding-left: 0;
    border-bottom: none;
    flex-shrink: 0
}

.sidebar .sidebar-program--expanded.enter {
    max-height: 0
}

.sidebar .sidebar-program--expanded.enter-done {
    transition: all .25s ease-out
}

.sidebar .sidebar-program--expanded.enter-active {
    max-height: 200px;
    transition: all .25s ease-out
}

.sidebar .sidebar-program--expanded.exit {
    max-height: 2000px
}

.sidebar .sidebar-program--expanded.exit-active {
    max-height: 0
}

.sidebar .sidebar-program--expanded>li {
    padding-left: 0;
    border-bottom: none;
    flex-shrink: 0
}

.sidebar .sidebar-program--expanded a.section-link {
    box-sizing: border-box;
    margin-left: 61px;
    color: #303133;
    border-bottom: 1px solid #eaeaea
}

.sidebar .sidebar-program--expanded a.section-link.selected {
    margin-left: 0;
    padding-left: 56px
}

.sidebar .sidebar-program--expanded li.section-trainingPlan {
    height: 50px
}

.sidebar .sidebar-program--expanded li.section-trainingPlan a {
    border-bottom: none
}

.sidebar .section-trainingPlan-footer,.sidebar .section-trainingPlan-list {
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 61px;
    flex-shrink: 0
}

.sidebar .section-trainingPlan-footer {
    flex-direction: row;
    justify-content: space-between;
    padding-right: 16px;
    width: 100%;
    box-sizing: border-box
}

.sidebar .section-trainingPlan-footer .dropdown-active p {
    color: #fff
}

.sidebar li.sidebar-challenge {
    height: 70px;
    border-bottom: none
}

.sidebar li.sidebar-challenge .selected-challenge {
    box-sizing: border-box;
    color: #06a9f6;
    border-left: 3px solid #06a9f6;
    overflow: hidden
}

.sidebar li.sidebar-challenge a {
    max-width: 230px;
    padding-left: 0;
    box-sizing: border-box
}

.sidebar .sidebar-challenge__expanded {
    margin-left: 57px
}

.sidebar .sidebar-challenge__expanded .outsideBox {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea
}

.sidebar .sidebar-challenge__expanded li {
    height: 20px;
    min-height: 20px;
    border-bottom: none
}

.sidebar .sidebar-challenge__expanded a.section-link {
    padding-left: 7px;
    color: #303133
}

.sidebar .sidebar-challenge__expanded a.section-link.selected {
    color: #06a9f6;
    border-left: 3px solid #06a9f6;
    background-color: #fff
}

.inBody-locationSingle {
    border: 1px solid #eaeaea!important;
    margin-bottom: 6px;
    padding: 16px
}

.inBody-locationSingle>.ant-list-item-action>li {
    cursor: default
}

.inBodyTestConnectionForm .ant-form-item-label {
    padding: 0
}

.tag_menu__add_button {
    width: 20px;
    height: 20px;
    margin: 5px 0;
    cursor: pointer;
    background: url(../../react/ui/components/tagFilter/images/addTagInactive.svg) no-repeat;
    background-size: contain
}

.tag_menu__add_button:hover {
    background-image: url(../../react/ui/components/tagFilter/images/addTagActive.svg)
}

.tag_menu__add_new_button {
    width: 100%;
    height: 38px;
    text-align: center;
    color: #06a9f6;
    font-size: 12px;
    line-height: 38px;
    font-weight: 100;
    cursor: pointer;
    flex-shrink: 0;
    position: relative
}

.tag_menu__form_container {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    width: 180px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2)
}

.tag_menu__search_wrap {
    box-sizing: border-box;
    margin: 8px!important
}

.tag_menu__search_bar {
    position: relative;
    float: right;
    margin-top: 1px;
    margin-right: 2px
}

.tag_menu__search_bar .mag_icon {
    background-image: url(../../react/ui/components/tagFilter/images/search.png);
    background-size: 16px 16px;
    height: 18px;
    width: 18px;
    top: 3px;
    left: 2px
}

.tag_menu__search_bar .clear,.tag_menu__search_bar .mag_icon {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute
}

.tag_menu__search_bar .clear {
    background-image: url(../../react/ui/components/tagFilter/images/clear.png);
    background-size: 10px 10px;
    height: 14px;
    width: 14px;
    top: 5px;
    right: 6px;
    background-color: #bbb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    opacity: .7
}

.tag_menu__search_bar .clear:hover {
    opacity: 1
}

.tag_menu__search_bar input[type=text] {
    background: #fff;
    padding: 3px 21px;
    font-size: 13px;
    line-height: 14px;
    height: 22px;
    margin: 1px 2px 0 0;
    border: 1px solid #ebebeb;
    border-radius: 14px;
    outline: 0;
    box-sizing: border-box
}

.tag_menu__search_bar input[type=text]:focus {
    border: 1px solid #05a9f5
}

.tag_menu__search_bar input[type=text]::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 100;
    font-size: 12px
}

.tag_menu__search_bar input[type=text]::-moz-placeholder {
    color: #ccc;
    font-weight: 100;
    font-size: 12px
}

.tag_menu__search_bar input[type=text]:-ms-input-placeholder {
    color: #ccc;
    font-weight: 100;
    font-size: 12px
}

.tag_menu__search_bar input[type=text]:-moz-placeholder {
    color: #ccc;
    font-weight: 100;
    font-size: 12px
}

.tag_menu__search_result {
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
    background-color: transparent;
    margin-top: 0;
    list-style: none;
    display: block;
    max-height: 9rem;
    overflow: auto;
    min-height: 96px;
    padding-top: 8px
}

.tag_menu__search_result>.empty {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 79px;
    color: #aaaeb3;
    user-select: none
}

.tag_menu__loading {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.7);
    z-index: 100;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tag_menu__container {
    display: block;
    position: relative;
    color: #797c80;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 8px
}

.tag_menu__container:hover {
    background-color: #f2f2f2;
    color: #06a9f6
}

.tag_menu__container .tag {
    width: 14px;
    height: 14px;
    float: left;
    padding: 5px 6px 5px 8px
}

.tag_menu__container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.tag_menu__container span {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px
}

.tag_menu__checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 10px;
    width: 10px
}

.tag_menu__multi_select {
    margin: 12px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.tag_menu__chip_list {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap
}

.tag_menu__chip_body {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 20px;
    border: 1px solid #c2c7cc;
    box-sizing: border-box;
    border-radius: 10px;
    min-width: 55px;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #aaaeb3;
    position: relative;
    display: flex;
    align-items: center
}

.tag_menu__chip_body_editable:hover .tag_menu__chip_close {
    display: inline-block;
    margin-right: 0
}

.tag_menu__chip_body_editable:hover .tag_menu__chip_text {
    width: calc(100% - 50px)
}

.tag_menu__chip_text {
    padding: 0 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
    display: inline-block;
    width: calc(100% - 32px)
}

.tag_menu__chip_close {
    color: #fff;
    background: #c2c7cc;
    text-align: center;
    border: none;
    display: none;
    height: 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.tag_menu__chip_tag {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 5px 0 8px
}

.groupPicker__label_container {
    display: flex;
    align-items: center
}

.groupPicker__label_image_conatainer {
    border: 1px solid #c2c7cc;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px
}

.groupPicker__label_image {
    height: auto;
    width: 20px
}

.groupPicker__label_text {
    font-size: 12px;
    color: #303133
}

.groupPicker__search_icon {
    position: absolute;
    right: 9px;
    top: 8px
}

.groupPicker__picker_override_dropdown .ant-select-dropdown-menu-item:hover {
    color: rgba(0,0,0,.25);
    background-color: #fff
}

.groupPicker__picker_override_dropdown .ant-select-dropdown-menu-item>.groupPicker__label_container:hover .groupPicker__label_text {
    color: #06a9f6
}

.groupPicker__picker_override_input .ant-select-selection__choice {
    background-color: #b9efff;
    padding: 0 20px 0 3px;
    border-radius: 32px;
    border: none
}

.groupPicker__picker_override_input .ant-select-selection--multiple .ant-select-selection__rendered li {
    height: 34px;
    line-height: 34px
}

.groupPicker__picker_override_input .ant-select-selection__rendered {
    margin-right: 40px
}

.habitProgress__statsInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 320px
}

.habitProgress__statsSection {
    display: flex;
    border-top: 1px solid #eaeaea;
    flex: 0 0 750px;
    margin-top: 30px;
    padding-top: 15px
}

.habitProgress__percentageContainer {
    position: absolute;
    bottom: 0;
    left: 0
}

.habitProgress__percentageText {
    font-size: 12px;
    color: #797c80;
    margin-bottom: 5px
}

.habitProgress__percentageValue {
    font-size: 26px;
    color: #303133
}

.habitProgress__percentageValueContainer {
    display: flex;
    margin-top: 0
}

.habitProgress__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.habitProgress__text {
    color: #797c80;
    font-size: 10px;
    margin-left: 5px
}

.habitProgress__statsTitle {
    font-size: 18px;
    color: #303133;
    margin-bottom: 5px
}

.habitProgress__statsText {
    font-size: 12px;
    color: #797c80
}

.habitProgress__statsNumber {
    font-size: 26px;
    color: #303133;
    display: flex
}

.progressPhotoTileGrid .tileGrid__body-content {
    height: 100%
}

.progressPhotoTileGrid .tileGrid__tile {
    min-height: 226px;
    overflow: visible
}

.progressPhotoTile__container {
    height: 100%;
    width: 100%
}

.progressPhotoTile__imageCon {
    height: 100%
}

.progressPhotoTile__description {
    display: flex;
    flex-direction: column;
    align-items: center
}

.reactSelectBoxGroup .ant-radio-group {
    display: block
}

.reactSelectBoxGroup .ant-radio-wrapper {
    margin: 0;
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    white-space: normal
}

.reactSelectBoxGroup .ant-radio-inner {
    display: none
}

.rechargeSessionBalanceDialog .modal-body {
    height: 100%;
    overflow-y: hidden;
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-row-gap: 16px
}

.rechargeSessionBalanceDialog .servicesWrapper {
    margin-top: 8px;
    overflow-y: auto;
    height: 246px
}

.rechargeSessionBalanceDialog .servicesWrapper .ant-table-placeholder {
    height: 245px
}

.rechargeSessionBalanceDialog__upgradePlan {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #dae0e6!important;
    background: #f8f8f8!important
}

.rechargeSessionBalanceDialog__upgradePlan__text {
    display: grid;
    gap: 12px
}

.rechargeSessionBalanceDialog__upgradePlan__text__title {
    color: #303133!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 18px!important
}

.rechargeSessionBalanceDialog__upgradePlan__text__description {
    color: #797c80!important;
    font-feature-settings: "clig" off,"liga" off;
    font-size: 12px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 16px!important
}

.rechargeSessionBalanceDialog__upgradePlan__button {
    padding: 4px 7px!important;
    text-align: center;
    font-size: 12px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 16px!important;
    text-transform: uppercase;
    min-width: 86px!important
}

.eventServicesList {
    border-top: 1px solid #eaeaea
}

.eventServiceColumn {
    padding: 8px 0!important
}

.eventServiceColumn:first-of-type {
    padding-right: 8px!important
}

.eventServiceColumn:last-of-type {
    padding-left: 8px!important
}

.nullScreenWrapper {
    display: flex;
    height: 100%
}

.nullScreenWrapper .noServicesNullScreen {
    margin: auto;
    width: 60%
}

.serviceCheckoutDialog {
    text-align: center!important
}

.serviceCheckoutDialog .modal-body {
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.serviceCheckoutDialog .modal-body .checkoutDialogTitle {
    color: #aaaeb3
}

.serviceCheckoutDialog .modal-body .serviceInformationContainer {
    margin: 77px 0
}

.serviceCheckoutDialog .modal-body .serviceInformationContainer .serviceName {
    color: #000;
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 15px
}

.serviceCheckoutDialog .modal-body .serviceInformationContainer .serviceQuantity {
    color: #000;
    font-size: 21px;
    line-height: 24px
}

.serviceCheckoutDialog .modal-body .paymentInformation {
    color: #aaaeb3;
    padding-bottom: 8px
}

.serviceCheckoutDialog .modal-body .paymentMethodSelectWrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 16px
}

.serviceCheckoutDialog .modal-body .priceWrapper {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 24px
}

.serviceCheckoutDialog .modal-body .priceWrapper .snake-loader {
    position: absolute;
    left: calc(100% + 10px)
}

.serviceCheckoutDialog .modal-body .priceWrapper .servicePrice {
    font-size: 21px;
    line-height: 24px
}

.serviceCheckoutDialog .modal-body .nullScreen {
    padding-bottom: 72px
}

.serviceCheckoutDialog .modal-body .nullScreen svg {
    margin-bottom: 32px
}

.serviceCheckoutDialog .modal-footer {
    margin: auto!important
}

.serviceCheckoutDialog .modal-footer :first-child {
    align-items: center
}

.serviceCheckoutDialog .modal-footer button {
    width: 200px;
    height: 36px;
    margin: auto!important
}

.serviceCheckoutDialog .modal-footer p {
    text-align: center
}

.serviceCheckoutDialog.orangeError .modal-footer p {
    color: orange
}

.reactBaseGridWrap .gridToolBar .sortByLabel {
    white-space: nowrap;
    margin-right: 8px
}

.reactBaseGridWrap .gridToolBar .baseGridSortBy .sortOrderButton {
    margin-right: 8px;
    padding: 0;
    height: 24px;
    width: 24px;
    border-radius: 4px
}

.reactBaseGridWrap .gridToolBar .baseGridSortBy .sortOrderButton.descending {
    transform: scale(1)
}

.reactBaseGridWrap .gridToolBar .baseGridSortBy .sortOrderButton.ascending {
    transform: scaleY(-1)
}

.reactBaseGridWrap .selectedBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-height: 25px;
    width: 100%;
    box-sizing: border-box;
    background-color: #06a9f6;
    padding: 0 16px;
    color: #fff
}

.reactBaseGridWrap .selectedBar-enter {
    flex-basis: 0;
    height: 0
}

.reactBaseGridWrap .selectedBar-enter-active {
    flex-basis: 25px;
    height: 25px;
    transition: flex-basis .3s ease-in-out,height .3s ease-in-out
}

.reactBaseGridWrap .selectedBar-enter-done,.reactBaseGridWrap .selectedBar-exit {
    flex-basis: 25px;
    height: 25px
}

.reactBaseGridWrap .selectedBar-exit-active {
    flex-basis: 0;
    height: 0;
    transition: flex-basis .3s ease-in-out,height .3s ease-in-out
}

.reactBaseGridWrap .selectedBar-exit-done {
    flex-basis: 0;
    height: 0
}

.reactBaseGridWrap .baseGridFooter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 16px;
    border-bottom: 1px solid #eaeaea;
    height: 40px;
    max-height: 40px;
    width: 100%
}

.reactBaseGridWrap .gridPageNumber {
    box-sizing: border-box;
    border: 1px solid #dae0e6;
    border-radius: 5px;
    padding: 8px;
    height: 30px;
    width: 30px
}

.reactBaseGridWrap .gridPageNumber:hover {
    border-color: #06a9f6
}

.reactBaseGridWrap .gridPageNumber:hover label {
    color: #06a9f6
}

.reactBaseGridWrap .baseGridHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 16px 0;
    width: 100%
}

.reactBaseGridWrap .baseGridHeader__search {
    min-width: 230px
}

.reactBaseGridWrap .baseGridFilterChips {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-bottom: 12px
}

.reactBaseGridWrap .baseGridColumn,.reactBaseGridWrap .baseGridColumn div {
    overflow: hidden
}

.reactBaseGridWrap .baseGridColumn p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reactBaseGridWrap .reactGridTabs .btn {
    min-width: 90px!important;
    text-transform: none
}

.reactBaseGrid {
    border-bottom: 1px solid #eaeaea;
    overflow: hidden
}

.reactBaseGrid,.reactBaseGrid * {
    box-sizing: border-box
}

.reactBaseGrid__content {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    flex: 1
}

.reactBaseGrid .columnHeader {
    border-bottom: 1px solid #eaeaea;
    display: grid;
    height: 38px;
    min-height: 38px;
    width: 100%;
    padding: 10px 20px 10px 16px;
    line-height: 16px
}

.reactBaseGrid .baseGridBody {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%
}

.reactBaseGrid .baseGridRow {
    display: grid;
    flex: initial;
    width: 100%;
    padding: 10px 20px 10px 16px;
    border-bottom: 1px solid #eaeaea
}

.reactBaseGrid .baseGridRow:hover {
    background-color: #f2f2f2
}

.reactBaseGrid .baseGridNullScreen {
    min-height: 200px;
    width: 100%;
    flex: 1
}

.tileGrid {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    overflow: hidden
}

.tileGrid,.tileGrid .selectedBar {
    display: flex;
    width: 100%;
    box-sizing: border-box
}

.tileGrid .selectedBar {
    flex-direction: row;
    align-items: center;
    max-height: 25px;
    background-color: #06a9f6;
    padding: 0 16px;
    color: #fff
}

.tileGrid .selectedBar-enter {
    flex-basis: 0;
    height: 0
}

.tileGrid .selectedBar-enter-active {
    flex-basis: 25px;
    height: 25px;
    transition: flex-basis .3s ease-in-out,height .3s ease-in-out
}

.tileGrid .selectedBar-enter-done,.tileGrid .selectedBar-exit {
    flex-basis: 25px;
    height: 25px
}

.tileGrid .selectedBar-exit-active {
    flex-basis: 0;
    height: 0;
    transition: flex-basis .3s ease-in-out,height .3s ease-in-out
}

.tileGrid .selectedBar-exit-done {
    flex-basis: 0;
    height: 0
}

.tileGrid__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 16px 0;
    width: 100%
}

.tileGrid__header__search {
    min-width: 230px
}

.tileGrid__toolbar {
    background-color: #f8f8f8;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 16px
}

.tileGrid__body,.tileGrid__toolbar {
    width: 100%;
    box-sizing: border-box;
    display: flex
}

.tileGrid__body {
    overflow-y: auto;
    position: relative;
    height: 100%;
    flex-direction: column
}

.tileGrid__body-content {
    padding: 16px 0
}

.tileGrid__body-content>div {
    display: grid
}

.tileGrid__nullContent {
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.tileGrid__tile {
    min-height: 226px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden
}

.thingsToDo .dropdown-active {
    background-color: #fff!important;
    color: #06a9f6!important
}

.FormField .ant-form-item-control {
    line-height: 1.5
}

.FormField .ant-form-item {
    margin-bottom: 0;
    font-size: 12px;
    min-height: 45px
}

.FormField .ant-input {
    height: 24px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 16px
}

.MediaUploader {
    position: relative;
    box-sizing: initial!important
}

.MediaUploader .ant-upload {
    height: 100%;
    width: 100%
}

.MediaUploader .ant-upload-list {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 95%;
    transform: translate(-50%,-50%)
}

.MediaUploader__dashedBorder {
    border: 1px dashed #c2c7cc
}

.MediaUploader__dashedBorder--active,.MediaUploader__dashedBorder:hover {
    border-color: #06a9f6
}

.MediaUploader__DropContainer {
    background: #fff;
    box-sizing: border-box;
    text-align: center
}

.MediaUploader__DropContainer__title {
    margin: 2px 0
}

.MediaUploader .Media {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.mediaRemoveDialog .modal-body {
    padding-bottom: 24px
}

.mediaRemoveDialog h2 {
    padding: 0!important
}

.rc-calendar,.rc-calendar * {
    box-sizing: border-box
}

.rc-calendar-hidden {
    display: none
}

.rc-calendar-input-wrap {
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-input-wrap:after {
    content: "";
    clear: both
}

.rc-calendar-date-input-wrap {
    overflow: hidden
}

.rc-calendar-time-picker {
    position: absolute;
    width: 100%;
    top: 34px;
    background-color: #fff;
    height: 217px
}

.rc-calendar-time-picker-panel {
    width: 100%;
    position: relative
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
    display: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
    border: none;
    box-shadow: none
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
    width: 84px;
    max-height: 217px
}

.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
    text-align: center;
    padding: 0
}

.rc-calendar-time-picker-wrap {
    float: left;
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker {
    width: 100%
}

.rc-calendar-time-picker-wrap .rc-time-picker-input {
    padding: 0;
    border: 1px solid transparent;
    outline: 0;
    height: 22px
}

.rc-calendar-time-picker-wrap .rc-time-picker-icon {
    display: none
}

.rc-calendar-input {
    border: 1px solid transparent;
    width: 100%;
    color: #666;
    cursor: text;
    line-height: 1.5;
    outline: 0;
    height: 22px
}

.rc-calendar-input-invalid {
    border-color: red
}

.rc-calendar-clear-btn {
    z-index: 9999;
    position: absolute;
    right: 6px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 6px;
    margin: 0
}

.rc-calendar-clear-btn:after {
    content: "x";
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    line-height: 1;
    width: 20px;
    transition: color .3s ease
}

.rc-calendar-clear-btn:hover:after {
    color: #666
}

.rc-calendar-picker {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1000
}

.rc-calendar-picker-hidden {
    display: none
}

.rc-calendar-picker-slide-up-appear,.rc-calendar-picker-slide-up-enter {
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    display: block!important;
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    transform-origin: 0 0;
    display: block!important;
    opacity: 1;
    animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-play-state: paused
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownIn;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
    animation-name: rcDropdownSlideUpOut;
    animation-play-state: running
}

.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
    animation-name: rcDropdownSlideDownOut;
    animation-play-state: running
}

.rc-calendar {
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
    width: 253px;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px #ccc;
    background-clip: padding-box;
    border: 1px solid #ccc;
    line-height: 1.5
}

.rc-calendar,.rc-calendar-date-panel,.rc-calendar-panel {
    position: relative;
    outline: none
}

.rc-calendar-week-number {
    width: 286px
}

.rc-calendar-week-number-cell {
    text-align: center
}

.rc-calendar-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    text-align: center;
    width: 30px
}

.rc-calendar-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-header .rc-calendar-prev-month-btn {
    position: absolute;
    left: 25px
}

.rc-calendar-header .rc-calendar-prev-month-btn:after {
    content: "‹"
}

.rc-calendar-header .rc-calendar-next-month-btn {
    position: absolute;
    right: 25px
}

.rc-calendar-header .rc-calendar-next-month-btn:after {
    content: "›"
}

.rc-calendar-day-select,.rc-calendar-month-select,.rc-calendar-year-select {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    padding: 0 8px;
    line-height: 34px
}

.rc-calendar-day-select:hover,.rc-calendar-month-select:hover,.rc-calendar-year-select:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-day-select.rc-calendar-time-status:hover,.rc-calendar-month-select.rc-calendar-time-status:hover,.rc-calendar-year-select.rc-calendar-time-status:hover {
    cursor: pointer;
    color: #666
}

.rc-calendar-next-month-btn,.rc-calendar-next-year-btn,.rc-calendar-prev-month-btn,.rc-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.rc-calendar-next-month-btn:hover,.rc-calendar-next-year-btn:hover,.rc-calendar-prev-month-btn:hover,.rc-calendar-prev-year-btn:hover {
    color: #23c0fa
}

.rc-calendar-next-year-btn {
    right: 0
}

.rc-calendar-next-year-btn:after {
    content: "»"
}

.rc-calendar-prev-year-btn {
    left: 0
}

.rc-calendar-prev-year-btn:after {
    content: "«"
}

.rc-calendar-body {
    padding: 9px 10px 10px;
    height: 217px
}

.rc-calendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%
}

.rc-calendar table,.rc-calendar td,.rc-calendar th {
    border: none
}

.rc-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.rc-calendar-column-header {
    line-height: 18px;
    padding: 6px 0;
    width: 33px;
    text-align: center
}

.rc-calendar-column-header .rc-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.rc-calendar-week-number-header .rc-calendar-column-header-inner {
    display: none
}

.rc-calendar-cell {
    padding: 1px 0
}

.rc-calendar-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    width: 26px;
    height: 26px;
    padding: 0;
    background: transparent;
    line-height: 26px;
    text-align: center
}

.rc-calendar-date:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-selected-day .rc-calendar-date {
    background: #d9f4fe
}

.rc-calendar-selected-date .rc-calendar-date {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-selected-date .rc-calendar-date:hover {
    background: #3fc7fa
}

.rc-calendar-today .rc-calendar-date {
    border: 1px solid #3fc7fa
}

.rc-calendar-disabled-cell .rc-calendar-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto
}

.rc-calendar-disabled-cell .rc-calendar-date:hover {
    background: #f3f3f3
}

.rc-calendar-disabled-cell-first-of-row .rc-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rc-calendar-disabled-cell-last-of-row .rc-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rc-calendar-last-month-cell .rc-calendar-date,.rc-calendar-next-month-btn-day .rc-calendar-date {
    color: #bbb
}

.rc-calendar-footer {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    position: relative
}

.rc-calendar-footer .rc-time-picker {
    width: 90px
}

.rc-calendar-footer .rc-time-picker-input {
    height: 24px
}

.rc-calendar-footer-show-ok {
    text-align: right
}

.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
    padding-right: 12px
}

.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
    margin-left: 0;
    padding: 0 12px
}

.rc-calendar-footer-show-ok .rc-calendar-today-btn {
    float: left;
    padding-left: 12px
}

.rc-calendar-footer-btn {
    margin-top: 2px
}

.rc-calendar-footer-btn:after {
    content: "x";
    height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.rc-calendar-time-picker-btn {
    margin-left: 10px
}

.rc-calendar-ok-btn,.rc-calendar-time-picker-btn,.rc-calendar-today-btn {
    display: inline-block;
    text-align: center;
    color: #f46830
}

.rc-calendar-ok-btn:hover,.rc-calendar-time-picker-btn:hover,.rc-calendar-today-btn:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-ok-btn-disabled,.rc-calendar-ok-btn-disabled:hover,.rc-calendar-time-picker-btn-disabled,.rc-calendar-time-picker-btn-disabled:hover,.rc-calendar-today-btn-disabled,.rc-calendar-today-btn-disabled:hover {
    color: #bbb
}

.rc-calendar-today-btn {
    padding-left: 10px
}

.rc-calendar-time-input {
    height: 25px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    border-radius: 6px 6px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    color: #666;
    line-height: 1.5;
    transform: border .3s cubic-bezier(.35,0,.25,1),background .3s cubic-bezier(.35,0,.25,1),box-shadow .3s cubic-bezier(.35,0,.25,1);
    width: 40px
}

.rc-calendar-time-input:hover {
    border-color: #23c0fa
}

.rc-calendar-time-input:focus {
    border-color: #23c0fa;
    box-shadow: 0 0 3px #23c0fa
}

.rc-calendar-time-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-time-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-time-panel-body {
    padding: 9px 10px 10px
}

.rc-calendar-time-panel-title {
    width: 180px;
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    height: 30px;
    line-height: 22px;
    border-radius: 4px
}

.rc-calendar-time-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 255px;
    border-collapse: separate
}

.rc-calendar-time-panel-cell {
    text-align: center;
    height: 42px;
    vertical-align: middle
}

.rc-calendar-time-panel-time {
    line-height: 26px;
    display: block;
    border-radius: 4px;
    width: 26px;
    margin: 0 auto
}

.rc-calendar-time-panel-time:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time,.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-month-panel>div {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-month-panel-hidden {
    display: none
}

.rc-calendar-month-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-month-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-month-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-month-panel-next-year-btn,.rc-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0
}

.rc-calendar-month-panel-next-year-btn:after {
    content: "»"
}

.rc-calendar-month-panel-prev-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-month-panel-prev-year-btn:after {
    content: "«"
}

.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
    width: 180px
}

.rc-calendar-month-panel-year-select-arrow {
    display: none
}

.rc-calendar-month-panel-next-year-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-month-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-month-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-month-panel-cell {
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
    color: #bfbfbf
}

.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
    background: #fff;
    cursor: not-allowed
}

.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-month-header-wrap {
    position: relative;
    height: 308px
}

.rc-calendar-year-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none
}

.rc-calendar-year-panel>div {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-year-panel-hidden {
    display: none
}

.rc-calendar-year-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-year-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 4px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-year-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-year-panel-next-decade-btn,.rc-calendar-year-panel-prev-decade-btn {
    position: absolute;
    top: 0
}

.rc-calendar-year-panel-next-decade-btn:after {
    content: "»"
}

.rc-calendar-year-panel-prev-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-year-panel-prev-decade-btn:after {
    content: "«"
}

.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
    width: 180px
}

.rc-calendar-year-panel-decade-select-arrow {
    display: none
}

.rc-calendar-year-panel-next-decade-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-year-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-year-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-year-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-year-panel-cell {
    text-align: center
}

.rc-calendar-year-panel-year {
    display: block;
    width: 46px;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-year-panel-year:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0,0,0,.25)
}

.rc-calendar-decade-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.rc-calendar-decade-panel-hidden {
    display: none
}

.rc-calendar-decade-panel-header {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc
}

.rc-calendar-decade-panel-header>a {
    font-weight: 700;
    display: inline-block;
    padding: 1px 5px;
    text-align: center;
    width: 30px
}

.rc-calendar-decade-panel-header>a:hover {
    cursor: pointer;
    color: #23c0fa
}

.rc-calendar-decade-panel-next-century-btn,.rc-calendar-decade-panel-prev-century-btn {
    position: absolute;
    top: 0
}

.rc-calendar-decade-panel-next-century-btn:after {
    content: "»"
}

.rc-calendar-decade-panel-prev-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0
}

.rc-calendar-decade-panel-prev-century-btn:after {
    content: "«"
}

.rc-calendar-decade-panel-next-century-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0
}

.rc-calendar-decade-panel-body {
    -ms-flex: 1;
    flex: 1;
    padding: 9px 10px 10px
}

.rc-calendar-decade-panel-footer {
    border-top: 1px solid #ccc;
    line-height: 38px
}

.rc-calendar-decade-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: separate
}

.rc-calendar-decade-panel-cell {
    text-align: center
}

.rc-calendar-decade-panel-decade {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px 4px;
    height: 36px;
    padding: 0;
    background: transparent;
    line-height: 36px;
    text-align: center
}

.rc-calendar-decade-panel-decade:hover {
    background: #ebfaff;
    cursor: pointer
}

.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
    background: #3fc7fa;
    color: #fff
}

.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: rgba(0,0,0,.25)
}

.rc-calendar-range {
    width: 502px;
    overflow: hidden
}

.rc-calendar-range-part {
    width: 250px;
    position: relative
}

.rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 77px
}

.rc-calendar-range-left {
    float: left
}

.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
    border-right: 1px solid #e9e9e9
}

.rc-calendar-range-right {
    float: right
}

.rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 21px
}

.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
    border-left: 1px solid #e9e9e9
}

.rc-calendar-range-middle {
    position: absolute;
    margin-left: -10px;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.rc-calendar-range .rc-calendar-date-panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.rc-calendar-range .rc-calendar-input-wrap {
    height: 35px
}

.rc-calendar-range .rc-calendar-input,.rc-calendar-range .rc-time-picker-input {
    padding: 1px 7px;
    height: 22px
}

.rc-calendar-range .rc-calendar-body,.rc-calendar-range .rc-calendar-decade-panel-body,.rc-calendar-range .rc-calendar-month-panel-body,.rc-calendar-range .rc-calendar-year-panel-body {
    border-bottom: 1px solid #e9e9e9
}

.rc-calendar-range.rc-calendar-week-number {
    width: 574px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
    width: 286px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker {
    top: 69px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part .rc-calendar-time-picker-panel-select {
    width: 89px
}

.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-right .rc-calendar-time-picker-panel {
    left: 36px
}

.rc-calendar-range .rc-calendar-decade-panel,.rc-calendar-range .rc-calendar-month-panel,.rc-calendar-range .rc-calendar-year-panel {
    top: 35px
}

.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
    top: 0
}

.rc-calendar-range .rc-calendar-decade-panel-table,.rc-calendar-range .rc-calendar-month-panel-table,.rc-calendar-range .rc-calendar-year-panel-table {
    height: 198px
}

.rc-calendar-range .rc-calendar-in-range-cell {
    background: #ebf4f8;
    border-radius: 0
}

.rc-calendar-range-bottom {
    text-align: right
}

.rc-calendar-range .rc-calendar-footer {
    border-top: none;
    padding: 0
}

.rc-calendar-range .rc-calendar-footer-btn {
    padding: 10px 12px 10px 0
}

.rc-calendar-range .rc-calendar-ok-btn {
    position: static
}

.rc-calendar-range .rc-calendar-today-btn {
    float: left
}

.rc-calendar-full {
    width: 275px
}

.rc-calendar-full-header {
    padding: 5px 10px;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.rc-calendar-full-header-month-select,.rc-calendar-full-header-year-select {
    width: 70px;
    float: right;
    margin-right: 5px
}

.rc-calendar-full-header-switcher {
    float: right;
    display: inline-block
}

.rc-calendar-full-header-switcher-normal:hover {
    border-color: #23c0fa;
    box-shadow: 0 0 2px rgba(45,183,245,.8);
    cursor: pointer
}

.rc-calendar-full-header-switcher-focus {
    border-color: #3fc7fa;
    background-color: #3fc7fa;
    color: #fff
}

.rc-calendar-full-header-switcher>span {
    float: left;
    height: 28px;
    line-height: 24px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    color: #666
}

.rc-calendar-full-header-switcher>span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none
}

.rc-calendar-full-header-switcher>span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none
}

.rc-calendar-fullscreen {
    width: auto
}

.rc-calendar-fullscreen .rc-calendar-full-header {
    border-bottom: none
}

.rc-calendar-fullscreen .rc-calendar-column-header {
    text-align: right;
    padding-right: 12px
}

.rc-calendar-fullscreen .rc-calendar-cell {
    padding: 0
}

.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,.rc-calendar-fullscreen .rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
    display: block;
    height: 116px;
    width: auto;
    border-radius: 0;
    margin: 0 4px;
    border: none;
    border-top: 2px solid #eee;
    text-align: right;
    padding-right: 8px
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
    background-color: #ebfaff;
    color: #666
}

.rc-calendar-fullscreen .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
    border-top-color: #3fc7fa;
    color: #3fc7fa
}

.calendar_container .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
    background-color: #06a9f6
}

.itemRowTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.itemRowTooltip .ant-tooltip-arrow {
    border-bottom-color: #ccc
}

.itemRowTooltip .ant-tooltip-arrow:before {
    border: 1px solid #ccc
}

.abcWalletContainer {
    width: 190px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.abcWalletContainer .nullText {
    color: #000;
    padding-top: 8px
}

.abcWalletContainer .ant-select {
    border-color: #eaeaea
}

.abcWalletContainer .ant-select-selection {
    width: 190px;
    border-color: inherit
}

.abcWalletContainer .ant-select-selection__rendered {
    margin-left: 8px;
    display: flex;
    align-items: center
}

.abcWalletContainer .ant-select-selection .warningIcon {
    display: none
}

.abcWalletContainer .snake-loader {
    position: absolute;
    left: calc(100% + 10px)
}

.abcWalletOption {
    padding: 8px
}

.creditCardOptionWrapper {
    display: flex;
    justify-content: space-between
}

.creditCardOptionWrapper .cardDetails {
    display: flex
}

.emojiPickerTextAreaWrapper {
    position: relative
}

.emojiPickerTextAreaWrapper textarea {
    padding-right: 40px
}

.emojiPickerTextAreaWrapper .emojiPickerToggle {
    position: absolute;
    z-index: 999;
    top: 16px;
    right: 16px;
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer
}

.emojiPickerTextAreaWrapper .emojiPickerToggle.isOpenEmojiPicker use,.emojiPickerTextAreaWrapper .emojiPickerToggle:hover use {
    fill: #2bc3ff!important
}

.emojiPickerTextAreaWrapper .emoji-picker-react {
    box-shadow: none
}

.mobileAppPreview_content {
    height: 435px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 32px 5px 0 12px;
    padding-right: 5px;
    scrollbar-width: thin;
    scrollbar-color: #dae0e6 transparent
}

.mobileAppPreview_content img {
    display: block;
    margin-bottom: 8px
}

.mobileAppPreview_content::-webkit-scrollbar {
    width: 6px
}

.mobileAppPreview_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dae0e6
}

.mobileAppPreview_mobileFrame {
    width: 245px;
    height: 526px;
    border-radius: 32px;
    border: 8px solid #dae0e6;
    position: relative
}

.mobileAppPreview_bottomTabNavigation {
    width: 245px;
    position: absolute;
    bottom: 0;
    left: 0
}

.barcodeFormatToolTipOverlay .ant-tooltip-inner {
    border-radius: 2px;
    background-color: #303133;
    padding: 4px
}

.barcodeFormatToolTipOverlay .ant-tooltip-inner p {
    color: #fff!important;
    font-size: 10px!important;
    font-style: normal!important;
    line-height: 14px!important
}

.barcodeFormatToolTipOverlay .ant-tooltip-content {
    width: 132px
}

.barcodeFormatToolTipOverlay .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px;
    right: 0!important
}

.barcodeFormatToolTipOverlay .ant-tooltip-arrow:before {
    background-color: #303133
}

.guidePopover {
    z-index: 2000
}

.guidePopover .ant-popover-inner-content {
    padding: 24px 24px 16px;
    max-width: 323px
}

.guidePopover .ant-popover-inner-content .guideText {
    margin-bottom: 12px;
    line-height: 20px
}

.guideOverlay {
    position: fixed;
    z-index: 2000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(48,49,51,.75)
}

.guideActiveGlow {
    box-shadow: 0 0 20px #ffb400!important
}

.guideChildrenContainer {
    position: relative;
    z-index: 2001
}

.guideChildrenContainer .guideChildrenOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 2002
}

.AudioWavePlayer {
    height: 36px;
    max-width: 992px!important
}

.AudioWavePlayer .playerWrapper {
    display: flex;
    align-items: center;
    min-width: 80%
}

.AudioWavePlayer .playerWrapper__middle {
    width: 80%;
    margin: 0 8px
}

.AudioWavePlayer .playerWrapper__time {
    width: 33px;
    margin-left: 6px
}

.AudioWavePlayer .VoiceRecorder__play {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff5366
}

.AudioWavePlayer .VoiceRecorder__play--active {
    animation-duration: .5s;
    animation-name: blink;
    animation-iteration-count: infinite
}

.AudioWavePlayer .VoiceRecorder__filler {
    border-top: 1px dashed #dae0e6
}

.AudioWavePlayer .AudioPlayer__playbackRateButton {
    min-width: 32px!important;
    height: 20px;
    border-radius: 15px;
    border-color: #f4f6f9;
    text-transform: capitalize
}

.AudioWavePlayer .AudioPlayer__playbackRateButton,.AudioWavePlayer .roundedIcon {
    width: 32px;
    background-color: #f4f6f9;
    display: flex;
    align-items: center;
    justify-content: center
}

.AudioWavePlayer .roundedIcon {
    height: 32px;
    border-radius: 50%;
    cursor: pointer
}

.AudioWavePlayerCtaTooltip {
    z-index: 1040
}

.AudioWavePlayerCtaTooltip .ant-tooltip-inner {
    padding: 3px 4px
}

.ctaTooltipDisabled {
    opacity: .5!important;
    cursor: default!important
}

.gsDialog {
    width: 100%;
    height: 100%
}

.gsDialog .groupNotify {
    margin-top: 16px
}

.gsDialog .groupNotify__item {
    display: block;
    margin-top: 16px
}

.gsDialog .groupNotify__item--first {
    margin-top: 0
}

.gsDialog .autoPost__title,.gsDialog__AutoPostSectionTitleCon {
    display: flex;
    align-items: center
}

.gsDialog .autoPost__options {
    margin-top: 13px
}

.gsDialog .autoPost__option {
    display: flex;
    margin-top: 12px
}

.gsDialog .autoPost__option--first {
    margin-top: 0
}

.gsDialog .autoPost__optionLabel {
    margin-left: 7px
}

.gsDialog .autoPost__optionLabel_disabled {
    opacity: .5
}

.gsDialog .autoPost__more {
    margin-top: 16px
}

.gsDialog .autoPost__moreText {
    white-space: pre
}

.gsDialog .autoPostToolTip__heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #333
}

.gsDialog .autoPostToolTip__paragraph {
    font-size: 13px;
    line-height: 15px;
    margin-top: 12px;
    color: #919599
}

.gsDialog .autoPostToolTip__example {
    margin-top: 13px;
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 16px;
    background-color: #dcf7ff
}

.gsDialog .autoPostToolTip__exampleText {
    font-size: 9px;
    line-height: 10px;
    font-weight: 400;
    color: #797c80;
    margin-left: 4px
}

.gsDialog .autoPostToolTip__exampleImg {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #cdcdcd;
    margin-left: 10px
}

.gsDialog .autoPostToolTipIcon {
    margin-left: 5px
}

.gsDialog .autoPostToolTipOverlay .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #919599;
    padding: 16px
}

.gsDialog .autoPostToolTipOverlay .ant-tooltip-content {
    width: 339px;
    height: 210px
}

.gsDialog .autoPostToolTipOverlay .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.gsDialog .autoPostToolTipOverlay .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #919599;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.gsDialog .whoCanPost__select {
    width: 120px
}

.plansPage,.plansPage * {
    box-sizing: border-box
}

.planContainer {
    border-right: 1px solid #eaeaea
}

.planItem {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    box-sizing: border-box
}

.planItem__header {
    height: 130px;
    width: 100%;
    background-color: #f8f8f8
}

.planItem__body {
    height: 170px;
    padding: 16px;
    box-sizing: border-box
}

.planItem__arrow {
    background: #ccc;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.planItem__arrow span {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.planItem__arrow--right span {
    border-left: 10px solid #fff;
    margin-left: 2px
}

.planItem__arrow--left span {
    border-right: 10px solid #fff;
    margin-right: 2px
}

.generalSuccess-enter {
    opacity: 0;
    transform: scale(.9)
}

.generalSuccess-enter-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .3s,transform .3s
}

.generalSuccess-exit {
    opacity: 1
}

.generalSuccess-exit-active {
    opacity: 0;
    transform: scale(.9);
    transition: opacity .3s,transform .3s
}

.checkoutDlg .modal-body {
    justify-content: flex-start;
    height: 100%;
    transition: height .5s ease-in-out
}

.checkoutDlg .modal-body,.checkoutDlg__checkoutList {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%
}

.checkoutDlg__checkoutList {
    box-sizing: border-box;
    position: relative;
    min-height: 80px;
    padding: 0 32px 16px
}

.checkoutDlg__checkoutList .checkoutListItem {
    flex-direction: column;
    border-bottom: 1px solid #dae0e6;
    padding-top: 12px;
    padding-bottom: 12px
}

.checkoutDlg__checkoutList .checkoutListItem,.checkoutDlg__checkoutList .checkoutListItem__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

.checkoutDlg__checkoutList .checkoutListItem__price .discounted {
    text-decoration: line-through;
    color: #aaaeb3;
    padding-right: 8px
}

.checkoutDlg__checkoutList .checkoutListItem__desc {
    padding-top: 4px;
    width: 100%
}

.checkoutDlg__coupon {
    padding-top: 16px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.checkoutDlg__coupon input {
    text-transform: uppercase;
    width: 160px
}

.checkoutDlg__coupon input::placeholder {
    text-transform: none
}

.checkoutDlg__disclaimer {
    padding: 0 32px
}

.checkoutDlg__checkoutMethodPreview {
    position: relative;
    width: 200px;
    height: 110px;
    border-radius: 10px;
    padding: 10px 16px;
    border: 1px solid #dae0e6;
    display: flex;
    flex-direction: column
}

.checkoutDlg__checkoutMethodForm {
    position: relative;
    padding: 16px 32px 0;
    width: 100%;
    box-sizing: border-box
}

.checkoutDlg__checkoutMethodForm .halfWidth {
    width: 50%
}

.checkoutDlg__checkoutMethodForm label {
    color: #797c80;
    padding-bottom: 4px
}

.checkoutDlg__checkoutMethodForm .inputGroup {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    padding-bottom: 16px
}

.checkoutDlg__checkoutMethodForm .recurly-element-inline {
    width: 100%
}

.checkoutDlg__checkoutMethodForm .recurly-element-inline.hasError>div {
    border: 1px solid #ff5366
}

.checkoutDlg__checkoutMethodForm .recurly-element,.checkoutDlg__checkoutMethodForm input[type=input],.checkoutDlg__checkoutMethodForm input[type=tel],.checkoutDlg__checkoutMethodForm input[type=text] {
    height: 32px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    color: #303133;
    font-weight: 400;
    font-size: 14px;
    padding: 4px 8px
}

.checkoutDlg__checkoutMethodForm .recurly-element-invalid,.checkoutDlg__checkoutMethodForm .recurly-hosted-field-invalid {
    border: 1px solid #ff5366
}

.checkoutDlg__footer {
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.checkoutDlg__error {
    padding: 16px 0 0!important
}

.checkoutDlg .recurly-three-d-secure-action {
    height: 424px;
    width: 100%
}

.addonUpsellDialog .modal-body {
    padding: 0 32px
}

.addonUpsellDialog .modal-footer {
    padding: 32px
}

.addonUpsellDialog__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: pre-wrap
}

.addonUpsellDialog__addonList {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden
}

.addonUpsellDialog__addonList--selected {
    border-color: #06a9f6
}

.addonUpsellDialog__addonList .reactToolTip {
    vertical-align: text-top
}

.addonUpsellDialog__addon {
    padding: 16px
}

.addonUpsellDialog__addon .ant-checkbox-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.addonUpsellDialog__addon .ant-checkbox-wrapper>span:nth-child(2) {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.addonUpsellDialog__addon .ant-checkbox {
    padding-top: 2px;
    flex-shrink: 0;
    width: 16px
}

.addonUpsellDialog__price {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    padding-left: 20px;
    width: 120px
}

.addonUpsellDialog__studio {
    position: relative;
    padding: 16px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    display: flex;
    flex-direction: column
}

.addonUpsellDialog__studio--selected {
    border-color: #06a9f6
}

.addonUpsellDialog__studio .studioTitle {
    display: flex;
    flex-direction: row;
    align-items: center
}

.addonUpsellDialog__studio .studioFeatureItem {
    display: flex;
    flex-direction: row;
    padding-bottom: 12px
}

.addonUpsellDialog__heroImg {
    width: 100%;
    height: 106px;
    background-position: 50%;
    background-size: 101% auto;
    background-repeat: no-repeat
}

.PlansGridWrapper {
    width: 100%
}

@media(min-width: 992px) {
    .PlansGridWrapper {
        width:858px
    }
}

.PlansGridWrapper .ClientSlider {
    height: 70px
}

.PlansGridWrapper .ClientSlider__SliderWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

@media(min-width: 992px) {
    .PlansGridWrapper .ClientSlider__SliderWrapper {
        width:auto;
        justify-content: space-between
    }
}

.PlansGridWrapper .ClientSlider__SliderWrapper__Slider {
    width: 80%;
    margin: 0 20px 5px 9px
}

@media(min-width: 992px) {
    .PlansGridWrapper .ClientSlider__SliderWrapper__Slider {
        width:482px
    }
}

.PlansGridWrapper .ClientSlider__SliderWrapper__Slider .ant-slider-step .ant-slider-dot:last-child {
    display: none
}

.PlansGridWrapper .ClientSlider .ant-slider-rail {
    height: 10px;
    background-color: #f4f6f9;
    border-radius: 5px
}

.PlansGridWrapper .ClientSlider .ant-slider-rail:hover {
    background-color: #f4f6f9
}

.PlansGridWrapper .ClientSlider .ant-slider-track {
    height: 10px;
    background-color: #ffb400;
    border-radius: 5px
}

.PlansGridWrapper .ClientSlider .ant-slider-track:hover {
    background-color: #ffb400
}

.PlansGridWrapper .ClientSlider .ant-slider-step {
    height: 10px
}

.PlansGridWrapper .ClientSlider .ant-slider-step .ant-slider-dot {
    width: 1px;
    height: 10px;
    top: 0;
    margin-left: 0;
    border-radius: 0;
    border-width: 0;
    background-color: #dae0e6
}

.PlansGridWrapper .ClientSlider .ant-slider-step .ant-slider-dot-active {
    border-color: #fff
}

.PlansGridWrapper .ClientSlider .ant-slider-handle {
    height: 24px;
    width: 24px;
    margin-top: -7px;
    margin-left: -11px;
    background-color: #ffb400;
    border: 3px solid #fff;
    box-sizing: border-box
}

.PlansGridWrapper .ClientSlider .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #fff
}

.PlansGridWrapper .ClientSlider .ant-slider-handle:focus {
    box-shadow: 0 0 0 5px #ffffff00
}

.PlansGridWrapper .ClientSlider .ant-slider-mark {
    top: 21px
}

.PlansGridWrapper .ClientSlider .ant-slider-mark .ant-slider-mark-text {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #797c80
}

.PlansGridWrapper .PlansGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media(min-width: 992px) {
    .PlansGridWrapper .PlansGrid {
        justify-content:space-around
    }
}

.PlansGridWrapper .PlansGrid .PlansGridItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: calc(100% - 64px);
    padding: 24px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 10px
}

@media(max-width: 992px) {
    .PlansGridWrapper .PlansGrid .PlansGridItem {
        margin-top:16px
    }
}

@media(min-width: 992px) {
    .PlansGridWrapper .PlansGrid .PlansGridItem {
        width:calc(50% - 8px)
    }
}

.PlansGridWrapper .PlansGrid .PlansGridItem__name {
    color: #ffb400
}

.PlansGridWrapper .PlansGrid .PlansGridItem__description,.PlansGridWrapper .PlansGrid .PlansGridItem__priceWrapper {
    margin-bottom: 11px
}

.PlansGridWrapper .PlansGrid .PlansGridItem__priceWrapper__price {
    margin: 0 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #303133
}

.PlansGridWrapper .PlansGrid .PlansGridItem__clientsNumber {
    min-height: 32px;
    margin-bottom: 16px
}

.PlansGridWrapper .PlansGrid .PlansGridItem .planFeatureItem {
    display: flex;
    flex-direction: row;
    padding-bottom: 12px
}

.PlansGridWrapper .PlansGrid .PlansGridItem .planFeatureItem.withTooltip p:hover {
    color: #06a9f6;
    cursor: pointer
}

.PlansGridWrapper .PlansGrid .PlansGridItem .planFeatureItem .icon {
    margin-top: 2px;
    margin-right: 12px
}

.PlansGridWrapper .PlansGrid .PlansGridItem .planFeatureItem .onPlanFeatureHover {
    color: #06a9f6
}

.PlansGridWrapper .PlansGrid .PlansGridItem.disabled {
    opacity: 1!important
}

.PlansGridWrapper .PlansGrid .PlansGridItem.disabled p {
    color: #aaaeb3!important
}

.PlansGridWrapper .PlansGrid .PlansGridItem.disabled button {
    background-color: #dae0e6!important;
    border-color: #dae0e6!important
}

.PlansGridWrapper .PlansGrid__notice {
    margin-top: 12px;
    width: 100%
}

@media(max-width: 992px) {
    .PlansGridWrapper .PlansGrid__notice {
        padding:0 32px;
        white-space: normal
    }
}

.planFeatureItemTooltip.ant-tooltip {
    max-width: 300px
}

.planFeatureItemTooltip ul {
    margin: 12px 0 0;
    padding-inline-start:20px}

.planFeatureItemTooltip ul li {
    padding-bottom: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #797c80
}

.planFeatureItemTooltip ul li:last-child {
    padding-bottom: 0
}

.planFeatureTooltip {
    max-width: 300px
}

.planFeatureTooltip ul {
    padding-left: 16px;
    margin-bottom: 0
}

@media(max-width: 992px) {
    .billingCycleToggle {
        justify-content:center;
        width: 100%;
        margin-top: 30px
    }
}

.billingCycleToggle .ant-radio-wrapper {
    margin-right: 12px
}

.billingCycleToggle .ant-radio-wrapper:last-child {
    margin-right: 4px
}

.billingCycleToggle .ant-radio-wrapper .ant-radio {
    font-size: 15px
}

.billingCycleToggle .ant-radio-wrapper .ant-radio+* {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 0;
    text-transform: capitalize
}

.billingCycleToggle__tag {
    width: 56px;
    height: 15px;
    margin: 0;
    padding: 0 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: default
}

.PlansFooterWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #f8f8f8
}

.PlansFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 865px;
    padding: 0 16px
}

@media(max-width: 992px) {
    .PlansFooter {
        width:100%;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }
}

.PlansFooter__column {
    max-width: 230px
}

@media(max-width: 992px) {
    .PlansFooter__column {
        max-width:100%;
        padding: 0 8px
    }
}

@media(max-width: 992px) {
    .PlansFooter__FooterItem {
        width:100%
    }
}

.PlansFooter__FooterItem__title {
    min-height: 34px;
    letter-spacing: .2px
}

.PlansFooter__FooterItem__description {
    white-space: pre-wrap
}

.ribbonWrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 59.5px;
    height: 59.5px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.ribbonWrapper__ribbon {
    position: absolute;
    top: 10px;
    width: 90px;
    padding: 2px 0 2px 15px;
    background-color: #06a9f6;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 8px;
    line-height: 9px;
    transform: rotate(40deg)
}

.addonUpsellTooltip {
    width: 500px
}

.addonUpsellTooltip.ant-tooltip {
    max-width: 500px
}

.addonUpsellTooltip .ant-tooltip-arrow:before {
    border-color: #C2C7CC50
}

.addonUpsellTooltip .ant-tooltip-inner {
    padding: 0;
    margin: 0;
    border: 1px solid #C2C7CC50;
    overflow: hidden;
    border-radius: 8px
}

.addonUpsellTooltip__img {
    height: 280px;
    background-position: 50%;
    background-size: 280px auto;
    background-repeat: no-repeat
}

.addonUpsellTooltip ul {
    margin: 0;
    padding-left: 16px;
    padding-top: 8px
}

.addonUpsellTooltip ul li .label {
    display: inline-block;
    margin: 8px 0 0 -16px;
    padding: 2px 4px;
    border: 1px solid #797c80;
    color: #797c80;
    text-transform: uppercase;
    border-radius: 10px
}

.addonUpsellTooltip ul li:not(:last-child) {
    padding-bottom: 4px
}

.cbfaAppType {
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.cbfaAppType * {
    box-sizing: border-box
}

.cbfaAppType:last-child,.cbfaCell:not(:last-child) {
    border-right: 1px solid #eaeaea
}

.cbfaCell svg+p {
    margin-left: 5px
}

.cbfaRow:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.cfbaTooltip--overlay .ant-tooltip-content {
    width: 374px
}

.edu-partners .resource-tile {
    margin-right: 10px;
    margin-bottom: 10px
}

.edu-partners .resource-tile:nth-child(2n) {
    margin-right: 0
}

.edu-partners .resource-tile__playBtn:hover {
    cursor: pointer
}

.edu-partners .gtBtn:hover {
    line-height: 18px
}

#hireAnExpert .ant-select-selection__rendered {
    display: flex;
    align-items: center
}

#hireAnExpert .ant-select-selection-selected-value>* {
    font-size: 14px!important;
    color: #303133!important
}

#hireAnExpert .expertCard__social svg:hover {
    cursor: pointer;
    fill: #06a9f6!important
}

#hireAnExpert .expertCard__social svg:hover use {
    fill: #06a9f6!important
}

.hire-expert__dropdown .ant-select-dropdown-menu-item {
    white-space: normal
}

.experts-dialog textarea.experts-textarea-error::-webkit-input-placeholder,.experts-dialog textarea.experts-textarea-error::placeholder {
    color: #ff5366
}

.experts-dialog textarea.experts-textarea-error::-moz-placeholder {
    color: #ff5366
}

.experts-dialog textarea.experts-textarea-error:-ms-input-placeholder {
    color: #ff5366
}

.stepsSideBar__stepCon:hover {
    background-color: #eaeaea
}

.stepsSideBar__stepCon:hover p {
    color: #06a9f6
}

.stepsSideBar__stepCon--selected {
    background-color: #dcf7ff
}

.stepsSideBar__stepCon--selected:hover {
    background-color: #eaeaea
}

.stepsSideBar__stepCon--selected:hover p {
    color: #000
}

.cbaSteps .ant-steps-label-vertical .ant-steps-item-content {
    height: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.abc-automation-cell {
    min-width: 200px;
    min-height: 16px;
    padding-left: 20px
}

.abc-automation-cell .toggle-hide {
    display: none
}

.abc-automation-cell .toggle-hide--inverted,.abc-automation-cell:hover .toggle-hide {
    display: block
}

.abc-automation-cell:hover .toggle-hide--inverted,.sync-grid-automation-cell .toggle-hide {
    display: none
}

.sync-grid-automation-cell .toggle-hide--inverted,.sync-grid-automation-cell:hover .toggle-hide {
    display: block
}

.sync-grid-automation-cell:hover .toggle-hide--inverted {
    display: none
}

.gridWrapper .ant-table-content {
    height: 310px
}

.titleBar {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 4px
}

#abcAddonContainer {
    display: grid;
    row-gap: 32px
}

#abcAddonContainer .apptTypeGridContainer,#abcAddonContainer .membershipGridContainer,#abcAddonContainer .recurringServiceGridContainer {
    height: 350px;
    border-top: 1px solid #ebebeb;
    margin: 10px 0
}

#abcAddonContainer .disconnectButton {
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #06a9f6;
    padding-left: 0
}

#abcAddonContainer .addonPageHeading p {
    margin-top: 16px
}

#abcAddonContainer .locationsDescription {
    border: 1px solid #ffb400;
    border-radius: 100px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    gap: 5px
}

#abcAddonContainer .selectContainer {
    display: flex;
    align-items: center;
    margin-top: 16px
}

#abcAddonContainer .selectContainer p {
    margin: 0
}

#abcAddonContainer .selectContainer .ant-select {
    width: 370px;
    margin-left: 6px
}

#abcAddonContainer #settings-section {
    width: 100%;
    position: relative;
    border-collapse: collapse;
    border: 1px solid #eaeaea
}

#abcAddonContainer #settings-section .table-center {
    display: flex;
    justify-content: center
}

#abcAddonContainer #settings-section .settings-name {
    width: 35%;
    border-right: 1px solid #eaeaea
}

#abcAddonContainer #settings-section td,#abcAddonContainer #settings-section th {
    padding: 19px 16px
}

#abcAddonContainer #settings-section tr:nth-child(2n) {
    background-color: #f8f8f8
}

#abcAddonContainer #settings-section input[type=checkbox] {
    text-align: center
}

.gridToolbar {
    background-color: #eff3f6;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    width: 100%;
    box-sizing: border-box
}

.gridWrapper {
    height: 350px;
    overflow-y: auto;
    border: 1px solid #eaeaea
}

.gridWrapper .ant-table-content {
    height: 350px;
    display: grid;
    grid-template-rows: auto 1fr
}

#mboAddonContainer {
    position: relative
}

#mboAddonContainer,#mboAddonContainer .mboHeadingContainer {
    display: grid;
    row-gap: 32px
}

#mboAddonContainer .mboGridContainer {
    display: grid;
    row-gap: 16px
}

#mboAddonContainer .mboGridContainer .clientForm__row label,#mboAddonContainer .mboGridContainer .iCsvDialog .textGuide__text,#mboAddonContainer .mboGridContainer .tz-p,.clientForm__row #mboAddonContainer .mboGridContainer label,.iCsvDialog #mboAddonContainer .mboGridContainer .textGuide__text {
    margin-top: -8px
}

#mboAddonContainer .membershipControlsContainer {
    display: grid;
    row-gap: 16px
}

#mboAddonContainer .mboBtn {
    border: none;
    background-color: transparent
}

#mboAddonContainer #mboVideo {
    width: 300px;
    margin-right: 48px
}

#mboAddonContainer #mboApptLocationPicker,#mboAddonContainer #mboLocationPicker {
    width: 200px;
    display: inline-block;
    height: 24px;
    margin: 0 0 0 5px
}

#mboAddonContainer .setupButtonContainer {
    display: grid;
    row-gap: 16px
}

#mboAddonContainer .setupButtonContainer p {
    margin: 0
}

#mboAddonContainer .setupButtonContainer button {
    justify-self: start
}

#mboAddonContainer .apptTypeGridContainer,#mboAddonContainer .contractTypeGridContainer,#mboAddonContainer .membershipGridContainer {
    height: 310px;
    border-top: 1px solid #ebebeb;
    margin: 10px 0
}

.tzAddon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #dae0e6;
    padding: 16px 8px 24px 16px
}

.tzAddon__text {
    padding-right: 32px
}

.tzAddon .ant-row {
    width: 100%;
    padding: 8px 0
}

.tzAddon .ant-row:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.tzAddon .videoBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
    height: 83px;
    border: 1px solid #dae0e6;
    cursor: pointer;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.tzAddon:not(:last-child) {
    margin-bottom: 16px
}

.addonPageContainer {
    max-width: 868px
}

.addon .dividerContainer {
    margin-left: 28px
}

.addon .headerBodyContainer {
    flex-grow: 1
}

.addon .betaTagContainer {
    background-color: #ffb400;
    border-radius: 10px;
    color: #fff;
    display: "flex";
    font-size: 10px;
    justify-content: "center";
    line-height: 17px;
    margin-left: 16px;
    width: 36px
}

.addon .logoContainer .status {
    width: 16px;
    height: 16px
}

.addon .logoContainer .clickable {
    cursor: "pointer"
}

.addon .logoContainer .logo {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-left: 16px;
    margin-right: 16px
}

.addon .videoContainer {
    width: 80px;
    margin-left: 16px
}

.addon .statusContainer {
    width: 80px
}

.addon .connectionIcon {
    width: 26px;
    height: 26px
}

.addon .priceText {
    padding: 2px 8px;
    color: #fff;
    border-radius: 2px
}

.addon .freeText {
    background-color: #aaaeb3
}

.addon .enterpriseText,.addon .studioText {
    background-color: #ffb400
}

.addon .pricingContainer {
    width: 55px;
    text-align: "right"
}

.addon .crossOutText {
    text-decoration: "line-through"
}

.workoutTagMenu .ant-tooltip-inner {
    padding: 8px 8px 0
}

.trainingPhaseContent .dropdown-active p.hoverClickable {
    color: #fff
}

label.quickWorkoutScheduler {
    padding: 2px 8px 0
}

label.quickWorkoutScheduler.active {
    background-color: #06a9f6!important;
    color: #fff!important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.calendarScheduler__day {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.calendarScheduler__day.scheduled {
    border-radius: 50%;
    color: #fff;
    background-color: #06a9f6
}

.calendarScheduler__day.scheduled:hover {
    filter: brightness(.9)
}

.calendarScheduler__day:hover:not(.scheduled):not(.disabled) {
    border-radius: 50%!important;
    background-color: #eff3f6
}

.calendarScheduler__day.disabled {
    cursor: not-allowed!important;
    pointer-events: all
}

.dualCalendarScheduler .programWorkoutCalendar {
    width: auto
}

.dualCalendarScheduler .programWorkoutCalendar__day,.dualCalendarScheduler .programWorkoutCalendar__label {
    width: 30px;
    height: 30px
}

.dualCalendarScheduler .ant-fullcalendar td {
    padding: 0
}

.weightNumberInput .ant-input-number-handler-wrap {
    display: none
}

.workoutDetail-container {
    box-sizing: border-box;
    height: 100%
}

.iCsvDialog {
    width: 100%;
    height: 100%
}

.iCsvDialog .ant-select-selection-selected-value {
    overflow: visible
}

.iCsvDialog .textGuide {
    height: 68px
}

.iCsvDialog .dropArea {
    margin-top: 15px
}

.iCsvDialog .dropArea__con {
    margin-top: 4px;
    width: 411px;
    height: 170px;
    border: 1px dashed #c2c7cc;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.iCsvDialog .dropArea__con--hover {
    border: 1px dashed #06a9f6
}

.iCsvDialog .dropArea__headerCon {
    display: flex;
    align-items: center
}

.iCsvDialog .dropArea__icon {
    margin-top: 27px
}

.iCsvDialog .dropArea__title {
    margin-top: 6px;
    color: #c2c7cc
}

.iCsvDialog .dropArea__title--hover {
    color: #06a9f6
}

.iCsvDialog .dropArea__subtitle {
    margin-top: 2.58px;
    color: #aaaeb3
}

.iCsvDialog .dropArea__linkCon {
    display: flex;
    white-space: break-spaces
}

.iCsvDialog .dropArea__subtitleLink {
    margin-top: 2.58px;
    color: #06a9f6;
    cursor: pointer
}

.iCsvDialog .dropArea__fileCon {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.iCsvDialog .dropArea__fileName {
    margin-left: 8px
}

.iCsvDialog .dropArea__fileName--error {
    color: #ff5366
}

.iCsvDialog .dropArea__fileImage {
    height: 18px;
    width: 18px
}

.iCsvDialog .dropArea__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #919599;
    padding: 16px
}

.iCsvDialog .dropArea__targetTooltip .ant-tooltip-content {
    width: 339px;
    height: 210px
}

.iCsvDialog .dropArea__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.iCsvDialog .dropArea__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #919599;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.iCsvDialog .dropArea__tooltip {
    margin-left: 5px
}

.iCsvDialog .dropArea__reqHeader {
    font-weight: 700
}

.iCsvDialog .dropArea__reqText {
    margin-top: 5px
}

.iCsvDialog .mappingSection {
    margin-top: 16px
}

.iCsvDialog .mappingSection .ant-checkbox {
    top: -2px
}

.iCsvDialog .mappingSection__headerCheckCon {
    display: flex;
    align-items: center
}

.iCsvDialog .mappingSection__table {
    margin-top: 12px;
    border: 1px solid #d6d8da
}

.iCsvDialog .mappingSection__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding-left: 10px;
    padding-top: 11px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d8da
}

.iCsvDialog .mappingSection__column1 {
    color: #c2c7cc
}

.iCsvDialog .mappingSection__column2 {
    margin-left: 48px;
    color: #c2c7cc
}

.iCsvDialog .mappingSection__column3 {
    margin-left: 85px;
    color: #c2c7cc
}

.iCsvDialog .mappingSection__body {
    max-height: 286px;
    overflow-y: auto
}

.iCsvDialog .mappingSection__row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    border-bottom: 1px solid #d6d8da
}

.iCsvDialog .mappingSection__headerData {
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #797c80
}

.iCsvDialog .mappingSection__headerData--noData {
    color: #c2c7cc
}

.iCsvDialog .mappingSection__rowData {
    width: 72px;
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #797c80
}

.iCsvDialog .mappingSection__icon {
    margin-left: 16px
}

.iCsvDialog .mappingSection__select {
    width: 181px;
    margin-left: 16px
}

.iCsvDialog .mappingSection__targetTooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #919599;
    padding: 16px
}

.iCsvDialog .mappingSection__targetTooltip .ant-tooltip-content {
    width: 339px;
    height: 210px
}

.iCsvDialog .mappingSection__targetTooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.iCsvDialog .mappingSection__targetTooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #919599;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.iCsvDialog .mappingSection__tooltip {
    box-sizing: border-box
}

.iCsvDialog .mappingSection__reqHeader {
    font-weight: 700
}

.iCsvDialog .mappingSection__reqText {
    margin-top: 5px
}

.businessBillingPage hr.divider {
    box-sizing: border-box
}

.businessBillingPage .ant-table-title {
    border-radius: 0
}

.businessBillingPage .ant-table-content .ant-table-footer {
    display: none
}

.businessBillingPage .billingInfoKey {
    width: 220px
}

.businessBillingPage .saveTag {
    background-color: #ff9800;
    margin-right: 15px;
    padding: 3px;
    font-size: 11px;
    color: #fff;
    position: relative;
    display: inline-block;
    height: 14px
}

.businessBillingPage .saveTag:after {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff9800;
    position: absolute;
    top: 0;
    right: -10px
}

.billingAddon {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 0 16px 16px;
    box-sizing: border-box
}

.billingAddon .billingAddon__title {
    justify-content: space-between
}

.billingAddon .billingAddon__price,.billingAddon .billingAddon__title {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.billingAddon .billingRenewal {
    border-bottom: none;
    padding: 16px 0
}

.billingAddon:not(:last-child) {
    padding: 16px 0 32px 16px
}

.billingRenewal {
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #eaeaea
}

.billingRenewal,.videoCoachingDetails {
    display: flex;
    box-sizing: border-box;
    width: 100%
}

.videoCoachingDetails {
    position: relative;
    flex-direction: column;
    padding: 24px
}

.videoCoachingDetails .ant-row {
    height: 36px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center
}

.AddCreditDialog .modal-body {
    padding-bottom: 16px
}

.PlanNameTooltipOverlay {
    max-width: 400px
}

.PlanNameTooltipOverlay__title {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #303133
}

.PlanNameTooltip {
    width: 14px;
    height: 14px
}

.removeBusinessDialog .ant-form .ant-form-inline .ant-form-item-with-help {
    margin-bottom: 0
}

.removeBusinessDialog .ant-input-affix-wrapper .ant-input-prefix {
    left: 8px
}

.appointmentTypeDialog-dialog {
    position: relative
}

.appointmentTypeDialog-dialog__tooltip .ant-tooltip-inner {
    color: #606366;
    background-color: #fff;
    border: 1px solid #ccc
}

.appointmentTypeDialog-dialog__tooltip .ant-tooltip-arrow {
    border-right-color: #fff;
    border-right-width: 6px
}

.appointmentTypeDialog-dialog__tooltip .ant-tooltip-arrow:before {
    position: absolute;
    content: " ";
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    width: 6px;
    height: 6px;
    top: -4px;
    left: 1px;
    transform: rotate(45deg)
}

.appointmentTypeDialog-dialog__tooltipContent {
    word-break: normal;
    padding: 16px
}

.vertical-divider {
    border-style: solid;
    border-left: 1px;
    border-color: #eaeaea;
    margin: 0 30px;
    align-self: stretch
}

.thumbnailUploader {
    width: 60%;
    align-self: stretch
}

.addAvailability_button {
    height: 40px;
    max-height: 40px;
    width: 100%;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #06a9f6!important
}

.addAvailability_button,.addAvailability_button:hover {
    background-color: transparent!important
}

.selfBookingDialog .timeContainer {
    width: 420px;
    max-height: 140px;
    flex-wrap: wrap;
    overflow: auto;
    padding: 8px;
    align-content: flex-start
}

.selfBookingDialog .timeContainerNullScreen {
    width: 420px;
    height: 140px
}

.selfBookingDialog .timeContainerNullScreen .nullscreenText {
    max-width: 260px;
    text-align: center
}

.selfBookingDialog .timeslot {
    border: 1px solid #eaeaea;
    padding: 8px;
    width: 74px;
    border-radius: 18px
}

.selfBookingDialog .selected {
    background-color: #06a9f6;
    color: #fff
}

#appointmentTypeList .columnHeader {
    height: 48px
}

#appointmentTypeList .columnHeader>div {
    justify-content: center
}

#appointmentTypeList .columnHeader>div .iCsvDialog p.dropArea__fileName,#appointmentTypeList .columnHeader>div p.tz-sp,.iCsvDialog #appointmentTypeList .columnHeader>div p.dropArea__fileName {
    text-align: center
}

#appointmentTypeList .columnHeader>div.checkBoxEmptyPadding+div,#appointmentTypeList .columnHeader>div:first-of-type {
    justify-content: left
}

#appointmentTypeList .reactBaseGrid {
    max-height: 450px!important
}

#appointmentTypeList .reactBaseGridWrap .baseGridColumn .duration__wrapper p {
    overflow: initial
}

.eventTimeConflictDialog .iconBackground {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffb400;
    display: flex;
    justify-content: center;
    align-items: center
}

.eventTimeConflictDialog .listWrapper {
    max-height: 370px;
    overflow: auto;
    border: 1px solid #d6d8da;
    margin: 8px 0
}

.eventTimeConflictDialog .listWrapper .itemWrapper {
    border-bottom: 1px solid #f4f6f9
}

.eventTimeConflictDialog .listWrapper .itemWrapper:last-child {
    border: none
}

.eventTimeConflictDialog .listWrapper .itemWrapper .imageWrapper {
    position: relative;
    height: 40px;
    width: 40px
}

.eventTimeConflictDialog .listWrapper .itemWrapper .imageWrapper .profileImage {
    border-radius: 50%;
    border: 2px solid #d6d8da;
    height: 40px;
    width: 40px
}

.eventTimeConflictDialog .listWrapper .itemWrapper .imageWrapper .imageIcon {
    position: absolute;
    right: -10px;
    bottom: -5px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff
}

.classCarouselWrapper {
    position: relative
}

.classCarouselWrapper .classCarousel {
    display: -webkit-box;
    overflow: scroll;
    padding: 5px 0;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.classCarouselWrapper .classCarousel::-webkit-scrollbar {
    display: none
}

.classCarouselWrapper .classCarousel__tile {
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.classCarouselWrapper .classCarousel__tile:not(:last-child) {
    margin-right: 16px
}

.classCarouselWrapper .arrowWrapper {
    display: none;
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 24px;
    background-color: #aaaeb3;
    opacity: .8;
    z-index: 100;
    cursor: pointer
}

.classCarouselWrapper .arrowWrapper .arrow {
    margin: auto
}

.classCarouselWrapper .show {
    display: flex
}

.classCarouselWrapper #arrowLeft {
    left: 0
}

.classCarouselWrapper #arrowRight {
    right: 0
}

.appointmentCarouselContainer {
    margin: 20px 0;
    position: relative
}

.appointmentCarouselContainer .appointmentTilesContainer {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.appointmentCarouselContainer .appointmentTilesContainer::-webkit-scrollbar {
    display: none
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper {
    z-index: 999;
    cursor: pointer;
    opacity: .95;
    width: 24px;
    height: 170px;
    background-color: #eaeaea;
    position: absolute
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper:first-of-type {
    left: 0
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper:nth-of-type(2) {
    right: 0
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper svg {
    margin: auto
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper.hidden {
    display: none
}

.appointmentCarouselContainer .appointmentTilesContainer .arrowWrapper.visible {
    display: flex
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile {
    min-width: 156px;
    height: 170px;
    box-sizing: border-box;
    background-color: #f4f6f9;
    border-radius: 12px;
    padding: 16px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    text-align: center;
    gap: 10px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile .appointmentName {
    font-weight: 700;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 32px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile .appointmentDetails {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile .appointmentDetails p {
    font-size: 12px;
    line-height: 14px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile a {
    margin: auto
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile p {
    color: #303133
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentTile p.sessionCount {
    color: #aaaeb3
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile {
    min-width: 260px;
    height: 170px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 12px;
    display: grid;
    grid-template-rows: 1fr auto;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile p {
    color: #fff
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .tileHeader {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .tileHeader .appointmentLevelName {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #4db4ea
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .tileHeader .appointmentName {
    max-width: 143px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .appointmentDetails {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .appointmentDetails .detailsColumn {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .appointmentDetails .detailsColumn .iconRow {
    display: flex;
    align-items: center;
    gap: 4px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .appointmentDetails .detailsColumn .iconRow p {
    font-size: 12px;
    line-height: 14px
}

.appointmentCarouselContainer .appointmentTilesContainer .appointmentImageTile .appointmentDetails button {
    font-weight: 420;
    line-height: 14px
}

.appointmentDialog .startTimeSelect .availableTime {
    color: #06a9f6!important
}

.appointmentDialog .startTimeSelect .ant-select-dropdown-menu-item-active:not(.availableTime) {
    color: #606366!important
}

.tz-available-date-picker .ant-calendar-today.ant-calendar-selected-day .ant-calendar-date {
    background: #03a9f5!important
}

.video-call {
    height: 100vh;
    width: 100vw;
    min-width: 250px;
    background-color: #252627;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-call .lobby-container {
    min-height: 350px;
    width: 600px;
    background-color: #4d4f54;
    padding: 64px;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    overflow: hidden
}

.video-call .room-container {
    position: relative;
    height: 100%;
    width: 100%
}

.video-call .remote-participant-mute-icon-container {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 5
}

.video-call .remote-participant-mute-icon-container .remote-participant-mute-icon {
    background-color: #fff;
    height: 25px;
    width: 25px;
    margin-right: 12px;
    border-radius: 50px
}

.video-call .remote-participant-mute-icon-container .remote-participant-name {
    color: #fff
}

.video-call .countdown-timer-container {
    position: relative;
    min-width: 134px
}

.video-call .countdown-timer-container .countdown-timer {
    position: absolute;
    height: 35px;
    min-width: 110px
}

.video-call .camera-container {
    position: relative
}

.video-call .camera-container--video-hidden {
    height: 100vh;
    width: 100vw
}

.video-call .video-hidden {
    visibility: hidden
}

.video-call .local-participant-container {
    position: absolute;
    bottom: 96px;
    right: 32px;
    width: 235px;
    z-index: 2
}

.video-call .local-participant-container .camera-container--video-hidden {
    height: 100%;
    width: 100%
}

.video-call .local-participant-container .landscape-video {
    width: 100%;
    max-height: 100%
}

.video-call .local-participant-container .portrait-video {
    max-width: 100%;
    height: 100%
}

.video-call .local-participant-container .camera-off-overlay,.video-call .local-participant-container video {
    border-radius: 6px
}

.video-call .local-participant-container .camera-off-overlay {
    background-color: #4d4f54;
    z-index: 3
}

.video-call .remote-participant-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.video-call .participant {
    background: #303133;
    position: relative;
    height: 100%;
    width: 100%
}

.video-call .camera-off-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #33353a;
    z-index: 1
}

.video-call .camera-off-overlay .profileImage__image--null {
    background-size: cover
}

.video-call .camera-off-overlay .profileImage .loader-overlay {
    border-radius: 50%
}

.video-call .buttons-container,.video-call .settings-button-container {
    position: absolute;
    bottom: 16px;
    z-index: 5
}

.video-call .buttons-container .video-call-button,.video-call .settings-button-container .video-call-button {
    height: 48px;
    width: 48px;
    background-color: hsla(224,9%,51%,.8);
    margin: 16px;
    border-radius: 24px;
    cursor: pointer
}

.video-call .buttons-container .video-call-button:hover,.video-call .settings-button-container .video-call-button:hover {
    background-color: rgba(196,202,218,.8);
    transition: background-color .5s
}

.video-call .buttons-container .video-call-button--off,.video-call .settings-button-container .video-call-button--off {
    background-color: #fff
}

.video-call .buttons-container .video-call-button--red,.video-call .settings-button-container .video-call-button--red {
    background-color: #ff5366
}

.video-call .buttons-container .video-call-button--red:hover,.video-call .settings-button-container .video-call-button--red:hover {
    background-color: #ffa0b3
}

.video-call .buttons-container {
    left: 96px;
    right: 96px;
    min-width: 240px
}

.video-call .settings-button-container {
    left: 16px
}

.video-call .mic-status-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 6;
    pointer-events: none
}

.video-call .mic-status-container .mic-status {
    height: 100px;
    width: 100px;
    background-color: #06a9f6;
    border: 5px solid #2bb5f7;
    border-radius: 22px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

.video-call .mic-status-container .mic-status--visible {
    visibility: visible;
    opacity: 1
}

.video-call .feedback-text-area {
    width: 500px;
    background: #686b72;
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.video-call .rejoin-button {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

.video-call .rejoin-button:active,.video-call .rejoin-button:hover {
    border: 1px solid #fff;
    background: #686b72
}

.video-call .rejoin-button:after {
    content: none
}

.video-call .camera-preview {
    position: relative;
    width: 640px;
    z-index: 2
}

.video-call .camera-preview .camera-container--video-hidden {
    height: 100%;
    width: 100%
}

.video-call .camera-preview .landscape-video {
    width: 100%;
    max-height: 100%
}

.video-call .camera-preview .portrait-video {
    max-width: 100%;
    height: 100%
}

.video-call .camera-preview .camera-off-overlay {
    background-color: #4d4f54;
    z-index: 3
}

.media-device-dialog .media-device-select {
    width: 100%;
    max-width: 425px
}

.videoCall {
    margin: 0;
    height: 100vh;
    overflow: hidden;
    position: absolute
}

.videoCall,.videoCall__button {
    display: flex;
    align-items: center;
    justify-content: center
}

.videoCall__button {
    height: 48px;
    width: 48px;
    background-color: hsla(224,9%,51%,.8);
    border-radius: 24px;
    cursor: pointer
}

.videoCall__button:hover {
    background-color: rgba(196,202,218,.8);
    transition: background-color .3s
}

.videoCall__button--off {
    background-color: #fff
}

.videoCall__button--red {
    background-color: #ff5366
}

.videoCall__button--red:hover {
    background-color: #ffa0b3
}

.videoCall .localVideoPreview video {
    height: 100%;
    width: 100%
}

.videoCall .mainParticipant {
    height: 100vh;
    width: 100vw
}

.videoCall .mainParticipant .landscape-video {
    width: 100vw;
    max-height: 100vh
}

.videoCall .mainParticipant .portrait-video {
    max-width: 100vw;
    height: 100vh
}

.videoCall .mainParticipant video {
    object-fit: contain
}

.videoCall .participantList {
    position: absolute;
    right: 0;
    bottom: 96px;
    width: 96px;
    z-index: 10;
    transition: bottom .3s ease-in-out
}

.videoCall .participantList .participant {
    width: 100%;
    min-height: 115px;
    background: #303133;
    z-index: 1;
    border-radius: 0;
    overflow: hidden
}

.videoCall .participantList .participant .landscape-video {
    width: 100%;
    max-height: 100%
}

.videoCall .participantList .participant .portrait-video {
    max-width: 100%;
    height: 100%
}

.videoCall .participantList .participant--small {
    height: 54px;
    min-height: 54px
}

.videoCall .participantList .participant video.portrait-video {
    height: auto
}

.videoCall .localParticipant {
    position: absolute;
    left: 32px;
    bottom: 96px;
    width: 235px;
    z-index: 10;
    transition: bottom .3s ease-in-out
}

.videoCall .localParticipant .participant {
    width: 100%;
    min-height: 115px;
    background: #303133;
    z-index: 1;
    border-radius: 0;
    background-color: #181819
}

.videoCall .localParticipant .participant .landscape-video {
    width: 100%;
    max-height: 100%
}

.videoCall .localParticipant .participant .portrait-video {
    max-width: 100%;
    height: 100%
}

.videoCall .participantGrid {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.videoCall .participantGrid .participant {
    position: relative
}

.videoCall .participantGrid .participant .landscape-video {
    width: 100%;
    max-height: 100%;
    border-radius: 8px
}

.videoCall .participantGrid .participant .portrait-video {
    max-width: 100%;
    height: 100%
}

.videoCall .buttonContainer {
    justify-content: space-between
}

.videoCall .buttonContainer .videoCall__button:not(:last-child) {
    margin-right: 32px
}

.videoCall .buttonContainer--placeholder {
    width: 48px
}

.videoCall .audioIndicator__container {
    position: absolute;
    top: 32px;
    left: 32px;
    z-index: 5;
    padding: 8px 16px;
    background: #303133;
    border-radius: 4px
}

.videoCall .audioIndicator__container-small {
    top: 8px;
    left: 8px;
    padding: 6px;
    overflow: hidden;
    box-sizing: border-box;
    max-width: calc(100% - 20px)
}

.videoCall .reconnectingContainer {
    position: absolute;
    z-index: 3;
    background: rgba(0,0,0,.8);
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.videoCall .lobby-appear {
    opacity: 0
}

.videoCall .lobby-appear-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.videoCall .lobby-exit {
    opacity: 1
}

.videoCall .lobby-exit-active {
    opacity: 0;
    transition: opacity .5s ease-in
}

.videoCall .lobbyButton-appear {
    transform: translateY(140px);
    opacity: 0
}

.videoCall .lobbyButton-appear-active {
    transform: translateY(0);
    opacity: 1;
    transition: all .75s ease-in-out
}

.videoCall .maxParticipantButton {
    align-items: flex-end
}

.videoCall .maxParticipantButton__group {
    box-sizing: border-box;
    width: 48px;
    border-radius: 26px;
    border: 1px solid #777d8d;
    position: relative;
    padding-top: 24px;
    background: #777d8d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.videoCall .maxParticipantButton__textLink {
    text-align: center;
    padding: 5px 0;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 100%
}

.videoCall .maxParticipantButton__textLink:hover {
    background: #303133
}

.videoCall footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    width: 100vw;
    z-index: 10;
    transition: bottom .3s ease-in-out;
    background-color: rgba(48,49,51,.8)
}

.videoCall .v-notification {
    position: absolute;
    border-radius: 6px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 12px;
    color: #fff;
    background: #797c80;
    line-height: 1;
    z-index: 100;
    white-space: nowrap;
    animation-name: enter;
    animation-duration: .25s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    top: 0
}

.videoCall .v-notification-wrapper {
    display: flex;
    position: relative
}

.videoCall .v-notification.arrow:before {
    content: " ";
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-width: 8px;
    margin-left: -8px;
    top: 100%;
    border-top-color: #797c80
}

.timeline .ant-calendar-input-wrap {
    display: none
}

.timeline .ant-calendar-picker-container {
    z-index: 2000
}

.timeline .ant-calendar-picker {
    display: none
}

.timeline .profileImage__image--null {
    background-size: cover
}

.timeline .thumbsUpAnimated1 {
    display: block;
    animation-name: moveThumbsUp1;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-delay: .15s
}

.timeline .thumbsUpAnimated2 {
    display: block;
    animation-name: moveThumbsUp2;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-delay: .25s
}

.timeline .thumbsUpAnimated3 {
    display: block;
    animation-name: moveThumbsUp3;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-delay: .35s
}

.timelineHideCalendarInput {
    visibility: hidden!important
}

.MessengerDialog {
    max-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.MessengerDialog .MessengerRecipientList .ant-select-selection__choice {
    border-radius: 15px;
    padding: 2px 20px 2px 1px;
    height: 28px;
    background: #f4f6f9;
    border-color: #f4f6f9;
    display: flex;
    align-items: center
}

.MessengerDialog .MessengerRecipientList .clientPicker-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #303133
}

.MessengerDialog .messageComposer__wrapper {
    padding-right: 190px
}

.MessengerDialog__messageList {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin-top: 16px;
    border: 1px solid #eaeaea
}

@media(max-height: 700px) {
    .MessengerDialog {
        min-height:calc(100vh - 60px)
    }
}

.MessengerPage .MessengerSidebar {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.MessengerPage .MessengerSidebar__section {
    padding: 8px 16px;
    border-bottom: 1px solid #eaeaea
}

.MessengerPage .MessengerSidebar__section--blueGray {
    background-color: #eff3f6
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect {
    max-width: 168px;
    opacity: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect.selectHidden {
    opacity: 0
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection,.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection--single {
    height: 24px;
    border: 1px solid #ccc
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection--single .ant-select-selection__rendered,.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection .ant-select-selection__rendered {
    height: 100%
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection--single .ant-select-selection__rendered .ant-select-selection-selected-value,.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value {
    height: 100%;
    line-height: 24px;
    color: #303133
}

.MessengerPage .MessengerSidebar .ThreadsViewSelect .ThreadsViewSelect__select .ant-select-arrow {
    margin-top: -4px;
    color: #aaaeb3
}

.MessengerPage .MessengerSidebar .ThreadsSearch {
    position: absolute;
    top: 6px;
    right: 16px
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search {
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search .ant-input-prefix svg {
    filter: invert(85%) sepia(8%) saturate(172%) hue-rotate(173deg) brightness(82%) contrast(87%)
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search.searchHidden {
    width: 30px!important;
    cursor: pointer
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search.searchHidden .ant-input {
    padding: 0;
    background-color: transparent;
    box-shadow: none!important;
    border-color: transparent!important
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search.searchHidden .ant-input.ant-input-disabled {
    cursor: pointer
}

.MessengerPage .MessengerSidebar .ThreadsSearch__search .ant-input-suffix {
    display: none
}

.MessengerPage .MessengerSidebar .ThreadsSearch__close {
    position: absolute;
    right: 4px;
    top: 6px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.MessengerPage .MessengerSidebar .ThreadsSearch__close.closeHidden {
    opacity: 0
}

.MessengerPage .MessengerSidebar .ThreadsSearch__tip {
    position: absolute;
    top: 35px;
    z-index: 20;
    width: 176px;
    background-color: #fff;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    padding: 8px 6px 6px 14px
}

.MessengerPage .MessengerSidebar .ThreadsSearch__tip h4 {
    font-size: 14px;
    font-weight: 400;
    color: #ffb400;
    line-height: 18px;
    margin-bottom: 10px
}

.MessengerPage .MessengerSidebar .ThreadsSearch__tip p {
    font-size: 13px;
    font-weight: 300;
    color: #606366;
    opacity: .6
}

.MessengerPage .MessengerSidebar .ThreadsList {
    overflow: auto
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem--selected {
    border-left: 5px solid #06a9f6;
    background-color: #dcf7ff;
    padding: 8px 16px 8px 11px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem:hover {
    background-color: #f8f8f8
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage {
    width: 34px;
    height: 34px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage img {
    border-radius: 50%;
    border: 2px solid #c2c7cc;
    position: relative;
    overflow: hidden;
    font-size: 1px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage--single img {
    width: 34px;
    height: 34px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage--multiple img {
    width: 25px;
    height: 25px;
    position: absolute
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage--multiple img:first-child {
    top: 0;
    left: 0
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__profileImage--multiple img:last-child {
    top: 10px;
    left: 7px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__content {
    width: 136px
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__content .excerpt {
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.MessengerPage .MessengerSidebar .ThreadsList .ThreadsListItem__unreadMessages {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) scale(.85)
}

.MessengerPage .MessengerWrap {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.MessengerPage .MessengerContent {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 0
}

.MessengerPage .MessengerContent .MessengerHeader {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-basis: 60px;
    height: 60px;
    background: #eff3f6;
    border-bottom: 1px solid #d6d8da;
    border-left: none
}

.MessengerPage .MessengerContent .MessengerHeader__clientInfo {
    min-width: 150px
}

.MessengerPage .MessengerContent .MessengerHeader__threadName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.MessengerPage .MessengerContent .MessageList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 61px)
}

.draggingWrapper {
    height: calc(100% - 63px)
}

.draggingWrapper,.draggingWrapper_withHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: calc(100% - 2px);
    border: 1px solid #06a9f6;
    background: hsla(0,0%,100%,.7)
}

.draggingWrapper_withHeader {
    height: calc(100% - 66px);
    z-index: 2
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 1.5s ease infinite;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.messageLinkInfo {
    background: #f5f6f8;
    padding: 10px;
    border-radius: 5px;
    max-width: 400px;
    position: relative;
    margin-top: 8px;
    margin-bottom: 10px;
    min-height: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

.messengerWOD--clickable {
    cursor: pointer
}

.messengerWOD--clickable:hover {
    border-color: #06a9f6
}

.messageContainer {
    display: flex;
    flex-direction: row;
    padding-top: 5px
}

.messageContainer:hover {
    background-color: #f7f7f7
}

.messageContainer_content {
    display: flex;
    flex-direction: column;
    flex: 5;
    margin-left: 12px;
    margin-right: 10px
}

.messageContainer_bottomRow {
    display: flex;
    flex-direction: row;
    flex: 1;
    padding-bottom: 2px
}

.messageContainer .AudioWavePlayer {
    width: 96%
}

.message_profile {
    display: flex;
    flex-direction: row;
    justify-content: end;
    flex: 0;
    min-width: 52px;
    margin-top: 5px
}

.message_senderRow {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin-bottom: 5px
}

.dropdownMenu {
    position: absolute;
    right: 0;
    top: 0
}

.message_reaction {
    display: flex;
    flex-direction: row;
    flex: 1;
    position: relative;
    justify-content: flex-end
}

.message_reaction .reactBody,.message_reaction .reactionButton {
    display: flex;
    flex-direction: row;
    align-items: center
}

.message_reaction .reactionButton {
    width: 33px;
    height: 20px;
    border-radius: 15px;
    background-color: #f3f3f3;
    justify-content: center;
    margin-right: 8px;
    border: 1px solid transparent;
    cursor: pointer
}

.message_reaction .reactionButton_count {
    cursor: pointer
}

.message_reaction .reactionButton:hover,.message_reaction .reactionPressed {
    border: 1px solid #aaaeb3;
    box-sizing: content-box
}

.message_reaction .emojiPickerToggle {
    width: 20px;
    height: 20px;
    background-color: #f3f3f3;
    border-radius: 15px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.message_reaction .emojiPickerToggle:hover {
    border: 1px solid #aaaeb3
}

.message_reaction .emojiPickerToggle.isOpenEmojiPicker use,.message_reaction .emojiPickerToggle:hover use {
    fill: #2bc3ff!important
}

.message_reaction .emoji-picker-react {
    box-shadow: none
}

.message_reaction .reaction-wrap {
    height: 100%;
    padding: 12px 5px;
    box-sizing: border-box;
    cursor: pointer
}

.message_reaction .reaction-wrap-left:hover {
    border-radius: 40px 0 0 40px!important
}

.message_reaction .reaction-wrap-right:hover {
    border-radius: 0 40px 40px 0!important
}

.message_reaction .image-cont {
    cursor: pointer;
    display: inline-grid
}

.messageComment,.messageFileAttachment {
    display: flex;
    flex-direction: row;
    flex: 1
}

.messageFileAttachment {
    border: 1px solid #d5d6d6;
    padding: 10px;
    min-height: 50px;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.messageFileAttachment_Icon {
    display: flex;
    flex-direction: row;
    flex: 0;
    justify-content: center;
    align-items: center
}

.messageFileAttachment_NameWrapper {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    cursor: pointer
}

.messageFileAttachment_FileName {
    display: inline-block;
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.messageFileAttachment_FileInfo {
    cursor: pointer
}

.messageAttachmentIcon {
    display: flex;
    flex-direction: row;
    flex: 0;
    justify-content: center;
    align-items: center
}

.messageBody {
    flex-direction: row;
    word-break: break-word
}

.messageBody,.messageBody_edit {
    display: flex;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px
}

.messageBody_edit {
    flex-direction: column
}

.messageBody_editModeEditor {
    color: #303133;
    width: 100%;
    padding: 10px 0 10px 9px;
    word-break: break-word;
    box-sizing: border-box;
    border: 1px solid #dae0e6;
    max-height: 200px;
    overflow: auto;
    font-size: 14px
}

.messageBody_buttonWrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 8px;
    margin-bottom: 8px
}

.messageBody_autoPostInfo {
    background-color: #06a9f629;
    padding: 5px 16px;
    border-radius: 25px;
    max-width: 410px
}

.imageError {
    border: 1px solid rgba(255,0,0,.3);
    background-color: rgba(255,0,0,.05);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #aaa;
    font-weight: 100;
    text-align: center
}

.messageComposer {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
    position: relative;
    background-color: #fff;
    bottom: 0;
    border-radius: 24px 24px 0 0
}

.messageComposer__wrapper {
    color: #303133;
    width: 100%;
    padding: 16px;
    word-break: break-word;
    box-sizing: border-box;
    max-height: 200px;
    overflow: auto
}

.messageComposer__wrapper.voiceMessageActive {
    padding-top: 7px;
    padding-bottom: 7px
}

.messageComposer__wrapper.voiceMessageActive .editorWrapper {
    display: none
}

.messageComposer__wrapper .DraftEditor-root {
    cursor: text;
    position: relative;
    margin-right: 20px
}

.messageComposer__wrapper .DraftEditor-editorContainer {
    z-index: 1;
    background-color: transparent;
    position: relative
}

.messageComposer__wrapper .public-DraftEditorPlaceholder-root {
    color: #c2c7cc;
    position: absolute;
    width: 100%;
    z-index: 0
}

.messageComposer__wrapper .public-DraftEditorPlaceholder-inner {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap!important;
    width: 100%
}

.messageComposer__wrapper .m6zwb4v {
    color: #303133;
    background: none;
    font-weight: 700
}

.messageComposer__popover {
    max-height: 200px;
    overflow: scroll;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #dae0e6;
    background-color: #fff
}

.messageComposer__popover__scroll {
    max-height: inherit
}

.messageComposer__popover>div:first-child>div .name:before {
    content: "@"
}

.messageComposer__popover .item {
    display: flex;
    align-items: center
}

.messageComposer__popover .item:hover {
    background-color: #eaeaea
}

.messageComposer__popover .item:hover .description,.messageComposer__popover .item:hover .name {
    color: #06a9f6
}

.messageComposer__popover .right {
    display: flex;
    flex-direction: column
}

.messageComposer__popover .name {
    font-size: 12px;
    color: #797c80
}

.messageComposer__popover .description {
    font-size: 10px;
    color: #aaaeb3
}

.messageComposer__inputButtons {
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.messageComposer__inputButtons.withVoiceMessage {
    right: 47px
}

.messageComposer__inputButtons span {
    cursor: pointer
}

.messageComposer__inputButtons span+span {
    margin-left: 8px
}

.messageComposer__inputButtons svg {
    cursor: pointer
}

.messageComposer__inputButtons svg+svg {
    margin-left: 8px
}

.messageComposer__inputButtons .roundedTooltipIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #f4f6f9
}

.messageComposer__inputButtons .reactToolTip.dropdown-active {
    background-color: transparent!important
}

.messageComposer__tooltip {
    z-index: 1040
}

.messageComposer__tooltip.hidden {
    display: none!important
}

.messageComposer__tooltip .ant-tooltip-inner {
    padding: 3px 4px
}

.messageComposer__emojiPicker {
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 2
}

.messageComposer .AudioWavePlayerMessage--inactive {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    height: 22px
}

.messageComposer .AudioWavePlayerMessage .VoiceRecorder__stopButton {
    position: absolute;
    top: 9px;
    right: 9px
}

.messageComposer .AudioWavePlayerMessage .AudioPlayer__sendButton {
    position: absolute;
    top: 14px;
    right: 17px
}

.imagePreviewContainer {
    align-items: center;
    background-color: #eaeaea;
    padding: 16px 20px;
    border-radius: 4px
}

.imagePreviewContainer .filePreview {
    width: 80px;
    height: 80px;
    object-fit: contain
}

.imagePreviewContainer .fileInfo {
    width: calc(100% - 84px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.imagePreviewContainer .fileInfo .fileName {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.imagePreviewContainer .fileInfo .fileExtension {
    margin-top: 2px;
    color: #c2c7cc
}

.messageNullScreen {
    width: 100%;
    height: 100%;
    justify-content: center
}

.messageNullScreen,.messageNullScreen .singleIconNullScreen {
    display: flex;
    align-items: center;
    flex-direction: column
}

.messageNullScreen .singleIconNullScreen__text {
    margin-top: 16px;
    color: #303133;
    font-size: 22px
}

.messageNullScreen .nullScreenWithPlayButton,.messageNullScreen .nullScreenWithPlayButton__watchVideo {
    display: flex;
    flex-direction: column;
    align-items: center
}

.messageNullScreen .nullScreenWithPlayButton__watchVideo .watchVideoText {
    color: #06a9f6;
    font-size: 18px;
    text-align: center;
    transform: translate(30px,40px);
    white-space: pre-wrap
}

.messageNullScreen .nullScreenWithPlayButton__watchVideo .watchVideoArrow {
    width: 40px;
    transform: translate(-30px,20px);
    z-index: 1
}

.messageNullScreen .nullScreenWithPlayButton__playArea {
    position: relative;
    width: 200px
}

.messageNullScreen .nullScreenWithPlayButton__playArea .background {
    width: 100%
}

.messageNullScreen .nullScreenWithPlayButton__playArea .playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.messageNullScreen .nullScreenWithPlayButton__text {
    text-align: center
}

.messageNullScreen .nullScreenWithPlayButton__text .title {
    color: #303133;
    margin: 24px 0 12px
}

.messageNullScreen .nullScreenWithPlayButton__text .description {
    color: #797c80;
    font-size: 14px;
    display: inline-block;
    white-space: pre-wrap
}

.dateSeparator {
    padding: 8px 0
}

.dateSeparator hr {
    border-color: #eaeaea
}

.dateSeparator__text {
    padding: 5px 33px!important;
    border-radius: 14px;
    background-color: #f8f8f8
}

.messageListWrapper {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative
}

.messageListWrapper__content {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

.messageListWrapper .MessengerList {
    position: relative;
    flex: 1;
    display: flex;
    overflow: auto;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    width: 100%
}

.messageListWrapper .MessengerList__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.animated-loader-enter {
    height: 0
}

.animated-loader-enter-done:not(.animated-loader-exit-done) {
    height: 48px
}

.animated-loader-enter-active {
    height: 48px;
    transition: all .25s ease-in-out
}

.animated-loader-exit,.animated-loader-exit-done:not(.animated-loader-enter-done) {
    height: 20px
}

.animated-loader-exit-active {
    height: 0;
    transition: all .25s ease-in-out
}

.NewMessageBubble {
    position: sticky;
    background: #06a9f6;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    border-radius: 15px;
    height: 22px;
    width: 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100
}

.NewMessageBubble p:first-letter {
    text-transform: capitalize
}

.NewMessageBubble--above {
    top: 16px
}

.NewMessageBubble--below {
    bottom: 16px
}

.MessengerTypingStatus {
    padding: 2px 4px;
    margin-top: 4px;
    width: 100%;
    height: 20px;
    background-color: #eaeaea
}

.buttonDropdown__dropdown .reportMenuItem:hover,.buttonDropdown__dropdown .reportMenuItem:hover p,.buttonDropdown__dropdown .reportMenuItem p:hover {
    color: #ff5366
}

.EmojiPickerReact {
    --epr-preview-height: 40px;
    --epr-emoji-size: 21px
}

.EmojiPickerReact button.epr-emoji.epr-emoji-has-variations:after {
    display: none
}

.epr-emoji-native {
    font-size: 21px!important
}

.messageUploadProgress {
    height: 20px;
    width: 100%;
    box-sizing: content-box;
    position: relative;
    margin-top: auto;
    background-color: #eaeaea;
    display: flex;
    flex-shrink: 0
}

.messageUploadProgress>p {
    z-index: 1;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.messageUploadProgress>span {
    display: block;
    height: 100%;
    background-color: #06a9f6;
    box-shadow: inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);
    position: relative;
    overflow: hidden
}

.messageUploadProgress>span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg,hsla(0,0%,100%,.05) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 75%,transparent 0,transparent);
    z-index: 1;
    background-size: 50px 50px;
    animation: loadingBars 2s linear infinite;
    overflow: hidden
}

.messageUploadProgress .animate>span:after {
    display: none
}

.videoAttachment {
    width: 120px;
    height: 120px;
    position: relative;
    background-color: #000;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 5px
}

.playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.ImagePreviewDialog {
    max-height: calc(100vh - 64px);
    overflow: auto
}

.ImagePreviewDialog .modal-content {
    max-height: inherit
}

.ImagePreviewDialog .modal-body {
    max-height: inherit;
    background-color: #000;
    display: flex;
    flex-direction: column
}

.ImagePreviewDialog .modal-body h2 {
    padding-bottom: 0
}

.ImagePreviewDialog .modal-body img {
    max-height: calc((100vh - 64px) - 64px - 34px)
}

.ImagePreviewDialog__header {
    height: 34px;
    display: flex;
    align-items: center
}

#leftNavMenu {
    top: 0;
    position: fixed;
    z-index: 1000
}

#leftNavMenu,.leftNavMenu {
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.leftNavMenu {
    margin: 0;
    position: relative;
    flex-grow: 1;
    align-items: flex-start;
    width: 100%
}

.leftNavMenu .clientSearch {
    height: 46px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.leftNavMenu .clientSearch__initialSearchBar {
    transition: opacity .3s,transform .3s
}

.leftNavMenu .clientSearch__initialSearchBar-enter {
    opacity: 1;
    transform: scale(1)
}

.leftNavMenu .clientSearch__initialSearchBar-enter-active,.leftNavMenu .clientSearch__initialSearchBar-enter-done {
    opacity: 0;
    transform: scale(1.1);
    transition: opacity .3s,transform .3s
}

.leftNavMenu .clientSearch__initialSearchBar-exit {
    opacity: 0
}

.leftNavMenu .clientSearch__initialSearchBar-exit-active,.leftNavMenu .clientSearch__initialSearchBar-exit-done {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s,transform .3s
}

.leftNavMenu .clientSearch__clientList {
    position: absolute;
    top: 0;
    height: 100%;
    width: 315px;
    background-color: #fff;
    z-index: -1;
    cursor: default
}

.leftNavMenu .clientSearch__clientList-enter {
    transform: translateX(-50px)
}

.leftNavMenu .clientSearch__clientList-enter-active,.leftNavMenu .clientSearch__clientList-enter-done {
    transform: translateX(250px);
    transition: transform .3s
}

.leftNavMenu .clientSearch__clientList-exit {
    transform: translateX(250px)
}

.leftNavMenu .clientSearch__clientList-exit-active {
    transform: translateX(-50px);
    transition: transform .3s
}

.leftNavMenu .clientSearch__overlay {
    background-color: rgba(0,0,0,.5);
    height: 200vh;
    width: 200vw;
    position: fixed;
    z-index: -2
}

.leftNavMenu .clientSearch__overlay-enter {
    opacity: 0
}

.leftNavMenu .clientSearch__overlay-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.leftNavMenu .clientSearch__overlay-exit {
    opacity: 1
}

.leftNavMenu .clientSearch__overlay-exit-active {
    opacity: 0;
    transition: opacity .3s
}

.leftNavMenu .clientMenu__return {
    border: 1px solid #aaaeb3;
    border-radius: 13px;
    box-sizing: border-box;
    height: 26px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 16px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.leftNavMenu .clientMenu__return p {
    font-size: 12px;
    font-weight: 100
}

.leftNavMenu .clientMenu__return:hover {
    border-color: #06a9f6
}

.leftNavMenu .clientMenu__return:hover p {
    color: #06a9f6
}

.navGroupLogo {
    position: relative;
    height: 48px;
    width: 100%
}

.navGroupLogo-image {
    height: inherit;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute
}

.navGroupLogo-text {
    height: inherit;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.navGroupLogo-text span {
    font-size: 18px;
    font-weight: 800;
    color: #fff
}

.navGroupLogo-text--small {
    display: none;
    text-transform: capitalize
}

.navGroupLogo-text--regular {
    display: block
}

.navGroupLogo-text h5 {
    font-weight: 800
}

.leftNavItem {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    height: 46px;
    min-height: 46px;
    width: 100%;
    padding: 0 12px 0 16px
}

.leftNavItem.active {
    border-left: 5px solid #06a9f6!important;
    padding-left: 11px
}

.leftNavItem .expandIcon {
    margin-left: auto
}

.leftNavItem--light.active {
    background-color: #f8f8f8
}

.leftNavItem--light.active p:not(.current) {
    color: #000
}

.leftNavItem--light.active svg {
    filter: brightness(0)
}

.leftNavItem--light:hover:not(.active) {
    background-color: #f8f8f8
}

.leftNavItem--light:hover:not(.active) p:not(.current),.leftNavItem--light:hover:not(.active) svg {
    filter: brightness(.7)
}

.leftNavItem--dark.active,.leftNavItem--dark:hover:not(.active) {
    background-color: hsla(0,0%,100%,.15)
}

.leftNavItem--dark.leftNavItemExpandable:hover:not(.active) {
    background-color: #262728
}

.leftNavItem .ant-badge {
    margin-left: auto
}

.leftNavItem__subMenuWrapper {
    position: absolute;
    left: 100%;
    padding: 32px 32px 32px 0;
    background-color: transparent;
    z-index: 999999
}

.leftNavItem__subMenuWrapper .subMenu {
    width: 185px;
    border-radius: 0 5px 5px 0
}

.leftNavItem__subMenuWrapper .subMenu--dark {
    background-color: #262728
}

.leftNavItem__subMenuWrapper .subMenu--light {
    background-color: #fff;
    border: 1px solid #eaeaea
}

.leftNavItem__subMenuWrapper .subMenu .leftNavItem:first-child {
    border-radius: 0 0 5px 0
}

.leftNavItem__subMenuWrapper .subMenu .leftNavItem:last-child {
    border-radius: 0 5px 0 0
}

.clientMenuProfile {
    min-height: 200px;
    width: 100%
}

.clientMenuProfile__link {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: .7;
    transition: opacity .3s
}

.clientMenuProfile__link:hover {
    opacity: 1
}

.clientMenuProfile__link label {
    cursor: pointer;
    padding-left: 8px
}

.clientMenuProfile__fullName {
    width: 100%;
    padding: 16px 8px 0!important;
    text-align: center;
    box-sizing: border-box
}

@media only screen and (max-width: 1279px) {
    #leftNavMenu {
        width:67px
    }

    .lr_pad {
        padding-left: 67px!important
    }

    .navGroupLogo-text {
        max-width: 80%
    }

    .navGroupLogo-text--small {
        display: block
    }

    .leftNavMenu .clientSearch-fullBar,.navGroupLogo-image,.navGroupLogo-text--regular {
        display: none
    }

    .leftNavMenu .clientSearch__clientList-enter {
        transform: translateX(-150px)
    }

    .leftNavMenu .clientSearch__clientList-enter-active,.leftNavMenu .clientSearch__clientList-enter-done {
        transform: translateX(190px);
        transition: transform .3s
    }

    .leftNavMenu .clientSearch__clientList-exit {
        transform: translateX(190px)
    }

    .leftNavMenu .clientSearch__clientList-exit-active {
        transform: translateX(-150px);
        transition: transform .3s
    }

    .leftNavMenu .clientMenuProfile__fullName,.leftNavMenu .clientMenuProfile__link label {
        display: none
    }

    .leftNavMenu .clientMenu__return {
        width: 38px
    }

    .leftNavMenu .clientMenu__return p {
        display: none
    }

    .leftNavItem {
        padding: 0;
        justify-content: center
    }

    .leftNavItem.active {
        padding-left: 0
    }

    .leftNavItem.leftNavItemExpandable.active {
        padding-left: 12px
    }

    .leftNavItem>p {
        display: none
    }

    .leftNavItem.subRoute {
        justify-content: flex-start;
        padding: 0 12px 0 16px
    }

    .leftNavItem.subRoute>p {
        display: block
    }

    .leftNavItem .expandIcon {
        margin-left: 5px
    }

    .leftNavItem .isBeta {
        position: absolute;
        bottom: 0
    }

    .leftNavItem .ant-badge {
        margin-left: 30px;
        position: absolute
    }

    .leftNavItem.leftNavItemExpandable:not(.active) {
        padding-left: 17px
    }
}

@media only screen and (min-width: 1280px) {
    #leftNavMenu {
        width:185px
    }

    .leftNavMenu .clientMenu__return svg,.leftNavMenu .clientMenuProfile__initials,.leftNavMenu .clientSearch-iconOnly,.leftNavMenu .navGroupLogo-image+.navGroupLogo-text {
        display: none
    }

    .leftNavMenu .isBeta {
        margin-bottom: 16px
    }
}

.habitDialog {
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 100%;
    box-sizing: border-box
}

.habitDialog .habitPreview {
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #d6d8da;
    border-radius: 4px;
    box-sizing: border-box;
    overflow-y: auto
}

.editorStyle {
    word-break: break-word
}

.habitTreeSelect .ant-select-tree-node-content-wrapper-close,.habitTreeSelect .ant-select-tree-node-content-wrapper-open {
    pointer-events: none
}

.habitTreeSelect .ant-select-tree li {
    position: relative
}

.habitTreeSelect .ant-select-tree li span.ant-select-tree-switcher:not(.ant-select-tree-switcher-noop) {
    position: absolute;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center
}

.habitTreeSelect .ant-select-tree li span.ant-select-tree-switcher:not(.ant-select-tree-switcher-noop):after {
    margin-left: 5px
}

.habitTreeSelect .ant-select-tree li .ant-select-tree-node-content-wrapper:not(.ant-select-tree-node-content-wrapper-normal) {
    padding-left: 29px;
    width: calc(100% - 50px)
}

.habitRowDescription .public-DraftStyleDefault-ul {
    margin-block:0}

.dailyMeal__leftPanel,.dailyMeal__rightPanel {
    width: calc(50% - 1px)
}

.dailyMeal__divider {
    width: 1px;
    height: calc(100% + 32px);
    background-color: #ebebeb
}

.dailyMeal__leftPanel {
    padding-right: 30px
}

.dailyMeal__leftPanelContent {
    height: 350px
}

.dailyMeal__rightPanelScroll {
    padding-right: 14px
}

.dailyMeal__rightPanel {
    padding-left: 32px
}

.dailyMeal__rightPanel__circleText {
    margin-bottom: 8px
}

.dailyMeal__rightPanel__nutGoals {
    padding: 20px 0
}

.dailyMeal__rightPanel__scrollWrap {
    margin-right: 0
}

.dailyMeal__sourceWrapper {
    position: absolute;
    bottom: 16px;
    left: 16px
}

.dailyNutritionDialogHeadingTxt {
    margin-bottom: 25px;
    margin-top: 31px
}

.nutritionGoalThresholdText {
    margin-top: 12px
}

.nutritionTable {
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #e8e8e8
}

.nutritionTable tr th:first-child {
    width: 145px
}

.nutritionTable tr th:nth-child(2) {
    width: 85px
}

.nutritionTable tr td,.nutritionTable tr th {
    overflow: hidden;
    text-overflow: ellipsis
}

.nutritionTable td,.nutritionTable th {
    padding-left: 12px;
    padding-top: 16px;
    border-right: 1px solid #e8e8e8
}

.nutritionTable tr:last-child td {
    padding-bottom: 16px
}

@media screen and (max-width: 1200px) {
    .nutritionTable {
        table-layout:auto
    }

    .nutritionTable tr th:nth-child(2) {
        width: auto
    }
}

.mealDetailsItem--withImg {
    height: 62px
}

.mealDetailsItem__mealInfo--withImg {
    width: calc(100% - 72px)
}

.mealDetailsItem__mealPhoto {
    width: 62px;
    height: 62px;
    margin-right: 10px
}

.mealDetailsItem__photoPrev {
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: 5px
}

.mealDetailsItem__desc {
    margin-top: 12px
}

.mealDetailsItem__desc>p {
    white-space: pre-line
}

.mealDetailsItem__foodListItem {
    height: 55px;
    flex-direction: row;
    display: flex;
    align-items: center
}

.mealDetailsItem__foodListItem:last-child {
    border-top: 0
}

.mealDetailsItem__foodListItem .foodListItemName {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303133
}

.mealDetailsItem__macros {
    padding: 12px 0
}

.mealDetailsItem__macros .macrosBar {
    width: 100%;
    height: 10px;
    background: #dae0e6;
    border-radius: 5px
}

.mealDetailsItem__macros .macrosBar__item:first-child {
    border-radius: 5px 0 0 5px
}

.mealDetailsItem__macros .macrosBar__item:last-child {
    border-radius: 0 5px 5px 0
}

.mealDetailsItem__macros .macroBarCalculation__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px
}

.pieChartWrapper__legend {
    margin-bottom: 10px
}

.pieChartWrapper__legendWrapper {
    width: 200px
}

.pieChartWrapper__legendColorItem {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-right: 6px
}

.nutritionGoalProgress .ant-progress-inner {
    background: #dae0e6
}

.nutritionGoalProgress__over .ant-progress-inner {
    background: #ffa9b2
}

.ComplianceTracking__radioGroup {
    display: flex!important;
    flex-direction: column
}

.ComplianceTracking__radioGroup label.ant-radio-wrapper {
    margin-right: 0
}

.ComplianceTracking__radioGroup label.ant-radio-wrapper:first-child {
    margin-bottom: 9px
}

.ComplianceTracking__select {
    width: 144px;
    margin-bottom: -5px
}

.DialogUserDetails {
    width: 397px;
    margin-left: 32px;
    padding-left: 32px;
    box-sizing: border-box;
    border-left: 1px solid #d6d8da
}

.DialogUserDetails .profileImage {
    margin-right: 12px
}

.DialogUserDetails__item {
    margin-top: 12px
}

.DialogUserDetails__item.dark p:not(.tz-textButton,.tz-textButton--medium,.tz-textButton--small) {
    color: #303133
}

.DialogUserDetails__item.border-top {
    border-top: 1px solid #d6d8da
}

.DialogUserDetails__item.big {
    padding: 20px 0
}

.DialogUserDetails__item .ant-input {
    height: 24px
}

.DialogUserDetails__item .ant-select,.DialogUserDetails__item .ant-select-selection--single {
    height: 24px;
    width: 150px;
    font-size: 12px;
    font-weight: 400
}

.DialogUserDetails__item .ant-select-selection__rendered {
    height: 24px;
    line-height: 24px
}

.NutritionGoalRegenerateMealPLanDialog .modal-body {
    padding-bottom: 16px
}

.nutritionDialog-form-popover.ant-tooltip {
    max-width: 400px
}

.nutritionDialog-form-popover h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
    color: #303133
}

.nutritionDialog-form-popover ul {
    margin: 12px 0 0;
    padding: 0 0 0 18px
}

.programSelect .ant-select-selection--single {
    height: 100%
}

.programSelect.ant-select-open .ant-select-selection {
    border-color: #eaeaea
}

.programSelect span.tr-icon {
    margin-left: 0!important
}

.programSelect-dropdown ul {
    margin-top: 0
}

.programSelect-dropdown .ant-select-dropdown-menu-item:hover {
    background-color: #f7f7f7
}

.programSelect-dropdown .ant-select-dropdown-menu-item-active {
    background-color: #fff
}

.programSelect-option {
    height: 80px
}

.programsContent {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px;
    box-sizing: border-box
}

.programWorkoutCalendar {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: repeat(5,1fr);
    gap: 8px 0;
    grid-template-areas: ". m t w r f s u" ". . . . . . . ." ". . . . . . . ." ". . . . . . . ." ". . . . . . . .";
    width: 300px;
    border-top: 1px solid #dae0e6;
    padding: 8px;
    box-sizing: border-box
}

.programWorkoutCalendar div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px
}

.programWorkoutCalendar__header {
    font-size: 14px;
    font-weight: 400;
    color: #797c80
}

.programWorkoutCalendar__label {
    font-size: 14px;
    font-weight: 400;
    color: #aaaeb3
}

.programWorkoutCalendar__day {
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    color: #303133
}

.programWorkoutCalendar__day.scheduled {
    border-radius: 5%;
    color: #fff;
    background-color: #06a9f6
}

.programWorkoutCalendar__day.scheduled:hover {
    filter: brightness(.9)
}

.programWorkoutCalendar__day:hover:not(.scheduled):not(.disabled) {
    border-radius: 50%!important;
    background-color: #eff3f6
}

.programWorkoutCalendar__day.inBetween:hover {
    filter: brightness(.9)
}

.programWorkoutCalendar__day.disabled {
    cursor: not-allowed!important;
    pointer-events: all
}

.programCalendarDay .dropdown-active {
    background-color: #fff!important;
    color: #06a9f6!important
}

.programCalendarHeader:hover use {
    fill: #06a9f6!important
}

.programCalendarHeader use {
    fill: #303133!important
}

.programCalendarHeader:hover .headerText {
    color: #06a9f6!important
}

.programCalendarHeader .headerText {
    color: #303133
}

.programCalendarHeader .dropdown-active .headerText {
    pointer-events: none;
    color: #fff!important
}

.programCalDayCell .itemTitle {
    cursor: grab;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    font-size: 12px
}

@media(max-height: 756px) {
    .programCalDayCell .itemTitle {
        font-size:10px;
        line-height: 11px
    }
}

.programCalDayCell .iconStyle {
    min-width: 16px;
    min-height: 16px;
    border-radius: 20px;
    background-color: #fff
}

@media(max-height: 756px) {
    .programCalDayCell .iconStyle {
        min-width:10px;
        min-height: 10px
    }
}

.programNameText {
    min-height: 34px
}

.abcDialog .modal-body,.abcDialog .modal-content {
    overflow: hidden
}

.paymentDash__cardRow {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: auto 1fr auto;
    border-bottom: 1px solid #eaeaea;
    height: 72px
}

.paymentDash__cardInfo {
    display: flex;
    align-items: center;
    width: 180px
}

.paymentDash__cardInfo a {
    margin-left: 6px
}

.paymentDash__cardWarning {
    margin-left: 32px;
    display: flex;
    align-items: center
}

.paymentDash__cardWarning p {
    margin-left: 16px;
    font-weight: 700
}

.paymentDash__paymentSlotLabels {
    display: flex;
    gap: 16px
}

.paymentDash__paymentSlotLabels p {
    display: inline-block;
    padding: 0 10px!important;
    border-radius: 26px;
    border: 1px solid #797c80;
    color: #797c80;
    line-height: 18px!important
}

.paymentMethodSetupDialog {
    width: 379px!important
}

.paymentMethodSetupDialog .loaderWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 1%;
    z-index: 1000
}

.cardSetupContainer {
    width: 311px;
    height: 205px;
    margin-top: 24px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    box-sizing: border-box
}

.cardSetupContainer .buttonDropdown {
    cursor: pointer;
    border: 1px solid #dae0e6;
    border-radius: 4px;
    padding: 9px;
    width: 30px!important;
    height: 30px!important
}

.cardSetupContainer .paymentMethodNumber {
    margin-top: 23px
}

.cardSetupContainer .cardSeparator {
    margin-top: 13px;
    margin-bottom: 14px;
    border: .5px solid #f4f6f9
}

.paymentSlotSetupContainer {
    margin-top: 32px
}

.paymentSlotSetupContainer hr {
    border: .5px solid #eaeaea;
    margin: 4px 0 20px
}

.paymentSlotSetupContainer .paymentSlotOption {
    display: flex;
    align-items: start
}

.paymentSlotSetupContainer .membershipOption {
    margin-left: 0;
    margin-top: 24px
}

.paymentHistory {
    padding-bottom: 70px
}

.paymentHistory h1 {
    margin-bottom: 32px
}

.paymentHistory__container {
    border: 1px solid #eaeaea
}

.paymentHistory__tableHeader {
    height: 50px;
    background-color: #f8f8f8;
    padding: 0 13px
}

.paymentHistory__tableHeader .ant-select {
    width: auto
}

.paymentHistory__nullScreen {
    margin: 120px auto
}

.paymentHistory__dropdownMenu {
    min-height: 355px
}

.paymentHistory__dropdownMenu ul {
    min-height: inherit;
    max-height: none
}

.paymentHistory__table {
    table-layout: fixed;
    border-collapse: collapse
}

.paymentHistory__table td,.paymentHistory__table th {
    width: 33.3333%
}

.paymentHistory__table td:first-child,.paymentHistory__table th:first-child {
    padding-left: 25px
}

.paymentHistory__table th {
    height: 32px
}

.paymentHistory__table td {
    height: 48px
}

.paymentHistory__table th,.paymentHistory__table tr:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.paymentHistoryPrintDialog {
    height: 600px
}

.paymentHistoryPrintDialog .modal-body {
    padding: 0
}

.paymentHistoryPrintDialog .modal-content {
    overflow: hidden
}

.paymentHistoryPrintDialog__paddingSpace {
    padding: 0 40px
}

.paymentHistoryPrintDialog__scroller {
    overflow: auto;
    height: 500px
}

.paymentHistoryPrintDialog__heading {
    background-color: #f8f8f8;
    padding: 0 16px;
    height: 50px
}

.paymentHistoryPrintDialog__paid {
    background-color: #70d27c;
    height: 48px
}

.paymentHistoryPrintDialog__paidTitle {
    color: #fff!important;
    text-transform: uppercase
}

.paymentHistoryPrintDialog__logoWrapper--dark {
    background-color: #606366
}

.paymentHistoryPrintDialog__logoWrapper--light {
    background-color: #fff
}

.paymentHistoryPrintDialog__groupTitle--light {
    color: #fff!important
}

.paymentHistoryPrintDialog__logo {
    max-width: 180px;
    height: 58px
}

.paymentHistoryPrintDialog__logo>img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.paymentHistoryPrintDialog__listItem {
    padding: 12px
}

.paymentHistoryPrintDialog__listItem:not(:last-child) {
    border-bottom: 1px solid #dae0e6
}

.paymentSetupDialog .ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 40px
}

.useThisCardForDialog__checkboxRow {
    border: 1px solid #dae0e6;
    padding: 8px 16px;
    cursor: pointer
}

.useThisCardForDialog__checkboxRow:not(:last-child) {
    margin-bottom: 16px
}

.useThisCardForDialog__checkboxRow:last-child {
    margin-bottom: 32px
}

.useThisCardForDialog__checkboxRow--checked,.useThisCardForDialog__checkboxRow:hover {
    border: 1px solid #06a9f6
}

@media print {
    .paymentHistoryPrintDialog,.paymentHistoryPrintDialog__scroller {
        height: auto
    }

    .paymentHistoryPrintDialog__heading {
        display: none
    }
}

.UserGroupsPage .revLeft {
    background-color: #f8f8f8
}

.UserGroupsPage .UserGroupsSidebar {
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsControls {
    border-bottom: 1px solid #eaeaea
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsControls__viewSelect .ant-select,.UserGroupsPage .UserGroupsSidebar .UserGroupsControls__viewSelect .ant-select-selection--single {
    width: 114px;
    height: 24px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsControls__viewSelect .ant-select-selection__rendered {
    height: 24px;
    line-height: 24px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsControls__viewSelect .ant-select-selection-selected-value {
    height: 22px;
    line-height: 22px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList {
    overflow: auto
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-left: 5px solid #fff;
    cursor: pointer
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem.active {
    background-color: #d0f0ff;
    border-left: 5px solid #06a9f6
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem__icon {
    width: 34px;
    height: 34px;
    background-color: #fff;
    border: 2px solid #d6d8da;
    border-radius: 50%
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem__icon img {
    width: 22px;
    height: 22px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemContent {
    width: 101px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemContent__groupName {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemContent__masterProgramName {
    width: 87px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemCta__badge {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemCta__more {
    padding: 0;
    min-width: 1px;
    border: none!important;
    background-color: transparent
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem .UserGroupsListItemCta__join {
    min-width: 40px!important
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem.groupDisabled {
    cursor: default
}

.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem.groupDisabled .UserGroupsListItem__icon,.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem.groupDisabled .UserGroupsListItemContent__groupName,.UserGroupsPage .UserGroupsSidebar .UserGroupsList .UserGroupsListItem.groupDisabled .UserGroupsListItemContent__masterProgramName {
    opacity: .5
}

.UserGroupsPage .UserGroupsWrap {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.UserGroupsPage .UserGroupsWrap .UserGroupsContent {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 2px);
    width: 100%
}

.UserGroupsPage .UserGroupsWrap_draggingWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: calc(100% - 2px);
    height: 100%;
    border: 1px solid #06a9f6;
    background: hsla(0,0%,100%,.7);
    z-index: 2
}

.userGroupPanel {
    height: inherit;
    min-width: 345px;
    max-width: 345px;
    width: 345px;
    border-left: 1px solid #eaeaea
}

.userGroupPanel__container {
    height: inherit
}

.userGroupPanel__content {
    height: calc(100% - 45px);
    overflow-y: auto
}

.userGroupPanel .userGroupList {
    padding: 0 16px
}

.userGroupPanel .userGroupList ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.userGroupPanel .userGroupListItem {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0
}

.userGroupPanel .userGroupListItem__info {
    margin-left: 20px;
    width: 100%
}

.userGroupPanel .userGroupListItem__info--spacing {
    justify-content: space-between
}

.userGroupPanel .userGroupList .text--spacing {
    margin-right: 12px
}

.userGroupPanel .userGroupWorkouts {
    height: inherit;
    display: flex;
    flex-direction: column;
    padding-top: 16px
}

.userGroupPanel .userGroupWorkouts__text-wrapper {
    width: 240px;
    text-align: center
}

.userGroupPanel .userGroupWorkouts__title {
    padding: 0 16px;
    border-bottom: 1px solid #eaeaea
}

.userGroupPanel .userGroupAttachProgram {
    margin-bottom: 30px
}

.userGroupPanel .userGroupAttachProgram .header {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea
}

.userGroupPanel .userGroupAttachProgram .bodyContent {
    padding: 17px 30px 17px 40px
}

.userGroupPanel .userGroupAttachProgram .info {
    width: 100%
}

.userGroupPanel .userGroupAttachProgram .text--spacing {
    margin-right: 12px
}

.userGroupPanel .userGroupUsers {
    height: inherit
}

.userGroupPanel .userGroupUsers__list {
    padding: 16px;
    overflow: scroll;
    height: calc(100% - 45px)
}

.userGroupPanel .userGroupUsers .toolbar {
    padding: 10px 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea
}

.userGroupPanel .userGroupUsers .toolbar--spacing {
    margin-right: 5px
}

.userGroupPanel .userGroupUsers .toolbar__search {
    margin-left: auto
}

.userGroupPanel .userGroupUsers .selectedBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-height: 25px;
    background-color: #06a9f6;
    padding: 0 16px;
    margin-bottom: 16px
}

.userGroupIconSelect .ant-select-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.userGroupIconSelect .ant-select-selection-selected-value {
    display: flex!important;
    align-items: center;
    justify-content: center;
    height: 38px
}

.userGroupIconSelect .ant-select-selection-selected-value .userGroupIconOption>span {
    height: 35px!important
}

.userGroupIconSelectDropdown ul {
    display: flex;
    flex-wrap: wrap
}

.userGroupNameInput {
    height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.voicePermissionSwitch {
    display: flex;
    align-items: center;
    margin-top: 18px
}

.voicePermissionSwitch__label {
    margin-left: 7px
}

.productTypeSelect-dropdown .ant-select-dropdown-menu {
    max-height: 300px
}

.stripe-title-icon {
    width: 25px;
    height: 100%;
    border-radius: 5px;
    margin-right: 5px
}

.stripe-section-container {
    width: 100%
}

.stripe-section-container .stripe-section {
    width: 100%;
    margin-top: 20px;
    min-height: 60px
}

.stripe-section-container .stripe-section .stripe-section-small {
    width: 50px
}

.stripe-section-container .stripe-section .stripe-section-small .flag-icon {
    width: 25px;
    height: 17px
}

.stripe-section-container .stripe-section .stripe-section-medium {
    flex: 2
}

.stripe-section-container .stripe-section .stripe-section-medium>span {
    margin-bottom: 10px
}

#dialog-payments-invoice .invoice-iframe-container {
    height: 571px;
    width: 496px;
    position: relative
}

#dialog-payments-invoice #invoice-details {
    width: 100%
}

#dialog-payments-invoice #invoice-details .invoice-list {
    width: 100%;
    height: 571px;
    overflow: auto;
    position: relative
}

#dialog-payments-invoice #invoice-details .invoice-list .invoice-details-container .invoice-detail {
    margin-bottom: 14px
}

#dialog-payments-invoice #invoice-details .invoice-list .invoice-detail {
    border: 1px solid #ebebeb;
    padding: 7px 7px 0
}

#dialog-payments-invoice #invoice-details .invoice-list .invoice-detail .order-heading {
    min-width: 120px
}

#dialog-payments-invoice #invoice-details .invoice-list .transaction_null_container {
    border: 1px solid #ebebeb;
    height: 120px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 14px
}

.refund-radio {
    width: 100%
}

.refund-radio .ant-radio-wrapper {
    display: flex;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 20px
}

.refund-radio .ant-radio-wrapper-checked {
    border-color: #06a9f6
}

.refund-radio .ant-radio-wrapper .ant-radio-checked:after {
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px
}

.refund-radio .ant-radio-wrapper .partial-refund-container {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ebebeb
}

.payment-page-container .reactBaseGrid {
    min-height: 540px
}

#clientProfile__invoices .baseGridHeader,#clientProfile__sales .baseGridHeader {
    padding: 0
}

#div_payments_productsContainer .reactBaseGrid,#div_payments_salesContainer .reactBaseGrid {
    min-height: 570px
}

#purchaseDetailDialog .payments_invoicesContainer .reactBaseGrid {
    min-height: 230px
}

.payments_invoicesContainer {
    height: 100%;
    width: 100%
}

.payments_invoicesContainer .reactBaseGrid .invoice-status {
    text-transform: capitalize
}

.payments_invoicesContainer .component__searchInput input {
    width: 260px
}

#div_payments_discountCodesContainer .component__searchInput input {
    width: 290px
}

#div_payments_discountCodesContainer .baseGridSortBy .ant-select {
    max-width: 200px
}

#div_payments_disputesContainer .reactBaseGridWrap .baseGridHeader {
    padding: 0
}

#div_payments_disputesContainer .baseGridColumn p {
    width: auto
}

.disputeDialogWrapper .disputeDialog__label {
    width: 140px
}

.disputeDialogWrapper .disputeDialog__details {
    width: 180px
}

#clientProfile__sales .baseGridRow .img_plan_border,#container_payments_productGrid .baseGridRow .img_plan_border {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    position: relative
}

#clientProfile__sales .baseGridRow .grid-image,#container_payments_productGrid .baseGridRow .grid-image {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    flex-shrink: 0
}

#clientProfile__sales .baseGridRow .img-plan,#container_payments_productGrid .baseGridRow .img-plan {
    width: 30px;
    height: 30px
}

#clientProfile__sales .baseGridRow .productBadge,#container_payments_productGrid .baseGridRow .productBadge {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 20px;
    top: 20px
}

#clientProfile__sales .baseGridRow .free-product,#container_payments_productGrid .baseGridRow .free-product {
    width: 50%;
    text-align: center
}

#clientProfile__sales .baseGridRow .productGrid-btn-automation,#container_payments_productGrid .baseGridRow .productGrid-btn-automation {
    opacity: 0;
    display: none
}

#clientProfile__sales .baseGridRow .productGrid-automation-checkmark,#container_payments_productGrid .baseGridRow .productGrid-automation-checkmark {
    opacity: 1;
    display: block
}

#clientProfile__sales .baseGridRow .sellProductButton,#container_payments_productGrid .baseGridRow .sellProductButton {
    min-width: 55px!important
}

#clientProfile__sales .baseGridRow .copyLinkButton,#container_payments_productGrid .baseGridRow .copyLinkButton {
    min-width: 40px!important
}

#clientProfile__sales .baseGridRow:hover .productGrid-btn-automation,#container_payments_productGrid .baseGridRow:hover .productGrid-btn-automation {
    opacity: 1;
    display: block
}

#clientProfile__sales .baseGridRow:hover .productGrid-automation-checkmark,#container_payments_productGrid .baseGridRow:hover .productGrid-automation-checkmark {
    opacity: 0;
    display: none
}

.productGrid-popover .ant-popover-arrow {
    display: none
}

.productGrid-popover .ant-popover-inner-content {
    padding: 8px;
    width: 150px
}

.productGrid-popover a:active,.productGrid-popover a:hover,.productGrid-popover a:link,.productGrid-popover a:visited {
    color: #797c80
}

.customMealsDialog,.customMealsDialog * {
    box-sizing: border-box
}

.customMealsDialog__warning {
    color: #ff5366!important
}

.customMealsDialog__warningSummary {
    color: #ff5366!important;
    line-height: 16px!important
}

.customMealsDialog__body {
    margin: 0 -32px;
    width: calc(100% + 64px);
    height: calc(100% - 15px);
    border-top: 1px solid #eaeaea;
    background-color: #fff
}

.customMealsDialog__sidebar {
    width: 206px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #ebebeb
}

.customMealsDialog__sidebar .alert {
    margin-left: 2px;
    color: #ff5366
}

.customMealsDialog__contentWrapper {
    width: calc(100% - 206px);
    overflow: auto
}

.customMealsDialog__content .contentMiddle {
    width: 57%;
    min-width: 576px;
    border-bottom: none;
    border-right: 1px solid #ebebeb
}

.customMealsDialog__content .contentRight {
    width: 43%;
    min-width: 434px
}

.customMealsDialog__content .formLabel {
    display: inline-block;
    margin-bottom: 2px;
    color: #797c80
}

.customMealsDialog__content .formLabel span {
    margin-left: 2px;
    color: #ff5366
}

.customMealsDialog .has-error.ant-input,.customMealsDialog .has-error .ant-input,.customMealsDialog .has-error.ant-input:hover,.customMealsDialog .has-error .ant-input:hover {
    border-color: #ff5366
}

.customMealsDialog .has-error .ant-form-explain,.customMealsDialog .has-error .ant-form-split {
    color: #ff5366;
    font-size: 10px;
    padding-top: 3px
}

.customMealsDialog .show-help-leave,.customMealsDialog .show-help-leave-active {
    padding-top: 3px;
    font-size: 10px
}

.customMealsDialog .recipeServing {
    height: 35px;
    align-items: flex-start
}

.customMealsDialog .recipeServing .ant-form-item-control {
    line-height: 1.5
}

.customMealsDialog .recipeServing .recipeServingAmountInput {
    width: 140px;
    height: 24px
}

.customMealsDialog .MealDetails .MealDetailsForm .ant-form-item-control {
    line-height: 1.5
}

.customMealsDialog .MealDetails .MealDetailsForm .ant-input,.customMealsDialog .MealDetails .MealDetailsForm .ant-select,.customMealsDialog .MealDetails .MealDetailsForm .ant-select-selection--single {
    height: 24px
}

.customMealsDialog .MealDetails .MealDetailsForm .ant-select-selection__rendered {
    height: 24px;
    line-height: 24px
}

.customMealsDialog .MealDetails .MealDetailsForm .ant-select-selection-selected-value {
    height: 22px;
    line-height: 22px
}

.customMealsDialog .MealDetails .MealDetailsForm .CheckboxGroup-wrapper .ant-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.customMealsDialog .MealDetails .MealDetailsForm .CheckboxGroup-wrapper label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #303133;
    width: 25%;
    margin: 0 0 19px
}

.customMealsDialog .MealDetails .MealDetailsForm .CheckboxGroup-wrapper .ant-checkbox {
    top: -2px
}

.customMealsDialog .MealDetails .MealDetailsForm .CheckboxGroup-wrapper .ant-checkbox+span,.customMealsDialog .MealDetails .MealDetailsForm .CheckboxGroup-wrapper .ant-checkbox-wrapper+span {
    padding-left: 7px;
    padding-right: 0
}

.customMealsDialog .Recipe .FoodSearchWrapper {
    height: 113px
}

.customMealsDialog .Recipe .FoodSearch {
    position: relative;
    z-index: 1
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults {
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    max-height: 406px;
    background-color: #fff;
    border-radius: 4px;
    overflow-y: auto;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.15))
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults__loader {
    position: sticky;
    bottom: 0;
    left: 0;
    height: 50px;
    background-color: #fff
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults .FoodSearchResultsItem {
    padding: 12px 16px;
    border-bottom: 1px solid #eaeaea
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults .FoodSearchResultsItem:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults .FoodSearchResultsItem:hover .tz-lp {
    color: #06a9f6
}

.customMealsDialog .Recipe .FoodSearch .FoodSearchResults .FoodSearchResultsItem__name {
    white-space: nowrap;
    max-width: 405px;
    overflow: hidden;
    text-overflow: ellipsis
}

.customMealsDialog .Recipe .IngredientsSummaryWrapper {
    height: calc(100% - 113px)
}

.customMealsDialog .Recipe .Ingredients {
    position: relative;
    height: calc(100% - 100px);
    overflow-y: auto
}

.customMealsDialog .Recipe .Ingredients.withError {
    height: 305px
}

.customMealsDialog .Recipe .Ingredients .Ingredient {
    padding: 12px 0
}

.customMealsDialog .Recipe .Ingredients .Ingredient:first-child {
    border-top: none!important
}

.customMealsDialog .Recipe .Ingredients .Ingredient__name {
    white-space: nowrap;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303133
}

.customMealsDialog .Recipe .Ingredients .Ingredient .FoodServingSelect .FoodServingSelectField {
    color: #303133
}

.customMealsDialog .Recipe .Ingredients .Ingredient .FoodServingSelect .FoodServingSelectAmount {
    width: 140px;
    margin-right: 12px
}

.customMealsDialog .Recipe .Ingredients .Ingredient .FoodServingSelect .FoodServingSelectAmount__fraction {
    width: 36px;
    padding-left: 8px;
    padding-right: 8px
}

.customMealsDialog .Recipe .Ingredients .Ingredient .FoodServingSelect .FoodServingSelectAmount__fractionSelect {
    width: 59px!important
}

.customMealsDialog .Recipe .Ingredients .Ingredient .FoodServingSelect .FoodServingSelectUnit {
    min-width: 200px
}

.customMealsDialog .Recipe .Ingredients .Ingredient__btn {
    width: 24px
}

.customMealsDialog .Recipe .RecipeSummary {
    width: 100%;
    height: 100px;
    background-color: #f8f8f8
}

.customMealsDialog .Recipe .Instructions {
    width: 100%;
    margin-bottom: 12px;
    min-width: 388px;
    max-height: calc(100% - 65px);
    overflow-y: auto
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable {
    width: 100%;
    min-height: 40px;
    opacity: 1;
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable__count {
    width: 24px;
    height: 24px;
    background-color: #f4f6f9
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable__field {
    width: calc(100% - 88px);
    height: 24px;
    padding: 3px 7px;
    background-color: transparent;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable__iconWrapper {
    width: 20px;
    height: 14px
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable__icon {
    cursor: move
}

.customMealsDialog .Recipe .Instructions .InstructionDraggable__delete {
    width: 24px;
    margin-right: 10px
}

.customMealsDialog .Recipe .Instructions .dropPreviewContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.customMealsDialog .Recipe .Nutrients,.customMealsDialog .Recipe .Nutrients .NutrientsForm {
    margin-top: 24px
}

.customMealsDialog .Recipe .Nutrients .NutrientsForm .formLabel {
    margin-bottom: 8px
}

.customMealsDialog .Recipe .textBoxCounter {
    position: absolute;
    bottom: 8px;
    right: 20px
}

.customMealsDialogTooltip.ant-tooltip {
    max-width: 440px
}

.customMealsDialogTooltip h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
    color: #303133
}

.customMealsDialogTooltip ul {
    margin: 12px 0 0;
    padding: 0 0 0 18px
}

.previewMealDialog--print {
    width: 500px
}

.previewMealDialog .MealMedia {
    height: 335px
}

.previewMealDialog .MealMedia.mealMediaVideo.mealMediaPreviewDialog .vjs-poster {
    background-size: cover;
    background-position: 50%
}

.previewMealDialog .MealMedia.mealMediaVideo.mealMediaPreviewDialog .video-js:not(.vjs-fullscreen) video {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.previewMealDialog__toolbar {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 16px;
    right: 16px
}

.previewMealDialog__toolbar button:not(:last-child) {
    margin-right: 8px
}

.previewMealDialog .section-title {
    margin-bottom: 12px
}

.previewMealDialog__mealName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 2px
}

@supports(-webkit-box-orient:vertical) {
    .previewMealDialog__mealName {
        position: relative;
        height: 2.4em;
        line-height: 1.2em;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: 40px
    }

    .previewMealDialog__mealName:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 1.2em;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .previewMealDialog__mealName {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 2.4em;
            height: auto;
            -webkit-box-orient: vertical
        }

        .previewMealDialog__mealName:after {
            display: none
        }
    }
}

.previewMealDialog__mealContains {
    align-self: stretch;
    background: #f8f8f8;
    border-radius: 14px;
    border: 1px solid #eaeaea;
    display: flex;
    margin: 20px 0;
    padding: 6px 16px
}

.previewMealDialog__mealServings .servingsSelectWrapper {
    width: 70px;
    margin-right: 8px
}

.previewMealDialog__mealServings .servingsSelectWrapper .ant-select,.previewMealDialog__mealServings .servingsSelectWrapper .ant-select-selection--single {
    height: 24px
}

.previewMealDialog__mealServings .servingsSelectWrapper .ant-select-selection__rendered {
    height: 24px;
    line-height: 24px
}

.previewMealDialog__mealServings .servingsSelectWrapper .ant-select-selection-selected-value {
    height: 22px;
    line-height: 22px
}

.previewMealDialog__mealIngredients .autoCalculatedIngredients__ingredient {
    margin-bottom: 4px!important
}

.previewMealDialog__mealIngredients .autoCalculatedIngredients__ingredient:last-child {
    margin-bottom: 0!important
}

.previewMealDialog__mealIngredients .manualIngredients {
    white-space: pre-line
}

.previewMealDialog__mealInstructions .instructionNumber {
    height: 24px;
    width: 24px;
    background-color: #f4f6f9
}

.previewMealDialog__mealTag {
    align-items: center;
    border-radius: 14px;
    border: 1px solid #c2c7cc;
    display: flex;
    margin-right: 8px;
    margin-bottom: 4px
}

.previewMealDialog__mealTag:last-child {
    margin-right: 0
}

.previewMealDialog__mealTag .ant-tag {
    background: none;
    border: none;
    height: auto;
    line-height: unset
}

.MealsPage {
    display: flex;
    height: calc(100vh - 60px)
}

.MealsPage .tileGrid {
    padding: 32px 16px 0 32px
}

.MealsPage .MealsAdoptionPanelWrapper {
    padding: 32px 32px 32px 0
}

@media only screen and (max-width: 746px) {
    .MealsPage {
        flex-direction:column;
        height: auto
    }

    .MealsPage .tileGrid {
        order: 2;
        padding: 16px 32px 0
    }

    .MealsPage .MealsAdoptionPanelWrapper {
        order: 1;
        width: auto;
        padding: 32px 32px 0
    }
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel {
    width: 192px;
    height: 100%;
    background-color: #f4f6f9;
    border-radius: 10px;
    transition: all .2s
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .loader-overlay {
    background-color: #f4f6f9;
    border-radius: 10px
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsAdoptionPanelHiddenContent {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #f4f6f9;
    opacity: 0;
    transition: opacity .1s .2s,width .1s .2s;
    z-index: 1;
    border-radius: 10px
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsAdoptionPanelHiddenContent__message {
    display: none
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsPanelToggle {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 70px;
    height: 28px;
    border-radius: 0 10px 0 10px;
    background-color: #f8f8f8;
    z-index: 1
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsPanelToggle__text {
    display: inline-block
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsPanelToggle__icon {
    transform: rotate(180deg)
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel__banner {
    width: 100%;
    height: 108px;
    background-image: url(https://file.trainerize.com/assets/app/meals/meals_panel.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px 10px 0 0
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel__desciption {
    padding: 16px 12px 12px;
    overflow-y: auto;
    height: calc(100% - 136px)
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel__desciption .divider {
    width: auto!important
}

.MealsAdoptionPanelWrapper .MealsAdoptionPanel__desciption .newBadge {
    width: 44px;
    height: 17px;
    border-radius: 9px;
    background-color: #ffb400;
    box-sizing: border-box;
    padding-top: 1px
}

@media only screen and (max-width: 746px) {
    .MealsAdoptionPanelWrapper .MealsAdoptionPanel {
        display:flex;
        flex-direction: row-reverse;
        width: 100%;
        height: auto;
        min-height: 36px;
        max-height: 882px
    }

    .MealsAdoptionPanelWrapper .MealsAdoptionPanel .MealsPanelToggle__icon {
        transform: rotate(90deg)
    }

    .MealsAdoptionPanelWrapper .MealsAdoptionPanel__banner {
        width: 159px;
        height: auto;
        background-size: cover;
        background-position: 100%;
        border-radius: 0 10px 10px 0
    }

    .MealsAdoptionPanelWrapper .MealsAdoptionPanel__desciption {
        width: calc(100% - 159px);
        height: auto;
        overflow: auto
    }
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel {
    width: 36px;
    height: 100%;
    background-color: #f4f6f9;
    cursor: pointer
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsAdoptionPanelHiddenContent {
    opacity: 1;
    width: 100%
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsAdoptionPanelHiddenContent__message {
    display: block;
    transform: rotate(270deg);
    width: 200px;
    left: -82px;
    position: absolute;
    bottom: 104px
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsPanelToggle {
    width: 100%;
    height: 12px;
    top: 12px;
    right: 50%;
    transform: translateX(50%);
    border-radius: 0;
    background-color: transparent
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsPanelToggle__text {
    display: none
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsPanelToggle__icon {
    transform: rotate(0deg)
}

.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel__banner,.MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel__desciption {
    display: none
}

@media only screen and (max-width: 746px) {
    .MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel {
        width:100%;
        height: 36px;
        max-height: 36px
    }

    .MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsAdoptionPanelHiddenContent__message {
        width: auto;
        position: absolute;
        left: 12px;
        bottom: 50%;
        transform: translateY(50%) rotate(0deg)
    }

    .MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsPanelToggle {
        width: 12px;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    .MealsAdoptionPanelWrapper--panelHidden .MealsAdoptionPanel .MealsPanelToggle__icon {
        transform: rotate(270deg)
    }
}

.mealsAdoptionPanel-carousel {
    padding-top: 55px
}

.mealsAdoptionPanel-carousel .upsellDialog-imageWrapper,.mealsAdoptionPanel-carousel .upsellDialog-slideContentText {
    width: 346px
}

.hqIcon {
    width: 20px;
    height: 12px;
    background-color: #000;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1.6px
}

.hqIcon--big {
    width: 48px;
    height: 30px;
    border-radius: 4px;
    font-size: 22px;
    line-height: 29px
}

.MealMedia {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    flex-shrink: 0;
    position: relative
}

.MealMedia.mealMediaVideo {
    background-color: #000
}

.MealMedia.mealMediaVideo.mealMediaHovering button.vjs-big-play-button {
    display: none
}

.MealMedia.mealMediaVideo .video-js {
    padding-top: 66.67%!important;
    height: 100%!important
}

.MealMedia.mealMediaVideo .video-js button.vjs-big-play-button {
    width: 32px;
    height: 32px
}

.MealMedia.mealMediaVideo .video-js button.vjs-big-play-button .vjs-icon-placeholder:before {
    font-size: 32px
}

.mealTile {
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer
}

.mealTile.draft {
    background-color: #f8f8f8
}

.mealTile__checkbox {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1
}

.mealTile__checkbox .ant-checkbox {
    padding: 4px
}

.mealTile .MealMediaWrapper {
    width: 100%;
    height: 106px;
    background-color: #f8f8f8;
    overflow: hidden
}

.mealTile__content {
    height: calc(100% - 106px);
    box-sizing: border-box;
    padding: 12px;
    text-transform: capitalize
}

.mealTile__mealName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .mealTile__mealName {
        position: relative;
        height: 2.4em;
        line-height: 1.2em;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: 40px
    }

    .mealTile__mealName:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 1.2em;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .mealTile__mealName {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 2.4em;
            height: auto;
            -webkit-box-orient: vertical
        }

        .mealTile__mealName:after {
            display: none
        }
    }
}

.mealTile .hqIcon {
    position: absolute;
    top: 12px;
    left: 12.5px
}

.tileGrid__tile {
    min-height: auto
}

.customMealDeleteDialog .modal-body {
    padding-bottom: 24px
}

.customMealDeleteDialog h2 {
    padding: 0!important
}

.activityAddDialog .datePicker {
    position: relative;
    width: auto
}

.activityAddDialog .datePicker__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

.activityAddDialog .datePicker .additionalDateText {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    color: #aaaeb3
}

.activityAddDialog .datePicker .activityAddCalendar {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    z-index: 5
}

.activityAddDialog .datePicker .activityAddCalendar .calendarHeader {
    height: 30px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.activityAddDialog .datePicker .activityAddCalendar .ant-fullcalendar-header {
    display: none
}

.activityAddDialog .datePicker .activityAddCalendar .ant-fullcalendar td {
    padding: 0
}

.activityAddDialog .datePicker .ant-calendar-picker-clear {
    display: none
}

.addWorkoutBody {
    width: 100%
}

.addWorkoutBody__radio {
    display: flex
}

.addWorkoutBody__radio+.addWorkoutBody__radio {
    margin-top: 12px
}

.addWorkoutBody__content {
    padding: 8px 0 16px 24px
}

.addWorkoutBody .addWorkoutSelect {
    margin-bottom: 14px
}

.addWorkoutBody .addWorkoutSelect .ant-select-selection-selected-value span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.addWorkoutOption li:hover p {
    color: #06a9f6
}

.addWorkoutOption ul li span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.addWorkoutSelect .ant-select-selection-selected-value {
    display: flex!important;
    align-items: center
}

.workoutSelect.ant-select-dropdown--multiple .ant-select-dropdown-menu {
    max-height: 400px
}

.workoutFetchMoreButtonWrapper {
    display: flex!important;
    justify-content: center;
    align-items: center
}

.workoutFetchMoreButtonWrapper i {
    display: none
}

.workoutFetchMoreButton {
    margin: 5px 0;
    border: none!important;
    background: none!important;
    box-shadow: none!important
}

#div_location_NoLocation {
    padding: 100px 16px 16px
}

#div_location_NoLocation p {
    margin: 10px auto 32px;
    text-align: center;
    max-width: 500px
}

#div_locations_wrap {
    margin-top: 21px;
    overflow: auto
}

#locations_loader.profile-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 50
}

.center-link {
    margin: 20px auto;
    display: table
}

#div_locations #b_location_AddNew {
    position: absolute;
    top: -50px;
    right: 0
}

#div_location .nullDash img {
    width: auto
}

#div_locationView {
    overflow: auto;
    float: left;
    width: 100%;
    margin-bottom: 32px;
    position: relative;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: flex;
    min-height: 442px;
    min-width: 800px
}

#div_locationView h3 {
    line-height: 120%;
    display: inline-block;
    font-weight: 400
}

#div_locationView .tr-icon,#div_locationView .tr-icon-small {
    vertical-align: top;
    margin: 0 8px;
    flex-shrink: 0
}

#div_locationView .ctrls a.text {
    text-decoration: none;
    font-weight: 100;
    padding: 4px;
    margin-right: 30px;
    margin-top: 4px
}

#div_locationView .location-text {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

#div_locationView select {
    border: 1px solid #f0f0f0;
    width: inherit;
    height: inherit;
    display: inline-block;
    padding: 0;
    font-size: 12px;
    background-color: #fff;
    font-weight: 100;
    color: #888
}

#div_locationView .gtTextField {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: block;
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px
}

#div_locationView .tr-icon-trainer {
    margin-top: 1px
}

#div_locationView .openEdit {
    color: #1eb6f8;
    text-transform: uppercase;
    padding: 0 8px;
    font-weight: 100;
    cursor: pointer;
    font-size: 14px
}

#div_locationView .gtBtn-delete {
    cursor: pointer;
    transition: all .5s
}

#div_locationView .gtBtn-delete:hover {
    background-image: url(../../../../../images/tr-icons-999999.png)!important
}

.addLocationBtn {
    position: absolute;
    top: -50px;
    right: 0
}

.viewLocation_MapCanvas {
    height: 440px;
    width: 400px;
    min-width: 400px;
    position: relative
}

.viewLocation-icons {
    width: 28px;
    height: 28px;
    margin: 0 13px 0 8px;
    vertical-align: middle
}

.viewLocation-heading {
    padding: 0 50px 10px 8px
}

.viewLocation-heading p {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.viewLocation-heading .location-type {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #797c80
}

.viewLocation-address-location {
    padding: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.viewLocation-type {
    padding: 4px 0 0 8px
}

.viewLocation-address {
    flex-grow: 1;
    text-align: left
}

.viewLocation-address span {
    display: inline-block;
    vertical-align: top
}

.viewLocation-address .dow {
    min-width: 95px;
    font-weight: 400;
    font-size: 14px;
    color: #797c80
}

.viewLocation-address .text-hours {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

#viewLocation_MapDetails {
    text-align: left
}

.viewLocation_phone {
    position: relative;
    padding: 10px 0
}

.viewLocation_phone a {
    vertical-align: middle
}

.viewLocation_phone span {
    font-size: 15px;
    line-height: 20px
}

#viewLocation_edit_wrap {
    position: absolute;
    display: flex;
    align-items: center;
    right: 16px;
    top: 16px;
    vertical-align: middle
}

#viewLocation_edit_wrap svg {
    cursor: pointer;
    margin-left: 9px
}

#viewLocation_edit_wrap .dropDownWarper {
    position: absolute;
    top: 1px;
    right: -1px;
    width: 25px;
    height: 16px
}

#viewLocation_edit_wrap .dropDown {
    z-index: 1000
}

.viewLocation_toolbar {
    position: absolute;
    right: 2px;
    top: 26px
}

.viewLocation_toolbar .gtMenu {
    width: 80px;
    text-align: right
}

#viewLocation_edit {
    position: absolute;
    top: 6px;
    right: 22px
}

#div_locationView_disabled {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 999
}

.viewLocation-hours-wrap {
    position: relative;
    padding: 10px 0
}

.viewLocation-hours-wrap img {
    vertical-align: top
}

.viewLocation-hours-wrap .ui-icon-clock {
    position: absolute;
    top: 0;
    left: 0
}

.viewLocation-hours {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block
}

.viewLocation-hours li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    padding: 4px 0
}

.viewLocation-hours li:first-child {
    padding-top: 1px
}

.viewLocation_trainers {
    padding: 10px 0
}

.viewLocation_trainers a {
    margin-top: 4px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #06a9f6
}

#viewLocation_displayView {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    font-weight: 100
}

#viewLocation_displayView .app-listed {
    display: flex;
    margin-left: auto;
    margin-top: auto;
    font-size: 14px;
    text-align: center;
    align-items: center;
    color: #ced3d9
}

#viewLocation_displayView .app-listed p {
    margin: 0
}

#viewLocation_displayView .app-listed svg {
    margin-left: 13px
}

#viewLocation_editView {
    padding-left: 20px!important;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    font-weight: 100
}

#viewLocation_editView input::-webkit-input-placeholder {
    color: #888;
    font-weight: 100
}

#viewLocation_editView input::-moz-placeholder {
    color: #888;
    font-weight: 100
}

#viewLocation_editView input:-ms-input-placeholder {
    color: #888;
    font-weight: 100
}

#viewLocation_editView input:-moz-placeholder {
    color: #888;
    font-weight: 100
}

#viewLocation_editView label {
    font-size: 12px;
    font-weight: 100;
    text-align: left;
    color: #05a9f5
}

#viewLocation_editView .change-address-section {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px
}

#viewLocation_editView .change-address-section div {
    display: flex;
    align-items: center
}

#viewLocation_editView .change-address-section div p {
    padding-left: 8px;
    max-width: 45ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#viewLocation_editView input[type=tel] {
    width: 100%;
    padding-left: 44px;
    color: #888;
    font-weight: 100
}

#viewLocation_editView input[type=checkbox] {
    margin-right: 8px
}

#viewLocation_editView .edit-view-checkbox {
    display: flex;
    align-items: end;
    font-size: 14px;
    font-weight: 400;
    color: #303133
}

#viewLocation_editView .open-hours-select {
    width: 105px
}

#viewLocation_editView .gtBtn {
    min-width: 100px
}

#addLocation_Name {
    width: 100%;
    padding-left: 24px;
    color: #888;
    font-weight: 100
}

.addLocation_phone {
    position: relative;
    width: 100%;
    margin-top: 6px
}

.addLocation-info-section {
    padding: 15px 0 0;
    width: 100%
}

.addLocation-info-section .ant-form-item {
    width: 100%;
    margin-bottom: 0
}

.addLocation-info-section .ant-form-item-children {
    display: flex;
    width: 100%;
    margin-bottom: 0
}

.addLocation-info-section label {
    padding-right: 5px
}

.addLocation-hours {
    margin: 0
}

.addLocation-hours li {
    list-style: none;
    margin: 6px 0
}

.addLocation-hours li:last-child {
    margin-bottom: 0
}

.addLocation-hours .dow {
    min-width: 100px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    color: #4c4c4c
}

.addLocation-hours .until {
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #aaaeb3
}

.addLocation-hours .hour-end-group {
    display: inline-block
}

.addLocation-hours .clear {
    background-image: url(../../../../../images/searchBar/clear.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 8px;
    right: 6px;
    background-color: #bbb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    opacity: .7
}

.addLocation-hours .clear:hover {
    opacity: 1
}

.changeAddress_toolTip {
    background: #a1a1a1;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 100;
    font-size: 13px;
    line-height: 18px
}

.changeAddress_edit_padding {
    padding-left: 0
}

#viewLocation_type {
    font-size: 14px;
    color: #ffb400
}

#viewLocation_name,#viewLocation_type {
    font-weight: 400;
    text-align: left;
    padding-left: 8px
}

#viewLocation_name {
    font-size: 17px;
    color: #4c4c4c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px
}

@media only screen and (max-width: 1300px) {
    #viewLocation_name {
        max-width:280px
    }
}

select {
    margin: 0;
    padding: 0
}

#dlg_addLocation {
    position: relative
}

#dlg_addLocation .section-heading {
    text-align: left;
    margin-top: 0
}

#dlg_addLocation #step-location-type {
    text-align: center
}

#dlg_addLocation #step-location-type input {
    visibility: hidden;
    position: absolute
}

#dlg_addLocation #step-location-type label {
    box-sizing: border-box;
    width: 100%;
    height: 95px;
    padding: 15px 95px 15px 75px;
    border-radius: 3px;
    background-color: #f9f9f9;
    margin-top: 10px;
    font-size: 12px;
    color: #4c4c4c;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 35px;
    position: relative;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

#dlg_addLocation #step-location-type label div {
    font-size: 10px;
    color: #aeaeae;
    margin-top: 5px;
    text-align: left
}

#dlg_addLocation #step-location-type label.selected {
    color: #18b0f5;
    border: 1px solid #02acf9;
    background-color: #fdfdfd
}

#dlg_addLocation #step-location-type label.selected div {
    color: #aeaeae
}

#dlg_addLocation #step-location-type label.selected:after {
    background-image: url(../../images/newWorkoutDialog/Checkmark.png);
    background-size: cover;
    content: "";
    position: absolute;
    right: 12px;
    top: 42px;
    height: 11px;
    width: 15px
}

#dlg_addLocation #step-location-type #label_physicalLocation {
    background-image: url(../../react/feature/location/assets/physical-location-img.png)
}

#dlg_addLocation #step-location-type #label_onlineLocation {
    background-image: url(../../react/feature/location/assets/online-location-img.png)
}

#dlg_addLocation #step-location-type #addLocation_next_btn {
    margin-left: auto;
    display: block
}

.pac-container {
    z-index: 1200!important
}

.addLocation_MapCanvas {
    height: 155px;
    width: 218px
}

.pull-left {
    float: left
}

.disable-details {
    opacity: .5;
    pointer-events: none
}

.gtTextField {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: block;
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px
}

.addLocation-search-group {
    text-align: center;
    width: 100%
}

.addLocation_searchBox {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    float: left
}

.addLocation_searchBox .searchBox {
    text-indent: 25px;
    width: 100%;
    float: left;
    outline-offset: 0;
    padding-right: 35px
}

.addLocation_searchBox input.gtTextField {
    border: 1px solid #9a9a9a;
    height: 37px;
    border-radius: 8px
}

.addLocation_searchBox input.gtTextField:active,.addLocation_searchBox input.gtTextField:focus {
    outline-offset: 0;
    outline: none
}

.addLocation_searchBox svg[name="outline/search"] {
    position: absolute;
    left: 10px;
    top: 10px
}

.addLocation_searchBox svg[name="filled/close"] {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.addLocation-details-group {
    overflow: auto;
    background-color: #fff;
    max-width: 435px;
    margin: 30px auto 0;
    border: 1px solid #f1f1f1;
    height: 155px
}

.addLocation-details-group input.gtTextField:active,.addLocation-details-group input.gtTextField:focus {
    outline-offset: 0;
    outline: none
}

.addLocation_searchBox_wrap {
    overflow: auto;
    max-width: 435px;
    margin: 10px auto 0
}

.addLocation_searchBox_wrap .gtBtnLarge {
    height: 30px;
    padding-top: 4px!important;
    margin-left: 5px
}

.addLocation-address-location {
    padding-bottom: 15px;
    box-sizing: border-box;
    max-width: 216px;
    display: flex
}

.addLocation-address-location a {
    display: table;
    font-size: 12px;
    padding-bottom: 2px
}

.addLocation-address-location input.gtTextField {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
    min-width: 55px;
    max-width: 60px
}

.addLocation-address-location h4 {
    display: inline;
    font-size: 13px!important;
    font-weight: 100
}

.addLocation-address {
    padding-left: 16px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.addLocation-address span {
    display: inline-block
}

#addLocation_Add {
    min-width: 80px;
    float: right
}

#viewLocation_delete_menu {
    color: #1eb6f8;
    right: 3px;
    cursor: pointer
}

#viewLocation_dropdown {
    position: absolute;
    background: #fff;
    z-index: 100
}

#viewLocation_dropdown .sub-nav {
    list-style: none;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,.2);
    z-index: 1001;
    background-color: #fff;
    color: #1eb6f8;
    border-radius: 3px;
    font-weight: 400;
    padding: 0;
    margin: 0
}

#viewLocation_dropdown .sub-nav li {
    height: 34px!important;
    min-height: 15px;
    text-align: right;
    color: #9a9a9a;
    text-transform: capitalize;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 100;
    justify-content: flex-start;
    padding: 0 10px
}

#viewLocation_dropdown .sub-nav li:hover {
    cursor: pointer!important;
    background-color: #f2f2f2;
    color: #06a9f6
}

#addLocation_MapDetails,#addLocation_NothingSelected {
    max-width: 216px;
    box-sizing: border-box
}

#addLocation_MapDetails p,#addLocation_NothingSelected p {
    font-size: 16px;
    padding: 0 20px;
    line-height: 20px;
    color: #878787;
    margin: 37px auto;
    font-weight: 100
}

.MealPlanDialog .formLabel {
    display: inline-block;
    margin-bottom: 2px;
    color: #797c80
}

.MealPlanDialog .formLabel span {
    margin-left: 2px;
    color: #ff5366
}

.MealPlanDialog .has-error.ant-input,.MealPlanDialog .has-error .ant-input,.MealPlanDialog .has-error.ant-input:hover,.MealPlanDialog .has-error .ant-input:hover {
    border-color: #ff5366
}

.MealPlanDialog .has-error .ant-form-explain,.MealPlanDialog .has-error .ant-form-split {
    color: #ff5366
}

.MealPlanDialog .has-error .ant-select-selection {
    border-color: #ff5366
}

.MealPlanDialog .ant-select {
    color: #303133
}

.MealPlanDialog .MealPlanForm {
    width: 500px
}

.MealPlanDialog .MealPlanForm .SubmitWrapper {
    margin: 32px 32px 0 0
}

.MealPlanDialog .MealPlanForm .ant-input,.MealPlanDialog .MealPlanForm .ant-select,.MealPlanDialog .MealPlanForm .ant-select-selection--single {
    height: 32px
}

.MealPlanDialog .MealPlanForm .ant-select-selection__rendered {
    height: 32px;
    line-height: 32px
}

.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper {
    margin: 12px 0 0 12px
}

.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper .ant-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #303133;
    width: 25%;
    margin: 0 0 12px
}

.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper .ant-checkbox {
    top: -2px
}

.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper .ant-checkbox+span,.MealPlanDialog .MealPlanForm .CheckboxGroup-wrapper .ant-checkbox-wrapper+span {
    padding-left: 7px;
    padding-right: 0
}

.MealPlanDialog .MealPlanForm .info-icon {
    width: 12px;
    height: 12px;
    margin: 0 0 3px 4px;
    cursor: pointer
}

.swapMealDialog {
    position: relative;
    overflow: hidden
}

.swapMealDialog__search {
    width: 100%;
    box-sizing: border-box;
    padding: 0 32px
}

.swapMealDialog__mealResultsWrap,.swapMealDialog__search {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.swapMealDialog__mealResultsWrap {
    position: relative;
    height: 500px
}

.swapMealDialog__mealResult {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    height: 97px;
    box-sizing: border-box;
    padding: 0 32px
}

.swapMealDialog__mealResult .swapMealResultContent {
    padding: 12px 0
}

.swapMealDialog__mealResult .swapMealResultContent .MealMediaWrapper {
    margin-right: 12px
}

.swapMealDialog__mealResult .swapMealResultContent .MealMediaWrapper .MealMedia.mealMediaVideo.mealMediaSwapDialog .video-js {
    padding-top: 0;
    height: auto
}

.swapMealDialog__mealResult .swapMealResultContent__mealName {
    width: 255px;
    height: auto;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .swapMealDialog__mealResult .swapMealResultContent__mealName {
        position: relative;
        height: 2.4em;
        line-height: 1.2em;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: 40px
    }

    .swapMealDialog__mealResult .swapMealResultContent__mealName:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 1.2em;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .swapMealDialog__mealResult .swapMealResultContent__mealName {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 2.4em;
            height: auto;
            -webkit-box-orient: vertical
        }

        .swapMealDialog__mealResult .swapMealResultContent__mealName:after {
            display: none
        }
    }
}

.swapMealDialog__mealResult .swapMealResultContent__mealSummary {
    width: 255px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.swapMealDialog__mealResult .swapMealResultContent__swapButton {
    position: absolute;
    right: 32px
}

.swapMealDialog__scrollWrap {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%
}

.swapMealDialog .MealsSwitcher {
    padding: 9.5px 16px
}

.mealPlanDisclaimer h2,.mealPlanDisclaimer p.tz-lp {
    text-align: center;
    padding-bottom: 32px
}

.mealPlanDisclaimer__img {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.mealPlanDisclaimer__footer {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mealPlanDisclaimer__transition {
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.mealPlanDisclaimer__transition .slider {
    position: absolute;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

.mealPlanDisclaimer__transition .slider-enter {
    transform: translate3d(100%,0,0)
}

.mealPlanDisclaimer__transition .slider-enter-active {
    transform: translateZ(0);
    transition: all .8s ease-in-out
}

.mealPlanDisclaimer__transition .slider-exit {
    opacity: 1;
    transform: translateZ(0)
}

.mealPlanDisclaimer__transition .slider-exit-active {
    opacity: 0;
    transform: translate3d(-100%,0,0);
    transition: all .8s ease-in-out
}

.MealPlanPdfWrapper {
    padding: 32px 32px 0;
    background-color: #f4f6f9;
    box-sizing: border-box
}

.MealPlanToolbar.border-bottom {
    border-bottom: 1px solid #eaeaea
}

.MealTiles .title__day {
    font-weight: 700;
    margin-right: 12px
}

.MealTiles__container {
    display: grid;
    grid-gap: 16px;
    margin-bottom: 32px
}

.MealTiles__container__largeTiles {
    grid-template-columns: repeat(auto-fill,minmax(245px,1fr))
}

.MealTiles__container__smallTiles {
    grid-template-columns: repeat(auto-fill,minmax(158px,1fr))
}

.MealTiles__container__smallTiles .MealMedia.mealMediaVideo.mealMediaTile video {
    object-fit: cover
}

.MealPlanSwitcher {
    padding: 8px 12px 8px 19px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 10px
}

.MealPlanSwitcher__icon {
    margin-right: 11px
}

.MealPlanNullScreen__options {
    width: 490px;
    margin-bottom: 24px
}

.MealPlanNullScreen .ant-upload-list,.MealPlanNullScreen .ant-upload-list-text {
    display: none
}

.filterDrawer .ant-drawer-body {
    width: 100%
}

.MealPlanInfoBar {
    min-height: 22px;
    background-color: #f8f8f8
}

.MealPlanReplaceGoalDialog .modal-body {
    padding-bottom: 16px
}

.GroceryListDialog .modal-close {
    top: 12px!important;
    right: 12px!important
}

.GroceryListDialog__inner {
    height: calc(100% - 64px)
}

.GroceryListDialog__content {
    width: 346px;
    margin-left: 116px
}

.GroceryListDialog__content .dialog-title {
    font-size: 32px;
    line-height: 34px
}

.onboarding-bookmark-dlg-input.ant-input,.onboarding-bookmark-dlg-input.ant-input:focus,.onboarding-bookmark-dlg-input.ant-input:hover {
    border-color: #ffb400;
    box-shadow: 0 0 20px -4px rgba(255,180,0,.45)
}

.onboardingPopover .closeButton {
    position: relative;
    right: -12px;
    width: 12px;
    height: 12px
}

.onboardingPopover .closeButton:before,.onboardingPopover .closeButton:hover,.onboardingPopover .closeButton:hover:before {
    width: 12px;
    height: 12px
}

.onboardingPopover .ant-popover-title {
    padding: 12px 24px;
    border-bottom: none
}

.onboardingPopover .ant-popover-inner-content {
    padding: 0 24px 24px
}

[data-onboardingStep=highlightText] {
    text-shadow: 0 0 10px #ffb400!important
}

[data-onboardingStep=highlightElement] {
    box-shadow: 0 0 20px #ffb400!important
}

.onboardingTransparentOverlay {
    opacity: 1;
    pointer-events: none
}

.CustomFoodDialog {
    padding: 0!important
}

.CustomFoodDialog__header {
    border: 1px solid #eaeaea
}

.CustomFoodDialog .FoodServingSelect .FoodCustomFieldWrapper,.CustomFoodDialog .FoodServingSelect .FoodServingSelectAmount,.CustomFoodDialog .FoodServingSelect .FoodServingSelectAmount__fraction {
    margin-right: 16px
}

.PreviewFoodDialog .PreviewFoodDialogHeader {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea
}

.PreviewFoodDialog .PreviewFoodDialogHeader h3 {
    font-weight: 700;
    width: 355px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .PreviewFoodDialog .PreviewFoodDialogHeader h3 {
        position: relative;
        height: 56px;
        line-height: 28px;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: auto
    }

    .PreviewFoodDialog .PreviewFoodDialogHeader h3:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 28px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .PreviewFoodDialog .PreviewFoodDialogHeader h3 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 56px;
            height: auto;
            -webkit-box-orient: vertical
        }

        .PreviewFoodDialog .PreviewFoodDialogHeader h3:after {
            display: none
        }
    }
}

.PreviewFoodDialog .PreviewFoodDialogDetails {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea
}

.PreviewFoodDialog .PreviewFoodDialogDetails__caloriesWrapper {
    max-width: 202px
}

.PreviewFoodDialog .PreviewFoodDialogDetails__iconWrapper {
    width: 14px;
    height: 16px;
    margin-right: 9px
}

.PreviewFoodDialog .PreviewFoodDialogDetails__caloriesString {
    width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .PreviewFoodDialog .PreviewFoodDialogDetails__caloriesString {
        position: relative;
        height: 16px;
        line-height: 16px;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: auto
    }

    .PreviewFoodDialog .PreviewFoodDialogDetails__caloriesString:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 16px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:1) {
        .PreviewFoodDialog .PreviewFoodDialogDetails__caloriesString {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            max-height: 16px;
            height: auto;
            -webkit-box-orient: vertical
        }

        .PreviewFoodDialog .PreviewFoodDialogDetails__caloriesString:after {
            display: none
        }
    }
}

.PreviewFoodDialog .PreviewFoodDialogNutrients {
    padding: 20px 0
}

.PreviewFoodDialog .PreviewFoodDialogNutrients__item {
    padding: 12px 0;
    border-bottom: 1px solid #eaeaea
}

.CustomFoodWarningDialog__checkbox {
    display: flex!important;
    align-items: center
}

.foodGrid .baseGridRow {
    height: 80px
}

.foodGrid .baseGridRow .baseGridColumn:nth-child(2) p {
    white-space: normal
}

.foodGrid .baseGridRow .foodName {
    max-width: 272px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .foodGrid .baseGridRow .foodName {
        position: relative;
        height: 36px;
        line-height: 18px;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: auto
    }

    .foodGrid .baseGridRow .foodName:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 18px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .foodGrid .baseGridRow .foodName {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 36px;
            height: auto;
            -webkit-box-orient: vertical
        }

        .foodGrid .baseGridRow .foodName:after {
            display: none
        }
    }
}

.FoodServingSelect .FoodServingSelectField {
    height: 24px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
}

.FoodServingSelect .FoodServingSelectField.hasError,.FoodServingSelect .FoodServingSelectField.hasError .ant-select-selection {
    border-color: #f5222d
}

.FoodServingSelect .FoodServingSelectAmount {
    width: 100%
}

.FoodServing p {
    width: auto!important
}

.FoodServing .FoodServingFraction {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 18px;
    margin: 0 0 0 1px;
    font-size: 10px;
    line-height: 1.5;
    color: #303133;
    font-weight: 400;
    overflow: hidden
}

.FoodServing .FoodServingFraction:after {
    content: " ";
    position: absolute;
    top: -1px;
    right: 7px;
    height: 75%;
    width: 75%;
    transform: rotate(25deg);
    border-right: 1px solid #303133
}

.FoodServing .FoodServingFraction__numerator {
    position: absolute;
    top: 0;
    left: 0
}

.FoodServing .FoodServingFraction__denominator {
    position: absolute;
    right: 0;
    bottom: 0
}

.FoodServing .FoodServingFraction--caption {
    width: 13px;
    height: 12px;
    font-size: 8px;
    color: #797c80
}

.FoodServing .FoodServingFraction--caption:after {
    top: 1px;
    right: 6px;
    border-color: #797c80
}

.FoodServing .FoodServingFraction--caption .FoodServingFraction__numerator {
    top: 1px
}

.FoodServing .FoodServingFraction--caption .FoodServingFraction__denominator {
    bottom: -4px
}

.FoodServing .FoodServingFraction--small {
    width: 15px;
    height: 16px;
    font-size: 9px
}

.FoodServing .FoodServingFraction--small:after {
    right: 7px
}

.FoodServing .FoodServingFraction--small .FoodServingFraction__denominator {
    bottom: -1px
}

.FoodServing .FoodServingFraction--medium {
    width: 16px;
    height: 18px;
    font-size: 10px
}

.FoodServing .FoodServingFraction--medium:after {
    right: 7px
}

.FoodServing .FoodServingFraction--large {
    width: 17px;
    height: 20px;
    font-size: 11px
}

.FoodServing .FoodServingFraction--large:after {
    right: 8px
}

.customFoodDeleteDialog .modal-body {
    padding-bottom: 24px
}

.customFoodDeleteDialog h2 {
    padding: 0!important
}

.customFoodDialogTooltip.ant-tooltip {
    max-width: 400px
}

.customFoodDialogTooltip h5 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left;
    color: #303133
}

.customFoodDialogTooltip ul {
    margin: 0;
    padding: 0 0 0 18px
}

.customFoodDialogTooltip ul li {
    font-size: 12px;
    color: #797c80;
    font-weight: 400;
    line-height: 16px
}

.FoodNameTooltip.ant-tooltip {
    max-width: 280px
}

.clientCalendar .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--background-color);
    border-color: var(--border-color)
}

.clientCalDayCell .itemTitle {
    cursor: grab;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    font-size: 12px
}

@media(max-height: 756px) {
    .clientCalDayCell .itemTitle {
        font-size:10px;
        line-height: 11px
    }
}

.clientCalDayCell .iconStyle {
    min-width: 16px;
    min-height: 16px;
    border-radius: 20px;
    background-color: #fff
}

@media(max-height: 756px) {
    .clientCalDayCell .iconStyle {
        min-width:10px;
        min-height: 10px
    }
}

.buttonDropdown__dropdown .moreItem {
    cursor: grab;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    font-size: 12px
}

.buttonDropdown__dropdown .iconStyle {
    min-width: 16px;
    min-height: 16px;
    border-radius: 20px;
    background-color: #fff
}

.clientCalendarHeader:hover use {
    fill: #06a9f6!important
}

.clientCalendarHeader use {
    fill: #303133!important
}

.clientCalendarHeader:hover .headerText {
    color: #06a9f6!important
}

.clientCalendarHeader .headerText {
    color: #303133
}

.ant-select-dropdown-menu-item-group-title {
    font-size: 15px
}

.AutoTags .m24t {
    margin-top: 24px!important
}

.AutoTags__section {
    margin-top: 24px;
    border: 1px solid #eaeaea;
    border-radius: 4px
}

.AutoTags__section--workout {
    margin-top: 48px
}

.AutoTags__section .compliance-percentage {
    font-family: Akrobat,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #303133
}

.AutoTags__section .compliance-percentage span {
    font-size: 18px;
    line-height: 34px
}

.AutoTags__section .compliance-label {
    padding: 6px;
    background: #f8f8f8;
    border-radius: 4px
}

.AutoTags__section .ComplianceSlider .ant-slider-rail {
    height: 10px;
    background-color: #ff9801;
    border-radius: 5px
}

.AutoTags__section .ComplianceSlider .ant-slider-rail:hover {
    background-color: #f4f6f9
}

.AutoTags__section .ComplianceSlider .ant-slider-track {
    height: 10px;
    background-color: #f4f6f9;
    border-radius: 5px
}

.AutoTags__section .ComplianceSlider .ant-slider-track:hover {
    background-color: #f4f6f9
}

.AutoTags__section .ComplianceSlider .ant-slider-step {
    height: 12px
}

.AutoTags__section .ComplianceSlider .ant-slider-step .ant-slider-dot {
    width: 1px;
    height: 10px;
    top: 0;
    margin-left: 0;
    border-radius: 0;
    border-width: 0;
    background-color: transparent
}

.AutoTags__section .ComplianceSlider .ant-slider-step .ant-slider-dot-active {
    border-color: transparent
}

.AutoTags__section .ComplianceSlider .ant-slider-handle {
    height: 12px;
    width: 12px;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ff9801;
    box-sizing: border-box
}

.AutoTags__section .ComplianceSlider .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #fff
}

.AutoTags__section .ComplianceSlider .ant-slider-handle:focus {
    box-shadow: 0 0 0 5px #ffffff00
}

.AutoTags__section .ComplianceSlider .ant-slider-mark {
    top: 21px
}

.AutoTags__section .ComplianceSlider .ant-slider-mark .ant-slider-mark-text {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #797c80
}

.AutoTags__section .SelectSection__icon {
    width: 40px;
    height: 40px;
    background-color: #f8f8f8;
    border-radius: 4px
}

.AutoTags__section .SelectSection__content p:first-child {
    margin-bottom: 6px
}

.AutoTags__section .SelectSection__selection {
    width: 72px
}

.AutoTags__section .SelectSection__selection .ant-select,.AutoTags__section .SelectSection__selection .ant-select-selection--single {
    height: 24px
}

.AutoTags__section .SelectSection__selection .ant-select-selection__rendered {
    height: 24px;
    line-height: 24px
}

.leftSideTracking {
    border-right: 1px solid #eaeaea;
    height: 493px;
    padding: 32px;
    width: 260px
}

.leftSideTracking .invisible {
    display: none
}

.leftSideTracking__fieldWrapper {
    align-items: center;
    height: 24px
}

.leftSideTracking__fieldWrapper input {
    height: 24px;
    margin-left: 24px;
    width: 70px
}

.leftSideTracking__fieldWrapper input:focus {
    box-shadow: none!important
}

.leftSideTracking__fieldWrapper label {
    width: 80px
}

.leftSideTracking__fieldWrapper input.required {
    border: 1px solid #ff5366
}

.leftSideTracking__fieldWrapper_formItem {
    margin-bottom: 0
}

.leftSideTracking__field__large {
    margin: 0;
    width: 100px
}

.leftSideTracking__field__small {
    margin-bottom: 0
}

.rightSideTracking {
    height: 558px;
    position: relative;
    width: 576px
}

.humanBody {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 494px;
    padding: 32px;
    width: 512px
}

.leftColumnFields {
    display: flex;
    flex-direction: column;
    height: 494px;
    justify-content: space-between
}

.leftColumnFields.viewMode {
    width: 76px;
    margin-right: 10px
}

.leftColumnFields.editMode {
    width: 125px
}

.leftColumnFields.editMode .inputHolder:not(:last-child) {
    margin-bottom: 16px
}

.bodyImage {
    height: 440px;
    margin-top: 35px;
    width: 256px
}

.rightColumnFields {
    display: flex;
    flex-direction: column;
    height: 494px;
    justify-content: space-between
}

.rightColumnFields.viewMode {
    width: 85px;
    margin-left: 10px
}

.rightColumnFields.editMode {
    width: 125px
}

.rightColumnFields.editMode .inputHolder:not(:last-child) {
    margin-bottom: 16px
}

.humanField {
    width: 75px
}

.inputHolder {
    display: flex;
    flex-direction: column
}

.inputHolder__input-center {
    display: flex;
    align-items: center
}

.inputHolder__input-left {
    display: flex;
    align-items: flex-start
}

.inputHolder input {
    width: 75px
}

.thumbnail-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 13/8;
    margin-bottom: 32px
}

.thumbnail-image {
    position: relative;
    border-radius: 12px;
    width: 100%;
    height: 100%
}

.thumbnail-image-overlay {
    position: absolute;
    border-radius: 12px;
    background: linear-gradient(180deg,transparent 40%,#0c0c0d66);
    width: 100%;
    height: 100%;
    bottom: 0
}

.thumbnail-details {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px
}

.thumbnail-details p {
    text-shadow: 0 1px 2px rgba(0,0,0,.25)
}

.thumbnail-details-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    inline-size: 135px
}

@supports(-webkit-box-orient:vertical) {
    .thumbnail-details-title {
        position: relative;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: auto
    }

    .thumbnail-details-title:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 20px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:2) {
        .thumbnail-details-title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            max-height: 40px;
            height: auto;
            -webkit-box-orient: vertical
        }

        .thumbnail-details-title:after {
            display: none
        }
    }
}

.unsplash-gallery {
    width: 100%;
    margin-bottom: 32px
}

.unsplash-gallery .flex-gap {
    gap: 10px
}

.unsplash-gallery .flex-gap .default-image {
    border-radius: 6px;
    width: 100%;
    cursor: pointer;
    object-fit: cover
}

.image-details-wrapper {
    width: 100%;
    padding: 8px;
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 4px
}

.unsplash-search-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

:hover>.unsplash-search-image {
    filter: brightness(.5)
}

.unsplash-search-image-text {
    display: none;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    color: #fff!important;
    width: 100%;
    text-decoration: underline!important;
    padding: 4px 0 4px 8px
}

:hover>.unsplash-search-image-text {
    display: block;
    visibility: visible;
    background-color: #000;
    opacity: .7
}

.unsplash-search-image-text:hover {
    background-color: rgba(0,0,0,.8);
    opacity: 1
}

.w100 {
    width: 100%
}

.clientFilter__divider {
    margin: 0;
    margin-bottom: 11px;
    margin-left: auto;
    width: calc(100% - 16px)
}

.clientFilter__buttonWrapper {
    margin-left: 16px
}

.filterHeader__descriptionWrapper {
    padding: 16px
}

.filterHeader__descriptionWrapper .description {
    margin-bottom: 0
}

.filterHeader__titleWrapper {
    justify-content: space-between;
    padding-left: 16px;
    padding-bottom: 8px;
    padding-right: 8px
}

.filterHeader__titleLeft,.filterHeader__titleWrapper {
    display: flex;
    align-items: center
}

.filterHeader__titleLeft .title {
    margin-right: 5px
}

.filterHeader__titleLeft .tooltip {
    word-break: normal
}

.filterHeader__titleRight .clearAllFilter {
    color: #06a9f6;
    font-size: 12px
}

.tooltip__overlay .ant-tooltip-arrow:before,.tooltip__overlay .ant-tooltip-inner {
    border-color: #fff!important
}

.selectionItem__root {
    background: transparent
}

.selectionItem__subMenu {
    height: unset!important;
    margin-bottom: 8px!important
}

.selectionItem__subMenu .ant-menu-submenu-title {
    height: unset!important;
    width: 100%
}

.selectionItem__subMenu .ant-menu-submenu-arrow {
    display: none
}

.selectionItem__subMenu img {
    border-radius: 50%;
    width: 20px
}

.selectionItem__subMenuTitle__root {
    width: 90%
}

.selectionItem__subMenuTitle__root .arrowIconVisible {
    display: inline-flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px
}

.selectionItem__subMenuTitle__detailWrapper {
    background: #fff;
    border-radius: 26px;
    padding: 6px 8px;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 90%
}

.selectionItem__subMenuTitle__iconWrapper {
    height: 16px;
    width: 16px;
    display: flex
}

.selectionItem__subMenuTitle__clearButton {
    cursor: pointer;
    border: none;
    background: none;
    padding: 0
}

.selectionItem__subMenuTitle__tagsDetailWrapper {
    border: 0;
    margin-bottom: 4px
}

.selectionItem__subMenuTitle__label {
    overflow-x: hidden;
    text-overflow: ellipsis;
    margin: 0 8px!important;
    width: calc(100% - 16px)
}

.selectionItem__subMenuTitle__tagsLabel {
    width: 100%;
    margin-left: 0!important
}

.selectionItem__subMenuTitle__title {
    margin-bottom: 4px!important
}

.selectionItem__subMenuTitle__arrow {
    display: none
}

.selectionItem__itemGroup {
    overflow: auto
}

.selectionItem__itemGroup .ant-menu-item-group-title {
    padding: 0
}

.newFilter__buttonWrapper {
    margin-left: 16px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.newFilter__text {
    margin-right: 8px;
    font-size: 12px;
    line-height: 16px
}

.newFilter__menu {
    width: 216px
}

.newFilter__subMenu {
    overflow: auto
}

.newFilter__subMenu:hover {
    background-color: #f7f7f7
}

.newFilter__subMenu .ant-dropdown-menu-item-group-title {
    padding: 0
}

.singleSelectMenu__searchWrapper {
    background-color: #f8f8f8;
    height: 40px
}

.singleSelectMenu__searchWrapper .ant-menu-item-group-title {
    height: 100%
}

.singleSelectMenu__searchWrapper .ant-dropdown-menu-item-group-list .ant-dropdown-menu-item-divider {
    margin: 0
}

.singleSelectMenu__searchInput {
    padding: 8px
}

.singleSelectMenu__searchInput input {
    border-radius: 21px;
    padding-top: 4px;
    height: 24px
}

.singleSelectMenu__listWrapper {
    overflow: auto;
    max-height: calc(90vh - 40px)
}

.singleSelectMenu__listWrapper .ant-dropdown-menu-item-group-title,.singleSelectMenu__listWrapper .ant-menu-item-group-title {
    padding: 0
}

.singleSelectMenu__listWrapper .ant-dropdown-menu-item-group-list {
    margin-right: 0;
    margin-left: 0
}

.singleSelectMenu__itemWrapper {
    padding: 4px 8px!important;
    margin: 0!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px!important;
    line-height: 32px!important
}

.singleSelectMenu__itemWrapper:hover {
    background-color: #f7f7f7
}

.singleSelectMenu__itemWrapper img {
    border-radius: 50%
}

.singleSelectMenu__itemWrapper .itemDetail {
    width: calc(100% - 12px)
}

.singleSelectMenu__headTitle {
    padding: 8px
}

.ant-dropdown-menu-item-group-title:empty {
    display: none
}

.multiSelectMenu__root {
    overflow: auto;
    max-width: 280px!important
}

.multiSelectMenu__headWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    background: #f8f8f8
}

.multiSelectMenu__menuItem {
    display: flex;
    align-items: center;
    height: 32px!important;
    line-height: 32px!important;
    padding: 8px!important;
    margin: 0!important
}

.multiSelectMenu__menuItem:hover {
    background-color: #f7f7f7
}

.multiSelectMenu__menuItem:hover .detail {
    display: block
}

.multiSelectMenu__menuItem label {
    margin-right: 8px
}

.multiSelectMenu__menuItem .itemDetail {
    width: calc(100% - 16px)
}

.multiSelectMenu__systemTagDetails {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.multiSelectMenu__systemTagDetails .title {
    line-height: 16px
}

.multiSelectMenu__systemTagDetails .detail {
    line-height: 16px;
    font-size: 12px;
    color: #aaaeb3;
    display: none
}

.multiSelectMenu__root,.singleSelectMenu__root {
    background: #fff;
    min-width: 220px;
    max-width: 240px
}

.multiSelectMenu__root .ant-dropdown-menu-item-group-title,.singleSelectMenu__root .ant-dropdown-menu-item-group-title {
    padding: 0
}

.multiSelectMenu__emptyItem,.singleSelectMenu__emptyItem {
    color: #c2c7cc
}

.multiSelectMenu__subMenuEmpty,.singleSelectMenu__subMenuEmpty {
    background-color: #fff;
    color: #aaaeb3
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #f7f7f7
}

.ant-dropdown-menu-submenu-popup {
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

.ant-dropdown-menu-submenu-popup .ant-dropdown-menu {
    padding: 0
}

.announcementsContainer {
    height: calc(100vh - 60px);
    padding: 32px;
    box-sizing: border-box
}

.announcementsContainer .baseGridHeader {
    padding-top: 0
}

.announcementsContainer .announcementsGridHeader {
    font-size: 18px;
    color: #000
}

.announcementsContainer .reactBaseGrid {
    max-height: none!important
}

.announcementsContainer .reactBaseGrid .columnText {
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

.announcementsContainer .gridToolBar button i {
    margin-right: 10px
}

.statusTag {
    font-size: 14px;
    font-weight: 700
}

.statusTag.sentStatus {
    color: #70d27c
}

.statusTag.sendingStatus {
    color: #ffb400
}

.statusTag.scheduledStatus {
    color: #797c80
}

.newAnnouncementDialog h2 {
    margin-bottom: 14px
}

.newAnnouncementDialog .inputContainer {
    display: grid;
    grid-row-gap: 24px
}

.newAnnouncementDialog .inputContainer .inputWrapper {
    margin-bottom: 0!important
}

.newAnnouncementDialog .inputContainer .inputWrapper label {
    display: block;
    margin-bottom: 2px;
    color: #797c80
}

.newAnnouncementDialog .inputContainer .inputWrapper p {
    position: absolute;
    right: 0
}

.newAnnouncementDialog .inputContainer .inputWrapper textarea {
    margin-top: 3px;
    margin-bottom: 4px
}

.newAnnouncementDialog .inputContainer .inputWrapper svg {
    align-self: start;
    margin-left: 4px
}

.newAnnouncementDialog .inputContainer .dateAndTimeContainer {
    display: flex;
    justify-content: space-between
}

.newAnnouncementDialog .inputContainer .flexContainer {
    width: auto;
    display: flex
}

.newAnnouncementDialog .inputContainer .hyperlinkContainer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.newAnnouncementDialog .inputContainer .hyperlinkContainer input {
    width: 400px
}

.newAnnouncementDialog .inputContainer .hyperlinkContainer .ant-select {
    width: 180px
}

.newAnnouncementDialog .inputContainer .ant-form-explain {
    position: absolute
}

.newAnnouncementDialog .inputContainer .locationTreeSelect .ant-select-selection__choice__content {
    max-width: 15ch;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.announcementViewDialog .dialogHeader {
    display: flex;
    justify-content: space-between
}

.announcementViewDialog .dialogHeader .headerButtons {
    display: flex
}

.announcementViewDialog .dialogHeader .headerButtons button i {
    margin-right: 10px
}

.announcementViewDialog .dialogHeader .headerButtons button:last-of-type {
    margin-left: 14px
}

.announcementViewDialog .infoSection {
    margin-top: 20px
}

.announcementViewDialog .infoSection .sectionHeader {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 4px;
    margin-bottom: 8px
}

.announcementViewDialog .infoSection .detailsGrid {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 40px;
    row-gap: 12px;
    align-items: start
}

.announcementViewDialog .infoSection .detailsGrid .scheduledWrapper {
    display: flex
}

.announcementViewDialog .infoSection .detailsGrid .scheduledWrapper svg {
    align-self: start;
    margin-left: 4px
}

.announcementViewDialog .infoSection .detailsGrid .locationsWrapper {
    max-height: 100px;
    overflow-y: scroll
}

.checkInHistoryPage {
    max-height: 100%;
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 16px
}

.checkInHistoryPage .checkInHistoryTableContainer {
    position: relative;
    border: 1px solid #eaeaea
}

.checkInHistoryPage .checkInHistoryTableContainer .tableControls {
    display: flex;
    width: 100%;
    position: sticky;
    top: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    background-color: #f8f8f8;
    z-index: 99;
    box-sizing: border-box;
    height: 50px
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable {
    width: 100%;
    position: relative;
    border-collapse: collapse
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .tableHeader {
    position: sticky;
    top: 50px;
    background-color: #fff
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.headerRow {
    height: 32px
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.headerRow p {
    color: #aaaeb3
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.headerRow th {
    width: 33.3%
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.dataRow {
    height: 40px
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.dataRow:not(:last-child) {
    border-bottom: 1px solid #f4f6f9
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable .row.dataRow p {
    color: #797c80
}

.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable td:first-child,.checkInHistoryPage .checkInHistoryTableContainer .checkInHistoryTable th:first-child {
    padding-left: 12px
}

.notification {
    max-width: 600px;
    padding-bottom: 30px
}

.notification__browser {
    margin-top: 20px
}

.notification__browser--header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.notification__email {
    margin-top: 40px
}

.notification__email--section {
    margin: 10px 0 25px
}

.notification__email--section--header {
    margin: 10px 0
}

.configSection {
    margin-top: 40px;
    max-width: 600px
}

.configSection_optionsList {
    margin-top: 10px
}

.trainingGroup {
    margin-top: 40px;
    max-width: 600px
}

.customTagsList {
    width: 400px
}

.customTagsList .tagListHeader {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 6px
}

.customTagsList .tagList {
    display: grid;
    grid-row-gap: 6px
}

.customTagsList .tagList .snake-loader {
    margin: auto
}

.customTag {
    display: flex;
    height: 30px;
    justify-content: space-between;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 4px;
    position: relative
}

.customTag .tagContent {
    display: flex;
    margin-left: 8px;
    align-items: center;
    overflow: hidden
}

.customTag .tagContent p {
    max-width: 80%;
    margin-left: 8px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customTag .deleteButton {
    display: flex;
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 0;
    padding: 0;
    border: none;
    transition: width .15s;
    height: 30px;
    background-color: #ff5366
}

.customTag .deleteButton svg {
    margin: auto
}

.customTag:hover .deleteButton {
    width: 30px
}

.addCustomTag {
    margin-bottom: 0
}

.addCustomTag .ant-form-explain {
    font-size: 12px
}

.addCustomTag .ant-form-item-control {
    line-height: unset
}

.addCustomTag .ant-input,.addCustomTag button {
    height: 30px;
    font-size: 12px
}

.addCustomTag .ant-input-prefix {
    left: 8px
}

.changeWebAddressDialog__mainBodyRoot .divider {
    margin: 0
}

.changeWebAddressDialog__mainBodyRoot .inputRoot {
    width: 359px
}

.changeWebAddressDialog__mainBodyRoot .inputRoot input {
    padding-left: 45px!important;
    padding-right: 85px!important
}

.branding__actionContainer {
    width: 50%;
    max-width: 297px
}

.branding__actionContainer .radioStyle {
    display: block;
    height: 30px;
    line-height: 30px
}

.branding__actionContainer .imageUploaderContainer {
    width: 100%
}

.branding__previewContainer {
    width: 50%;
    align-items: stretch;
    position: relative
}

.branding__previewContainer .previewLogoInvoice {
    position: absolute;
    width: 100px;
    height: 26px;
    left: 40px;
    top: 27px
}

.branding__previewContainer .previewLogoInvoice__img {
    background-position: 50%;
    background-size: cover
}

.branding__previewContainer .previewLogoInvoice__span {
    font-weight: 700;
    color: #aaaeb3;
    font-size: 10px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden
}

.branding__previewContainer .previewLogo {
    position: absolute;
    left: 220px;
    top: 133px;
    width: 70px;
    height: 18px
}

.branding__previewContainer .previewLogo__img {
    background-position: 50%;
    background-size: cover
}

.branding__previewContainer .previewLogo__span {
    font-weight: 700;
    color: #aaaeb3;
    font-size: 8px;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.aboutBusinessHeader .divider {
    margin: 0
}

.aboutBusinessHeader .webAddress__detail .logo {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 16px
}

.aboutBusinessHeader .socialMedia__item .iconWrapper {
    width: 40px;
    height: 40px;
    background-color: #f4f6f9;
    margin-right: 16px;
    border-radius: 6px
}

.aboutBusinessHeader .socialMedia__item .detailsWrapper {
    width: 381px
}

.aboutBusinessHeader .socialMedia__item .detailsWrapper .ant-input-group {
    border: 1px solid #eaeaea
}

.aboutBusinessHeader .socialMedia__item .detailsWrapper .ant-input-group .ant-input-group-addon {
    border: none;
    background-color: #fff;
    color: #eaeaea
}

.aboutBusinessHeader .socialMedia__item .detailsWrapper .ant-input-group .ant-input {
    border: none
}

.trainerGridSideMenu {
    overflow: hidden;
    background-color: #f8f8f8
}

.trainerGridSideMenu-title {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding-left: 16px!important
}

.trainerGridSideMenu-divider {
    margin: 1px 0
}

.trainerGridSideMenu-content {
    padding: 10px 10px 22px
}

.trainerGridSideMenu-filter {
    width: 90%;
    padding: 0 10px
}

.trainerGridSideMenu-heading {
    margin-bottom: 9px
}

.trainerGridSideMenu-locationPicker {
    margin-top: 9px;
    width: 100%
}

.trainerGridSideMenu-footer {
    margin: 0 -6px;
    margin-bottom: 20px
}

.trainerGridSideMenu-footer img {
    padding-right: 4px
}

.trainerGridSideMenu-footer p {
    font-size: 13px;
    margin: 0;
    padding: 0 4px;
    color: #aaaeb3
}

.trainerGridSideMenu-link {
    font-size: 13px
}

.trainerGrid .clickable {
    font-size: 12px;
    color: #06a9f6
}

.trainerGrid .trainerName {
    font-size: 13px
}

.trainerGridClients .hideable {
    opacity: 1
}

.trainerGridClients:hover>.hideable {
    display: none;
    opacity: 0
}

.trainerGridClients:hover>.trainerGridClients--addClient {
    opacity: 1;
    display: block
}

.trainerGridClients--addClient {
    opacity: 0;
    display: none
}

.changeRoleDropDownContainer {
    width: 240px
}

.ant-dropdown-menu-item:has(.sendBtnDropDown) {
    width: 240px;
    display: block;
    height: unset;
    white-space: normal
}

@media print {
    .PrintPageButton {
        display: none!important
    }
}

.autoMessagesOption {
    display: flex;
    align-items: center;
    gap: 20px
}

.autoMessagesOption,.autoMessagesOption-divider {
    height: 50px;
    border-bottom: 1px solid #dae0e6
}

.autoMessagesOption-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 40px
}

.autoMessagesOption-actions {
    display: flex;
    align-items: center;
    width: 120px;
    gap: 10px
}

.makeAPaymentDialog {
    width: 392px!important
}

.makeAPaymentDialog .modal-body {
    padding-bottom: 0!important
}

.makeAPaymentDialog .dialogHeader {
    text-align: center;
    margin-top: 36px;
    margin-bottom: 75px
}

.makeAPaymentDialog .dialogHeader .title {
    color: #000;
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 15px
}

.makeAPaymentDialog .dialogHeader .caption {
    color: #000;
    font-size: 21px;
    line-height: 24px
}

.makeAPaymentDialog .paymentAmountWrapper {
    display: flex
}

.makeAPaymentDialog .paymentAmountWrapper .ant-form-item-control-wrapper {
    width: 100%
}

.makeAPaymentDialog .paymentAmountWrapper .ant-form-item-children {
    display: flex;
    flex-direction: column
}

.makeAPaymentDialog .paymentAmountWrapper label {
    display: block;
    margin-bottom: 2px;
    color: #797c80
}

.makeAPaymentDialog .walletSelectLabel {
    display: block;
    padding-bottom: 2px;
    margin-top: 32px;
    color: #797c80
}

.makeAPaymentDialog .abcWalletContainer {
    width: 100%!important;
    margin-bottom: 16px
}

.makeAPaymentDialog .abcWalletContainer .ant-select,.makeAPaymentDialog .abcWalletContainer .ant-select-selection {
    width: 100%!important
}

.makeAPaymentDialog .infoLabel {
    margin: 60px auto 10px;
    text-align: center;
    width: 270px
}

.makeAPaymentDialog .modal-footer button {
    width: 200px;
    height: 36px;
    margin: auto!important
}

.makeAPaymentDialog .modal-footer p {
    padding-top: 20px!important;
    text-align: center
}

.selfCancelDialog .cancelDuesContainer {
    margin-top: 16px
}

.selfCancelDialog .cancelDuesContainer .breakdownHeader {
    margin-top: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea
}

.selfCancelDialog .cancelDuesContainer .feeBreakdown {
    margin-left: 32px
}

.selfCancelDialog .cancelDuesContainer .feeBreakdown section {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eaeaea;
    padding-top: 12px;
    padding-bottom: 8px
}

.selfCancelDialog .cancelDuesContainer .feeBreakdown section p {
    color: #000!important
}

.selfCancelDialog .cancelReason {
    margin-top: 18px
}

.selfCancelDialog .cancelReason .ant-form-item {
    margin-bottom: 7px
}

.selfCancelDialog .cancelReason .ant-select {
    width: 302px
}

.selfCancelDialog .paymentMethodSelect .ant-form-item {
    margin-bottom: 7px;
    margin-top: 2px
}

.selfCancelDialog .paymentMethodSelect .abcWalletContainer,.selfCancelDialog .paymentMethodSelect .abcWalletContainer .ant-select,.selfCancelDialog .paymentMethodSelect .abcWalletContainer .ant-select-selection {
    width: 302px!important
}

.selfCancelDialog .tosContainer {
    margin-top: 16px
}

.selfCancelDialog .tosContainer p {
    color: #000!important;
    display: inline
}

.selfCancelDialog .tosContainer a,.selfCancelDialog .tosContainer p {
    font-size: 14px
}

.manageMembership__heading {
    margin-top: 24px
}

.manageMembership__downloadButton {
    margin-right: 6px;
    padding: 3px 5px!important
}

.manageMembership__nullScreen {
    height: 80%!important
}

.manageMembership__body {
    margin-top: 16px
}

.manageMembership__divider {
    margin-top: 3px!important;
    margin-bottom: 32px!important
}

.appointmentCalendarHeader:hover use {
    fill: #06a9f6!important
}

.appointmentCalendarHeader use {
    fill: #303133!important
}

.appointmentCalendarHeader:hover .headerText {
    color: #06a9f6!important
}

.appointmentCalendarHeader .headerText {
    color: #303133
}

.appointmentCalendarHeader .btn--group .btn {
    font-weight: 400!important
}

.appointmentCalendarHeader .btn--group .btn--white {
    color: #303133!important
}

:root {
    --fc-border-color: #eaeaea!important;
    --fc-today-bg-color: transparent!important;
    --fc-now-indicator-color: #ffb400!important;
    --fc-neutral-bg-color: transparent!important
}

.appointmentCalendarSidebar .trainerList .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--background-color);
    border-color: var(--border-color)
}

.appointmentCalendarSidebar .trainerList .ant-checkbox+span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.appointmentCalendar .event--color-CAEDFF,.appointmentCalendar .event--color-CAEDFF:hover {
    background-color: #caedff
}

.appointmentCalendar .event--color-E1FAD9,.appointmentCalendar .event--color-E1FAD9:hover {
    background-color: #e1fad9
}

.appointmentCalendar .event--color-FFE3F3,.appointmentCalendar .event--color-FFE3F3:hover {
    background-color: #ffe3f3
}

.appointmentCalendar .event--color-FBFAA8,.appointmentCalendar .event--color-FBFAA8:hover {
    background-color: #fbfaa8
}

.appointmentCalendar .event--color-ECDAFF,.appointmentCalendar .event--color-ECDAFF:hover {
    background-color: #ecdaff
}

.appointmentCalendar .event--color-D2FBFF,.appointmentCalendar .event--color-D2FBFF:hover {
    background-color: #d2fbff
}

.appointmentCalendar .event--color-D7E2FF,.appointmentCalendar .event--color-D7E2FF:hover {
    background-color: #d7e2ff
}

.appointmentCalendar .event--color-CBE5C2,.appointmentCalendar .event--color-CBE5C2:hover {
    background-color: #cbe5c2
}

.appointmentCalendar .event--color-FFDADA,.appointmentCalendar .event--color-FFDADA:hover {
    background-color: #ffdada
}

.appointmentCalendar .event--color-FEDDB7,.appointmentCalendar .event--color-FEDDB7:hover {
    background-color: #feddb7
}

.appointmentCalendar .fc {
    width: 100%
}

.appointmentCalendar .fc .fc-popover.fc-more-popover {
    z-index: 1;
    width: 220px
}

.appointmentCalendar .fc .fc-popover.fc-more-popover .fc-popover-header {
    padding-top: 4px
}

.appointmentCalendar .fc .fc-popover.fc-more-popover .fc-popover-header .fc-popover-title {
    font-size: 14px
}

.appointmentCalendar .fc .fc-popover.fc-more-popover .fc-popover-header .fc-icon-x:before {
    color: #303133
}

.appointmentCalendar .fc .fc-popover.fc-more-popover .fc-popover-header .fc-icon-x:after {
    content: none
}

.appointmentCalendar .fc .fc-popover.fc-more-popover .fc-popover-body {
    padding: 4px
}

.appointmentCalendar .fc-event {
    border: .5px solid #fff!important;
    border-radius: 4px!important
}

.appointmentCalendar .fc-event-main {
    overflow: hidden
}

.appointmentCalendar .fc-dayGridMonth-view th,.appointmentCalendar .fc-timeGridDay-view th {
    border-right-style: none!important;
    border-left-style: none!important
}

.appointmentCalendar .fc th {
    background-color: transparent;
    color: #797c80
}

.appointmentCalendar .fc-col-header-cell a:hover {
    color: #797c80!important
}

.appointmentCalendar .fc-timegrid-now-indicator-arrow {
    display: none
}

.appointmentCalendar .fc-daygrid-day-frame {
    height: 90px
}

.appointmentCalendar .fc-daygrid-day-number,.appointmentCalendar .fc-daygrid-day-number:hover {
    color: #303133
}

.appointmentCalendar .fc-daygrid-day-bottom {
    display: flex;
    justify-content: center
}

.appointmentCalendar .fc-daygrid-day-bottom .fc-daygrid-more-link {
    color: #797c80
}

.appointmentCalendar .fc-dayGridMonth-view .fc-col-header-cell .fc-scrollgrid-sync-inner {
    height: 34px
}

.appointmentCalendar .fc-dayGridMonth-view .fc-col-header-cell .fc-scrollgrid-sync-inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.appointmentCalendar .fc .fc-timegrid-slot {
    height: 40px
}

.appointmentCalendar .fc-timegrid-event-harness-inset .fc-timegrid-event {
    box-shadow: none
}

.appointmentCalendar .fc .fc-timegrid-slot-minor {
    border-top-style: none
}

.appointmentCalendar .fc-timegrid-slot-label {
    color: #797c80
}

.appointmentCalendar .fc-timeGridWeek-view thead .fc-scroller {
    overflow-y: hidden!important
}

.appointmentCalendar .fc-timeGridWeek-view .fc-col-header-cell-cushion {
    display: block;
    height: 100%
}

.appointmentCalendar .fc-timeGridWeek-view .fc-col-header-cell .fc-scrollgrid-sync-inner {
    height: 50px
}

.appointmentCalendar .fc-timeGridDay-view .fc-col-header-cell .fc-scrollgrid-sync-inner {
    height: 34px
}

.appointmentCalendar .fc-timeGridDay-view .fc-col-header-cell .fc-scrollgrid-sync-inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.appointmentCalendar .fc-timeGridDay-view #apptCalendarWeeklyHeader {
    display: none!important
}

.appointmentCalendar .ant-calendar-picker {
    visibility: hidden;
    width: 0;
    top: 30px;
    right: 20px
}

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
    background: #70d1fe!important
}

#eventToolTip {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 9999;
    min-height: 100px;
    max-width: 300px;
    padding: 16px;
    border-radius: 4px;
    background-color: #303133;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    color: #fff;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    white-space: normal;
    word-break: break-word;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    text-decoration: none
}

#eventToolTip.eventToolTip--on {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity .1s
}

#eventToolTip.eventToolTip--off {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .1s,opacity .1s
}

#eventToolTip.eventToolTip--top {
    margin-top: -5px
}

#eventToolTip.eventToolTip--bottom {
    margin-top: 5px
}

#eventToolTip .tooltip-inner {
    color: #fff;
    background-color: #303133
}

#eventToolTip .tooltip-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-color: transparent;
    border-right-color: transparent;
    border-style: solid
}

#eventToolTip.eventToolTip--top .tooltip-arrow {
    top: auto;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #303133
}

#eventToolTip.eventToolTip--top .tooltip-arrow.tooltip-arrow--left {
    left: 20%
}

#eventToolTip.eventToolTip--top .tooltip-arrow.tooltip-arrow--right {
    left: 80%
}

#eventToolTip.eventToolTip--bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #303133
}

#eventToolTip.eventToolTip--bottom .tooltip-arrow.tooltip-arrow--left {
    left: 20%
}

#eventToolTip.eventToolTip--bottom .tooltip-arrow.tooltip-arrow--right {
    left: 80%
}

.clientProgress_workoutsGrid .gridRoot {
    height: calc(100% - 80px)
}

.clientProgress_workoutsGrid .gridToolBar {
    background-color: #f8f8f8!important
}

.clientProgress_workoutsGrid .columnHeader {
    background-color: #eff3f6!important
}

.clientProgress_workoutsGrid .trainerNote {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.clientProgress_workoutDetailTable {
    overflow: hidden
}

.clientProgress_workoutDetailTable .titleWrapper {
    position: relative;
    padding-top: 33px;
    padding-bottom: 33px
}

.clientProgress_workoutDetailTable .titleWrapper .backButton {
    position: absolute;
    left: 16px
}

.clientProgress_workoutDetailTable .gridToolBar {
    background-color: #f8f8f8;
    height: 50px;
    width: 100%;
    box-sizing: border-box
}

.clientProgress_workoutDetailTable .tableBodyWrapper-container {
    width: min-content
}

.clientProgress_workoutDetailTable .bgGray10 {
    background-color: #f4f6f9
}

.clientProgress_workoutDetailTable .colorPrimaryBlue,.clientProgress_workoutDetailTable th.commentsHeader {
    color: #06a9f6
}

.clientProgress_workoutDetailTable_nullScreen {
    height: calc(100% - 83px)
}

.LeaderBoard {
    background-color: #f3fbff
}

.LeaderBoardLevels {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 896px;
    height: 730px;
    z-index: 9
}

.LeaderBoardLevels__bgImage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.LeaderBoardLevels .LeaderBoardLevel {
    position: absolute;
    width: 283px
}

.LeaderBoardLevels .LeaderBoardLevel--level3 {
    top: 153px;
    left: 1px
}

.LeaderBoardLevels .LeaderBoardLevel--level2 {
    top: 76px;
    left: 285px
}

.LeaderBoardLevels .LeaderBoardLevel--level1 {
    top: 0;
    right: 44px
}

.LeaderBoardLevels .LeaderBoardLevel__userNameWrapper {
    display: flex;
    justify-content: center;
    height: 25px
}

.LeaderBoardLevels .LeaderBoardLevel__userNameWrapper h4 {
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports(-webkit-box-orient:vertical) {
    .LeaderBoardLevels .LeaderBoardLevel__userNameWrapper h4 {
        position: relative;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        background-color: transparent;
        word-break: break-word;
        white-space: normal;
        text-overflow: unset;
        min-height: auto
    }

    .LeaderBoardLevels .LeaderBoardLevel__userNameWrapper h4:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 25px;
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)
    }

    @supports(-webkit-line-clamp:1) {
        .LeaderBoardLevels .LeaderBoardLevel__userNameWrapper h4 {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            max-height: 25px;
            height: auto;
            -webkit-box-orient: vertical
        }

        .LeaderBoardLevels .LeaderBoardLevel__userNameWrapper h4:after {
            display: none
        }
    }
}

.LeaderBoardLevels .LeaderBoardLevel__imageWrapper {
    width: 108px;
    height: 78px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px
}

.LeaderBoardLevels .LeaderBoardLevel__imageWrapper .LeaderBoardLevelImage {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    border: 3px solid #f4f6f9;
    overflow: hidden;
    font-size: 1px
}

.LeaderBoardLevels .LeaderBoardLevel__imageWrapper .LeaderBoardLevelImage:nth-child(2) {
    left: 32px;
    z-index: 1
}

.LeaderBoardLevels .LeaderBoardLevel__imageWrapper .LeaderBoardLevelImage--single {
    left: 50%;
    transform: translateX(-40%)
}

.LeaderBoardLevels .LeaderBoardLevel__imageWrapper .countLayer {
    position: absolute;
    width: 68px;
    height: 68px;
    right: 4px;
    top: 5px;
    background-color: rgba(0,0,0,.2);
    z-index: 2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.LeaderBoardLevels .LeaderBoardLevel__number {
    font-weight: 800;
    font-size: 70px;
    line-height: 87px;
    margin-top: 109px
}

.LeaderBoardLevels .LeaderBoardLevel__points {
    font-weight: 400;
    margin-top: 20px
}

@media only screen and (max-width: 1440px) {
    .LeaderBoardLevels {
        width:600px;
        height: 540px
    }

    .LeaderBoardLevels .LeaderBoardLevel {
        width: 189px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level3 {
        top: 102px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level2 {
        top: 51px;
        left: 191px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level1 {
        right: 30px
    }

    .LeaderBoardLevels .LeaderBoardLevel__number {
        margin-top: 94px
    }
}

@media only screen and (min-width: 1441px)and (max-width:1600px) {
    .LeaderBoardLevels {
        width:757px;
        height: 641px
    }

    .LeaderBoardLevels .LeaderBoardLevel {
        width: 239px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level3 {
        top: 128px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level2 {
        top: 64px;
        left: 241px
    }

    .LeaderBoardLevels .LeaderBoardLevel--level1 {
        right: 38px
    }

    .LeaderBoardLevels .LeaderBoardLevel__number {
        margin-top: 102px
    }
}

.Threshold .ThresholdLevelWrapper {
    position: relative!important;
    width: 410px;
    height: 500px;
    z-index: 1
}

.Threshold .ThresholdLevel {
    position: absolute;
    width: 108px;
    height: 44px;
    background-color: rgba(48,49,51,.85);
    border-radius: 25px;
    border: 3px solid transparent
}

.Threshold .ThresholdLevel:hover {
    background-color: #303133;
    box-shadow: 1px 1px 3px 1px rgba(48,49,51,.85)
}

.Threshold .ThresholdLevel--highlighted {
    border-color: #06a9f6
}

.Threshold .ThresholdLevel--level0 {
    bottom: 42px;
    right: 23px
}

.Threshold .ThresholdLevel--level0:hover {
    bottom: 45px
}

.Threshold .ThresholdLevel--level1 {
    bottom: 42px;
    left: 133px
}

.Threshold .ThresholdLevel--level1:hover {
    bottom: 45px
}

.Threshold .ThresholdLevel--level2 {
    bottom: 169px;
    left: 80px
}

.Threshold .ThresholdLevel--level2:hover {
    bottom: 172px
}

.Threshold .ThresholdLevel--level3 {
    top: 146px;
    left: 131px
}

.Threshold .ThresholdLevel--level3:hover {
    top: 143px
}

.Threshold .ThresholdLevel--level4 {
    top: 28px;
    right: 78px
}

.Threshold .ThresholdLevel--level4:hover {
    top: 25px
}

.Threshold .ThresholdLevel__imageWrapper img {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    border: 1px solid #dae0e6;
    overflow: hidden;
    font-size: 1px
}

.Threshold .ThresholdLevel__imageWrapper img:nth-child(2) {
    left: 14px
}

.ChallengeCompletedBanner {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    padding: 7px 12px;
    background-color: #70d27c;
    border-radius: 6px;
    z-index: 10
}

.ChallengeCompletedBanner__icon {
    width: 28px;
    height: 28px;
    margin-right: 7px
}

.ChallengeCompletedBanner__icon--second {
    margin-right: 0;
    margin-left: 7px;
    transform: scaleX(-1)
}

.sideBarTitle .ant-select-selection__placeholder {
    color: #000
}

.sideBarTitle .ant-select-arrow {
    right: 5px!important
}

.sideBarTitle .ant-select-selection-selected-value {
    padding-right: 0
}

.createChallengeDialog,.createChallengeDialog * {
    box-sizing: border-box
}

.createChallengeDialog__body {
    margin: 0 -32px -32px;
    height: 556px;
    border-top: 1px solid #eaeaea
}

.createChallengeDialog__sidebar {
    width: 206px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #ebebeb
}

.createChallengeDialog__sidebar .sidebar {
    width: 206px
}

.createChallengeDialog__content .contentMiddle {
    width: 474px;
    padding: 32px
}

.createChallengeDialog__content .contentRight {
    width: 340px;
    padding-top: 32px
}

.createChallengeDialog__content .unsplashContent {
    border-left: 1px solid #ebebeb
}

.timeInputContainer {
    margin-bottom: 14px
}

.timeInput {
    height: 60px
}

.challengeTimePicker {
    width: 116px
}

.challengeDetailsFormContainer .ant-form-item {
    margin-bottom: 14px
}

.earnPointsContainer .ant-checkbox-group {
    width: 100%
}

.earnPointsContainer .ant-form-item {
    margin-bottom: 0
}

.earnPointsContainer .ant-row {
    display: inline-block!important
}

.earnPointsContainer .ant-checkbox,.earnPointsContainer .ant-checkbox-wrapper {
    color: #303133
}

.earnPointRow {
    height: 32px!important
}

.challengeDuration {
    width: 112px;
    height: 60px
}

.challengeTime {
    width: 116px;
    height: 60px
}

.challengeStarts {
    width: 164px;
    height: 60px;
    margin-bottom: 0!important
}

.challengeRadioButton {
    position: absolute;
    top: 6px;
    left: 6px
}

.challengeRules_body {
    overflow: scroll
}

.thresholdTheme {
    height: 78px;
    width: 130px;
    border-radius: 3px
}

.thresholdLimit {
    margin-top: -8px;
    margin-bottom: 0!important
}

.thresholdLimit,.thresholdLimit .ant-form-item-control-wrapper {
    display: inline-block!important
}

.thresholdLimit .ant-form-item-control {
    display: inline-block!important;
    height: 24px
}

.ant-row .thresholdLimit {
    display: inline-block!important
}

.m24b {
    margin-bottom: 24px
}

.grayscaleBlackText {
    color: #303133!important
}

.challengeListComponent {
    width: 230px;
    height: 52px
}

.challengeListComponent__imgWrapper {
    width: 70px;
    height: 50px;
    background-color: #f8f8f8
}

.challengeListComponent__thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.challengeDisabled {
    cursor: default;
    opacity: .5
}

.challengeListComponentImage {
    width: 81px;
    height: 51px
}

.align-self-centered {
    align-self: center
}

.challengeSidebarFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

.challengeSidebarFooter a {
    padding-left: 0!important;
    color: #06a9f6;
    width: auto
}

.challengeSidebarFooter p {
    color: #303133
}

.challengeSidebarInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 120px;
    padding-left: 6px
}

.challengeSidebarInfo .selectedChallengeTitle {
    color: #06a9f6!important
}

.challengeSidebarInfo__title {
    color: #303133!important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word
}

.ParticipantList {
    min-width: 263px;
    border-left: 1px solid #eaeaea
}

.ParticipantList__toolbar {
    width: 100%;
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px 0 5px
}

.rulesAndSettings .reactBaseGridWrap {
    min-height: 400px
}

.participantBase {
    min-height: 43px;
    width: 100%;
    display: flex;
    background-color: #f8f8f8;
    align-items: center;
    margin-bottom: 4px
}

.classFiltersSearch {
    width: 224px;
    margin-top: 10px;
    margin-left: -8px
}

.classFiltersSearch input {
    height: 22px;
    border-radius: 50px
}

.classFiltersChips {
    display: flex;
    width: 100%;
    flex-flow: row-reverse;
    align-items: center;
    margin-top: 10px;
    gap: 8px
}

.classFiltersChips .ant-tag {
    margin: 0;
    max-width: 6rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    position: relative
}

.classFiltersChips .ant-tag .anticon {
    position: absolute;
    right: 4px;
    top: 5px
}

.classFiltersChipCloseIcon {
    padding-right: 20px
}

.classFiltersDateRangePicker {
    gap: 10px;
    margin: 7px 0 7px -10px
}

.classFilterDrawerTitle,.classFiltersDateRangePicker {
    display: flex;
    justify-content: space-between
}

.classTile__body {
    border-radius: 12px;
    justify-content: center;
    padding: 16px!important
}

.classTile__title__withoutImage {
    width: 124px;
    text-overflow: ellipsis;
    max-height: 32px;
    min-height: 32px;
    font-size: 14px!important;
    line-height: 16px!important
}

.classTile__title__withImage,.classTile__title__withoutImage {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700!important
}

.classTile__title__withImage {
    width: 143px;
    font-style: normal;
    font-size: 17px!important;
    line-height: 22px!important;
    align-items: center;
    color: #fff!important;
    text-shadow: 0 1px 2px rgba(0,0,0,.25)
}

.classTile__level__withoutImage {
    line-height: 14px!important
}

.classTile__level__withImage {
    color: #4db4ea!important;
    line-height: 14px!important;
    font-weight: 700!important;
    font-size: 12px!important;
    text-transform: uppercase
}

.classTile__time__withImage {
    line-height: 17px!important
}

.classTile__instructor__withImage,.classTile__time__withImage {
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    font-weight: 400!important;
    font-size: 12px!important
}

.classTile__instructor__withImage {
    color: #fff!important;
    line-height: 14px!important
}

.classTile__bottomSection__withImage {
    display: flex;
    margin-top: auto
}

.classTile__carouselWrapper {
    position: relative
}

.classTile__carousel {
    padding: 0!important;
    display: flex!important;
    gap: 16px;
    overflow-x: scroll!important;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.classTile__carousel::-webkit-scrollbar {
    display: none
}

.classTile__carousel .arrowWrapper {
    z-index: 999;
    cursor: pointer;
    opacity: .95;
    width: 24px;
    height: 170px;
    background-color: #eaeaea;
    position: absolute
}

.classTile__carousel .arrowWrapper:first-of-type {
    left: 0
}

.classTile__carousel .arrowWrapper:nth-of-type(2) {
    right: 0
}

.classTile__carousel .arrowWrapper svg {
    margin: auto
}

.classTile__carousel .arrowWrapper.hidden {
    display: none
}

.classTile__carousel .arrowWrapper.visible {
    display: flex
}

.classTile__middleSection__withoutImage {
    display: grid;
    gap: 4px
}

.classDialog__flex {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.classDialog__section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    border-bottom: 1px solid #eaeaea
}

.classDialog__messageArea {
    margin: 32px 0 -25px
}

.classDialog__label {
    font-weight: 400!important;
    font-size: 14px!important
}

.classDialog__description,.classDialog__label {
    font-style: normal!important;
    line-height: 18px!important
}

.classDialog__description {
    font-weight: 700!important;
    text-transform: uppercase!important
}

.classDialog__instructor {
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 18px!important;
    text-align: right!important;
    color: #aaaeb3!important
}

.classDialog__button {
    margin-bottom: 8px!important;
    padding: 6px 7.273px 6px 7.274px!important;
    min-width: auto!important
}

.classTocDialog__content {
    overflow-wrap: break-word
}

.membershipManagementPlan__title {
    font-style: normal!important;
    font-weight: 400!important
}

.membershipManagementPlan__planCardGroup {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 16px;
    row-gap: 24px
}

.membershipManagementPlan__planCard {
    padding: 24px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px
}

.membershipManagementPlan__planCard__top {
    text-align: center;
    display: grid;
    gap: 16px
}

.membershipManagementPlan__planCard__planName {
    text-transform: uppercase;
    font-weight: 700!important;
    line-height: 20px!important
}

.membershipManagementPlan__planCard__money {
    display: flex;
    margin-left: auto;
    margin-right: auto
}

.membershipManagementPlan__planCard__moneyAmount {
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 28px!important;
    line-height: 34px!important
}

.membershipManagementPlan__planCard__moneyPerPeriod {
    margin-left: 4px!important;
    padding-bottom: 6px!important;
    align-self: end;
    font-style: normal;
    text-transform: lowercase
}

.membershipManagementPlan__planCard__button {
    margin-top: 16px;
    padding: 6px 9px!important;
    width: 225px;
    opacity: 1!important;
    height: 30px!important;
    border-radius: 4px!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 18px!important;
    text-transform: uppercase!important
}

.membershipManagementPlan__planCard__middle {
    margin-top: 16px;
    display: grid;
    gap: 12px;
    height: auto
}

.membershipManagementPlan__planCard__field {
    padding-left: 8px;
    display: flex
}

.membershipManagementPlan__planCard__field__icon {
    min-width: 10px!important;
    max-width: 10px!important;
    height: 8.08px!important;
    position: relative;
    top: 3px
}

.membershipManagementPlan__planCard__field__text {
    margin-left: 12px!important;
    max-width: 195px;
    overflow-wrap: break-word;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 16px!important;
    color: #303133!important
}

.membershipManagementPlan__planCard__field__text img {
    width: 100%!important;
    height: auto!important
}

.checkoutPlan {
    max-width: 436px;
    height: inherit;
    overflow-y: auto
}

.checkoutPlan .modal-body {
    padding: 32px 25.96px 30px 24.06px;
    display: grid;
    gap: 21px;
    font-style: normal!important
}

.checkoutPlan__title {
    font-weight: 400!important
}

.checkoutPlan__top {
    margin: auto -.96px auto .96px;
    padding: 16px;
    display: grid;
    gap: 8px;
    text-align: left;
    border: 1px solid #06a9f6;
    border-radius: 12px
}

.checkoutPlan__top__planName {
    font-weight: 700!important;
    font-size: 20px!important;
    line-height: 23px!important;
    text-transform: uppercase
}

.checkoutPlan__top__money {
    display: flex;
    gap: 4px
}

.checkoutPlan__top__moneyAmount {
    font-weight: 700!important;
    font-size: 35px!important;
    line-height: 40px!important;
    text-transform: uppercase
}

.checkoutPlan__top__moneyPerPeriod {
    padding-bottom: 6px!important;
    align-self: end;
    text-transform: lowercase;
    color: #aaaeb3!important
}

.checkoutPlan__middle {
    display: grid;
    gap: 40px
}

.checkoutPlan__middle__today__title {
    padding-bottom: 8px!important;
    border-bottom: 1px solid #eaeaea
}

.checkoutPlan__middle__today__total {
    border-bottom: 1px solid #eaeaea;
    display: grid;
    gap: 8px
}

.checkoutPlan__middle__today__totalTop {
    margin-top: 12px;
    display: flex;
    justify-content: space-between
}

.checkoutPlan__middle__today__totalTop__dueValue {
    text-transform: lowercase
}

.checkoutPlan__middle__today__totalBottom {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between
}

.checkoutPlan__middle__today__totalBreakdown {
    margin: auto 0 8px auto
}

.checkoutPlan__middle__today__breakdown__row {
    padding-top: 12px;
    padding-bottom: 8px;
    margin-left: 32px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    justify-content: space-between
}

.checkoutPlan__middle__today__paymentMethod__label {
    display: flex;
    justify-content: space-between
}

.checkoutPlan__middle__today__paymentMethod__label__add {
    font-weight: 400!important;
    line-height: 14px!important
}

.checkoutPlan__middle__today__paymentMethod__paymentWrapper .abcWalletContainer {
    display: inherit!important
}

.checkoutPlan__middle__today__paymentMethod__paymentWrapper .abcWalletContainer .ant-select-selection {
    width: 386px
}

.checkoutPlan__middle__checkbox {
    display: flex;
    align-items: center
}

.checkoutPlan__middle .ant-checkbox-inner {
    width: 12px;
    height: 12px
}

.checkoutPlan__middle .ant-checkbox-inner:after {
    width: 5px;
    height: 8px;
    left: 1.8px;
    top: 4px
}

.checkoutPlan__payButton {
    margin-top: 3px;
    margin-right: .99px;
    height: 30px!important;
    border-radius: 4px!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 18px!important;
    text-transform: uppercase!important;
    background: #06a9f6!important;
    color: #fff!important;
    border: 1px solid #06a9f6!important
}

.changePlan {
    max-width: 400px!important
}

.changePlan .modal-body {
    display: grid;
    gap: 24px;
    font-style: normal!important
}

.changePlan__title {
    display: grid;
    gap: 12px
}

.changePlan__title__text {
    font-weight: 400!important
}

.changePlan__buttonGroup {
    display: flex;
    gap: 8px
}

.changePlan__buttonGroup__confirmButton {
    border-radius: 4px!important;
    background: #06a9f6!important;
    color: #fff!important;
    border: 1px solid #06a9f6!important;
    width: 82px
}

.changePlan__buttonGroup__cancelButton,.changePlan__buttonGroup__confirmButton {
    height: 30px!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 14px!important;
    line-height: 18px!important;
    text-transform: uppercase!important
}

.changePlan__buttonGroup__cancelButton {
    border-radius: 4px!important;
    color: #797c80!important;
    width: 75px
}

.div_workoutplan_edit {
    min-width: 400px
}

.div_workoutplan_edit #t_workoutplan_name {
    width: 100%;
    margin-bottom: 10px
}

.div_workoutplan_edit .gtOptionsBox {
    width: 100%;
    padding: 12px;
    box-sizing: border-box
}

.div_workoutplan_edit .gtFieldWeeks {
    width: 55px;
    border: 1px solid #ebebeb;
    -moz-appearance: textfield
}

.div_workoutplan_edit #div_workoutplan_timeframe {
    width: 500px
}

.div_workoutplan_edit .timeframeField {
    margin: 0 5px
}

.div_workoutplan_edit #t_workoutplan_duration {
    background-color: #fff;
    border: inherit
}

.div_workoutplan_edit .datePicker {
    width: 150px
}

.div_workoutplan_edit #trainingPlan_endDate_text {
    font-size: 14px
}

.div_workoutplan_edit .phaseDateRadio {
    width: fit-content;
    margin-right: 10px
}

.div_workoutplan_edit .errorBorder.datePickerWrapper {
    border-radius: 4px
}

.multipleActivitiesDialog .modal-content {
    overflow-x: hidden
}

.multipleActivitiesDialog .modal-body {
    height: 100%;
    display: flex;
    flex-direction: column
}

.multipleActivitiesDialog__date-container {
    margin: 10px 25px
}

.multipleActivitiesDialog__date-container .date-select {
    margin-right: 20px
}

.multipleActivitiesDialog__date-picker-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 3px
}

.multipleActivitiesDialog__date-picker-container .datePicker__field .additionalDateText {
    position: absolute;
    top: 0;
    left: 90px;
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    color: #aaaeb3
}

.multipleActivitiesDialog__date-picker-container .datePicker {
    margin-right: 20px
}

.multipleActivitiesDialog__date-picker-container .datePicker__calendar {
    z-index: 101
}

.multipleActivitiesDialog__date-picker-container .datePicker__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100
}

.multipleActivitiesDialog__date-picker-container .activityAddCalendar {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    z-index: 5
}

.multipleActivitiesDialog__date-picker-container .activityAddCalendar .calendarHeader {
    height: 30px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.multipleActivitiesDialog__date-picker-container .activityAddCalendar .ant-fullcalendar-header {
    display: none
}

.multipleActivitiesDialog__date-picker-container .activityAddCalendar .ant-fullcalendar td {
    padding: 0
}

.multipleActivitiesDialog__date-picker-container .ant-calendar-picker-clear {
    display: none
}

.multipleActivitiesDialog .activities-container {
    flex: 1
}

.multipleActivitiesDialog .activities-container .ant-tabs-tab-active {
    background-color: #d0f0ff
}

.multipleActivitiesDialog .activities-container .ant-tabs-tab {
    width: 200px;
    padding: 12px 24px!important;
    margin: 0!important;
    border-bottom: 1px solid #eaeaea
}

.multipleActivitiesDialog .activities-container .sidebar-checkbox-container {
    display: flex
}

.multipleActivitiesDialog .activities-container .sidebar-checkbox-container .sidebar-checkbox-content {
    display: flex;
    align-items: center
}

.multipleActivitiesDialog .activities-container .sidebar-checkbox-container .sidebar-checkbox-content svg {
    margin: 0 8px
}

.multipleActivitiesDialog .activities-container .activity-tab-content-container {
    margin: 20px 20px 20px 0
}

.multipleActivitiesDialog_workoutFlow_wod {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 10px;
    margin-top: 10px
}

.multipleActivitiesDialog_workoutFlow_program {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center
}

.multipleActivitiesDialog .dropdown-active {
    background-color: #fff!important;
    color: #06a9f6!important
}

.activity-automessage,.activity-body-stats,.activity-fms,.activity-photos {
    margin: 40px 0
}

.activity-automessage-image-container,.activity-body-stats-image-container,.activity-fms-image-container,.activity-photos-image-container {
    margin-bottom: 30px
}

.activity-automessage-image-container .activity-image,.activity-body-stats-image-container .activity-image,.activity-fms-image-container .activity-image,.activity-photos-image-container .activity-image {
    width: 300px
}

.activity-sleep .time-picker-container {
    margin-bottom: 10px
}

.activity-sleep .time-picker-container .time-picker {
    margin: 0 10px
}

.activity-sleep .duration-select {
    width: 65px;
    margin-left: 10px;
    margin-right: 2px
}

.topMenu {
    background-color: #fff;
    height: 60px;
    box-sizing: border-box;
    position: fixed;
    top: 360px;
    left: 0;
    width: 100%;
    z-index: 900;
    padding-left: 185px
}

.topMenu-item {
    padding: 0 15px;
    font-size: 13px;
    height: 52px
}

.topMenu-addNewBtn {
    color: #ff9801
}

.topMenu-dropdownMenu-item {
    min-height: 44px
}

.topMenu-dropdownMenu-item-icon {
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icons.svg);
    background-size: 40px;
    background-repeat: no-repeat
}

.topMenu-dropdownMenu-item .clientIcon {
    background-position: 0 -138px
}

.topMenu-dropdownMenu-item .trainerIcon {
    background-position: 0 -119px
}

.topMenu-dropdownMenu-item .messageIcon {
    background-position: 0 -158px
}

.topMenu-dropdownMenu-item .eventIcon {
    background-position: 0 -177px
}

.topMenu-dropdownMenu-item .saleIcon {
    background-position: 0 -280px
}

.topMenu-dropdownMenu-item .iosIcon {
    background-position: 0 -216px
}

.topMenu-dropdownMenu-item .androidIcon {
    background-position: 0 -196px
}

.topMenu-dropdownMenu-item .signOutIcon {
    background-position: 0 -235px
}

.topMenu-dropdownMenu-item:hover .clientIcon {
    background-position: -20px -138px
}

.topMenu-dropdownMenu-item:hover .trainerIcon {
    background-position: -20px -119px
}

.topMenu-dropdownMenu-item:hover .messageIcon {
    background-position: -20px -158px
}

.topMenu-dropdownMenu-item:hover .eventIcon {
    background-position: -20px -177px
}

.topMenu-dropdownMenu-item:hover .saleIcon {
    background-position: -20px -280px
}

.topMenu-dropdownMenu-item:hover .iosIcon {
    background-position: -20px -216px
}

.topMenu-dropdownMenu-item:hover .androidIcon {
    background-position: -20px -196px
}

.topMenu-dropdownMenu-item:hover .signOutIcon {
    background-position: -20px -235px
}

.topMenu-dropdownMenu-item:hover .classIcon {
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icon-class-hover.png)!important
}

.topMenu-dropdownMenu-subMenu {
    height: 44px
}

.topMenu-dropdownMenu-subMenu .appointmentIcon {
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icon-appointment.png)!important;
    background-size: 20px!important
}

.topMenu-dropdownMenu-subMenu .classIcon {
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icon-class.png)!important;
    background-size: 20px!important
}

.topMenu-dropdownMenu-subMenu:hover {
    background-color: #f4f6f9!important
}

.topMenu-dropdownMenu-subMenu:hover .appointmentIcon {
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icon-appointment-hover.png)!important
}

.topMenu-dropdownMenu-subMenu:hover .classIcon {
    background-image: url(https://file.trainerize.com/assets/topMenu/icons/menus/icon-class-hover.png)!important
}

.topMenu-dropdownMenu-subMenu:hover,.topMenu-dropdownMenu-subMenu:hover div p {
    color: #06a9f6!important
}

.topMenu-profile {
    min-width: 180px
}

.topMenu-profile-dropdownMenuContainer {
    width: 100%
}

.topMenu-profile-profileImage {
    margin-right: 12px
}

.topMenu-profile-profileIcon {
    margin-right: 6px;
    border: 1px solid #aaaeb3!important
}

.topMenu-notificationCenter {
    color: #000;
    margin-left: 15px
}

.topMenu-notificationCenter-item {
    width: 300px;
    min-height: 300px;
    height: auto!important;
    overflow: auto
}

.topMenu-notificationCenter-viewControlButton,.topMenu-notificationCenter-viewControlButton:hover {
    padding: 0;
    font-size: 14px;
    color: #06a9f6!important;
    text-transform: none;
    cursor: pointer!important
}

.topMenu-notificationCenter-viewControlButton:hover {
    background-color: #eaeaea!important
}

.topMenu-notificationCenter-list-scrollContainer {
    overflow-x: hidden!important;
    max-height: 600px
}

.topMenu-notificationCenter-list-item {
    cursor: pointer;
    padding: 10px 4px 10px 0
}

.topMenu-notificationCenter-list-item:hover {
    background-color: #f3f3f3;
    width: 100%
}

.topMenu-notificationCenter-list-item-header,.topMenu-notificationCenter-list-item-message,.topMenu-notificationCenter-list-item-timestamp {
    display: inline-block;
    white-space: normal;
    vertical-align: sub;
    font-size: 12px;
    margin-left: 10px;
    max-width: 250px;
    line-height: normal;
    word-wrap: break-word
}

.topMenu-notificationCenter-list-item-header {
    font-weight: 700
}

.topMenu-notificationCenter-list-item-timestamp {
    color: #aaaeb3;
    font-size: 11px
}

.topMenu-nullScreen {
    pointer-events: none!important
}

.topMenu-CTABanners {
    margin-right: auto
}

.topMenu-CTABanners .cbaBannerButton {
    background-color: #ebebeb
}

.menuItemContainer {
    height: 100%;
    width: 100%
}

.noHover,.noHover:hover {
    background-color: unset!important;
    color: unset!important;
    cursor: default!important
}

@media only screen and (max-width: 1279px) {
    .topMenu {
        padding-left:67px
    }
}

.progressionBuilderDialog {
    height: 100%;
    background-color: #303133
}

.progressionBuilderDialog .modal-header {
    padding: 12px 32px
}

.progressionBuilderDialog h2 {
    color: #fff
}

.progressionBuilderDialog .footer {
    background-color: #303133;
    color: #fff
}

.progressionBuilderDialog input.ant-input {
    padding: 0!important;
    height: 100%
}

.AddonCancellationForm__title {
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 20px!important
}

@media(min-width: 992px) {
    .AddonCancellationForm__checkListRow:not(:first-child) {
        margin-top:20px
    }
}

.AddonCancellationForm .ant-checkbox-wrapper {
    display: inline-flex
}

.AddonCancellationForm .ant-checkbox-wrapper .ant-checkbox+span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #303133
}

.MealTrackerPermissionSelect {
    background: transparent;
    color: #06a9f6
}

.MealTrackerPermissionSelect .ant-select-selection {
    background: transparent;
    border-color: transparent
}

.MealTrackerPermissionSelect .ant-select-arrow {
    color: #06a9f6
}

.MealTrackerPermissionSelect .ant-select-selection__rendered {
    margin-left: 0
}

.MealTrackerPermissionSelect .ant-select-selection-selected-value {
    font-size: 12px
}

.clientTypesTable.withBasicMember .ant-select-arrow {
    margin-top: -5px;
    font-size: 10px
}

.clientTypesTable.withBasicMember .ant-select-selection__rendered {
    max-width: 140px;
    margin-right: 7px
}

.clientTypesTable.withBasicMember .ant-select-selection-selected-value {
    padding-right: 12px;
    font-size: 12px
}

.clientTypesTable tr.ant-table-row .textWithIcon {
    display: flex;
    align-items: center
}

.clientTypesTable tr.ant-table-row td:not(:first-child) .textWithIcon {
    justify-content: center
}

.liteApp {
    flex-direction: column;
    height: 100%
}

.liteApp,.liteApp .links-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.liteApp .links-wrapper {
    gap: 100px;
    width: 100%;
    margin-top: 75px
}

.liteApp .link-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #fff
}

.liteApp .link-wrapper svg path:last-of-type {
    fill: #fff
}

.liteApp .link-wrapper img {
    cursor: pointer
}

.findLibraryDialog-card-container {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
    grid-gap: 20px;
    justify-content: center
}

.program-description-wrap {
    overflow: auto;
    width: auto!important
}

.program-description-wrap_tagItem {
    height: 25px;
    margin: 5px 5px 5px 0;
    font-size: 14px;
    padding: 2px 12px;
    border-radius: 10px;
    border: none;
    background-color: #f4f6f9;
    color: #aaaeb3
}

.library-card {
    min-width: 260px;
    max-width: 300px;
    width: 100%
}

.library-card--container {
    border-radius: 5px;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.15))
}

.library-card .ant-card-body {
    padding: 15px
}

.library-card--coverContainer {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    height: 200px
}

.library-card--coverContainer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65))
}

.library-card--coverContainer-image {
    min-width: 260px;
    max-width: 300px;
    height: 100%;
    object-fit: cover
}

.library-card--coverContainer-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    padding: 20px;
    color: #fdd13c;
    font-weight: 700;
    z-index: 10
}

.library-card--tag {
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.library-card--tag-item {
    height: 25px;
    margin: 5px;
    font-size: 14px;
    padding: 2px 12px;
    border-radius: 10px;
    border: none;
    background-color: #f4f6f9;
    color: #aaaeb3
}

.library-card-description {
    -webkit-box-orient: vertical!important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    max-height: 82px
}

.program-filter {
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

.program-filter--title {
    margin-right: 20px!important
}

.program-filter--select-category {
    width: 200px
}

.program-filter--select-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px
}

.program-filter--select-tag-item {
    border-radius: 20px!important
}

@charset "UTF-8";#exer_RO_wait {
    display: none
}

#exer_RO_wait .prompt {
    font-size: 11px
}

.setupButton {
    background-image: url(../../images/workout_button.jpg);
    width: 338px;
    height: 42px
}

#loadingDiv {
    display: none;
    z-index: 100;
    height: 523px;
    width: 990px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}

#exercisePreview {
    display: none;
    z-index: 200;
    background-color: #333;
    width: 990px;
    height: 0;
    position: absolute;
    bottom: 1px;
    left: 0;
    display: none;
    overflow: hidden
}

#workoutPanel1 {
    position: absolute;
    top: 256px;
    left: 290px;
    width: 250px;
    padding: 16px
}

#workoutPanel2 {
    position: absolute;
    top: 350px;
    left: 290px;
    width: 250px;
    padding: 16px
}

.instruct .title,.instruct h1 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.instruct .title {
    padding: 4px 8px 4px 8px;
    background-color: #6d767d
}

.instruct p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #ccc;
    margin: 0 0 8px 0
}

.woCellTab {
    width: 450px
}

.waitPrompt {
    width: 350px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -saf-border-radius: 4px;
    border: 1px solid #777;
    padding: 4px;
    width: 120px;
    background-image: url(../../images/modalMask.png)
}

#wo_SentOut .pad {
    padding: 0 8px 0 8px
}

#sentBy .content {
    min-height: 46px
}

.workouts_btn {
    line-height: 16px;
    margin: 0 0 4px;
    padding: 0 0 0 16px;
    width: 180px;
    font-size: 12px
}

.workouts_btn div.icon {
    display: block;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 16px
}

.workout-btn span.ui-selectmenu-status {
    height: 16px;
    background: url(../images/tr_icon_edit.png) no-repeat 6px 4px;
    padding-left: 24px
}

.exercise_sequence_wraper table {
    padding: 0;
    list-style-type: none;
    font-size: 13px;
    width: 540px;
    margin: 16px 0
}

.exercise_sequence_wraper table td {
    position: relative;
    vertical-align: top;
    margin-bottom: 4px
}

.exercise_sequence_wraper img.woSeqIcon {
    float: left;
    width: 32px;
    margin-right: 4px
}

.exercise_sequence_wraper img.woSeqIcon {
    margin-left: 4px
}

.exercise_sequence_wraper .superset img.woSeqIcon {
    margin-left: 0
}

.exercise_sequence_wraper table label {
    margin-left: 5px
}

.exercise_sequence_wraper table .col1 {
    width: 2px
}

.exercise_sequence_wraper table .superset .col1 {
    width: 2px
}

.exercise_sequence_wraper table .exercise-sequence-name {
    width: 160px;
    font-weight: 700
}

.exercise_sequence_wraper table .exercise-sequence-sets {
    width: 64px
}

.exercise_sequence_wraper table .exercise-sequence-targets {
    font-style: italic;
    font-size: 12px;
    width: 180px
}

.exercise_sequence_wraper table table.superset {
    padding: 0!important;
    margin: 0!important;
    width: 100%
}

.exercise_sequence_wraper table .superset td {
    padding: 0!important;
    margin: 0!important
}

.exercise_sequence_wraper .exercise-superset {
    color: #666;
    background: #ccc;
    font-size: 12px;
    line-height: normal;
    padding: 4px
}

.exercise_sequence_wraper .exercise-superset .gtBtn-tooltip {
    opacity: .3;
    margin-left: 8px;
    cursor: pointer
}

.exercise_sequence_wraper .exercise-superset .gtBtn-tooltip:hover {
    opacity: .6
}

.supersetWrap {
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative
}

.exercise_sequence_wraper ol li .supersetWrap .pad {
    padding: 0!important
}

#workoutSeqExtraParams,.calDlgContent #idWorkoutStats {
    color: #999;
    font-size: 14px;
    width: 80%;
    margin-bottom: 16px;
    display: none
}

#workoutPreviewPage {
    border: 1px solid #eee
}

.dibvat {
    display: inline-block;
    vertical-align: top
}

#containerNew {
    width: 990px
}

.prevSep {
    background: #787878;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.prevSep .pad {
    padding: 5px 8px 3px 8px
}

.prevSep a {
    font-weight: 400
}

#prevInstDiv {
    min-height: 480px;
    overflow-x: hidden;
    padding: 0
}

.prevInstr {
    font-size: 14px;
    padding: 16px
}

.prevInstr h1 {
    font-size: 16px;
    color: #fff
}

.prevInstr h2 {
    font-size: 16px;
    color: #eee
}

.woInstTb {
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 13px;
    font-weight: 400;
    height: 100px;
    padding: 4px;
    width: 90%
}

.prevIcon {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #aaa;
    width: 68px;
    height: 48px;
    overflow: hidden;
    cursor: pointer;
    cursor: hand
}

.prevIcon .prevImg {
    width: 68px
}

.prevIcon:hover {
    border: 1px solid #fff
}

.prevExpIcon {
    width: 80px
}

.nullIcon {
    width: 240px;
    height: 180px
}

#ctl00_PH_Page_lblRoutine {
    font-weight: 700
}

.workoutDialog {
    max-height: 100%;
    overflow: auto
}

#newworkoutDailog {
    padding: 50px 100px 45px 55px;
    display: flex
}

#newworkoutDailog .input-content {
    flex: 2
}

#newworkoutDailog .iphone-video {
    flex: 1;
    margin-left: 100px
}

#newworkoutDailog #t_workoutname,#newworkoutDailog label {
    box-sizing: border-box;
    height: 47px;
    width: 100%;
    padding: 15px 44px;
    border-radius: 3px;
    background-color: #fafafa;
    border: solid 1px #ebebeb;
    display: inline-block;
    margin-top: 12px
}

#newworkoutDailog #t_workoutname {
    padding-left: 12px;
    font-size: 22px;
    line-height: 110%;
    margin-top: 20px
}

#newworkoutDailog label {
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 15px;
    position: relative
}

#newworkoutDailog #regular-label {
    background-image: url(../../images/newWorkoutDialog/regular.png)
}

#newworkoutDailog #circuit-label {
    background-image: url(../../images/newWorkoutDialog/circuit.png)
}

#newworkoutDailog #interval-label {
    background-image: url(../../images/newWorkoutDialog/interval.png);
    padding-top: 9px
}

#newworkoutDailog label.selected {
    color: #4a90e2;
    border: solid 1px #5f9de5
}

#newworkoutDailog label.selected::after {
    background-image: url(../../images/newWorkoutDialog/Checkmark.png);
    background-size: cover;
    content: '';
    position: absolute;
    right: 12px;
    top: 17px;
    height: 11px;
    width: 15px
}

#newworkoutDailog label small {
    line-height: 10px;
    font-size: 10px;
    color: #afafaf
}

#newworkoutDailog h2 {
    margin-top: 30px;
    display: inline-block
}

#newworkoutDailog h5 {
    margin-top: 40px;
    display: inline-block
}

#newworkoutDailog .errorLab {
    position: absolute;
    top: 180px;
    left: 65px;
    width: 400px
}

#newworkoutDailog .gtBtnBar {
    display: inline-block
}

#newworkoutDailog .gtBtnBar button {
    height: 47px;
    width: 202px;
    text-transform: capitalize;
    margin-top: 23px
}

#newworkoutDailog #newWorkout-img-video-cont {
    position: relative
}

#newworkoutDailog #newWorkout-img-video-cont img {
    height: 476px;
    width: 244px
}

#newworkoutDailog #newWorkout-img-video-cont .workout-builder-video {
    position: absolute;
    top: 57px;
    left: 21px;
    width: 204px;
    height: 363px
}

.trainingPlanWrap h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 8px;
    color: #000;
    display: inline-block
}

.workoutPreviewWrap #workoutSummary {
    margin: 32px 16px
}

#editWoLeftCol {
    padding: 0 0 0 4px!important
}

#editWoRightCol {
    padding: 0 4px 0 0!important
}

#exerNameDiv {
    position: relative;
    width: 396px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

#exerNameDiv h1 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    padding: 0;
    margin: 0
}

#searchPrompt {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 15px;
    width: 540px;
    margin: 84px 0 0 64px
}

#searchPrompt .pad {
    padding: 16px
}

#exerNameDiv .pad {
    padding: 6px 8px 8px 8px
}

#exerFilterDiv .pad {
    padding: 4px 8px 4px 8px
}

.exer_label {
    width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

#ctl00_PH_Page_ucSetupExercise_l_Workout {
    font-size: 26px;
    margin: 0;
    padding: 0;
    line-height: 26px
}

.exer_tb {
    width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    float: left;
    color: #fff;
    font-weight: 700;
    background-color: transparent;
    font-size: 14px;
    padding: 2px;
    margin: 0
}

a.exer_rename {
    font-size: 10px;
    padding: 0;
    margin: 0;
    color: #fff
}

.exerT4Bar {
    height: 26px
}

#exer_select {
    font-size: 13px;
    font-weight: 400;
    overflow: hidden
}

#exer_select select {
    font-size: 13px;
    margin-top: 3px
}

#exer_select .pad {
    padding: 4px 0 0 8px
}

.tabWrap {
    border-bottom: 2px solid #2d6fdb;
    white-space: nowrap;
    height: 26px;
    overflow: hidden
}

.tabWrap img {
    padding: 0;
    margin: 0;
    cursor: hand;
    cursor: pointer
}

.circuitPanel {
    font-size: 13px;
    line-height: 13px
}

.circuitPanel .pad {
    padding: 4px 8px 0 10px
}

.filtCol {
    font-size: 13px;
    color: #fff
}

#ctl00_PH_Page_ucSetupExercise_ucExercisesType_dd_BodyPart {
    width: 100px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 4px;
    margin-left: 4px
}

#ctl00_PH_Page_ucSetupExercise_ucExercisesType_dd_Exercises {
    width: 200px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px
}

#desc {
    height: 270px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
    zoom:1}

#desc .pad {
    padding: 16px;
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.desc_titleLab {
    font-size: 20px;
    line-height: 21px;
    font-weight: 700;
    color: #fff
}

.desc_descLab {
    font-size: 13px;
    width: 290px;
    font-weight: 400;
    color: #ccc;
    padding-right: 8px
}

#descContent {
    margin-left: 16px
}

#detail_addBtn {
    margin-top: 8px
}

.desc .detail_addBtn {
    margin-top: 8px
}

.desc_Img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #aaa
}

#horzScrollLab {
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    vertical-align: bottom;
    color: #fff;
    background: #5d5f61
}

#horzScrollLab .pad {
    padding: 3px 0 0 8px
}

#horzScroll {
    text-align: center;
    overflow: auto;
    overflow-x: hidden;
    width: 582px;
    min-height: 96px;
    white-space: nowrap;
    position: relative
}

#horzContentWrap {
    white-space: nowrap;
    text-align: left;
    position: relative;
    z-index: 1
}

#rndBtm {
    background: url(../../images/UI/exer_con_bev_bg.png) repeat-x bottom left;
    height: 27px
}

#rndBtm .left {
    background: url(../../images/UI/exer_con_bev_l.png) no-repeat bottom left;
    float: left;
    height: 27px;
    width: 10px
}

#rndBtm .right {
    background: url(../../images/UI/exer_con_bev_r.png) no-repeat bottom right;
    float: right;
    height: 27px;
    width: 10px
}

.scrollBtn {
    cursor: hand;
    cursor: pointer
}

.exerIcon {
    margin: 8px;
    width: 68px;
    height: 88px;
    position: relative;
    float: left;
    z-index: 9;
    clear: none
}

.exerName {
    font-size: 11px;
    text-align: center;
    width: 76px;
    position: absolute;
    top: 54px;
    left: 0;
    white-space: normal;
    line-height: 11px;
    color: #ababab
}

.exer_addTo {
    float: left;
    clear: none;
    z-index: 999;
    position: absolute;
    right: -4px;
    top: -4px;
    display: none
}

.exer_addTo input {
    z-index: 999
}

#ctl00_PH_Page_ucExerciseDetail_b_Add {
    display: none
}

#ctl00_PH_Page_ucSetupExercise_ucWorkoutExercises_b_Back {
    margin-left: 8px
}

.addBtn {
    float: left;
    margin-top: 4px;
    margin-left: 8px
}

.prompt {
    font-size: 11px
}

#exer_detail_wait {
    position: absolute;
    top: 0;
    left: 0;
    width: 585px;
    height: 274px;
    z-index: 999;
    vertical-align: middle;
    text-align: center;
    display: none
}

#exer_horz_wait {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    vertical-align: middle;
    text-align: center;
    display: none
}

#exer_detail_wait .prompt,#exer_horz_wait .prompt {
    position: absolute;
    left: 330px;
    top: 44%
}

#workoutTemplateWrap {
    overflow: auto
}

#wo_grid_spacer {
    height: 16px
}

#woLibGridDiv {
    border: none;
    padding: 0
}

#uc_NavBar_ConfigExercises {
    margin-bottom: 0
}

#exerLibGridDiv {
    padding: 0
}

#wait_customGrid {
    margin: 208px 0 0 275px
}

#wait_customLoad,#wait_customSave {
    margin: 216px 0 0 240px
}

#viewLab {
    color: #fff;
    padding: 5px 8px 0 0;
    font-size: 14px;
    float: left;
    font-weight: 700
}

#viewLab a {
    color: #fff
}

#viewLab .tbBtn {
    border: 1px solid #555;
    padding: 5px 4px 3px 4px;
    text-decoration: none;
    font-weight: 700;
    color: #666;
    line-height: 24px;
    display: block-inline;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#viewLab a.sel {
    color: #fff;
    background-color: #555
}

#exerImageCell {
    width: 250px;
    text-align: center;
    min-height: 190px;
    margin-bottom: 8px
}

.ajaxOrderedList {
    border: 1px solid #2861c0;
    width: 394px
}

.ajaxOrderedList ul {
    margin: 0;
    padding: 8px;
    font-size: 14px
}

.ajaxOrderedList li {
    list-style: none;
    vertical-align: top;
    padding: 0
}

.ajaxOrderedList li table tr {
    vertical-align: middle;
    height: 0;
    border: none
}

#noExercises {
    padding: 160px 16px 0 16px;
    font-size: 13px;
    color: #ccc;
    width: 300px
}

#noExercises h1 {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.repX {
    color: #d3d3d3
}

.wkBtn_del {
    width: 34px;
    height: 38px;
    cursor: hand;
    cursor: pointer;
    position: absolute;
    right: 0
}

#st_sort_execs li {
    height: 26px;
    margin: 4px 0 4px 0
}

#st_sort_execs .woItem {
    height: 26px;
    width: 374px;
    cursor: move;
    padding: 0;
    margin: 0;
    border: 1px solid #6e6e6e;
    background: url(images/UI/woItemBg.png) repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -saf-border-radius: 2px
}

.woItemLabel {
    width: 252px;
    overflow: hidden;
    padding: 7px 0 0 5px;
    font-size: 12px
}

.woItemReps {
    float: right;
    margin: 4px 4px 0 0
}

#st_sort_execs .ui-state-highlight {
    height: 26px;
    width: 380px;
    border: 1px solid #aaa;
    background: #5e7dee!important
}

.wkBtn_drag {
    width: 20px;
    height: 38px;
    cursor: move;
    border: 0 none;
    font-size: 5px;
    line-height: 0
}

.wkBtn_face {
    background-image: url(../../images/workoutButton_face.jpg);
    background-repeat: repeat-x;
    height: 38px;
    width: 250px;
    position: relative;
    font-size: 12px
}

.wkBtn_link {
    width: 200px;
    padding: 10px 8px 0 8px;
    float: left;
    overflow: hidden
}

.wkBtn_reorder {
    width: 300px;
    height: 38px;
    border: dotted 1px #fff
}

.dBtnDiv {
    float: left;
    margin: 4px 0 0 4px
}

.dBtn {
    width: 16px;
    height: 15px;
    background: url(../../images/UI/woItemDel.png) no-repeat;
    cursor: pointer
}

.bInfoBtn {
    margin-left: 4px;
    width: 16px;
    height: 15px;
    background: url(../../images/UI/woItemInfo.png) no-repeat;
    cursor: pointer
}

.wkBtn_wrap {
    width: 310px;
    position: relative
}

.rep_div {
    position: absolute;
    right: 50px;
    top: 8px;
    width: 70px;
    width: 48px;
    height: 33px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap
}

.rep_tb {
    background-color: transparent;
    border: 1px solid #777;
    font-size: 13px;
    line-height: 15px;
    width: 24px;
    font-family: Arial,Helvetica,sans-serif;
    color: #555;
    margin-left: 4px;
    padding: 2px 1px 0 1px;
    background: url(../../images/UI/field_bg.png) top left repeat-x #f1f1f1;
    -moz-border-radius: 2px;
    -saf-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center
}

.rep_err {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px
}

.errorPrompt {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-left: 4px
}

#ownDiv {
    width: 732px;
    position: relative
}

#ownDiv .left {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../../images/UI/exer_custom_bg_l.png) repeat-x bottom left;
    width: 6px;
    height: 6px
}

#ownDiv .right {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../../images/UI/exer_custom_bg_r.png) repeat-x bottom right;
    width: 6px;
    height: 6px
}

.ownHeader {
    width: 559px;
    background-image: url(../../images/custom_hd_bg.jpg)
}

.ownHeader .wrap {
    margin: 4px 6px 4px 6px;
    line-height: 14px;
    font-size: 13px;
    font-weight: 700
}

.ownH1 {
    position: absolute;
    top: 40px;
    left: 8px
}

.ownH2 {
    position: absolute;
    top: 276px;
    left: 8px
}

#ctl00_PH_Page_UWorkOut1_rlist__rliInsert_RequiredFieldValidator1 {
    margin-left: 14px
}

#custom_newtab {
    font-size: 12px;
    vertical-align: top
}

#l_customName {
    word-wrap: break-word;
    width: 336px
}

.spTop {
    margin-top: 4px
}

#div_EditPanel {
    border: 1px solid silver;
    background-color: #434548;
    position: absolute;
    top: 42px;
    right: 16px;
    width: 262px;
    height: 450px;
    font-size: 13px;
    line-height: 14px;
    padding: 0;
    margin: 0
}

#custom_exist {
    position: absolute;
    top: 308px;
    left: 32px
}

#ctl00_PH_Page_ucSetupExercise_ucCustomExerciseLib_l_Exercise {
    width: 236px;
    height: 152px;
    color: #fff;
    background-color: #535557;
    border: 1px solid #ccc;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px
}

.addCustomDiv {
    position: absolute;
    top: 468px;
    right: 16px
}

#loadingCustomExercise {
    position: absolute;
    top: 26px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100
}

#loadingCustomExercise .wrap {
    margin: 200px auto 0 auto;
    text-align: center
}

#ctl00_PH_Page_ucCustomExercise_ucDetail_up_View,#custom_dlg_content .ui-dialog-content,#dl_Detail {
    overflow: hidden
}

.featContRow {
    border: 0 none;
    padding: 4px
}

.altRow {
    background-color: #434343
}

.featCont {
    margin: 8px
}

.featImg {
    float: left;
    margin: 0 4px 0 0
}

.featHead1 {
    font-size: 13px;
    color: #fff;
    font-weight: 700
}

.featP {
    font-size: 11px;
    color: #d3d3d3
}

.userListPanel {
    height: 200px;
    width: 99%;
    text-align: left;
    margin: 0;
    border: 1px solid #aaa;
    font-size: 13px;
    line-height: 14px;
    overflow: auto
}

.selectAll {
    float: right;
    margin-right: 4px;
    font-size: 11px;
    line-height: 11px;
    vertical-align: top;
    height: 11px;
    padding: 0;
    margin: 0
}

.selectAll input {
    margin: 0;
    position: relative;
    top: -4px
}

#uWO_controls {
    background: url(../../images/UI/wo_btm_bg.png) repeat-x;
    height: 42px;
    position: relative
}

#uWO_controls .left {
    background: url(../../images/UI/wo_btm_l.png) no-repeat bottom left;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0
}

#uWO_controls .right {
    background: url(../../images/UI/wo_btm_r.png) no-repeat bottom right;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 0
}

#uWO_controls .pad {
    padding: 8px
}

.sendDlg {
    width: 460px;
    height: 484px
}

.statDiv {
    padding-top: 64px
}

.stat_icon {
    float: left;
    height: 300px;
    padding-right: 4px
}

.stat_orange {
    color: #ff7a4d
}

.exerLibLeftCol {
    padding: 0 0 0 4px
}

.col1Fixed {
    width: 685px
}

.exerLibRightCol {
    font-weight: 400;
    position: relative;
    padding: 0 4px 0 0;
    width: 296px
}

.exerLibRightCol .panel {
    width: 296px
}

.custom_dlg {
    overflow: hidden
}

.custom_float {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 720px;
    height: 480px;
    z-index: 1500px
}

.custom_float .pad {
    margin: 216px 0 0 280px;
    text-align: center
}

#resizeUploadPrompt .pad {
    margin-left: 128px
}

.uploadBubble {
    margin: 0 16px 64px 0;
    padding: 4px 6px 2px 6px;
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    border: 1px solid #666;
    cursor: pointer
}

.custom_dlg_content {
    position: relative;
    overflow: hidden
}

#custom_upload_wait {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 500px;
    background-image: url(../../images/fade_wait.png);
    display: none;
    z-index: 1000
}

#custom_upload_wait .pad {
    margin: 240px auto 0 auto;
    text-align: center
}

#custom_loading_wait {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 480px;
    background-image: url(../../images/fade_wait.png);
    display: none;
    z-index: 1000
}

#custom_loading_wait .pad {
    margin: 240px auto 0 auto;
    text-align: center
}

.custom_dlg_content .toolbar {
    height: 24px;
    padding: 8px 16px 8px 0;
    text-align: right
}

.custom_dlg_content .content {
    height: 432px;
    overflow: auto;
    overflow-x: hidden
}

#customExer_form {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#customExer_form li {
    margin: 0;
    padding: 0
}

#customExer_form .desc_table {
    width: 320px;
    margin-top: 8px
}

#customExer_form .desc_table td {
    padding-right: 16px
}

#customExer_form .sect {
    padding: 16px;
    clear: both;
    background: #e3e3e3;
    border: 1px solid #999
}

#customExer_form .link_customVideoImage {
    float: right;
    font-size: 11px;
    margin-top: 8px;
    margin-right: 4px;
    margin-bottom: 4px
}

#info_youtube {
    float: right;
    width: 230px;
    border: 1px solid #aaa;
    padding: 8px;
    background: #ddd
}

#info_youtube h3 {
    font-size: 12px
}

#info_youtube p {
    width: 150px;
    padding: 0;
    margin: 0;
    line-height: 130%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 14px
}

#i_youtube {
    height: 48px;
    float: left;
    margin-right: 16px;
    display: inline-block
}

#div_youtube {
    display: block;
    height: 56px;
    overflow: hidden
}

#s_error_label {
    font-size: 14px
}

#d_image #d_fileuploader {
    margin: 0;
    float: right
}

#d_image .pic {
    float: left;
    width: 96px;
    height: 64px
}

#d_image .custom_Img {
    border: 1px solid #666;
    width: 64px
}

#d_image .sect {
    height: 96px;
    overflow: hidden
}

#d_image .item {
    position: relative
}

#d_image .custom_del_wrap {
    width: 24px;
    float: left;
    width: 24px;
    position: absolute;
    top: -10px;
    left: -6px
}

.photoPreviewCol {
    width: 170px
}

.photoCol {
    width: 260px
}

.photoCol .pad,.photoPreviewCol .pad {
    padding: 16px
}

.custPrevCol .pad {
    padding: 16px 0 16px 16px
}

.customDetailsTab {
    font-size: 13px;
    height: 100%;
    width: 720px
}

.customViewInstruct {
    font-size: 13px;
    width: 360px;
    padding-top: 8px
}

.noImageLarge {
    border: 1px solid #999;
    width: 152px;
    height: 112px;
    vertical-align: middle
}

.custom_Img {
    margin-bottom: 4px;
    border: 1px solid #ccc
}

.custom_del {
    cursor: hand;
    cursor: pointer;
    margin: 4px 4px 4px 0
}

.customImgEdit {
    margin-bottom: 4px;
    vertical-align: top
}

.customImgEdit .delBtn {
    float: left
}

#uploadWrap {
    padding: 16px
}

#uploadWrap .picnikBar {
    position: absolute;
    left: 16px;
    bottom: 16px
}

#resizeUploadPrompt {
    display: none
}

.searchDiv {
    font-size: 12px;
    float: right;
    margin-right: 4px
}

.searchDiv .gtBtnSmall {
    margin-top: 3px
}

#nameSearchDiv {
    padding: 6px 8px;
    background: #ccc;
    height: 28px
}

#exerLib_search {
    font-size: 14px;
    padding: 4px 4px 4px 24px
}

#RoListDiv .bInfoBtn,#RoListDiv .delBtn,#detail_addBtn input,#horzScroll,#horzScroll .exerName,#horzScroll input {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

#adminPrompt .pad {
    padding: 32px;
    height: 400px
}

#div_copying .pad {
    margin: 120px 0 0 120px
}

.ytListcb {
    float: left;
    margin: 10px 0 16px 8px
}

.ytItem {
    width: 212px;
    font-size: 13px;
    border: 1px solid #999;
    height: 40px;
    background: #eee
}

.ytIcon {
    height: 24px;
    float: left;
    margin: 8px 4px 8px 8px;
    vertical-align: middle;
    border: 1px solid #666
}

.ytTitle {
    padding: 8px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    height: 20px
}

.ytSummaryItem {
    margin-bottom: 4px
}

.ytSummaryItem .msg_body .pad {
    padding: 8px;
    font-size: 14px;
    font-weight: 400
}

.ytSummaryItem .ui-state-default {
    float: left;
    margin-right: 8px
}

.ytImportBtnBar {
    margin-top: 24px
}

#rp_custom_youTubeTools .head .tc {
    background: url(../../images/UI/siteSettings_youTube.png) no-repeat 100%
}

.ui-dialog .ui-dialog-content#renameExercises ul {
    list-style: none;
    padding-left: 10px
}

.ui-dialog .ui-dialog-content#renameExercises li {
    margin: 5px 0
}

.ui-dialog .ui-dialog-content#renameExercises li input {
    width: 90%
}

.nx-clear {
    zoom:1}

.nx-clear:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.dispaly-none {
    display: none
}

.notify-box {
    height: 0;
    line-height: 24px;
    margin-top: 5px;
    overflow: hidden
}

.notify-apply {
    padding-left: 26px;
    background: url(../../images/UI/status_done.png) no-repeat 0 0
}

table.main-style {
    margin: 0;
    padding: 0;
    margin-top: 24px
}

table.main-style td.first {
    vertical-align: top;
    width: 8px
}

table.main-style td.second {
    width: auto;
    vertical-align: top
}

div.menu-sitesettings table table table {
    font-size: 12px!important;
    padding: 6px 4px 6px 18px!important;
    border-bottom: 1px solid #999;
    font-weight: 700;
    cursor: pointer
}

#acct_content .mainPanelStatusBar strong {
    position: relative;
    top: 3px
}

.smallItalics {
    font-size: 12px;
    font-style: italic;
    line-height: 13px
}

ul.main-style {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.main-style li {
    margin: 4px 0 4px 0
}

.step {
    float: left;
    width: 480px;
    font-weight: 700
}

.step-dec {
    float: left;
    width: 380px;
    font-size: 12px;
    line-height: 115%
}

input.wide {
    width: 350px!important
}

tr.custom .show-hide,tr.existing .show-hide {
    height: 0;
    overflow: hidden;
    width: 423px
}

.show-hide .custom-domain {
    background: #fafafa;
    color: #666
}

.dlgWoBuilder .ui-dialog-titlebar {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1000;
    height: 32px;
    background: 0 0
}

.dlgWoBuilder .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none
}

.workoutBuilderOld #configure_title {
    float: left;
    padding: 8px 8px;
    color: #fff;
    text-align: left;
    max-width: 820px;
    white-space: nowrap
}

.workoutBuilderOld #configure_title h3 {
    font-size: 18px;
    font-weight: 400
}

#configurate_workout {
    width: 990px;
    height: 600px;
    position: relative
}

#configurate_workout #setupExer {
    top: 41px;
    left: 0;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row
}

#configurate_workout #exerList_tb {
    background: #f2f2f2;
    border-bottom: 1px solid #ccc
}

#configurate_workout #config_footer {
    height: 26px;
    color: #666;
    z-index: 1000;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    width: 419px;
    z-index: 0
}

#configurate_workout #woBuilderCol1 {
    width: 419px;
    height: 560px;
    position: relative
}

#configurate_workout #woBuilderSaving {
    position: absolute;
    top: 40px;
    left: 0;
    width: 990px;
    height: 560px;
    z-index: 10000;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.7)
}

#exerList_tb .pad {
    padding: 3px 7px
}

#change_workout_circuit input.sets {
    width: 25px
}

#change_workout_circuit label {
    height: 0;
    overflow: hidden;
    display: block
}

#configure_title {
    color: #fff
}

#configure_title.notActive .rename {
    visibility: hidden
}

#configure_title .rename {
    margin-left: 8px;
    font-size: 12px;
    color: #696969
}

#woBuilder_toggle #lnk_toggle,.editCustomLink {
    color: #999
}

#configure_title:hover .rename,#woBuilder_toggle:hover #lnk_toggle,.editCustomLink:hover {
    color: #97cf30
}

.editCustomLink {
    padding: 0 8px;
    font-size: 12px;
    float: right;
    position: absolute;
    top: 4px;
    right: 17px
}

#configExer-tb {
    height: 40px;
    overflow: hidden;
    position: relative
}

#configExer-tb .gtToolbar {
    margin: 6px 34px 0 0;
    float: right
}

#configExer-gridWrap {
    height: 560px;
    width: 570px
}

#configurate_workout #configExer-gridWrap {
    border-left: 1px solid #999;
    box-shadow: -4px 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: -4px 0 4px rgba(0,0,0,.1);
    -webkit-box-shadow: -4px 0 4px rgba(0,0,0,.1)
}

#configurate_workout .tb2 {
    background: #ccc;
    color: #333;
    font-size: 14px;
    height: 24px
}

#configurate_workout .tb3 {
    background: #ccc;
    color: #333;
    font-size: 13px;
    font-weight: 700
}

#configurate_workout .tb2 .pad {
    padding: 3px 8px 3px 7px
}

#configurate_workout .tb2 .pad a {
    font-size: 13px;
    line-height: 14px;
    font-weight: 700
}

#configurate_workout .tb2 .pad a.sel {
    color: #fff
}

#configurate_workout .tb2 .errorLab {
    font-size: 12px;
    float: right;
    display: none
}

#configurate_workout #update_rounds {
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    left: 233px;
    top: 2px;
    color: #444
}

#configurate_workout #performCircuit {
    position: absolute;
    top: 5px;
    font-size: 14px;
    left: 68px;
    text-align: right;
    width: 157px;
    color: #444
}

#configurate_workout #tb_circuitRounds {
    font-size: 12px;
    width: 20px
}

#configurate_workout.circuit #exercise_list .sets {
    opacity: .5
}

#nameSearchDiv .searchBox {
    border: 1px solid #666;
    background: #fff;
    width: 486px;
    padding: 2px 0
}

#nameSearchDiv .searchBox-focused {
    border: 1px solid #95cc32;
    box-shadow: 0 0 5px #95cc32
}

#nameSearchDiv .token-input-list-facebook {
    width: 420px;
    border: 0;
    margin-left: 25px;
    border: none
}

#nameSearchDiv .gtBtn-tooltip {
    opacity: .2;
    position: absolute;
    top: 12px;
    left: 546px
}

#nameSearchDiv .gtBtn-tooltip:hover {
    opacity: .4
}

#btn_exerLib_search {
    right: 5px;
    position: absolute;
    top: 4px;
    margin: 2px 0 0 0
}

#configExer-gridWrap .searchResultsBar {
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px
}

#configExer-gridWrap .searchTagsHint {
    display: none;
    background: #eaeff6;
    color: #666;
    width: 100%;
    height: 56px
}

#configExer-gridWrap .searchTagsHint .tagWrap {
    padding: 0 8px 8px 8px
}

#configExer-gridWrap .searchTagsHint .tagWrap ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#configExer-gridWrap .searchTagsHint .tr-closeBtn {
    float: right;
    margin: 10px 10px 0 0;
    z-index: 100
}

#config_footer #progression_dayChanges,#config_footer #woBuilder_toggle {
    cursor: pointer
}

#config_footer #progression_dayChanges span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #f90;
    margin-right: 4px
}

#config_footer #progression_flipToWorkoutBuilder,#config_footer #woBuilder_flipToProgression {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 8px;
    text-align: right;
    width: 200px
}

#nameSearchDiv ul.token-input-list-facebook li.tag-search p {
    display: inline
}

#nameSearchDiv ul.token-input-list-facebook li.tag-search span {
    font-weight: 700;
    margin-left: 5px;
    position: relative;
    left: -2px
}

#nameSearchDiv ul.token-input-list-facebook li {
    display: inline
}

#nameSearchDiv ul.token-input-list-facebook li input {
    padding: 1px 8px
}

#nameSearchDiv ul.token-input-list-facebook li.tag-search {
    display: inline;
    padding: 2px;
    color: #999;
    margin: 0 2px;
    border: 1px solid #aaa;
    background: #eee;
    cursor: pointer;
    font-size: 11px;
    border-radius: 4px;
    position: relative;
    top: -1px
}

#configExer-gridWrap .searchTagsHint .tagWrap ul li:hover {
    opacity: .8
}

#configExer-gridWrap .searchTagsHint .filter {
    font-size: 11px;
    padding: 6px 4px 8px 8px
}

#configExer-gridWrap .searchTagsHint .searching {
    display: none;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 4px 6px 8px
}

#configExer-gridWrap .searchTagsHint select {
    float: left;
    margin: -3px 4px 0 0;
    font-size: 13px
}

#searchShowMore {
    position: absolute;
    top: 15px;
    left: 436px;
    font-size: 11px;
    cursor: pointer;
    color: #888
}

#searchclear {
    position: absolute;
    top: 15px;
    left: 402px;
    font-size: 11px;
    cursor: pointer;
    color: #888
}

#configExer-gridWrap .searchResultsLoading {
    display: none;
    padding: 32px
}

#configExer-gridWrap .searchResultsWithHint {
    height: 464px!important
}

#searchResultsInternal,#searchResultsYoutube {
    margin: 16px 0
}

#configExer-gridWrap .searchTable td.moreResults {
    text-align: left;
    padding: 4px;
    border-bottom: 0;
    font-size: 12px
}

#configExer-gridWrap .searchTable td.moreResults span {
    display: none
}

.searchResultsFooter {
    position: absolute;
    width: 100%;
    height: 26px;
    color: #666;
    font-size: 12px;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    z-index: 0;
    bottom: 0
}

#configExer-gridWrap .searchTable tr td {
    font-size: 12px;
    color: #777;
    cursor: pointer;
    padding: 8px;
    min-width: 154px;
    display: table-cell;
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    vertical-align: top
}

#configExer-gridWrap .searchTable tr td:hover {
    opacity: 1;
    color: #2196f3
}

#configExer-gridWrap .searchTable tr td div.wrap-add {
    position: relative;
    width: 167px;
    display: flex;
    align-items: center;
    max-height: 50px;
    flex-direction: row;
    justify-content: flex-start
}

#configExer-gridWrap .searchTable tr td div.wrap-add>div {
    width: 140px;
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    height: 40px
}

#configExer-gridWrap .searchTable tr td img {
    float: left;
    margin-right: 8px;
    border: 1px solid #666
}

#configExer-gridWrap .searchTable tr td:hover .wrap-add img {
    border: 1px solid #05a9f5
}

#configExer-gridWrap .searchTable tr td .wrap-add img.tall {
    height: 36px!important
}

#configExer-gridWrap .searchTable tr td .wrap-add img.wide {
    width: 48px!important
}

#configExer-gridWrap .searchTable div.search-result-img {
    width: 48px;
    height: 36px;
    background-size: cover;
    background-position: center center;
    float: left;
    margin-right: 8px;
    border: 1px solid #666
}

#configExer-gridWrap .searchTable tr td.click-detail {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

,#configExer-gridWrap .searchTable tr td.click-detail:hover {
    background: #eaf1fb
}

.customExerEdit:hover div {
    opacity: 1
}

#configExer-gridWrap #searchResultsInternal tr td img {
    min-height: 36px
}

#configExer-gridWrap .searchTable tr td .shortcut_add:hover {
    opacity: 1
}

#configExer-gridWrap .searchTable tr td.resultsSummary {
    font-size: 16px;
    padding: 2px 8px 16px 8px;
    color: #999
}

#configExer-gridWrap .searchTable .viewDetail {
    padding: 16px;
    background: #eee;
    position: relative
}

#configExer-gridWrap .searchTable .viewDetail .imageVidWrap {
    float: left;
    margin-right: 16px;
    align-self: center
}

#configExer-gridWrap .searchTable .viewDetail .imageVidWrap .imageOnly {
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: relative
}

#configExer-gridWrap .searchTable .viewDetail .imageVidWrap .imageOnly img.wide {
    width: 300px
}

#configExer-gridWrap .searchTable .viewDetail .imageVidWrap .imageOnly img.tall {
    height: 200px
}

#configExer-gridWrap .searchTable .viewDetail .desc {
    overflow: hidden
}

#configExer-gridWrap .searchTable .viewDetail h1 {
    font-size: 20px;
    color: #000;
    font-weight: 400
}

#configExer-gridWrap .searchTable .viewDetail h2 {
    font-size: 20px;
    color: #000;
    margin: 0;
    font-weight: 400
}

#configExer-gridWrap .searchTable .viewDetail .desc p {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 12px;
    line-height: 120%;
    color: #666;
    white-space: pre-wrap;
    white-space: pre-line
}

#searchResultsYoutube .workout-addBtn {
    margin-top: 16px
}

#searchMore {
    position: absolute;
    right: 90px;
    top: 10px;
    color: #999;
    cursor: pointer;
    font-size: 11px;
    padding: 7px 12px;
    background: url(../../images/configExercises/searchColl.png) no-repeat 100% 50%
}

#searchMore.exp {
    background: url(../../images/configExercises/searchExp.png) no-repeat 100% 50%
}

#configurate_workout #exercise_count {
    background: #1eb6f8;
    border-radius: 10px;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 400;
    float: right;
    margin-top: -1px
}

#configurate_workout #configure_title div {
    margin: 3px 0 0 0!important
}

#configurate_workout span.main-style-small {
    font-size: 12px;
    font-weight: 400
}

#configurate_workout #exer_roList #instuctions {
    width: 97.5%!important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 100px;
    font-family: Helvetica,Arial,Sans-Serif;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 4px
}

#configurate_workout #inst_dragDrop {
    text-align: center;
    padding: 4px 0 32px 0;
    font-size: 11px;
    font-weight: 400;
    color: #999
}

#configurate_workout #exerciseRel {
    position: relative;
    height: 339px;
    overflow: hidden
}

#configurate_workout .exercises_wraper {
    border: 0;
    height: 348px;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    position: relative
}

#configurate_workout #btnRestWrap,#configurate_workout #link_quickAddCustom {
    font-size: 13px;
    font-weight: 400;
    color: #777
}

#configurate_workout #link_quickAddCustom {
    margin-top: 5px;
    margin-right: 5px
}

#configurate_workout #btnRestWrap {
    float: left
}

#configurate_workout #btnRestWrap span {
    margin-left: 6px;
    line-height: 25px
}

#configurate_workout #btnRest {
    width: 26px;
    height: 26px;
    background-size: cover;
    background-image: url(../../images/workoutBuilder/rest_SD.png);
    cursor: move;
    float: left
}

#configurate_workout #exercises_not_exist {
    height: 320px;
    background: #fff
}

#configurate_workout #warning {
    margin: 149px 0 0 52px;
    color: #ccc;
    font-size: 16px
}

#configurate_workout #warning div.fl {
    font-size: 13px;
    width: 280px;
    padding: 0 0 0 8px
}

#configurate_workout #warning div.fl h4 {
    font-size: 14px
}

#configurate_workout #warning div.fl p {
    margin-top: 0
}

#configurate_workout #exercises_exist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

#configurate_workout #exercises_exist ul li.item {
    border: 1px solid #4ec3f8;
    background: #f7fcff;
    width: 388px;
    color: #444;
    font-size: 13px;
    line-height: 20px;
    margin: 3px;
    padding: 2px;
    background-position: 0 0;
    cursor: move;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#configurate_workout #exercises_exist ul li.item:hover {
    border: 1px solid #7eaede;
    background: #dff3ff
}

#configurate_workout #exercises_exist ul li.ui-state-highlight {
    margin: 3px;
    height: 25px
}

#configurate_workout #exercises_exist ul li.item li {
    margin: 2px 0 1px 0;
    cursor: move
}

#configurate_workout #exercises_exist ul li.item li label {
    cursor: move;
    margin-left: 38px;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#configurate_workout #exercises_exist ul li.item li div.main-info {
    padding: 0 30px 0 23px;
    position: relative
}

#configurate_workout #exercises_exist ul li.item li div.main-info .thumb {
    width: 32px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -3px;
    left: 23px
}

#configurate_workout #exercises_exist ul li.item li[exercisetype~=rest] div.main-info .thumb {
    background-size: contain
}

#configurate_workout #exercises_exist ul li.item li input.targetField {
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif
}

#configurate_workout #exercises_exist ul li.item li select.restTime {
    margin: 3px 2px 0 0;
    font-size: 12px
}

#configurate_workout #exercises_exist ul li.item li div.main-info div.sets {
    float: right;
    position: absolute;
    right: 129px;
    top: -3px;
    line-height: 26px;
    font-weight: 400;
    color: #999
}

#configurate_workout #exercises_exist ul li.item li div.main-info div.sets input {
    width: 15px;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif
}

#configurate_workout #exercises_exist ul li.item li div.main-info input.select {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

#configurate_workout #exercises_exist ul li.item li div.ho {
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: 0
}

#configurate_workout #exercises_exist ul li.item li div.ho input {
    width: 120px;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif
}

#configurate_workout #exercises_exist ul li.item li div.ho select {
    margin: 0 5px 0 0;
    height: 20px;
    width: 48px;
    border-radius: 3px;
    vertical-align: top;
    -webkit-appearance: none;
    background: url(../../images/UI/angle_down.png) no-repeat right #fff;
    border: 1px solid #666;
    background-size: 10px;
    background-position: 34px;
    text-indent: 2px;
    font-size: 12px;
    float: left
}

#configurate_workout #exercises_exist ul li.item li div.ho select.restTime {
    margin: 0 131px 0 0
}

#configurate_workout #exercises_exist ul li.item li div.ho select.restTime.noMargin {
    margin: 0
}

#configurate_workout #exercises_exist #target_actions {
    float: right;
    margin: 0
}

#configurate_workout #exercises_exist #exercise_action {
    position: relative
}

#configurate_workout #exercise_action #target_actions button:hover,#configurate_workout #exercises_exist #exercise_action button {
    margin-right: 4px
}

#configurate_workout #exercises_exist #bg_fade {
    top: 0;
    left: 0;
    right: 0;
    height: 293px;
    position: absolute;
    background-color: rgba(255,255,255,.85);
    z-index: 10
}

#configurate_workout #dropZoneOverlay {
    top: 184px;
    left: 0;
    right: 0;
    height: 350px;
    position: absolute;
    z-index: 10
}

#configurate_workout #builder_dropZone {
    top: 183px;
    left: 0;
    height: 350px;
    width: 100%;
    position: absolute;
    z-index: 99;
    border: 1px solid #2196f3;
    box-sizing: border-box;
    background-color: rgba(2555,255,255,.8);
    overflow: hidden
}

#dropIcon {
    background-image: url(../../images/workoutBuilder/dragOver.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 180px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background-color: rgba(255,255,255,.6)
}

#builder_dropZone.dropActive {
    border: 1px solid #2196f3!important
}

#configurate_workout #divGroupInto {
    float: right;
    margin-right: 14px
}

#configurate_workout .supersetItem .supersetName {
    font-size: 15px;
    font-weight: 400;
    color: #000
}

#configurate_workout .supersetItem .ungroupSuperset {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 3px;
    top: -1px
}

#configurate_workout .supersetItem .supersetRounds {
    height: 25px;
    position: absolute;
    top: -1px;
    left: 228px
}

#configurate_workout .supersetItem .supersetRounds .sets {
    width: 15px;
    font-size: 14px;
    padding: 1px 2px
}

#configurate_workout .supersetItem .supersetRoundsText {
    margin-left: 8px;
    font-size: 15px;
    font-weight: 400;
    color: #000
}

#configurate_workout .supersetItem .intervalRounds {
    height: 25px;
    position: absolute;
    top: -1px;
    left: 209px
}

#configurate_workout .supersetItem .intervalRounds .sets {
    width: 15px;
    font-size: 14px;
    padding: 1px 2px
}

#configurate_workout .mt5 {
    margin-top: 5px
}

#configurate_workout #exercises_exist ul li.superset li div.main-info {
    margin-bottom: 8px
}

.fl {
    float: left
}

.fr {
    float: right
}

.dn {
    display: none
}

.db {
    display: block!important
}

.ho {
    height: 0;
    overflow: hidden
}

.fs14 {
    font-size: 14px
}

.ml95 {
    margin-left: 95px
}

.ml15 {
    margin-left: 15px
}

#tooltip {
    background-color: #e7e7e7;
    padding: 10px 15px;
    color: #555;
    font-size: 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #666;
    text-align: left;
    background-image: -moz-linear-gradient(#e4e4e4,#e7e7e7 50%,#dedede 51%,#bababa);
    background-image: -webkit-linear-gradient(#e4e4e4,#e7e7e7 50%,#dedede 51%,#bababa);
    background-image: -o-linear-gradient(#e4e4e4,#e7e7e7 50%,#dedede 51%,#bababa);
    -moz-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -o-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    font-family: Helvetica,Arial,sans-serif
}

#tooltip .arrow {
    background: url(/includes/temp/black_arrow_big.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10;
    left: -36px
}

#add_custom {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 8px;
    font-size: 13px
}

#div_quick_add_wraper ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#div_quick_add_wraper ul li {
    margin-bottom: 10px
}

#div_quick_add_wraper #exists_section div {
    width: 270px
}

#div_quick_add_wraper .optional {
    font-size: 12px;
    font-style: italic;
    font-weight: 400
}

.speed-box {
    position: relative
}

.speed-box .calculate {
    position: absolute;
    top: 0;
    right: 0
}

td.summary {
    padding-top: 35px!important
}

.bg_fade {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loading-search,.searching {
    font-size: 14px;
    color: #999;
    background: url(../../images/spinnerSnake.gif) no-repeat 0 0;
    position: absolute;
    top: 26px;
    margin: 0 40px;
    padding: 0 0 0 24px
}

#wrap_result_internal,#wrap_result_youtube {
    position: relative;
    min-height: 70px
}

#no_matching_search {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#configExer-gridWrap .searchResultsWithHint .empty-search-both {
    display: table-cell;
    height: 526px
}

#configExer-gridWrap .searchResultsWithHint .empty-search p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #aaa;
    font-weight: 700
}

.searchResultsWrap {
    position: relative
}

.searchResultsWrap .ui-icon-closethick {
    position: absolute;
    top: 2px;
    right: 4px;
    opacity: .8
}

.searchResultsWrap .ui-icon-closethick:hover {
    opacity: 1
}

#no_matching_search,#result_internal_not_found,#result_youtube_not_found {
    margin: 0 20px;
    font-size: 14px;
    color: #aaa
}

.searchResultsWrap div.desc h2 {
    margin: 8px 0
}

.searchResultsWrap div.desc div.import-option {
    margin: 4px 0
}

.searchResultsWrap div.desc div.import-option select {
    margin: 4px 0
}

.searchResultsWrap div.desc div.import-option label {
    margin: 0 3px 0 0
}

#configurate_workout {
    position: relative
}

#nameSearchDiv ul.token-input-list-facebook li.token-input-input-token-facebook {
    float: none;
    display: inline
}

#searchResultsInternal tr,#searchResultsYoutube tr {
    width: 100%;
    display: table-row
}

#searchResultsInternal .desc h2,#searchResultsYoutube .desc h2 {
    overflow: hidden
}

#searchResultsInternal .wrap-add span,#searchResultsYoutube .wrap-add span {
    overflow: hidden;
    display: block;
    word-wrap: break-word
}

#divGroupInto {
    font-size: 13px
}

#rp_ExerciseLibraryView .content {
    padding: 0
}

#div_workoutplan_detail #btn_print {
    position: absolute;
    top: 8px;
    right: 8px
}

#div_workoutplans_preview_list {
    min-height: 433px
}

#div_workoutplans_preview_list .loading {
    color: #999;
    font-size: 12px
}

#div_workoutplans_preview .workout_item {
    min-height: 130px;
    clear: both;
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid #ddd
}

#div_workoutplans_preview .woView {
    display: block;
    text-align: center;
    opacity: .9;
    position: relative;
    width: 180px;
    height: 130px;
    float: left;
    margin-right: 16px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none
}

#div_workoutplans_preview .woView:hover {
    opacity: 1
}

#div_workoutplans_preview .woView div {
    display: inline;
    position: relative;
    top: 92px;
    background: #000;
    padding: 3px 12px;
    background: rgba(0,0,0,.6);
    color: #ccc;
    font-size: 11px;
    border-radius: 12px;
    border: 1px solid #ccc;
    text-decoration: none
}

#div_workoutplans_preview .workout_item h2 {
    margin-top: 8px;
    float: left;
    width: 400px
}

#div_workoutplans_preview .workout_item .ctrlsTR {
    position: absolute;
    right: 4px;
    top: 0;
    font-size: 14px;
    margin: 4px -4px 0 0
}

#div_workoutplans_preview .workout_item .ctrls a.text {
    text-decoration: none;
    color: #9b9b9b;
    padding: 4px 8px;
    opacity: .8
}

#div_workoutplans_preview .workout_item .ctrls a.text:hover {
    opacity: 1;
    color: #97cf30
}

#div_workoutplans_preview .workout_item .ctrls a.edit {
    padding: 4px 0 4px 8px!important;
    font-size: 13px
}

#div_workoutplans_preview .workout_item .ctrlsBR {
    height: 28px;
    position: absolute;
    right: 4px;
    bottom: 8px;
    text-align: right
}

#div_workoutplans_preview .gtBtn-grid {
    position: absolute;
    right: 2px;
    top: 4px;
    opacity: .2
}

#div_workoutplans_preview .gtBtn-grid:hover {
    opacity: .4
}

#div_workoutplans_preview .workout_item h2,.exerRow h2 {
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
    color: #1eb6f8;
    opacity: .9
}

#div_workoutplans_preview .workout_item a.woName {
    text-decoration: none
}

#div_workoutplans_preview .workout_item a.woName h2:hover {
    opacity: 1
}

#div_workoutplans_preview div.desc-container {
    width: 426px;
    margin: 0;
    overflow: auto;
    height: auto
}

#div_workoutplans_preview p.desc {
    color: #666;
    display: -webkit-box!important;
    max-width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 15px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin: 0;
    margin-top: 3px
}

#div_workoutplans_preview div.exe-container {
    width: 426px;
    margin: 0;
    overflow: auto;
    height: auto;
    margin-top: 5px
}

#div_workoutplans_preview p.exercises {
    color: #999;
    margin-bottom: 8px;
    max-width: 100%;
    height: 14px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

#div_workoutplans_preview .operations {
    float: right;
    text-align: right
}

.div_workoutseq_edit {
    background: #ddd;
    padding: 4px;
    font-size: 12px;
    text-align: right
}

#workoutPreview-grid {
    float: right;
    opacity: .3
}

#workoutPreview-grid:hover {
    opacity: .8
}

#planContent .trainingPlan_toolbar {
    background-color: #eff3f6;
    padding: 12px;
    min-height: 28px
}

#div_workoutplan_desc_wrap {
    padding: 16px 0;
    min-height: 80px
}

#div_workoutplan_descEdit {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #ddd;
    background: #eee;
    position: relative;
    z-index: 10
}

#instHowToWrite {
    font-size: 13px;
    color: #666;
    margin-bottom: 16px
}

#t_workoutplan_desc {
    width: 100%;
    height: 280px;
    font-size: 13px;
    box-sizing: border-box
}

.t_workoutplan_desc_example {
    width: 260px;
    height: 280px;
    font-size: 13px;
    flex-shrink: 0;
    margin-left: 5px
}

#div_workoutplan_desc {
    font-size: 13px;
    font-weight: 100;
    line-height: 130%;
    width: 500px;
    margin-top: 16px;
    margin-bottom: 16px
}

#workoutLibTitle h2 {
    opacity: .6
}

#div_workoutplan_edit .greyLarge {
    display: none
}

#tpControls label {
    color: #000;
    font-size: 13px
}

#progressionView .footer {
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 1000
}

#progressionView .footer .fr {
    margin: 2px 4px
}

#progressionView .footer .fl {
    margin: 5px 4px;
    color: #aaa;
    font-size: 11px
}

#progressionView .footer .fl .locked {
    width: 16px;
    height: 16px;
    background: url(../../images/workoutBuilder/lockWhite.png) top left no-repeat;
    margin-right: 4px;
    opacity: .5;
    float: left;
    margin-right: 4px
}

#progressionView .footer a {
    color: #ddd;
    text-decoration: none;
    font-size: 13px
}

#progressionView .footer a:hover {
    color: #fff
}

#progressionView .footer a.disabled:hover {
    color: #ddd
}

#progressionView .col {
    width: 200px;
    position: relative
}

#progressionView .col ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#progressionView .col ul li {
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
    height: 24px;
    position: relative
}

#progressionView .col ul li:last-of-type {
    border-bottom: 1px solid #ccc
}

#progressionView .col ul li .thumb {
    float: left;
    padding: 0;
    margin: 0;
    width: 32px;
    height: 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

#progressionView .col ul li label {
    float: left;
    padding: 4px 6px 0 2px;
    margin: 0;
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#progressionView #fixed {
    display: none;
    width: 200px;
    position: absolute;
    height: 536px;
    overflow: hidden;
    box-shadow: 2px 0 5px rgba(0,0,0,.4);
    z-index: 100
}

#progressionView #fixed .workoutInst,#progressionView #scrollable #progressionTable .workoutInst {
    float: left;
    font-size: 12px;
    line-height: 105%;
    overflow: hidden;
    float: left;
    width: 168px;
    height: 164px;
    text-overflow: ellipsis
}

#progressionView #fixed .workoutInst {
    width: 168px
}

#progressionView #scrollable #progressionTable .workoutInst {
    width: 152px
}

#progressionView #fixed .superset {
    position: absolute;
    top: 0;
    height: 24px;
    left: 0;
    width: 2px;
    position: absolute;
    top: 0;
    height: 24px;
    left: 196px;
    width: 4px;
    background: #ccc
}

#progressionView #fixed .s0 {
    background: #ff6c00!important
}

#progressionView #fixed .s1 {
    background: #f9aa29!important
}

#progressionView #fixed .s2 {
    background: #1992ad!important
}

#progressionView #fixed .s3 {
    background: #16649b!important
}

#progressionView #scrollable #progressionTable .workoutInst {
    margin-left: 4px
}

#progressionView #fixed .col {
    padding: 8px;
    box-sizing: border-box
}

#progressionView #fixed ul {
    margin: 0 -8px
}

#progressionView #scrollable {
    width: calc(100% - 200px);
    position: absolute;
    left: 201px;
    height: 536px;
    overflow: auto;
    background: #e9f7ff;
    display: none;
    overflow-y: hidden
}

#progressionView #scrollable.willScrollY {
    overflow-y: scroll
}

#progressionView #notScheduled {
    position: absolute;
    left: 0;
    width: 100%;
    height: 536px;
    background: #e9f7ff;
    display: none
}

#progressionView #notScheduled .notScheduledWrap {
    margin: 150px auto 0 auto;
    width: 440px;
    text-align: center
}

#progressionView #notScheduled #watchProgDemo {
    display: inline-block;
    cursor: pointer;
    width: 230px;
    height: 138px;
    background: url(../../images/workoutBuilder/progressionsGettingStarted.png);
    opacity: .9
}

#progressionView #notScheduled #watchProgDemo:hover {
    opacity: 1
}

#progressionView #notScheduled h1 {
    color: #444;
    font-size: 21px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

#progressionView #notScheduled p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

#dlg_progressionEditNote #notesDayLabel {
    font-size: 16px;
    font-weight: 700;
    float: left;
    color: #ed772a;
    margin-top: 6px
}

#dlg_progressionEditNote .topBar {
    height: 26px;
    padding: 4px
}

#dlg_progressionEditNote #dlg_progressionEditNote_Save {
    float: right
}

#progressionEditWorkoutNote {
    width: 582px;
    height: 248px;
    padding: 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 0 0 4px 4px
}

#progressionView #scrollable #progressionTable .col {
    float: left;
    width: 200px;
    margin: 8px 0 8px 8px;
    min-height: 520px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f4fbff;
    border: 1px solid #c2c9cd;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#progressionView #scrollable #progressionTable .ui-state-disabled {
    opacity: 1
}

#progressionView #scrollable #progressionTable .col:last-of-type {
    margin-right: 8px
}

#progressionView #scrollable #progressionTable .col ul li {
    padding: 0 4px;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
    box-sizing: border-box
}

#progressionView #scrollable #progressionTable .col .workoutInst,#progressionView #scrollable #progressionTable .col ul li {
    opacity: .6
}

#progressionView #scrollable #progressionTable .col.hasOverride .workoutInst,#progressionView #scrollable #progressionTable .col.hasOverride ul li {
    opacity: 1
}

#progressionView #scrollable #progressionTable .col .workoutDate,#workoutName {
    color: #888;
    float: left;
    height: 20px;
    font-size: 14px;
    margin: 4px
}

#workoutName {
    margin-left: 0!important
}

#progressionView #scrollable #progressionTable .col .icon {
    display: none
}

#progressionView #scrollable #progressionTable .col .editNotes:hover {
    opacity: 1;
    border: 1px solid #aaa;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

#progressionView #scrollable #progressionTable .col.hasOverride {
    opacity: 1;
    background: #fff;
    border: 1px solid #a6c6ea
}

#progressionView #scrollable #progressionTable .col.hasOverride .workoutDate,#workoutName {
    color: #ed772a
}

#progressionView #scrollable #progressionTable .col.hasOverride input {
    border: 1px solid #dae0e6!important;
    font-size: 12px!important
}

#progressionView #scrollable #progressionTable .col.hasOverride input:hover {
    border-color: #70d1fe!important
}

#progressionView #scrollable #progressionTable .col.hasOverride ul li {
    opacity: 1
}

#progressionView #scrollable #progressionTable .col.hasOverride .icon {
    background-position: 0 0
}

#progressionView #scrollable #progressionTable .col.hasOverride .editNotes {
    display: block
}

#progressionView #scrollable #progressionTable .col .ctrls {
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 13px;
    display: none
}

#progressionView #scrollable #progressionTable .col .ctrls a {
    text-decoration: none
}

#progressionView #scrollable #progressionTable .col .unlock {
    position: absolute;
    top: 4px;
    right: 4px;
    font-weight: 400;
    font-size: 11px!important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px
}

#progressionView #scrollable #progressionTable .col div.sets input {
    border: none;
    background: 0 0;
    width: 20px;
    height: 19px;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: right;
    opacity: 1!important
}

#progressionView #scrollable #progressionTable .col div.x {
    display: inline-block;
    width: 36px;
    font-size: 12px;
    flex-shrink: 0
}

#progressionView #scrollable #progressionTable .col div.x span {
    display: inline;
    color: #000
}

#progressionView #scrollable #progressionTable .col.hasOverride div.x {
    width: 8px
}

#progressionView #scrollable #progressionTable .col.hasOverride div.x span {
    display: none
}

#progressionView #scrollable #progressionTable .col div.ho {
    display: inline
}

#progressionView #scrollable #progressionTable .col div.ho input {
    border: none;
    background: 0 0;
    width: 132px;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    text-overflow: ellipsis;
    height: 20px;
    padding: 3px 2px 1px 2px
}

#progressionView #scrollable #progressionTable .col.hasOverride div.ho input {
    width: 140px;
    text-overflow: clip;
    box-sizing: border-box
}

#progressionView #scrollable #progressionTable .col div.rest {
    font-size: 12px;
    width: 100%;
    height: 100%;
    color: #000
}

#progressionView #scrollable #progressionTable .col div.hasTimer {
    font-size: 12px;
    height: 100%
}

#progressionView #scrollable #progressionTable .col div.targets>input {
    width: 100%;
    box-sizing: border-box
}

#progressionView .col .staticWrap {
    height: 200px;
    overflow: hidden
}

.progressionViewDragging {
    opacity: .5;
    border: 2px dashed #b2c9ff!important;
    background: #f4fbff!important
}

.progressionViewDragging .staticWrap,.progressionViewDragging ul {
    opacity: .2
}

.progressionViewDraggingHover {
    border: 2px solid #ee772a!important;
    background: #f5d3b9;
    opacity: .8
}

@charset "ISO-8859-1";.oneColFixCtr #mainContent {
    height: 696px
}

#sideMenu {
    width: 232px;
    float: left
}

#sideMenu input {
    margin: 0;
    padding: 0
}

#sideMenu img {
    margin: 0;
    padding: 0
}

#rpProgressMenu {
    position: relative
}

#rpProgressMenu .content {
    padding: 0;
    margin: 0
}

.repSidePanel {
    width: 232px!important
}

#withingsPanel .content {
    padding: 0 8px 0 8px;
    min-height: 30px
}

#rp_ExerciseLibraryMenu .contentScroll {
    overflow: auto;
    overflow-x: hidden
}

#summData {
    height: 240px
}

.legend-container {
    display: flex
}

#legendStatus,#legendType {
    list-style-type: none;
    padding: 6px 6px 0 6px;
    font-size: 12px;
    margin: 4px 4px 14px 4px
}

#legendStatus li,#legendType li {
    margin: 0;
    padding: 1px 0 8px 0;
    color: #000;
    font-weight: 100;
    padding-left: 12px
}

#legendStatus li {
    width: 120px
}

#legendType li {
    padding-left: 16px
}

#legendStatus li small {
    font-size: 11px;
    color: #aaa
}

#statTypeTitleCompleted,#statTypeTitleLegend {
    font-size: 18px;
    font-weight: 400;
    color: #c7c7cd;
    line-height: 17px;
    margin-bottom: 20px;
    padding: 0;
    display: inline-block;
    margin-top: 5px
}

#statTypeTitleLegend {
    margin-left: 10px;
    margin-bottom: 15px
}

#legendStatType {
    margin-top: 0
}

#legendStatType,#legendStatType ul {
    list-style-type: none;
    padding: 0
}

#legendStatType li {
    min-height: 24px;
    line-height: 24px;
    font-size: 14px;
    position: relative
}

#legendStatType li span {
    display: inline-block;
    position: absolute;
    right: 0;
    min-width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 2px;
    box-sizing: border-box
}

#legendStatType>li {
    margin-bottom: 15px;
    font-weight: 100;
    border-bottom: 1px solid #ebebeb;
    min-height: 35px;
    color: #000
}

#legendStatType>li>span {
    background-size: 20px;
    background-repeat: no-repeat
}

#legendStatType>#workout-stat>span {
    border-radius: 6px
}

#legendStatType>#cardio-stat>span {
    border-radius: 50%
}

#legendStatType>#bodyStat-stat>span {
    font-size: 11px;
    line-height: 21px
}

#legendStatType>#meals-stat>span {
    border-radius: 6px
}

#legendStatType>#photo-stat>span {
    font-size: 11px;
    line-height: 21px
}

#legendStatType .sub-stat {
    margin-bottom: 14px
}

#legendStatType .sub-stat li {
    font-weight: 400;
    font-size: 12px;
    min-height: 20px;
    line-height: 20px;
    color: #4a4a4a
}

#legendStatType .sub-stat li span {
    font-weight: 400;
    color: #c7c7cd
}

#legendType {
    float: left
}

#legendStatus {
    float: left
}

#legendStatus #untagged {
    background: url(../../images/cal/cal2_untagged.png) 0 2px no-repeat
}

#legendStatus #scheduled {
    background: url(../../images/cal/cal2_scheduled.png) 0 2px no-repeat
}

#legendStatus #checkedIn {
    background: url(../../images/cal/cal2_checkedIn.png) 0 2px no-repeat
}

#legendStatus #tracked {
    background: url(../../images/cal/cal2_tracked.png) 0 2px no-repeat
}

#legendStatus #missed {
    background: url(../../images/cal/cal2_missed.png) 0 2px no-repeat
}

#legendStatus #invis {
    background: url(../../images/cal/cal2_invis.png) 0 2px no-repeat
}

#legendType li {
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 60px
}

#legendType #workout {
    background-image: url(../../images/cal/cal2_workout.png?v3)
}

#legendType #cardio {
    background-image: url(../../images/cal/cal2_cardio.png?v3)
}

#legendType #bodyStat {
    background-image: url(../../images/cal/cal2_bodyStat.png?v3)
}

#legendType #photo {
    background-image: url(../../images/cal/cal2_photo.png?v3)
}

#legendType #meals {
    background-image: url(../../images/cal/cal2_meals.png?v3)
}

#legendType #fms {
    background-image: url(../../images/cal/cal2_fms.png?v3)
}

#rpp_WorkoutCount .content {
    padding: 0 8px 0 8px
}

#rpp_WorkoutCount .content h1 {
    font-size: 16px;
    padding: 0;
    margin: 0
}

#rpp_WorkoutCount .content h2 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.repBar {
    background: 0 0;
    height: 498px;
    width: 232px
}

.repBarCalGroup {
    background-image: url(../../images/repCalBg.png)
}

.repBarItem,.repBarItem:hover {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    width: 232px;
    height: 56px
}

.calOverlay .pad {
    padding: 16px
}

.calOverlay p {
    font-size: 14px
}

.calOverlay li {
    font-size: 14px;
    color: #ddd;
    list-style-type: square
}

.calOverlay .cont {
    width: 260px;
    margin-top: 24px
}

.calOverlay .imgCont {
    margin-top: 24px;
    float: right
}

.calOverlay .imgCont img {
    border: 1px solid #929a9c
}

#content {
    position: absolute;
    right: 0;
    top: 69px;
    left: 232px;
    z-index: 10;
    min-width: 738px
}

#loadingTrackProgress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 90;
    display: none
}

#loadingTrackProgress .pad {
    margin: 192px 0 0 44%;
    width: 200px;
    text-align: center
}

.repH1 {
    font-size: 24px;
    color: #7f7f7f;
    margin: 0
}

.pickLab {
    font-size: 12px;
    font-weight: 700
}

.exerDdl {
    width: 160px;
    margin-right: 8px
}

.monthsNav {
    font-size: 12px
}

#calToolbar {
    position: absolute;
    right: 0;
    top: 11px
}

#cal_month {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #000
}

.calInst {
    padding-bottom: 4px
}

#calenderTitle {
    height: 60px;
    position: relative;
    background: 0 0;
    padding: 0;
    margin: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#calenderTitle .gtToolbarRight,#calenderTitle .pad,#calenderTitle .tc {
    padding: 5px 10px;
    margin: 0
}

#calTrainingPlanSees {
    float: left;
    padding: 2px;
    opacity: .8
}

#calTrainingPlanSees:hover {
    opacity: 1
}

#cal_prevNext_buttonset {
    margin-right: 32px;
    margin-left: 4px
}

#tCalendarVisibleDayWeeks {
    font-size: 13px
}

#calCtrlCont {
    padding: 0;
    position: relative;
    border: none
}

.calWholeWrap {
    min-width: 710px;
    padding: 0
}

#cal_menu {
    float: right;
    margin: 6px 0 0 0
}

.calWrap {
    width: 100%;
    border: 0 none #000;
    background-color: none
}

.calWrap th {
    font-size: 11px;
    font-weight: 400;
    height: 12px;
    padding: 2px;
    background-color: #eee;
    color: #000
}

.s_report_detail {
    font-size: 14px;
    font-weight: 400
}

#ctl00_PH_Page_ucCalendar_cMonthView tr td,#ctl00_PH_Page_ucCalendar_cMonthView tr th {
    border: 1px solid #ccc
}

.dayStats,.dayStats:hover,.dayWorkout,.dayWorkout:hover {
    font-size: 10px;
    font-weight: 400;
    cursor: pointer;
    color: #777
}

.dayWorkout:hover {
    color: #05a9f5
}

.dayCell,.dayEventCell,.hoverCell,.notVisible,.otherMth {
    text-align: right;
    font-size: 14px;
    padding: 0;
    vertical-align: top;
    border: 1px solid #212121;
    padding: 4px;
    height: 52px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.dayCell,.dayEventCell,.notVisible,.otherMth {
    background-color: #fff
}

.otherMth {
    color: #999
}

span.dateBubble {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-align: center;
    display: block;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.todayCell span.dateBubble {
    color: #fff!important;
    background-color: #ff7200!important;
    font-size: 10px
}

.dayEventCell {
    cursor: pointer;
    height: 52px
}

.endPlanAlternate,.middlePlanAlternate,.startPlanAlternate {
    color: #000;
    background: #ffb400;
    opacity: 1;
    z-index: 10;
    position: absolute;
    top: -4px;
    left: -5px;
    right: -5px;
    height: 2px;
    line-height: 1px
}

.endPlan,.middlePlan,.startPlan {
    color: #000;
    background: #ff7200;
    opacity: 1;
    z-index: 10;
    position: absolute;
    top: -4px;
    left: -5px;
    right: -5px;
    height: 2px;
    line-height: 1px
}

.startPlan {
    text-align: left
}

.endPlan {
    text-align: left
}

.endPlanTag,.startPlanTag {
    font-size: 10px;
    line-height: 11px;
    color: #000;
    position: absolute;
    top: 7px;
    left: 4px;
    right: 0;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 22px
}

.endPlanName,.startPlanName {
    white-space: nowrap
}

.startPlanTag {
    left: 4px;
    text-align: left
}

.endPlanTag {
    left: 4px;
    text-align: left
}

.dayCellWrap {
    height: 110px;
    cursor: pointer;
    position: relative;
    padding-top: 14px
}

.dayCellWrap .del_btn {
    position: absolute;
    top: -1px;
    left: -2px;
    z-index: 10;
    opacity: .75
}

.dayCellWrap .del_btn:hover {
    opacity: 1
}

.dayCellWrap .del_btn img {
    width: 13px;
    height: 13px
}

.calTagEmp {
    width: 6px;
    height: 6px;
    float: left;
    margin: 2px 4px 2px 0
}

.calTag {
    width: 14px;
    height: 14px;
    background-size: cover;
    margin: 2px 4px 0 4px;
    position: relative;
    display: inline-block
}

#recentActivityWrap .calTag,#upcomingWorkoutWrap .calTag {
    top: 0!important;
    margin: 0!important;
    background-position: 0 0
}

.ui-tooltip-content .calTag {
    margin-left: 4px;
    top: 2px;
    width: 12px;
    height: 12px;
    background-position: 0 0
}

#d_cMonthView_BodyStatus .calTag,#d_cMonthView_Nutrition .calTag,#d_cMonthView_ScheduleBodyStatus .calTag,#d_cMonthView_Workout>.calTag {
    top: -2px;
    float: left;
    background-position: -1px -1px
}

#dv_Cell .calTag {
    float: left
}

.calTag-add {
    background-image: url(../../images/cal/timeline/timelineAdd.png);
    border-radius: 2px;
    background-size: 9px;
    background-repeat: no-repeat;
    transform: translate(4px,2px)
}

.calTag-appointment-scheduled,.calTag-bodystat-scheduled,.calTag-fms-missed,.calTag-fms-scheduled,.calTag-habit-scheduled,.calTag-photo-scheduled {
    background-image: url(/app/images/icons/activities/icon-other-scheduled.svg)
}

.calTag-message-scheduled {
    background-image: url(/app/images/cal/dialogueSymbols/Message.png)
}

.calTag-appointment-tracked,.calTag-bodystat-tracked,.calTag-habit-tracked {
    background-image: url(/app/images/icons/activities/icon-other-tracked.svg)
}

.calTag-fms-tracked,.calTag-nutrition-tracked,.calTag-photo-tracked {
    background-image: url(/app/images/icons/activities/icon-meal-tracked.svg)
}

.calTag-workout-scheduled {
    background-image: url(/app/images/icons/activities/icon-workout-scheduled.svg)
}

.calTag-workout-checkedIn,.calTag-workout-tracked {
    background-image: url(/app/images/icons/activities/icon-workout-tracked.svg)
}

.calTag-cardio-scheduled {
    background-image: url(/app/images/icons/activities/icon-activity-scheduled.svg)
}

.calTag-cardio-checkedIn,.calTag-cardio-tracked {
    background-image: url(/app/images/icons/activities/icon-activity-tracked.svg)
}

.calItem {
    width: 90px;
    height: 13px;
    position: relative;
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.addItem {
    width: 100%;
    cursor: pointer;
    cursor: hand;
    background-color: #3062b4;
    text-align: left;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px
}

.addStatItem {
    position: absolute;
    top: 43px;
    left: -4px;
    cursor: pointer;
    cursor: hand;
    width: 106px;
    height: 13px;
    overflow: hidden
}

.handover {
    cursor: pointer;
    cursor: hand
}

.addWoItem {
    position: absolute;
    top: 29px;
    left: -4px;
    cursor: pointer;
    cursor: hand;
    width: 106px;
    height: 13px;
    overflow: hidden
}

.calBtmPanel {
    font-size: 12px;
    color: #aaa
}

.calBtmPanel .hd1 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 17px;
    margin-bottom: 5px;
    padding: 0;
    display: inline-block
}

.overview {
    margin: 8px 0 0 12px;
    line-height: 12px;
    font-size: 11px;
    font-weight: 100
}

.freq {
    margin: 8px 0 0 12px
}

.freqTable {
    width: 200px
}

.freqTable tr {
    vertical-align: middle
}

.freqTable tr td {
    border-top: 1px solid #eee;
    padding: 2px
}

.freqTable .col1 {
    text-align: left;
    padding-right: 8px;
    font-size: 12px;
    font-weight: 100
}

.freqTable .col2 {
    width: 16px;
    text-align: right
}

.freqTable .summIcon {
    width: 12px;
    height: 12px;
    color: #fff;
    font-size: 10px;
    padding: 2px;
    text-align: center
}

.freqTable .summIcon-cardio {
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #8cc34b
}

.freqTable .summIcon-workout {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #05a9f5
}

#div_move_cal {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    height: 500px;
    width: 1500px;
    overflow: auto;
    z-index: 900
}

#div_movecalInner {
    position: absolute;
    top: 36px;
    left: 733px;
    overflow: auto;
    z-index: 999;
    border: 1px solid #5f5f5f;
    background-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.repToppanel {
    background-image: url(../../images/rep_top_panel.jpg);
    background-position: top left;
    width: 676px;
    height: 66px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    text-align: center;
    vertical-align: middle
}

.repToppanel .wrap h1 {
    font-size: 16px;
    color: #789ad3;
    font-weight: 700;
    margin: 0
}

.repToppanel .wrap h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 4px 0 0 0
}

.repToppanel .wrap {
    padding-top: 12px
}

.repToppanel .nextPrev {
    margin: 0
}

#ctl00_PH_Page_ucBodystatus_lb_Prev,#ctl00_PH_Page_ucWorkout_lb_Prev {
    float: left
}

#ctl00_PH_Page_ucBodystatus_lb_Next,#ctl00_PH_Page_ucWorkout_lb_Next {
    float: right
}

.repFilt {
    background-image: url(../../images/rep_filt_bg.jpg);
    background-repeat: repeat-x;
    height: 65px;
    width: 676px;
    border: 0 none;
    margin: 0;
    padding: 0
}

.repFilt .wrap {
    padding: 12px 12px 0 32px
}

.repPanel {
    background-image: url(../../images/rep_panel_bg.jpg);
    background-position: top left;
    height: 280px;
    width: 674px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding: 0;
    margin: 0
}

.graphWrap {
    padding: 0;
    background-color: #6b6b6b;
    width: 674px;
    height: 340px;
    margin-left: 0;
    margin-top: 5px
}

.repPanelData {
    height: 280px;
    width: 674px;
    padding: 0;
    margin: 0
}

.graphWrapData {
    background-color: #6b6b6b;
    width: 674px;
    height: 340px;
    margin-left: 0;
    margin-top: 5px
}

.repPanel .lab {
    margin: 180px auto 0 auto
}

.repLineFilt {
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 12px;
    vertical-align: text-top;
    line-height: 14px
}

.repLineFilt select {
    font-size: 12px
}

#ctl00_PH_Page_ucReportWorkoutDetail_l_NoWorkout {
    color: #ccc;
    font-size: 12px
}

.repEditTb {
    width: 30px;
    font-size: 12px;
    margin-bottom: 4px
}

.statsTb {
    width: 60px
}

.tbArea {
    width: 540px;
    height: 240px;
    font-family: helvetica,Arial,Sans-Serif;
    font-size: 12px;
    padding: 4px
}

.scCell {
    text-align: right
}

.indexCell {
    width: 32px
}

.AddDiv,.insert_picker_div {
    border-top: 1px solid #c1c1c1
}

.AddDiv h4,.insert_picker_div h4 {
    margin-bottom: 16px
}

.AddDiv .insert_link_div {
    font-size: 12px;
    margin: 4px 8px 12px 0;
    float: left
}

.AddDiv select,.insert_picker_div select {
    font-size: 12px!important;
    padding: 1px
}

.add_link_div,.insert_link_div {
    line-height: 16px;
    font-size: 12px
}

.insert_picker_div {
    clear: both
}

.insert_picker_div #div_auto,.insert_picker_div #div_bodypart,.insert_picker_div #div_cardio,.insert_picker_div #div_exercise_list {
    margin-left: 16px;
    float: left
}

#dp_Exercise {
    width: 200px
}

.AddDiv .ddl {
    font-size: 12px
}

.addLink {
    color: #2a6dc9
}

.largeFont {
    font-size: 12px;
    width: 50px;
    padding: 2px
}

.exerData,.exerWait {
    float: left;
    height: 640px;
    width: 990px
}

#wait_calLoad,#wait_calSave {
    margin: 258px 340px 0 340px
}

.exerDataBody {
    position: absolute;
    top: 24px;
    left: 0;
    width: 982px;
    height: 571px;
    overflow: hidden;
    border: 4px solid #222;
    border-top: none
}

.woBtnTab {
    width: 500px
}

.woBtn {
    background-image: url(../../images/wo_btn.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 227px;
    height: 38px;
    margin-bottom: 4px;
    vertical-align: middle;
    font-size: 12px
}

.woBtn div {
    margin-left: 8px
}

.wo_TS {
    height: 24px;
    width: 100%;
    float: left;
    margin-left: 4px
}

.detBtn {
    color: #fff;
    border: none;
    background: 0 0;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
    border: 1px solid #abb6c8;
    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.detBtn:hover {
    background-color: #2d6fdb
}

.closeBtn {
    color: #fff;
    border: none;
    background: url(../../images/UI/wo_closeBtn.png) right top no-repeat;
    padding: 0 20px 0 0;
    height: 18px;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer
}

.closeBtn:hover {
    background: url(../../images/UI/wo_closeBtn_sel.png) right top no-repeat
}

.dlgTS {
    z-index: 120;
    position: relative
}

#Gctl00_PH_Page_ucReportDayDetail_ts_Title_-1 tr td {
    padding-right: 2px
}

.detTab {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    background: #717378;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    opacity: .7
}

.detSelTab {
    color: #1eb6f8;
    font-size: 13px;
    line-height: 15px;
    background: #eff3f6;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    opacity: 1
}

.detTab .detSelTab {
    height: 24px
}

.detSelTab td,.detTab td {
    cursor: pointer;
    cursor: hand
}

.dateLab {
    color: #a5a5a5;
    font-size: 24px;
    margin: 8px 0 0 8px;
    float: left
}

.calDlgConWrap .calDlgTb1 {
    background-color: #eff3f6;
    padding-top: 4px
}

.calDlgTb1 {
    height: 29px;
    width: 982px;
    color: #fff;
    background-color: #222;
    overflow: hidden
}

.calDlgTb1Links {
    float: right;
    margin: 0 8px 4px 0
}

.calDlgTb1Links .calPrint {
    margin-right: 16px
}

.calDlgTb2 {
    background: #7b7b7b;
    text-align: right;
    padding: 4px 8px 4px 0
}

.calDlgUpdate {
    float: right;
    margin: 4px 16px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.calDlgContent {
    position: relative;
    height: 538px;
    width: auto;
    overflow: hidden;
    x-overflow: hidden;
    font-size: 13px;
    background: #fff!important
}

.workoutPreviewCalendar {
    padding: 32px 32px;
    box-sizing: border-box
}

.calDlgContent #workoutSummary {
    margin: 32px 16px
}

.noTb2 {
    height: 414px
}

.calDlgContent h1,.ui-widget .calDlgContent h1 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin: 0
}

.calDlgContent h2,.ui-widget .calDlgContent h2 {
    font-size: 14px;
    font-weight: 700;
    color: #444;
    margin: 0
}

.calDlgContent .nullCal {
    border: 1px solid;
    background: #fff
}

.calDlgContent .nullCal h1 {
    font-size: 14px;
    font-weight: 700;
    color: #444;
    margin: 0
}

#calDlgPrevTitle h4 {
    font-size: 10px;
    color: #999;
    margin: 0 0 8px 0
}

.calDlgContent .gridHeader1 {
    background: #ccc
}

.calCol {
    float: left
}

.calCol2 {
    float: left;
    margin-left: 32px
}

#withingsDiv {
    padding: 4px 0 0 24px;
    background: url(../../images/UI/withings.png) center left no-repeat;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #777;
    height: 18px;
    position: absolute;
    left: 16px;
    bottom: 16px
}

#bmiDiv {
    padding-top: 16px
}

.m16 {
    margin: 16px
}

.DlgTSScrollItem {
    background-image: url(../../images/UI/TS_scroll.jpg);
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    height: 21px;
    z-index: 500;
    cursor: pointer;
    cursor: hand
}

.DlgTSScrollItemHover {
    background-image: url(../../images/UI/TS_scroll_hov.jpg);
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    height: 21px;
    z-index: 500;
    cursor: pointer;
    cursor: hand
}

.DlgTSScrollItem TD,.DlgTSScrollItemHover TD {
    cursor: pointer;
    cursor: hand
}

.calDlgConWrap .ui-tabs {
    background: 0 0;
    padding: 0;
    border: none!important
}

.calDlgConWrap .ui-helper-reset {
    line-height: auto
}

.calDlgConWrap .ui-tabs .ui-tabs-nav li a {
    padding: 4px;
    margin: 0;
    padding: 4px 16px 4px 16px
}

.calDlgConWrap .ui-tabs .ui-tabs-nav li {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    margin: 0 4px 1px 0;
    top: 0
}

.calDlgConWrap .ui-tabs .ui-tabs-nav {
    line-height: 15px;
    margin-left: 4px
}

.calDlgConWrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0
}

.calDlgConWrap .ui-widget-header {
    background: 0 0
}

.calDlgConWrap .ui-tabs .ui-tabs-panel {
    padding: 0
}

.calDlgConWrap .cardioList {
    padding: 0;
    margin: 0;
    width: 120px;
    float: left;
    list-style-type: none
}

.calDlgConWrap #div_add_type {
    padding: 0;
    margin: 0;
    width: 160px;
    float: left;
    list-style-type: none
}

#div_add_type li label,.calDlgConWrap .cardioList li label {
    padding: 4px 0 4px 0;
    display: inline-block
}

.calDlgConWrap #repeatLab {
    float: left;
    margin-right: 10px;
    line-height: 26px
}

.calDlgConWrap #cardioTargetWrap {
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff
}

.calDlgConWrap .txtTarget {
    cursor: pointer;
    background: 0 0;
    border: none
}

.previewTabs {
    width: 400px;
    border: none
}

.calStatus {
    margin-right: 16px;
    opacity: .7;
    color: #666;
    font-size: 14px;
    position: relative;
    top: 2px
}

.scheduledTab {
    width: 420px;
    margin: 103px auto 0 auto;
    text-align: center
}

.previewCardio .img {
    width: 128px;
    height: 128px;
    background-size: cover;
    background-position: center;
    border-radius: 64px;
    -webkit-radius: 64px;
    border: 2px solid #56b32a;
    display: inline-block;
    margin-bottom: 8px
}

.scheduledPhoto .img {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    -webkit-radius: 64px;
    opacity: .75;
    background-image: url(../../images/cal/schedulePhotos.png);
    background-position: center;
    display: inline-block;
    width: 128px;
    height: 128px;
    border-radius: 64px;
    -webkit-radius: 64px;
    opacity: .75;
    margin-bottom: 8px
}

.calDlgContent .scheduledTab h2 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 32px!important;
    font-weight: 400!important;
    color: #000
}

.calDlgContent .scheduledTab h3 {
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 18px!important;
    font-weight: 400!important;
    color: #ff7200
}

.calDlgContent .scheduledTab h4 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 14px!important;
    font-weight: 400!important;
    color: #000
}

.addInst {
    color: #d3d3d3
}

.woTab {
    width: 400px;
    float: left
}

.woItem {
    width: 350px;
    overflow: hidden;
    white-space: nowrap
}

.woLabel {
    width: 110px;
    float: left;
    line-height: 20px;
    font-weight: 700
}

.circRnd {
    font-size: 14px;
    font-weight: 400;
    width: auto;
    color: #ffb400
}

.circRndPad {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px
}

.woCirc {
    margin-bottom: 8px
}

.bStats {
    white-space: nowrap;
    line-height: 13px;
    font-weight: 700;
    float: none;
    padding-right: 32px
}

.strRow {
    width: 350px
}

.strDisp {
    white-space: nowrap;
    width: 230px;
    float: left;
    line-height: 20px
}

.bsDisp {
    width: 64px
}

.numLab {
    width: 36px;
    float: left;
    text-align: right
}

.numLab64 {
    width: 60px;
    float: left;
    text-align: right
}

.unitLab {
    width: 32px
}

.retBtn {
    float: right;
    margin: 8px 8px 0 0
}

.retBtn input {
    cursor: pointer;
    cursor: hand
}

.exerDataHead .hd2 {
    float: left;
    margin: 8px 0 0 16px
}

.exerWait {
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 1500px
}

.exerDataWrap {
    position: relative
}

.exerData .hd1 {
    color: #fff;
    font-size: 24px
}

.exerData .hd2 {
    color: #c1c1c1;
    font-size: 22px
}

.exerTable {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    width: 690px;
    border-collapse: collapse;
    table-layout: fixed
}

.exerTable td {
    padding: 4px 0 4px 0;
    border-top: 1px solid #c1c1c1;
    border-bottom: none;
    white-space: nowrap;
    height: 10px;
    line-height: 20px
}

.exerTable .addTr td {
    border-top: none;
    border-bottom: 1px solid #c1c1c1
}

.exerIndex {
    border-radius: 50%;
    background-color: #999;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    text-align: center
}

.exerTable h4 {
    font-size: 16px!important;
    line-height: 18px;
    font-weight: 700;
    padding: 0;
    margin: 4px 0 8px 0
}

.tbHead {
    font-weight: 700;
    background-color: #666;
    text-transform: uppercase;
    font-size: 12px
}

.exerCol {
    font-weight: 700;
    width: 200px
}

.exerLab {
    width: 200px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    color: #000
}

.targetLab {
    width: 200px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 13px;
    color: #999;
    line-height: 120%;
    font-weight: 400
}

.retBtn {
    position: absolute;
    top: 0;
    right: 0
}

.setDiv {
    width: 150px
}

.woNotesView {
    font-size: 13px;
    line-height: 15px
}

#div_dworkout_notes {
    position: relative;
    right: 0;
    width: 25%;
    height: 542px;
    padding: 10px;
    background-color: #fff;
    border-left: 1px solid #878787;
    float: right;
    box-sizing: border-box
}

.photoWrap .gridHeader1 {
    position: relative
}

#photoToolbar {
    position: absolute;
    top: 8px;
    right: 8px
}

.photoLoading {
    position: absolute;
    top: 148px;
    left: 0;
    width: 752px;
    height: 364px;
    background-image: url(../../images/trans_layer.gif);
    background-repeat: repeat;
    z-index: 99999;
    vertical-align: middle;
    text-align: center
}

.photoLoading .wrap {
    margin: 174px auto auto auto;
    text-align: center;
    width: 120px;
    font-size: 12px;
    font-weight: 700;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background-color: #d3d3d3;
    color: #000
}

.pphoto_float {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 480px;
    height: 450px;
    z-index: 1500
}

.pphoto_float .pad {
    margin: 216px 0 0 56px;
    text-align: center
}

#photoWrap {
    margin-top: 8px;
    border: 0;
    width: 752px;
    height: 510px;
    overflow: hidden
}

.photoHeader {
    height: 26px;
    background-image: url(../../images/photo_menu.jpg);
    background-position: bottom right;
    background-repeat: no-repeat
}

.hovCur {
    cursor: pointer;
    cursor: hand
}

.clickPanel,.noPhotoPanel {
    width: 540px;
    height: 120px;
    margin: 120px auto 120px auto;
    font-size: 14px;
    text-align: center
}

.noPhotoDiv {
    float: left;
    height: 180px
}

.left {
    text-align: left
}

.noPhotoIcon {
    width: 147px;
    height: 101px;
    margin: 0 8px 0 0
}

.photoRPSection {
    margin-right: 16px
}

.PhotoMonthViewer {
    width: 752px;
    height: 120px;
    overflow: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #666
}

.thumbTable {
    border: 0;
    margin: 0
}

.thumbMonthCell {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle
}

.thumbMonthSpan {
    margin: 0 2px 0 0;
    height: 14px;
    line-height: 14px;
    vertical-align: middle
}

.thumbIconCell {
    width: 10px;
    font-size: 10px;
    font-weight: 400;
    text-align: center
}

.thumbIconCell .thumbIcon {
    margin: 4px 12px 2px 12px
}

.photoDetailPanel {
    vertical-align: top
}

.imagePanel {
    height: 381px;
    width: 460px;
    clear: none;
    text-align: center;
    vertical-align: middle
}

.imagePanel .wrap {
    vertical-align: middle
}

.detailsPanel {
    height: 381px;
    width: 250px;
    font-size: 14px;
    color: #eee;
    text-align: left
}

.detailsPanel .wrap {
    margin-top: 16px
}

.detailsPanel h2 {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin: 14px 0 0 0;
    padding: 0;
    color: #777
}

.uploadIframe {
    width: 752px;
    height: 490px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: Transparent
}

.photoDel {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    cursor: hand
}

#ctl00_PH_Page_ucPhotoGallery_dp_BodyPart,#ctl00_PH_Page_ucPhotoGallery_t_Title {
    width: 220px;
    font-size: 12px
}

#ctl00_PH_Page_ucPhotoGallery_t_Comment {
    width: 220px;
    height: 150px;
    font-family: helvetica,Arial,Sans-Serif;
    padding: 4px;
    font-size: 12px;
    overflow: auto
}

#mobileTag {
    margin-top: 8px
}

#mobileTag img {
    float: left
}

#mobileTag .tag {
    padding-top: 6px;
    line-height: 18px;
    font-size: 10px
}

.noClick {
    cursor: default
}

.repToolbar {
    font-size: 14px;
    font-weight: 700;
    border: none;
    vertical-align: middle;
    height: 40px;
    color: #ccc
}

.repToolbar .pad {
    padding: 4px 4px 4px 8px
}

.rangeSel {
    float: right;
    padding-top: 4px
}

.dateSel {
    float: left;
    padding-top: 2px;
    padding-left: 0
}

.buttoncss,.buttoncssselected {
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    border: none;
    cursor: pointer;
    padding: 4px 8px 4px 8px;
    margin-right: 4px;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -border-radius: 2px
}

.buttoncss:hover {
    background-color: #7c9acd
}

.buttoncssselected {
    background-color: #c6d3e8;
    color: #2355a7
}

.graphSel {
    border: 1px solid #ebebeb;
    border-bottom: 0;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    background: #eff3f6;
    color: #999;
    vertical-align: top
}

.graphSel .content {
    padding: 8px 28px
}

.repNewPanel {
    background-image: url(../../images/rep_panel_bg.jpg);
    background-position: top left;
    height: 145px;
    width: 670px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    padding: 0;
    margin: 0;
    border: 1px solid #333
}

.repNewPanelData {
    background-image: url(../../images/rep_panel_bg.jpg);
    background-position: top left;
    height: 175px;
    width: 670px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    padding: 0;
    margin: 0;
    border: 1px solid #333
}

#ctl00_PH_Page_ucWorkout_divExerciseList .cbTable {
    margin: 8px 0 0 28px;
    width: 99%
}

.cbWrap {
    overflow: auto;
    overflow-y: hidden;
    width: 100%;
    height: 148px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    padding: 0;
    margin: 0;
    position: relative;
    border: 1px solid #ebebeb;
    box-sizing: border-box
}

.ifrGraph {
    width: 100%;
    height: 264px;
    z-index: 10
}

.cbTitle {
    font-size: 12px;
    font-weight: 700
}

.cbTable td {
    white-space: nowrap
}

.cbTable td label {
    white-space: nowrap;
    padding-right: 16px
}

#ctl00_PH_Page_ucWorkout_loadWOGraphCB {
    width: 100%;
    height: 148px;
    z-index: 900;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

#ctl00_PH_Page_ucWorkout_loadWOGraphCB .pad {
    margin: 60px 0 0 280px;
    text-align: center
}

.advGraphWrap {
    height: 296px;
    border: 1px solid #ebebeb;
    border-top: none;
    background: #fff
}

.advGraphWrap .filt {
    color: #999;
    float: right;
    margin: 8px 8px 0 0
}

#ctl00_PH_Page_ucWorkout_ddlValue {
    font-size: 11px
}

.advGraphWrap .pad {
    text-align: center;
    padding: 16px
}

.chkBoxReport label {
    white-space: nowrap
}

.graphNewWrapData {
    background-color: #6b6b6b;
    border: none;
    width: 670px
}

.infotext {
    font-size: 10px
}

.infotext1 {
    text-align: right;
    font-size: 10px;
    margin-left: 95px
}

.infotext2 {
    text-align: left;
    font-size: 10px;
    color: #175fb9
}

.BMImodaltext {
    text-align: left;
    font-size: 11px;
    color: #fff
}

.repddl {
    font-size: 13px
}

#ctl00_PH_Page_ucWorkout_dp_Bodypart {
    width: 200px
}

#ctl00_PH_Page_ucWorkout_l_SelectBodypart {
    padding-left: 8px
}

.nullGraph h3 {
    font-size: 16px;
    font-weight: 700;
    color: #777;
    margin: 0;
    padding: 0
}

.nullGraph p {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    margin: 2px auto;
    padding: 0
}

#ctl00_PH_Page_ucWorkout_NoMatchingDiv .pad {
    margin-top: 64px
}

#ctl00_PH_Page_ucWorkoutGrid_LabelWorkoutName {
    font-weight: 400
}

#ctl00_PH_Page_ucWorkoutGrid_LabelRangeDesc {
    font-weight: 300;
    color: #999
}

#ctl00_PH_Page_MonthsList {
    margin-left: 10px
}

.gridNotesTable tr td {
    color: #999
}

.gtToolbar_print_icon {
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(-20px,-1px)
}

.gtToolbar_export_icon {
    position: absolute;
    width: 14px;
    height: 14px;
    transform: translate(-20px,-1px)
}

#ctl00_PH_Page_p_Monthly span,#ctl00_PH_Page_p_Workout span {
    font-size: 14px
}

#ctl00_PH_Page_p_Monthly .gtBtn,#ctl00_PH_Page_p_Workout .gtBtn {
    position: relative
}

#ctl00_PH_Page_p_Workout {
    margin-left: 10px
}

#workoutGridTitle h2 {
    font-size: 12px;
    opacity: .7
}

#workoutGridBackWrap {
    position: absolute;
    top: 12px;
    left: 4px
}

.gridNoPrompt {
    border: none;
    min-height: 524px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -border-radius: 6px;
    font-size: 14px
}

.gridNoPrompt h1 {
    font-size: 24px;
    line-height: 25px
}

.gridNoPrompt h2 {
    font-size: 15px;
    line-height: 16px
}

.gridNoPrompt p {
    font-size: 14px;
    line-height: 15px;
    width: 75%
}

.gridNoPrompt p.upgrade {
    margin-top: 0;
    font-size: 13px
}

.gridNoPrompt .upgradeImg {
    border: 1px solid #ccc
}

.gridNoPrompt .woGridUpg td {
    padding-top: 16px;
    padding-right: 8px
}

.gridNoPrompt .woGridUpg td.textCol {
    width: 230px
}

#gridNoPromptUpgFooter {
    font-size: 12px;
    text-align: center;
    padding: 5px 0 3px 0;
    vertical-align: middle;
    margin-top: 16px
}

#gridNoPromptUpgFooter .text {
    position: relative;
    top: -3px
}

#gridL1Table p {
    padding: 0;
    margin: 0
}

.grid_prompt {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 220px
}

.grid_prompt h1 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.grid_prompt p {
    font-size: 14px;
    margin: 0;
    padding: 0
}

#workoutGridLeftToolbar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#workoutGridLeftToolbar ul li {
    float: left;
    padding: 0 4px 0 0;
    margin: 0
}

#workoutGridLeftToolbar ul li label {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

#workoutGridLeftToolbar ul li select {
    font-size: 16px
}

.workoutGridTopContainer {
    padding: 10px
}

#workoutGridToolbarWrap {
    height: 24px
}

.workoutGridInstanceWrap h4.userName {
    float: right;
    color: #999;
    font-weight: 300;
    transform: translateY(5px)
}

.exerciseGridWrap {
    position: relative;
    border: 0;
    overflow: auto;
    width: 1000px
}

.gridTable {
    border-collapse: collapse
}

.gridTable td {
    white-space: nowrap;
    height: 30px;
    vertical-align: middle
}

.gridTable tr td {
    background: #fff
}

.gridTable tr td.TCol_Header {
    background-color: #e5f1fe;
    text-align: left;
    color: #000;
    padding: 2px 12px
}

.datagrid-header,.gridTable .header {
    background: none repeat scroll 0 0 #666;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.gridTable a:active,.gridTable a:link,.gridTable a:visited {
    text-decoration: none
}

.gridTable a:hover {
    text-decoration: underline
}

.gridTable tr.TR_Header_set td.fDataCell {
    text-align: center
}

#gridL1Table tbody tr.header td {
    padding: 16px 12px
}

.grid tr td.statType {
    background-color: #f2f2f2;
    font-weight: 700;
    text-align: left
}

#gridL1Table tr.header td,.gridTable tr.TR_Header_set td,.gridTable tr.header td,.trmain td {
    background: #eff3f6!important;
    color: #919599;
    font-weight: 400;
    font-size: 12px;
    padding: 2px 12px;
    text-align: left;
    text-transform: uppercase
}

.gridTable tr td {
    border: 1px solid #ebebeb;
    font-size: 12px;
    padding: 2px 4px;
    vertical-align: middle;
    text-align: center
}

.gridLeftColWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    border: none
}

.gridLeftColWrap .fCol2 {
    width: 200px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gridLeftColWrap .fCol2 p {
    width: 192px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.gridLeftColWrap .fCol3 {
    width: 50px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gridLeftColWrap .fCol3 p {
    width: 92px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center
}

.gridMainTableWrap {
    margin-left: 318px;
    overflow-x: auto;
    overflow-y: hidden;
    border: none
}

.gridMainTableWrap .TR_Header_set {
    text-align: right
}

.gridNotesTable {
    border: none
}

#gridL1Table {
    width: 100%;
    border-collapse: collapse
}

#gridL1Table tr td {
    border: 1px solid #ebebeb;
    font-size: 13px;
    padding: 3px 4px 1px 4px;
    vertical-align: top;
    color: #919599
}

#gridL1Table tr:hover {
    background-color: #f8f8f8
}

#gridL1Table .col1 {
    width: 135px;
    border-right: 0 none
}

#gridL1Table .col2 {
    width: 200px;
    border-left: 0 none;
    border-right: 0 none
}

#gridL1Table .col3 {
    border-left: 0 none
}

#gridL1Table .gtChev {
    padding-right: 64px
}

#gridL1Table .gtRepeater {
    padding: 10px 12px 9px 12px;
    vertical-align: middle
}

#gridL1Table .align-top td {
    vertical-align: top
}

#gridL1Table .row--height {
    height: 44px
}

#gridL1Table .align-self-top {
    align-self: self-start
}

#gridL1Table .commentIcon {
    background: url(/app/images/icons/svg/icon-comment.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center
}

#gridL1Table .commentIcon span {
    font-size: 11px;
    color: #aaaeb3;
    padding-bottom: 1px
}

.gridTable tr td.drillCol {
    padding: 0 8px 0 8px
}

.datagrid-column-gCol2,.gridTable .dateCol,.gridTable .woCol {
    font-weight: 700;
    font-size: 14px
}

.gridL2Bar {
    background: url(images/grid_head_2.png)
}

.gridL2Bar .pad {
    padding: 8px;
    color: #aaa;
    font-size: 12px
}

#block {
    width: 90px;
    height: auto
}

#rblock {
    text-align: center
}

.hiddencol {
    display: none
}

.viscol {
    display: block
}

.workouttitle {
    display: block;
    margin-left: 10px;
    color: #999;
    font-size: 18px;
    padding: 6px 4px 5px 4px
}

.tableheader {
    background-color: #ccc;
    color: #fff;
    font-weight: 700;
    text-align: right
}

.notesHeader {
    font-weight: 700
}

.statsTable td.statType {
    text-align: left;
    background-color: #f4f4f4
}

table.gridNotesTable {
    color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px
}

table.gridNotesTable td.notesHeader {
    font-weight: 400;
    color: #000
}

.notesBody {
    display: block
}

#ctl00_PH_Page_ucWorkoutGrid_panelGrid .leftColTable.gridTable.statsTable {
    border: 1px solid #ebebeb
}

#ctl00_PH_Page_ucWorkoutGrid_panelGrid .leftColTable tr:nth-child(2) td:first-of-type {
    background-color: #f4f4f4
}

#bmiWrap {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 326px
}

#bmiBubble {
    width: 50px;
    height: 144px
}

#bmiMeter {
    background: url(../../images/cal/bmiLegend.png) no-repeat;
    background-size: 278px 105px;
    width: 324px;
    height: 144px;
    position: relative;
    display: none
}

#bmiPointer {
    background: url(../../images/cal/bmiBubble.png) no-repeat;
    background-size: contain;
    height: 100%;
    top: 0;
    width: 50px
}

#bmiExp {
    width: 250px;
    font-size: 11px;
    margin-bottom: 16px
}

#lab_needsHeight {
    font-size: 13px;
    color: #999;
    margin: 19px auto 0 auto
}

#bmiUpgradeToPremium {
    font-size: 13px;
    color: #000;
    padding: 6px 0 0 41px
}

#bmiStats {
    font-size: 15px;
    padding: 3px 0 0 5px;
    width: 54px;
    text-align: center;
    float: right;
    top: 10px
}

#bsGraphRangeToolbar #btn_bsGraphRender,#exerGraphRangeToolbar #btn_exerGraphRender {
    margin: 2px 0 2px 8px;
    float: left
}

#graphPresetWrap {
    margin-right: 8px
}

#bsGraphWrap .gridHeader1,#exerGrfWrap .gridHeader1 {
    height: 40px
}

#bsGraphContentWrap {
    height: 70vh;
    width: 100%;
    border-top: none;
    background: #fff;
    position: relative
}

#bsExerciseGraphContentWrap,#bsNutritionGraphContentWrap {
    height: 350px;
    width: 100%;
    border-top: none;
    background: #fff;
    position: relative
}

#bsGraphCanvasWrap {
    height: 100%;
    width: 100%;
    margin: 16px 0 0 16px
}

.bsGraphContent {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.bsGraphContent .nullDash {
    text-align: center
}

.bsGraphContent .nullDash p {
    width: 100%
}

#divEmptyGraphContent #exerGraphToolbar {
    margin: 2px 8px
}

#bsGraphToolbar {
    margin-top: -4px
}

#rpProgressMenu .content {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden
}

#sideMenuProgress_exerciseGraphs li:first-of-type {
    border-top: none
}

#sideMenuProgress.gtSideMenu li ul li.selected a,#sideMenuProgress_middle.gtSideMenu li ul li.selected a,.sideMenuProgress_lower.gtSideMenu li ul li.selected a {
    color: #2196f3
}

#sideMenuProgress.gtSideMenu li ul,#sideMenuProgress_middle.gtSideMenu li ul,.sideMenuProgress_lower.gtSideMenu li ul {
    overflow: auto;
    background: #fff
}

#sideMenuProgress_middle {
    overflow: scroll;
    background: #fff
}

#bsGraphItems::-webkit-scrollbar {
    -webkit-appearance: none
}

#bsGraphItems::-webkit-scrollbar:vertical {
    width: 8px
}

#bsGraphItems::-webkit-scrollbar:horizontal {
    height: 11px
}

#bsGraphItems::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0,0,0,.5)
}

#bsSideMenu_exercise_filter:hover {
    background-color: #fff;
    cursor: auto
}

#exercisesList {
    flex-grow: 1;
    overflow: auto
}

#rpProgressMenu #exContainer {
    height: auto;
    background-color: #fff;
    overflow: hidden
}

.tpPad {
    padding: 2px;
    min-width: 100px
}

.tpPad .view-stat {
    position: absolute;
    top: 9px;
    right: 8px;
    font-size: 12px;
    font-style: normal
}

.tpDate {
    color: #c2c7cc!important;
    font-size: 12px;
    font-family: Helvetica,Arials,Sans Serif;
    font-style: normal
}

.tpValue {
    color: #555!important;
    font-size: 24px;
    font-family: Helvetica,Arials,Sans Serif;
    font-style: normal
}

.tpUnit {
    color: #555!important;
    font-size: 12px;
    font-family: Helvetica,Arials,Sans Serif;
    font-style: normal;
    vertical-align: top
}

.bodyStatsNew {
    position: relative
}

.bsTile {
    width: 120px;
    height: 64px
}

.bsBodyWeight {
    position: absolute;
    top: 16px;
    left: 16px
}

.bsBodyFat {
    position: absolute;
    top: 80px;
    left: 16px
}

.bsCaliperBF {
    position: absolute;
    top: 150px;
    left: 16px
}

.bsRestingHeartRate {
    position: absolute;
    top: 252px;
    left: 16px
}

.bsRestingBloodPressure {
    position: absolute;
    top: 350px;
    left: 16px
}

.bsTileCol1 {
    position: absolute;
    top: 16px;
    left: 16px
}

.bodyStatsNew #bsComposition {
    position: absolute;
    top: 16px;
    left: 140px;
    width: 200px
}

.bodyStatsNew #bsBMI {
    position: absolute;
    top: 252px;
    left: 140px;
    width: 324px
}

.bsTile .bsTitle {
    color: #ff840d;
    font-size: 14px;
    font-weight: 400;
    height: 18px
}

#tit_resting {
    height: 36px;
    font-size: 12px
}

#tit_bloodPresure {
    height: 36px;
    font-size: 12px
}

.bsTile .bsValue {
    color: #fcc984;
    font-size: 28px;
    font-weight: 400;
    float: left;
    vertical-align: top;
    position: relative;
    top: -6px
}

.bsTile .gtField {
    width: 42px;
    float: left;
    border: 1px solid #999
}

.bsTile .gtFieldBP {
    width: 25px
}

.bsTile .bsUnit {
    color: #9b9b9b;
    font-size: 14px;
    vertical-align: top;
    margin-left: 2px;
    float: left
}

.bodyStatsNew #human {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 388px;
    height: 393px
}

.bodyStatsNew .maleBodyType {
    background: url(../../images/cal/BodyMale.png) no-repeat top right
}

.bodyStatsNew .femaleBodyType {
    background: url(../../images/cal/BodyFemale.png) no-repeat top right
}

.bodyStatsNew .otherBodyType {
    background: url(../../images/cal/BodyOther.png) no-repeat top right
}

.bodyStatsNew #caliperStats {
    position: absolute;
    top: 16px;
    left: 135px;
    width: 235px;
    height: 270px
}

.bodyStatsNew #caliperStats .bsTitle {
    font-size: 14px;
    color: #ff840d;
    height: 15px;
    font-weight: 400
}

.bStatsCaliper {
    white-space: nowrap;
    line-height: 13px;
    font-weight: 700;
    float: left;
    width: 100px
}

.bodyStatsNew #caliperStats .bsMeasureTitle {
    font-size: 12px;
    color: #ff840d;
    height: 15px;
    font-weight: 400
}

.gtFieldCaliper {
    width: 42px;
    float: left;
    border: 1px solid #999;
    left: 30px
}

.gtCheckCaliper {
    width: 12px;
    border: 1px solid #999
}

.bodyStatsNew #caliperStats .caliperRow {
    height: 55px;
    width: 230px;
    left: 10px
}

.bodyStatsNew #caliperStats .caliperRow {
    height: 35px;
    width: 230px;
    left: 10px
}

.bodyStatsNew #human .bsTitle {
    font-size: 14px;
    color: #ff840d;
    height: 15px;
    font-weight: 400
}

.bodyStatsNew #human .bsUnit,.bodyStatsNew #human .bsValue {
    font-size: 12px;
    color: #9b9b9b;
    display: inline
}

.bsUnitCaliper {
    font-size: 13px
}

.bodyStatsNew #human .gtField {
    width: 40px;
    border: 1px solid #999
}

#divCaliperMethod {
    width: 88px
}

#divCaliperMethodRadios {
    float: right;
    margin-right: 8px
}

.bodyStatsNew #human .leftCol {
    position: absolute;
    left: -6px;
    top: 6px;
    width: 92px;
    text-align: right
}

.bodyStatsNew #human .leftCol .bsTitle {
    width: 100%
}

.bodyStatsNew #human .leftCol .bsShoulder {
    position: absolute;
    top: 0;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsChest {
    position: absolute;
    top: 48px;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsLeftBicep {
    position: absolute;
    top: 101px;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsLeftForearm {
    position: absolute;
    top: 145px;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsWaist {
    position: absolute;
    top: 233px;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsLeftThigh {
    position: absolute;
    top: 279px;
    width: 100%
}

.bodyStatsNew #human .leftCol .bsLeftCalf {
    position: absolute;
    top: 355px;
    width: 100%
}

.bodyStatsNew #human .rightCol {
    position: absolute;
    right: 0;
    top: 8px;
    width: 88px
}

.bodyStatsNew #human .rightCol .bsNeck {
    position: absolute;
    top: 0;
    width: 100%
}

.bodyStatsNew #human .rightCol .bsRightBicep {
    position: absolute;
    top: 101px;
    width: 100%
}

.bodyStatsNew #human .rightCol .bsRightForearm {
    position: absolute;
    top: 145px;
    width: 100%
}

.bodyStatsNew #human .rightCol .bsHips {
    position: absolute;
    top: 233px;
    width: 100%
}

.bodyStatsNew #human .rightCol .bsRightThigh {
    position: absolute;
    top: 279px;
    width: 100%
}

.bodyStatsNew #human .rightCol .bsRightCalf {
    position: absolute;
    top: 355px;
    width: 100%
}

.picker {
    background: #4f77b9;
    border: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    padding: 4px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: Helvetica,Arial,sans-serif
}

.calendar_button {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 20px
}

.calendar td {
    font-size: 11px;
    font-weight: 400
}

.calWholeWrap .title {
    font-weight: 700;
    color: #fff;
    background-color: #2760bb
}

.calWholeWrap .day {
    width: 25px;
    cursor: pointer;
    text-align: center;
    background: #fff;
    color: #707070
}

.calWholeWrap .dayhover {
    width: 25px;
    cursor: pointer;
    text-align: center;
    background: #cdcdcd
}

.dayheader {
    width: 25px;
    text-align: center;
    font-weight: 700;
    background: #a2bae2;
    color: #fff
}

.othermonthday {
    color: #999;
    background: #cdcdcd
}

.outofrangeday {
    visibility: hidden
}

.selectedday {
    width: 25px;
    background: #f63;
    color: #fff;
    font-weight: 700
}

.calendar {
    border: 1px solid #ccc;
    border-collapse: collapse;
    background-color: #fff;
    font-size: 11px
}

.month {
    background-color: Gray;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700
}

.nextprev {
    cursor: pointer;
    height: 20px;
    vertical-align: middle;
    padding: 2px 5px 0 5px
}

.selector {
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    background-color: Gray
}

.currentday {
    width: 25px;
    background-color: #a2bae2;
    color: #fff;
    font-weight: 700
}

#calendar-sidebar .statTypeTitleCompleted {
    color: #c7c7cd;
    font-size: 19px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal
}

.fc-day {
    position: relative
}

.fc-widget-content .trainingPlanBorder {
    position: absolute;
    width: 101%;
    height: 5px;
    top: 0;
    left: 0
}

.fc-widget-content .trainingPlanBorder-orange {
    background-color: #ffa301
}

.fc-widget-content .trainingPlanBorder-blue {
    background-color: #04b2f7
}

.fc-widget-content .planTag-orange {
    color: #ffa301
}

.fc-widget-content .planTag-blue {
    color: #04b2f7
}

.fc-day-top {
    height: 26px
}

.fc-today .fc-day-number {
    height: initial!important
}

.fc-more-cell {
    padding-top: 2px!important
}

.fc-more-cell a.fc-more {
    font-size: 11px;
    margin-left: 20px
}

.fc-more-cell a.fc-more:hover {
    text-decoration: none
}

.fc-popover.fc-more-popover {
    width: auto
}

.fc-more-popover .fc-widget-header {
    height: 26px;
    background: #fff!important
}

.fc-more-popover .fc-event-container {
    padding: 0 15px 5px 0!important
}

#repeat-container .row {
    min-height: 30px;
    line-height: 30px;
    height: 30px;
    clear: both;
    vertical-align: middle;
    margin: 0 4px
}

#repeat-container #repeat-frequency,#repeat-container #week-every-num {
    margin-left: 10px
}

#repeat-container .row h5 {
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    font-size: 13px
}

#repeat-container #week-repeat-weekdays .ui-button-text {
    padding: 3px 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

#month-repeat-duration label,#month-repeat-weekdays label,#week-repeat-weekdays label {
    width: 30px
}

#month-repeat-duration input,#month-repeat-weekdays input,#week-repeat-weekdays input {
    display: none
}

#week-duration label {
    width: 30px
}

#week-duration input {
    display: none
}

.trHeading {
    padding-bottom: 2px
}

.tillTime {
    margin-left: 10px;
    line-height: 31px;
    height: 30px
}

.block {
    display: block
}

.inline-block {
    display: inline-block!important
}

.center {
    margin: 0 auto
}

.pull-right {
    float: right
}

.no-border {
    border: none!important
}

.bg--transparent,.transparent-bg {
    background-color: transparent
}

.bg--white {
    background-color: #fff
}

.noMargin {
    margin: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.margin-5-right {
    margin-right: 5px!important
}

.margin-10-right {
    margin-right: 10px!important
}

.margin-15-right {
    margin-right: 15px!important
}

.noBackground,div.noBackground,li.noBackground {
    background: 0 0
}

.noBorder-top,div.noBorder-top,li.noBorder-top {
    border-top: none!important
}

.noBorder-bottom,div.noBorder-bottom,li.noBorder-bottom {
    border-bottom: none!important
}

.noMouse {
    pointer-events: none
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectable {
    cursor: pointer
}

.trBorderGrey {
    border: 1px solid #dadada
}

.valign-top {
    vertical-align: top
}

.valign-mid {
    vertical-align: middle
}

.valign-bot {
    vertical-align: bottom
}

.selectedListItem {
    background-color: #d6f1fd
}

.border-box {
    box-sizing: border-box
}

.overflow-visible {
    overflow: visible!important
}

.disableBodyScroll {
    overflow: hidden
}

.overflow-rev-fix {
    max-height: calc(100vh - 60px);
    overflow: auto
}

.fullContent {
    height: 100%;
    width: 100%
}

.fullHeight {
    height: 100%
}

.fullWidth {
    width: 100%
}

.halfWidth {
    width: 50%
}

.min-height-fix {
    min-height: 0
}

.clickable,.linkBtn {
    cursor: pointer
}

div.disableDiv {
    opacity: .5;
    pointer-events: none
}

.halfOpacity {
    opacity: .5
}

.placeholderText {
    color: #dae0e6
}

.roundCorners-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.roundCorners-bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

span.required:before {
    content: "*";
    color: red;
    font-size: 14px;
    width: 10px;
    text-align: center;
    display: inline-block
}

#payment_overdue_warning_icon {
    display: flex;
    position: absolute;
    right: 24px
}

h1.trHeading {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    line-height: 100%;
    margin-bottom: 16px
}

h2.trHeading {
    color: #333;
    font-size: 22px;
    font-weight: 400
}

h3.trHeading {
    color: #444;
    font-size: 18px;
    font-weight: 400
}

h4.trHeading {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px
}

h5.trHeading {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px
}

h6.trHeading {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

p.trParagraph {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c
}

hr.trDivider {
    border-style: solid;
    border-top: 0;
    border-color: #ebebeb;
    margin: 2px 0 12px 0
}

.trSubHeading {
    font-size: 20px;
    color: #444;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
    max-width: 868px
}

.trSubHeading span {
    font-size: 14px;
    color: #c2c7cc;
    font-weight: 300;
    float: right;
    line-height: 28px
}

.underline {
    text-decoration: underline!important
}

.fontWeight--100 {
    font-weight: 100!important
}

.fontWeight--200 {
    font-weight: 200!important
}

.fontWeight--400 {
    font-weight: 400!important
}

.fontWeight--800 {
    font-weight: 800!important
}

.fontSize--36 {
    font-size: 36px!important
}

.fontSize--30 {
    font-size: 30px!important
}

.fontSize--26 {
    font-size: 26px!important
}

.fontSize--24 {
    font-size: 24px!important
}

.fontSize--20 {
    font-size: 20px!important
}

.fontSize--16 {
    font-size: 16px!important
}

.fontSize--14 {
    font-size: 14px!important
}

.fontSize--13 {
    font-size: 13px!important
}

.fontSize--12 {
    font-size: 12px!important
}

.fontSize--10 {
    font-size: 10px!important
}

.rotate--90 {
    transform: rotate(90deg)
}

.rotate--180 {
    transform: rotate(180deg)
}

.rotate--270 {
    transform: rotate(270deg)
}

.nullDash h1,h1.trNullScreen {
    min-width: 700px;
    text-align: center;
    line-height: 140%;
    font-size: 24px;
    color: #4a4a4a;
    font-weight: 400
}

.nullDash p,p.trNullScreen {
    font-size: 14px;
    color: #797c80;
    font-weight: 100;
    margin: 8px auto;
    line-height: 1.6;
    text-align: center;
    padding-bottom: 20px
}

.trNullScreen.title {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px
}

.ui-dialog .nullDash h1 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px
}

.nullDash h2,.ui-dialog .nullDash h2 {
    font-size: 18px;
    margin-bottom: 4px
}

.ui-dialog .nullDash p {
    font-size: 14px;
    line-height: 16px;
    max-width: 80%;
    margin-top: 0;
    text-align: center;
    color: #999!important
}

.trInlineBlock span {
    font-size: 12px;
    color: #9a9a9a
}

.trNullSubheading {
    font-size: 14px;
    font-weight: 400;
    color: #797c80;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 16px
}

.text-center {
    text-align: center!important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-grey {
    color: #999!important
}

.text-light-grey {
    color: #aaaeb3!important
}

.text-uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.text-overflow-none {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-bold {
    font-weight: 700
}

.text-italic {
    font-style: italic
}

.no-wrap {
    white-space: nowrap
}

.loading-overlay {
    opacity: .6!important;
    pointer-events: none
}

.trError {
    padding-top: 15px;
    display: inline-block
}

.trTextField {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: block;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.trTextArea {
    height: 100px;
    padding: 4px 10px;
    border: 1px solid #ccc
}

.trDialogInput {
    font-size: 18px!important;
    line-height: 21px;
    padding: 6px;
    height: inherit;
    box-sizing: border-box
}

.trDialogInput[type=text] {
    border: 1px solid #eaeaea
}

.trDialogInput[type=text]:focus,.trTextArea:focus {
    border: 1px solid #a1c6ee!important;
    outline: 0;
    -webkit-box-shadow: 0 0 6px rgba(102,175,233,.6);
    box-shadow: 0 0 6px rgba(102,175,233,.6)
}

.trDialogInput[type=text]::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 100
}

.trDialogInput[type=text]::-moz-placeholder {
    font-size: 14px;
    font-weight: 100
}

.trDialogInput[type=text]:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 100
}

.trDialogInput[type=text]:-moz-placeholder {
    font-size: 14px;
    font-weight: 100
}

label.trDialogLabel {
    min-width: 70px;
    display: inline-block
}

.trDialogSelect .ui-selectmenu {
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box
}

select.trInlineDropdown {
    display: inline-block!important;
    margin: 0 5px!important;
    font-size: 12px!important;
    height: 20px!important
}

#t_NewWorkoutName.trDialogInput {
    font-size: 18px!important
}

.datepicker-inline {
    position: relative
}

.datepicker-inline input[type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 100;
    color: #444;
    border-radius: 3px;
    border: 1px solid #eaeaea
}

.datepicker-inline img {
    position: absolute;
    bottom: 10px;
    top: 6px;
    right: 10px;
    height: 22px
}

.datepicker-inline:after {
    position: absolute;
    content: ' ';
    display: inline-block;
    height: 35px;
    width: 1px;
    right: 40px;
    top: 0;
    border-left: 1px solid #eaeaea
}

.ui-datepicker-weekHover {
    background-color: #ebebeb
}

.ui-datepicker-weekSelect {
    box-sizing: border-box;
    border: 1px solid #38b5ee!important;
    background-color: #c1e9fd
}

.ui-datepicker-weekSelect:first-of-type {
    border-left: 1px solid #38b5ee!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ui-datepicker-weekSelect:last-of-type {
    border-right: 1px solid #38b5ee!important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-datepicker .ui-datepicker-weekSelect td .ui-state-active {
    border: 1px solid #fff!important
}

.tr-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.tr-icon-small {
    display: inline-block;
    height: 21px;
    width: 22px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 5px
}

.tr-icon-xsmall {
    display: inline-block;
    height: 12px;
    width: 12px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 2px
}

.tr-icon-background100 {
    background-size: 100%!important
}


.tr-dialog-close {
    top: 8px;
    right: 8px;
    position: absolute;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background-size: 100%;
    opacity: .5!important;
    cursor: pointer
}

.tr-dialog-close-bg {
    background-color: #000;
    border-radius: 50%
}

input.tr-dialog-close {
    background-color: transparent;
    border: none
}

.tr-dialog-close:hover:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url(/app/images/UI/close_blue.png);
    display: block;
    background-size: 100%;
    opacity: 0;
    animation: fadein .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.tr-dialog-close:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url(/app/images/UI/close_blue.png);
    display: block;
    background-size: 100%;
    opacity: 0;
    animation: fadeout .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.tr-dialog-fullscreen {
    background: 0 0!important
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.ui-dialog {
    padding: 0
}

.jpopup.ui-widget-content {
    border: none;
    background: #fff;
    font-weight: 100;
    padding: 8px
}

.ui-dialog .ui-dialog-buttonpane {
    background: 0 0;
    border-width: 0;
    padding: 0
}

.ui-dialog .ui.dialog-buttonpane button {
    margin: .4em .4em .4em 0
}

.jpopup table TH {
    padding: 16px 8px
}

.jpopup .ui-state-default,.jpopup .ui-widget-content .ui-state-defaul .jpopup .ui-widget-header .ui-state-default {
    padding: 3px 2px 1px 2px;
    font-weight: 400
}

.pDialog,.pDialog--32 {
    padding: 32px 48px 32px 32px!important
}

.pDialog--16 {
    padding: 16px 32px 16px 16px!important
}

.trDialog {
    background: #fff
}

.trDialog .ui-dialog-buttonpane {
    padding: 0 16px 16px 0
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.trDialog button {
    margin: 0 0 0 8px;
    padding: 4px 7px 4px 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase
}

div.trUIAlertDialog button:first-child {
    background-color: #fff;
    border: 1px solid #eee;
    color: #444
}

div.trUIAlertDialog button:first-child:hover {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #444
}

div.trUIAlertDialog.error>div.ui-dialog-buttonpane>div.ui-dialog-buttonset>button:first-child {
    background-color: #ff5265!important;
    border: 1px solid #e54a5b!important;
    color: #fff
}

div.trUIAlertDialog.error>div.ui-dialog-buttonpane>div.ui-dialog-buttonset>button:first-child:hover {
    background-color: #d33b4b!important;
    border: 1px solid #e54a5b!important;
    color: #fff
}

div.trUIAlertDialogLarge {
    width: 520px!important
}

.tr-loader {
    z-index: 100;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.trBtnLoader {
    position: relative;
    background-color: rgba(255,255,255,.7);
    pointer-events: none
}

.trBtnLoader:before {
    background-image: url(/app/images/spinnerSnake.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: -1px;
    left: -1px;
    border: 1px solid #fff;
    background-color: rgba(255,255,255,.7)
}

.gtNoConnection {
    display: block;
    background: url(/app/images/UI/gps_searching.png);
    background-size: 30px;
    background-position: center 42%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    z-index: 100;
    position: absolute
}

.gtNoConnection span {
    display: inline-block;
    position: relative;
    top: 50%;
    width: 100%;
    text-align: center
}

.gtNoConnection-small span {
    top: 70%;
    font-size: 11px
}

.noDataTile {
    width: 100%;
    height: 100%;
    background: #eee;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    color: #777;
    text-align: center;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px
}

.noDataTile h5 {
    font-size: 14px
}

.noDataTile p {
    font-size: 12px;
    margin: 10px;
    margin-top: 2px!important;
    margin-bottom: 0!important
}

#ctl00_PH_Page_uUpcomingWorkoutSchedule_p_upcoming_client_nodetail>.noDataTile,.clientSummary_section>.noDataTile {
    min-height: 120px
}

.bg-grey {
    background-color: #fafafa
}

.border-grey {
    border: 1px solid #ebebeb
}

.border-bottom-grey {
    border-bottom: 1px solid #ebebeb
}

.border-top-grey {
    border-top: 1px solid #ebebeb
}

.workout-green {
    color: #8cc34b
}

.workout-blue {
    color: #05a9f5
}

.workout-grey {
    color: #d9d9d9
}

.color-protein {
    color: #70d27c
}

.color-fat {
    color: #ff9971
}

.color-carbs {
    color: #0fb4c3
}

.color-fiber {
    color: #fcd476
}

.color-sodium {
    color: #cba5cf
}

.Alloy-palette-blue {
    color: #05a9f5!important
}

.Alloy-palette-green {
    color: #8cc34b!important
}

.Alloy-palette-orange {
    color: #ff7200!important
}

.Alloy-palette-yellow,.warningText {
    color: #ffb400!important
}

.Alloy-palette-red {
    color: #ff5265!important
}

.Alloy-palette-grayBorder {
    border-color: #dadada!important
}

.Alloy-palette-pageGrayBorder {
    border-color: #a2a2a2!important
}

.Alloy-palette-boxBackground {
    color: #fafafa!important
}

.display-flex {
    display: flex
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-left {
    display: flex;
    align-items: flex-start
}

.flex-right {
    display: flex;
    align-items: flex-end
}

.flex-top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.flex-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.flex-align-right {
    display: flex;
    justify-content: flex-end
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-self-right {
    margin-left: auto!important
}

.flex-self-bottom {
    margin-top: auto!important
}

.flex-align-center {
    align-items: center
}

.flex-align-bottom {
    align-items: flex-end
}

.flex-align-top {
    align-items: flex-start
}

.flex-justify-center {
    justify-content: center
}

.flex-space-between {
    justify-content: space-between
}

.flex-basis {
    flex-basis: 0;
    flex-grow: 1
}

.flex-noShrink {
    flex-shrink: 0
}

.flex-wrap {
    flex-wrap: wrap
}

.fullWidth-leaderboard {
    width: 100%;
    height: 80px;
    background: #fafafa;
    border: 1px solid #ebebeb
}

.fullWidth-banner {
    width: 100%;
    height: 180px;
    background: #fff;
    border: 1px solid #ebebeb
}

.trAddButton {
    display: flex;
    align-items: center;
    border: none;
    background: 0 0;
    font-size: 12px;
    font-weight: 100;
    padding-top: 4px;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    color: #1eb6f8;
    text-transform: capitalize;
    margin-right: 15px;
    margin-bottom: 3px
}

.trAddButton:hover:before {
    background-color: #0993d2
}

.custom_dropdown_menu_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 85px;
    background-color: #fff;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    cursor: pointer
}

.custom_dropdown_menu_item:first-of-type {
    border-top: 1px solid #ebebeb
}

.custom_dropdown_menu_item .tr-icon-chevronDown {
    display: none
}

.custom_dropdown_menu_item .tr-icon-smallCheckmark {
    display: none
}

.custom_dropdown_menu_item .tr-icon {
    height: 56px;
    width: 56px
}

.custom_dropdown_menu_item.selected .tr-icon-chevronDown {
    display: block
}

.custom_dropdown_menu_item.selectedCheck .tr-icon-smallCheckmark {
    display: block
}

.custom_dropdown_menu_item:hover {
    background-color: #d6f1fd
}

.custom_dropdown_menu_item .tr-icon,.custom_dropdown_menu_item .tr-icon-small {
    flex-shrink: 0;
    margin: 0 5px
}

.custom_dropdown_menu_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-grow: 1
}

.custom_dropdown_menu_title {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    max-width: 320px;
    padding-top: 5px
}

.custom_dropdown_menu_message {
    font-size: 11px;
    font-weight: 100;
    color: #999;
    padding-top: 3px;
    width: 290px;
    display: inline-block
}

.searchBar-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 2px 10px 2px 3px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    transition: all .4s;
    box-sizing: border-box
}

.searchBar-container .searchBar-magIcon {
    background-image: url(/app/images/searchBar/search.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
    top: 21px;
    left: 24px;
    transition: all .4s;
    flex-shrink: 0
}

.searchBar-input {
    border: none;
    box-shadow: none;
    outline: 0;
    transition: all .4s;
    font-size: 12px;
    width: 100%
}

.searchBar-input::placeholder {
    color: #ccc;
    font-weight: 100
}

.searchBar-container.searchBar-hasContent {
    border-color: #06a9f6
}

.searchBar-clear {
    background-image: url(/app/images/searchBar/clear.png);
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 15px;
    width: 15px;
    top: 8px;
    right: 28px;
    background-color: #bbb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .4s
}

.searchBar-container.closed {
    background-color: transparent;
    border: 1px solid transparent
}

.searchBar-container.closed .searchBar-input {
    width: 0;
    background-color: transparent
}

.searchBar-container.open .searchBar-input {
    width: 100%;
    background-color: #fff
}

.searchBar-container.closed .searchBar-clear {
    width: 0;
    opacity: 0
}

.searchBar-container.open .searchBar-clear {
    opacity: .7
}

.unread-bubble-withNumber {
    top: 15px;
    right: 15px;
    font-size: 11px;
    min-width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 10px;
    background: #ff5366;
    color: #fff;
    padding: 0 3px 0 3px;
    box-sizing: border-box;
    margin: 0 8px
}

.unread-bubble {
    top: 15px;
    right: 15px;
    font-size: 11px;
    min-width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 10px;
    background: #ff5366;
    color: #fff;
    padding: 0 3px 0 3px;
    box-sizing: border-box;
    margin: 0 8px
}

.dropZoneArea {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 99;
    border: 1px solid #2196f3;
    box-sizing: border-box;
    background-color: rgba(2555,255,255,.8)
}

.dropZoneArea .dropIcon {
    background-image: url(/app/images/workoutBuilder/dragOver.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 74px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -60px
}

.qtip-trigger {
    cursor: pointer;
    background-image: url(/app/images/tr-icons-999999.png);
    background-position: -146px -64px;
    width: 15px;
    height: 15px;
    background-size: 160px 128px;
    display: inline-block;
    vertical-align: bottom;
    opacity: .8
}

.qtip-trigger:hover {
    opacity: 1
}

.qTip p,.ui-tooltip-content p {
    font-weight: 100;
    padding: 0;
    margin: 5px 0 0 0
}

.qtip ul {
    padding: 0 0 0 15px;
    margin: 0
}

.qtip ul li {
    padding: 5px 5px 5px 0;
    font-weight: 100
}

.qtip {
    z-index: 2001!important
}

.trDropdown {
    position: absolute;
    background: #fff;
    z-index: 100
}

.trDropdown .sub-nav,.trDropdown .sub-nav-links {
    width: 150px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.23);
    list-style: none;
    z-index: 1001;
    background-color: #fff;
    color: #9a9a9a;
    border-radius: 3px;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.trDropdown .sub-nav-maxHeight {
    max-height: 300px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden
}

.trDropdown .sub-nav li {
    min-height: 34px;
    text-align: right;
    color: #9a9a9a;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 100;
    justify-content: flex-start;
    padding: 0 10px
}

.trDropdown .sub-nav li:hover,.trDropdown .sub-nav-links li:hover {
    cursor: pointer!important;
    background-color: #f2f2f2;
    color: #06a9f6
}

.trDropdown .sub-nav-links li {
    height: auto;
    min-height: 34px;
    text-align: left;
    color: #444;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    font-size: 13px;
    font-weight: 100;
    padding: 6px 10px;
    overflow: hidden
}

.trDropdown .sub-nav li p {
    font-size: 12px;
    color: #9a9a9a
}

.trDropdown .sub-nav li:hover p {
    color: #06a9f6
}

.trDropdown .sub-nav li.trDropdownItemHover {
    cursor: pointer!important;
    background-color: #f2f2f2;
    color: #06a9f6
}

.trDropdown .sub-nav li.trDropdownItemHover p {
    color: #06a9f6
}

.trDropdown li.trDropdown-builder {
    height: 40px!important
}

.trDropdown li.trDropdown-spreadsheet {
    height: 100px!important;
    text-align: left
}

.trDropdown .trDropdown-itemWIcon {
    width: 100%
}

.trDropdown .trDropdown-itemWIcon img {
    padding: 0 8px;
    margin-top: -3px
}

.trDropdown .trDropdown-itemWIcon span.highlight small {
    color: #ff9800!important
}

.dropdown-active {
    background-color: #06a9f6!important;
    color: #fff!important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.menu-icon-vertical {
    display: block;
    width: 16px;
    height: 24px;
    color: #d1d1d1
}

.menu-icon-vertical:after {
    content: '\22EE';
    font-size: 27px;
    font-family: system-ui;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    left: 2px;
    top: -2px
}

.menu-icon-vertical:hover {
    color: #1eb6f8;
    border-radius: 3px
}

.grid-header {
    border-bottom: 1px solid #ebebeb;
    color: #ddd;
    padding: 20px 20px 20px 10px;
    font-size: 13px
}

.filter-label {
    color: #444;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    text-transform: capitalize
}

.fancy-radio-container {
    height: 70px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 8px
}

.fancy-radio-container.checked {
    border: 1px solid #06b2f6
}

.fancy-radio-container.checked h3 {
    color: #06b2f6!important
}

.fancy-radio-container h3 {
    color: #4c4c4c!important;
    font-weight: 100!important;
    font-size: 14px!important;
    padding: 0!important
}

.fancy-radio-container .fancy-description {
    font-size: 12px
}

.fancy-radio-container .trSubHeading span {
    line-height: 14px;
    font-size: 13px
}

.fancy-radio-container [type=radio] {
    margin: 15px
}

.fancy-radio-container input[type=radio]:checked,.fancy-radio-container input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.fancy-radio-container input[type=radio]:checked+label,.fancy-radio-container input[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #4c4c4c
}

.fancy-radio-container input[type=radio]:checked+label:before,.fancy-radio-container input[type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #fff
}

.fancy-radio-container input[type=radio]:checked+label:after,.fancy-radio-container input[type=radio]:not(:checked)+label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #06b2f6;
    position: absolute;
    top: 4px;
    left: 7px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.fancy-radio-container input[type=radio]:not(:checked)+label:before {
    border: 1px solid #aaaeb3
}

.fancy-radio-container input[type=radio]:checked+label:before {
    border: 1px solid #06b2f6
}

.fancy-radio-container input[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fancy-radio-container input[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.videoLink {
    position: relative;
    cursor: pointer
}

.videoLink:before {
    position: absolute;
    content: '\25B6';
    height: 40px;
    width: 40px;
    padding: 11px 11px 11px 14px;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 99;
    box-sizing: border-box;
    color: #fff;
    background-color: rgba(255,195,53,.8);
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: all .2s
}

.videoLink:after {
    position: absolute;
    content: ' ';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: rgba(0,0,0,.3)
}

.videoLink--noBackground:after {
    background-color: transparent
}

.videoLink:hover:before {
    background-color: rgba(255,195,53,.9)
}

.billingForm .recurly-hosted-field,.billingForm input[type=text] {
    height: 36px;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    color: #444;
    font-weight: 100;
    font-size: 14px
}

.billingForm input[type=text] {
    padding: 11px
}

.billingForm .recurly-hosted-field {
    padding: 0 11px
}

.billingForm select,.trSelect,select.trSelect {
    width: 100%;
    border: 0;
    outline: 0;
    height: 36px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0 26px 0 11px;
    cursor: pointer;
    font-weight: 100;
    line-height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='-10 -10 34 34' id='icon-expandArrow' x='646' y='646'%3E%3Ctitle%3Eicon-expandArrow%3C/title%3E%3Cpath fill='%23C2C6CC' d='M3 4l4 6.857L11 4z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    position: relative
}

.trSelect.trSelect--small,select.trSelect.trSelect--small {
    height: 24px;
    line-height: 23px
}

.trSelect.trSelect--med,select.trSelect.trSelect--med {
    height: 26px;
    line-height: 25px
}

.trSelect,select.trSelect {
    color: #535353;
    font-size: 12px
}

.trSelect-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: block
}

.billingForm select {
    color: #444;
    font-size: 14px
}

.trSelect:focus,.trSelect:hover,select.trSelect:focus,select.trSelect:hover {
    background-color: #eee
}

.billingForm label {
    font-size: 14px;
    margin-bottom: 2px;
    color: #4c4c4c
}

.billingForm_input {
    width: 100%;
    margin-bottom: 10px
}

.billingForm_input:last-of-type {
    margin-bottom: 0
}

.billingForm_input--row {
    margin-right: 5px;
    margin-left: 5px
}

.billingForm_input--row:first-of-type {
    margin-left: 0
}

.billingForm_input--row:last-of-type:not(:first-of-type) {
    margin-bottom: 0;
    margin-right: 0
}

span.billingForm_cardSlash {
    font-size: 14px;
    font-weight: 300;
    color: #c2c7cc
}

.collapsableSidebar__header {
    height: 50px;
    padding: 0 8px 0 10px;
    width: 100%;
    background-color: #fff;
    color: #303133;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0
}

.selected-selection {
    border-left: 5px solid #06a9f6
}

.selected-selection {
    border-left: 5px solid #06a9f6
}

.collapsableSidebar__header:first-child {
    border-top: 1px solid #ebebeb
}

.collapsableSidebar__counter.counter-on {
    border-radius: 25px;
    min-width: 17px;
    height: 17px;
    margin-top: 0;
    margin-right: 8px;
    position: relative;
    background-color: #c2c7cc;
    border: 1px solid #c2c7cc;
    color: #fff;
    cursor: pointer;
    margin-left: auto;
    font-size: 10px;
    line-height: 11px;
    box-sizing: border-box
}

.collapsableSidebar__container .gtSideMenu {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden
}

.collapsableSidebar__container {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 0
}

.collapsableSidebar__container ul {
    height: 100%;
    background-color: #f8f8f8
}

.collapsableSidebar__header .icon--sectionTitle {
    height: 16px;
    width: 16px;
    margin-right: 6px;
    margin-bottom: 2px
}

.collapsableSidebar__arrow {
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../images/sidebar/ic-downArrow.svg);
    transition: .5s;
    margin-right: 10px;
    margin-left: 5px
}

.selectableItems__container li:hover {
    background-color: #ebebeb;
    color: #2196f3
}

.selectableItems__container {
    overflow: auto
}

.tr-icon-verticalMenu>.icon--hover {
    display: none
}

.tr-icon-verticalMenu:hover>.icon--hover {
    display: block
}

.tr-icon-verticalMenu:hover>.icon--display {
    display: none
}

#clientDash_bannerWrap p {
    font-size: 12px!important;
    line-height: 16px!important
}

.line-height-normal {
    line-height: normal!important
}

.vertical-separator--dark {
    width: 100%;
    border-top: solid 1px #d6d8da;
    margin: 10px 0
}

.vertical-separator {
    width: 100%;
    border-top: solid 1px #eaeaea;
    margin: 10px 0
}

.section-heading-separator {
    width: 100%;
    border: solid 1px #f5f5f5;
    margin: 0 0 10px 0
}

.qtip-margin-left {
    margin-left: 3px
}

.vimeoWindow {
    height: 450px;
    width: 800px;
    padding: 8px
}

.folder-icon {
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../images/ic-folder.svg)
}

@media only screen and (max-width: 1320px) {
    .gtBtn-icon {
        font-size:11px
    }

    .gtBtn-icon .icon:nth-child(2) {
        margin-left: 6px
    }

    .gtBtn-icon .gtBtn-smallContent {
        font-size: 11px
    }

    .gtBtn-icon .gtBtn-mediumContent {
        font-size: 12px
    }

    .gtBtn-smallContent {
        line-height: initial!important
    }
}

@media only screen and (min-width: 1320px) {
    .gtBtn-icon {
        font-size:11px;
        width: auto
    }

    .gtBtn-icon>.icon {
        margin-right: 5px
    }

    .gtBtn-icon .icon:nth-child(2) {
        margin-left: 8px
    }

    .gtBtn-icon .gtBtn-mediumContent {
        font-size: 12px
    }

    .gtBtn-smallContent {
        width: 0;
        overflow: hidden;
        text-indent: -9999px
    }
}

.gtBtn-icon {
    padding: 2px 5px 2px 5px;
    background: #fff;
    font-weight: 100;
    text-transform: uppercase;
    color: #666;
    cursor: hand;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    overflow: visible;
    margin: 0;
    border: 1px solid #dae0e6;
    text-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.gtBtn-icon>span {
    vertical-align: middle;
    vertical-align: text-bottom
}

.gtBtn-icon.gtBtnMed {
    display: inline-flex;
    line-height: 15px
}

.gtBtn-icon.gtBtnLarge {
    display: inline-block;
    padding: 7px 20px 8px 20px!important;
    line-height: 14px;
    font-size: 14px
}

.gtBtn-noSrink {
    font-size: initial!important
}

.gtBtnSet .gtBtn-icon {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    float: left
}

.gtBtnSet .gtBtn-icon:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gtBtnSet .gtBtn-icon:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gtBtnSet .gtBtn-icon:not(:first-child) {
    border-left: none!important
}

.gtBtn-icon>.icon.icon--only {
    margin-right: 0!important
}

.gtBtnMore {
    border-radius: 4px!important
}

.gtBtn-icon .image--small {
    width: 10px
}

#trainerGrid-toolbar {
    height: 24px
}

#trainerGrid-toolbar__addTrainer {
    width: 60px
}

#trainerGrid-toolbar button {
    height: 100%
}

.gtBtn-icon img {
    width: 12px;
    filter: invert(50%) sepia(4%) saturate(321%) hue-rotate(175deg) brightness(95%) contrast(93%)
}

.gtBtn-icon .image--small {
    width: 10px
}

.gtBtn-icon .images-white {
    filter: brightness(0) invert(1)
}

#clientGrid__toolbar {
    height: 24px
}

#clientGrid__toolbar button {
    height: 100%
}

.gtButtonSet {
    display: flex;
    font-size: 0
}

.gtButtonSet .ui-button,.gtButtonSet button {
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.gtButtonSet a:first-child,.gtButtonSet button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.gtButtonSet a:last-child,.gtButtonSet button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.gtButtonSet .ui-button:not(:first-of-type),.gtButtonSet a:not(:first-child),.gtButtonSet button:not(:first-child) {
    border-left: none!important
}

.gtButtonSet.noRightBorder .ui-button:not(:last-of-type),.gtButtonSet.noRightBorder a:not(:last-child),.gtButtonSet.noRightBorder button:not(:last-child) {
    border-right: none!important
}

.ui-helper-hidden-accessible {
    display: none
}

#quickViewWrap .ui-dialog-titlebar {
    background: 0 0;
    position: absolute;
    width: 790px;
    z-index: 50;
    right: 0
}

#btn_quickView {
    width: 27px;
    height: 27px;
    background: url(../../images/UI/toolbar_quickview.png) top left no-repeat;
    float: left;
    cursor: pointer
}

#qv_buttons {
    text-align: right;
    height: 24px
}

#qv_buttons table {
    float: right;
    margin-top: 2px
}

#qv_tabs {
    border: 0;
    padding: 0
}

#qv_tabs .ui-tabs-nav {
    border: 0;
    background: #222;
    padding: 8px 8px 0 0;
    height: 34px;
    overflow: hidden;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

#qv_tabs .ui-tabs-nav li:first-of-type {
    margin-left: 8px
}

#qv_tabs .ui-tabs-nav li {
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border: 0;
    background: #717378;
    opacity: .7
}

#qv_tabs .ui-tabs-nav li {
    font-weight: 400;
    height: 30px
}

#qv_tabs .ui-tabs-nav .ui-state-active {
    background: #eff3f6!important;
    opacity: 1
}

#qv_tabs .ui-tabs-nav .ui-state-active a {
    color: #1eb6f8!important
}

#div_clientview {
    margin-top: 0;
    min-height: 220px;
    position: relative;
    padding: 0 8px
}

.qv_profile_section {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

#qv_profileInfoWrap .icon88 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #cdcdcd
}

#nameComplete {
    font-weight: 100;
    padding-left: 10px;
    font-size: 20px
}

#table_clientdetails {
    font-size: 13px;
    font-weight: 100
}

#table_clientdetails .HeaderField {
    padding-right: 10px;
    color: #999
}

#table_clientdetails tr td {
    padding: 2px 0;
    color: #000
}

#table_clientdetails #lab_div {
    font-size: 24px;
    margin-bottom: 16px
}

#table_clientdetails .datepicker-inline #birthDayPicker {
    height: 22px;
    color: #000;
    font-weight: 400;
    padding-left: 5px
}

#table_clientdetails .datepicker-inline img {
    top: 4px;
    right: 5px;
    height: 14px
}

#table_clientdetails .datepicker-inline:after {
    height: 22px;
    right: 23px
}

.statusActive {
    height: 100%;
    padding-right: 7px;
    background-image: url(../../images/UI/icons/signinOption/with-sign-in.svg)
}

.statusActiveNoSignin {
    height: 100%;
    padding-right: 7px;
    background-image: url(../../images/UI/icons/signinOption/no-sign-in.svg)
}

.statusDeactivated {
    height: 100%;
    padding-right: 6px;
    background-image: url(../../images/UI/icons/paused.png)
}

.statusPending {
    height: 100%;
    padding-right: 6.055px;
    background-image: url(../../images/UI/icons/statusPending.png)
}

.twoWayMsg {
    height: 100%;
    padding-right: 7.05px;
    background-image: url(../../images/UI/icons/messageOption/2-way-msg.svg)
}

.oneWayMsg {
    width: 20px;
    height: 19px;
    background-image: url(../../images/UI/icons/messageOption/1-way-msg.svg)
}

.noMsg {
    width: 20px;
    height: 19px;
    background-image: url(../../images/UI/icons/messageOption/no-msg.svg)
}

.qvTabBtnWrap {
    float: right
}

#cqv_edit_client {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 12px;
    width: 120px;
    text-align: right
}

.qvTabBtnWrapEdit {
    position: absolute;
    right: 64px;
    top: 48px
}

#qv_clientStatus_container {
    column-count: 2;
    column-gap: 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#qv_clientStatus,#qv_messageStatus {
    line-height: 130%;
    font-size: 11px;
    color: #999;
    margin-right: -30px;
    display: flex;
    height: 25px
}

#div_clientview #nameWrap #qv_dateSignedIn em {
    display: block;
    float: left;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/clients/lastSignedIn.png);
    background-size: cover
}

#div_clientview #nameWrap #qv_dateMessaged,#div_clientview #nameWrap #qv_dateSignedIn,#qv_amountMessages,#qv_dateResponded {
    line-height: 130%;
    font-size: 13px;
    color: #999;
    margin: 2px 0;
    display: flex
}

#div_clientview #nameWrap #qv_dateResponded em {
    display: block;
    float: left;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/clients/lastResponded.png);
    background-size: cover
}

#div_clientview #nameWrap #qv_dateMessaged em {
    display: block;
    float: left;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/clients/lastMessaged.png);
    background-size: cover
}

#qv_amountMessages em {
    display: block;
    float: left;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/clients/conversations.png);
    background-size: cover
}

#cqv_lastSignIn {
    color: #999;
    font-size: 11px;
    line-height: 130%
}

#quickView .ui-tabs-panel {
    height: 637px;
    overflow: hidden;
    border: 0;
    box-sizing: border-box;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    position: relative;
    padding: 0
}

#quickView #consultationWrap {
    height: 735px;
    width: 648px;
    overflow: none;
    padding: 16px
}

#quickView #qv_profileInfoWrap {
    width: 304px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 8px;
    height: 603px
}

#cqv_summaryStat {
    width: 332px;
    padding: 4px 8px;
    overflow: hidden;
    height: 611px;
    position: absolute;
    top: 8px;
    left: 334px
}

#cqv_summaryStat .noDataTile {
    border: none;
    background: 0 0
}

#cqv_summaryStat .noDataTile_content h5 {
    font-size: 12px;
    font-weight: 400;
    color: #999
}

#cqv_summaryStat .noDataTile_content p {
    font-size: 10px;
    color: #aaa
}

#cqv_summaryStat,#qv_profileInfoWrap,#qv_trainerNotes {
    border: 1px solid #ccc;
    margin-bottom: 8px;
    background: #fff
}

#cqv_summaryStat {
    overflow: auto;
    overflow-x: hidden
}

#cqv_client_view {
    position: relative;
    min-height: 220px
}

#cqv_client_view #timezoneSettings,#cqv_client_view #unitSettings,#qv_fms_mode,#qv_trainingplan_visibledate {
    font-size: 11px;
    color: #999
}

#cqv_client_view #createdFrom {
    font-size: 11px;
    color: #999;
    padding-top: 15px
}

#div_clientedit #i_heightcm,#div_clientedit #i_heightfeet,#div_clientedit #i_heightinch {
    margin-right: 4px
}

#div_clientedit .fancy-radio-container {
    border: none;
    height: 15px;
    margin: 0;
    padding-left: 0
}

#div_clientedit .fancy-radio-container label {
    font-size: 12px
}

#cqv_summaryStat .totalFields em {
    color: #2196f3;
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-style: normal
}

#cqv_meal_plan,#cqv_training_plan {
    padding: 4px
}

#cqv_training_plan .exercises {
    display: none
}

#cqv_view_message,#currentWeight,#photos {
    padding: 8px 4px;
    height: 64px
}

#cqv_view_message {
    float: right
}

#currentWeight,#photos {
    padding-right: 16px;
    float: left;
    width: 72px
}

#cqv_bodyWeight:hover,#cqv_calendar:hover,#cqv_legacyActivityLevel:hover,#cqv_meal_plan:hover,#cqv_nutrition:hover,#cqv_scheduled_photo:hover,#cqv_training_plan:hover,#cqv_view_message:hover,#currentWeight:hover,#photos:hover,.cqv_scheduled_tile:hover {
    background: rgba(3,169,245,.1);
    cursor: pointer
}

#cqv_summaryStat .totalFields h3 {
    color: #2196f3;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-decoration: none!important;
    font-weight: 400
}

.cqv_link {
    position: absolute;
    right: 4px;
    top: 4px;
    text-align: right
}

#cqv_training_plan {
    display: block;
    text-decoration: none!important;
    cursor: pointer;
    width: 316px;
    height: 60px;
    position: relative
}

#cqv_training_plan div {
    color: #666
}

#cqv_training_plan h1 {
    font-size: 16px!important;
    text-decoration: none!important;
    color: #000;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    width: 300px;
    text-overflow: ellipsis
}

#cqv_training_plan .duration,#cqv_training_plan .exercises {
    font-size: 13px!important;
    line-height: 130%;
    color: #555;
    text-decoration: none!important;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

#cqv_training_plan .duration span,#cqv_training_plan .exercises span {
    color: #888;
    font-weight: 400;
    left: 2px
}

#cqv_training_plan .count {
    padding: 2px;
    min-width: 13px;
    display: inline-block;
    background: #9c9c9c;
    border-radius: 62px;
    font-size: 11px;
    color: #fff;
    margin-left: 4px;
    text-align: center;
    vertical-align: text-bottom
}

#cqv_training_plan_edit {
    position: absolute;
    right: 0;
    top: 4px
}

#cqv_meal_plan {
    display: block;
    text-decoration: none!important;
    cursor: pointer;
    width: 316px;
    height: 46px;
    position: relative;
    border-top: 1px solid #eee
}

#cqv_meal_plan div {
    color: #666
}

#cqv_meal_plan h1 {
    font-size: 16px!important;
    text-decoration: none!important;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    width: 300px;
    text-overflow: ellipsis;
    font-weight: 400
}

#cqv_calendar {
    display: block;
    text-decoration: none!important;
    cursor: pointer;
    width: 316px;
    height: 256px;
    position: relative;
    padding: 4px;
    border-top: 1px solid #eee
}

#cqv_calendar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#cqv_calendar li {
    float: left;
    margin-right: 8px
}

#cqv_calendar li a {
    text-decoration: none!important
}

#cqv_calendar li a div {
    width: 86px;
    height: 86px;
    position: relative;
    text-decoration: none
}

#cqv_calendar h4 {
    color: #ee772a;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-decoration: none!important;
    text-align: left;
    opacity: .5
}

#cqv_calendar li a div h2 {
    color: #2196f3;
    font-size: 30px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-decoration: none!important;
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    text-align: left
}

#cqv_rollUpStats {
    width: 316px;
    position: relative;
    left: 8px;
    height: 80px;
    border-top: 1px solid #eee
}

#cqv_rollUpStats ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block
}

#cqv_rollUpStats li a {
    text-decoration: none!important
}

#cqv_rollUpStats li a div {
    padding: 4px;
    position: relative;
    text-decoration: none
}

#cqv_rollUpStats li a div h1 {
    color: #737373;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-decoration: none!important;
    text-align: center
}

#cqv_rollUpStats li a div h2 {
    color: #2196f3;
    font-size: 30px;
    font-weight: 400;
    padding: 0;
    margin: 4px 0;
    text-decoration: none!important;
    width: 100%;
    text-align: left
}

#cqv_rollUpStats li a div h2 small {
    text-transform: lowercase;
    font-size: 12px;
    position: relative;
    top: -8px;
    left: 2px
}

#cqv_consultationFilledDate {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
    text-align: right
}

.qv_loading {
    font-size: 13px;
    color: #aaa
}

#cqv_activityLevel {
    width: 316px;
    position: relative;
    height: 175px;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 4px
}

#cqv_horizontalWeekly {
    width: 100%;
    height: 150px
}

#cqv_scheduled {
    position: relative;
    height: 32px;
    width: 316px;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 12px 4px 4px 4px
}

#cqv_scheduled #cqv_scheduled_photo {
    margin-left: 32px
}

.cqv_scheduled_tile {
    float: left;
    width: 130px
}

.cqv_scheduled_tile h2 {
    font-size: 28px!important;
    font-weight: 400!important;
    padding-right: 5px!important;
    display: block;
    width: 50px;
    float: right
}

.cqv_scheduled_tile em {
    float: left
}

#cqv_bodyWeight {
    position: relative;
    height: 60px;
    width: 316px;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 4px
}

#cqv_bodyWeightGraph {
    height: 40px;
    position: relative;
    width: 100%;
    top: 0
}

#cqv_bodyWeight h2 {
    font-size: 20px;
    font-weight: 400
}

#cqv_nutrition {
    position: relative;
    height: 235px;
    width: 316px;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 4px 4px 0 4px
}

#cqv_nutrition h3 {
    font-size: 12px;
    color: #000
}

#cqv_caloriesEaten {
    height: 45%;
    position: relative
}

#cqv_weeklyMacros {
    height: 45%;
    position: relative
}

#cqv_legacyActivityLevel {
    width: 316px;
    position: relative;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 4px
}

#cqv_activityCanvasJS {
    width: 100%;
    height: 90px
}

.cqv_activityCanvasJS_legend {
    font-size: 11px;
    color: #9a9a9a;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.cqv_activityCanvasJS_legend>div {
    text-align: center;
    display: inline-block
}

.qv_loading {
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    z-index: 1100
}

#qv_activateAction,#qv_userDeleted {
    display: flex;
    height: 100%;
    width: 95%;
    position: absolute;
    z-index: 1100;
    background: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#cqv_switch_account .ui-button-text {
    padding-right: 16px
}

#cqv_switch_account .ui-selectmenu-status {
    background: url(../../images/ui/btn_switch.png) no-repeat 96% center;
    padding-right: 24px
}

#mode_select {
    float: right;
    padding: 8px
}

#mode_select .tbBtn {
    border: 1px solid #666;
    padding: 5px 4px 3px 4px;
    text-decoration: none;
    font-weight: 700;
    color: #d2d2d2;
    font-size: 12px;
    line-height: 24px;
    display: block-inline;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

#mode_select a.sel {
    color: #fff;
    background-color: #3e569e
}

#mode_select a:hover {
    color: #fff;
    background-color: #4068e0
}

#qv_needingAttn {
    font-size: 14px!important;
    font-weight: 700;
    display: inline;
    cursor: pointer;
    opacity: .9;
    padding-bottom: 5px
}

#qv_needingAttn:hover {
    opacity: 1
}

#qv_needingAttn .gtBtn-tooltip {
    opacity: .6
}

#qv_trainerNotes {
    width: 292px;
    height: 619px;
    position: absolute;
    right: 8px;
    top: 8px;
    overflow: auto
}

#qv_trainerNotes_edit_all,#qv_trainerNotes_edit_cancel,#qv_trainerNotes_edit_save {
    float: right;
    font-size: 12px
}

#qv_trainerNotes_edit_save {
    margin-right: 8px
}

.btnTrainerNotesBandaid {
    width: 24px;
    height: 24px;
    border: 0;
    float: left;
    background-repeat: none;
    background-size: contain;
    background-color: transparent;
    background-image: url(../../images/cqv/trainerNotesDisabled.png);
    cursor: pointer;
    opacity: .8;
    margin-right: 4px
}

#qv_trainerNotes_bandaid {
    float: left
}

.btnTrainerNotesBandaidInjury {
    width: 24px;
    height: 24px;
    border: 0;
    float: left;
    background-size: contain;
    background-color: transparent;
    background-image: url(../../images/cqv/trainerNotesEnabled.png)!important
}

#qv_trainerNotes_New {
    width: 244px;
    display: none
}

#qv_trainerNotes_title {
    color: #ee772a;
    font-size: 13px
}

#qv_trainerNotes_count {
    padding: 2px;
    min-width: 13px;
    display: inline-block;
    background: #9c9c9c;
    border-radius: 62px;
    font-size: 11px;
    color: #fff;
    margin-left: 4px;
    text-align: center;
    vertical-align: text-bottom
}

#qv_trainerNotes_add {
    margin-top: 4px;
    margin-left: 28px
}

#qv_trainerNotes_cancel {
    margin-top: 4px
}

#qv_trainerNotes_textArea {
    width: 206px;
    height: 42px;
    margin-left: 28px
}

#qv_trainerNotes_add_waiting {
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 4px;
    margin-right: 4px
}

#qv_trainerNotes_Content .cqv_noteWrap .view .injury {
    float: left;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-color: transparent;
    background-image: url(../../images/cqv/trainerNotesBadge.png)!important
}

#qv_trainerNotes_Content .cqv_noteWrap .edit {
    position: relative
}

#qv_trainerNotes_Content .cqv_noteWrap .edit .trainerNotesEditAllTextbox {
    margin-bottom: 4px;
    width: 192px;
    height: 84px;
    margin-left: 28px;
    font-size: 12px
}

.cqv_noteWrap .notesEditButtons {
    margin-left: 28px
}

#qv_trainerNotes .noteRightPanel {
    float: right;
    min-width: 60px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle
}

#qv_trainerNotes .noteEditControls {
    width: 45px;
    float: right
}

#qv_trainerNotes .timestamp {
    color: #999;
    font-size: 11px;
    float: left;
    clear: left;
    padding-left: 28px;
    margin-bottom: 4px;
    text-transform: capitalize
}

#qv_trainerNotes .noteWrap {
    padding-left: 28px;
    margin-bottom: 4px;
    padding-top: 2px;
    white-space: pre-wrap
}

#qv_trainerNotes .note_editDel {
    float: right;
    cursor: pointer;
    opacity: .8;
    margin-top: 1px
}

#qv_trainerNotes .note_editDel:hover {
    opacity: 1
}

#qv_trainerNotes .cqv_noteWrap {
    font-size: 12px;
    margin: 4px 0;
    border-bottom: 1px solid #ddd;
    position: relative
}

#qv_trainerNotes .noteText {
    padding-left: 28px
}

#qv_trainerNotes .trainerNotesText {
    font-size: 12px
}

#qv_trainerNotes_New .noteUserName,.cqv_noteWrap .noteUserName {
    padding-left: 5px;
    float: left;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

#qv_trainerNotes_New .userImage,.cqv_noteWrap .userImage {
    float: left
}

#qv_trainerNotes_New .userImage img,.cqv_noteWrap .userImage img {
    width: 20px;
    border-radius: 10px
}

.system-tag-item span,.user-tag-item span {
    line-height: 21px;
    vertical-align: middle;
    height: 21px
}

.addTagLink {
    margin-left: 27px;
    font-weight: 100
}

.overview-content {
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    height: calc(100vh - 60px);
    width: 100%;
    top: 0;
    left: 0
}

.overview-main {
    overflow-y: scroll;
    overflow-x: hidden
}

.overview-main .dash-banner {
    border: 1px solid #e8e8e8;
    padding: 12px;
    margin-bottom: 12px
}

.overview-main .dash-banner p {
    margin: 0;
    color: #aaaeb3;
    font-size: 12px;
    line-height: 16px;
    max-width: 500px
}

.overview-content #widget__timeline {
    width: 460px
}

#clientSummary_allTimeStats {
    padding-top: 10px
}

.allTime_section {
    float: left;
    width: 33%;
    box-sizing: border-box;
    height: 70px
}

.allTime_img {
    width: 50px;
    height: 50px;
    float: left;
    background-size: 75%;
    background-repeat: no-repeat
}

.allTime_workout {
    background-image: url(../../images/tile/workoutCheckedIn.png)
}

.allTime_cardio {
    background-image: url(../../images/tile/cardioCheckedIn.png)
}

.allTime_photo {
    background-image: url(../../images/tile/photoTracked.png)
}

.allTime_weight {
    background-image: url(../../images/tile/statsTracked.png)
}

.allTime_FMS {
    background-image: url(../../images/tile/fmsTracked.png)
}

.allTime_text {
    overflow: hidden;
    width: auto;
    margin-left: 60px
}

.allTime_header {
    color: #7fd4fb;
    font-size: 12px;
    width: 100%;
    display: inline-block
}

.allTime_value {
    font-size: 32px;
    color: #a7a7a7
}

.allTime_unit {
    font-size: 16px;
    color: #a7a7a7;
    vertical-align: top;
    padding-left: 3px;
    margin-top: 5px;
    display: inline-block
}

.personalBest_list {
    padding-left: 0
}

.personalBest_list li {
    list-style: none;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd
}

.personalBest_list li:last-of-type {
    border-bottom: none
}

.personalBest_star {
    height: 50px;
    width: 50px;
    float: left;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../images/tile/goldstar.png)
}

.personalBest_text {
    overflow: hidden;
    width: auto;
    margin-left: 60px
}

.personalBest_label {
    float: left;
    width: 75%
}

.personalBest_name {
    width: 100%;
    color: #a7a7a7;
    font-size: 16px;
    display: inline-block;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.personalBest_stat {
    color: #ccc;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
    display: block
}

.personalBest_date {
    float: right;
    color: #a7a7a7;
    width: 25%;
    padding-top: 17px;
    font-size: 13px;
    text-align: right
}

#calendar-dialog .date {
    float: left;
    margin: 15px auto 10px 12px;
    height: 24px;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #fff
}

.dialog-calendar .date {
    float: left;
    margin-top: 13px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.dialog-calendar .buttonBlock {
    display: flex;
    align-items: center;
    height: 49px
}

.dialog-calendar .buttonBlock button {
    margin-left: 10px
}

.dialog-calendar .buttonBlock div {
    margin-left: 10px
}

.dialog-calendar .header {
    width: 704px;
    height: 49px;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb
}

.dialog-calendar .ui-icon-closethick {
    z-index: 15;
    position: fixed
}

.dialog-calendar .dialogContent {
    position: absolute;
    top: 49px;
    width: 100%
}

.dialog-calendar .bodyStatsNew {
    height: 460px
}

#FMSName {
    font-family: Helvetica;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #303133
}

#FMSStatus {
    height: 21px;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #919599
}

.creditCard-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.creditCard-icon {
    font-size: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.creditCard-icon--med {
    font-size: 24px
}

.creditCard-icon--large {
    font-size: 32px
}

.creditCard-icon:before {
    content: "\00a0"
}

.creditCard-icon.creditCard-icon-squared {
    width: 1em
}

.creditCard-icon--amex {
    background-image: url(/app/images/creditCards/icons-8-am-ex.svg)
}

.creditCard-icon--dinersclub {
    background-image: url(/app/images/creditCards/icons-8-diners-club.svg)
}

.creditCard-icon--discover {
    background-image: url(/app/images/creditCards/icons-8-discover.svg)
}

.creditCard-icon--jcb {
    background-image: url(/app/images/creditCards/icons-8-jcb.svg)
}

.creditCard-icon--mastercard {
    background-image: url(/app/images/creditCards/icons-8-mastercard.svg)
}

.creditCard-icon--visa {
    background-image: url(/app/images/creditCards/icons-8-visa.svg)
}

.emojiPickerIconWrap {
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid #ebebeb
}

.emojiPickerIcon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.emojiPicker {
    display: none;
    position: absolute;
    outline: 0;
    border: none;
    box-shadow: 0 0 7px #555;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: Helvetica,Arial,sans-serif
}

.emojiPicker div.emoji {
    width: 1.3em;
    height: 1.3em;
    position: relative;
    display: inline-block
}

.emojiPicker span.emoji {
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle
}

.emojiPicker .hidden {
    display: none
}

.emojiPicker nav {
    display: flex;
    position: relative;
    z-index: 0;
    background-color: #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #ddd
}

.emojiPicker nav div.tab {
    position: relative;
    flex-grow: 1;
    top: 1px;
    display: inline-block;
    margin: 2% 0 0 0;
    padding: 2% 2% 4% 2%;
    text-align: center;
    border: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer
}

.emojiPicker nav div.tab:hover {
    background-color: #ddd
}

.emojiPicker nav div.tab.active {
    background-color: #fff;
    box-shadow: 0 0 3px #ccc;
    border: 1px solid #ddd;
    border-bottom: none
}

.emojiPicker nav div.tab:first-of-type {
    margin-left: 1%
}

.emojiPicker nav div.tab:last-of-type {
    margin-right: 1%
}

.emojiPicker nav div.tab .emoji {
    width: 1.1em;
    height: 1.1em
}

.emojiPicker nav div.tab .emoji-tab-recent {
    background: url(svg/recent.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-people {
    background: url(svg/people.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-nature {
    background: url(svg/nature.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-food {
    background: url(svg/food.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-activity {
    background: url(svg/activity.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-travel {
    background: url(svg/travel.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-object {
    background: url(svg/object.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-symbol {
    background: url(svg/symbol.svg) center center no-repeat
}

.emojiPicker nav div.tab .emoji-tab-flag {
    background: url(svg/flag.svg) center center no-repeat
}

.emojiPicker .sections {
    overflow: auto;
    position: relative;
    background: #fff;
    z-index: 10
}

.emojiPicker section {
    overflow: hidden;
    width: 100%;
    padding-top: 1%
}

.emojiPicker section h1 {
    clear: both;
    margin: 0;
    padding: 2%;
    color: #444;
    font-size: 14px;
    text-transform: capitalize
}

.emojiPicker section em {
    float: left;
    display: inline-block;
    padding: 2%;
    border-radius: 4px;
    cursor: pointer
}

.emojiPicker section em:hover {
    background-color: #eee
}

.emojiPicker section em div {
    width: 40px;
    margin: 1%
}

.emojiPicker section em div:hover {
    cursor: pointer
}

.emojiPicker section .wrap {
    width: 100%
}

.emojiPicker section.search .wrap {
    padding-top: 1%
}

.emojiPicker section.search input {
    display: block;
    width: 96%;
    height: 28px;
    margin: 2%;
    padding: 1%;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.emojiPicker .shortcode {
    height: 40px;
    background: #eee;
    border-top: 1px solid #ddd;
    vertical-align: middle;
    display: none
}

.emojiPicker .shortcode .info {
    display: none
}

.emojiPicker .shortcode .emoji {
    position: relative;
    top: 4px;
    left: 8px;
    width: 1.9em;
    height: 1.9em;
    margin-right: 20px
}

.emojiPicker .shortcode em {
    position: relative;
    top: -5px;
    color: #444;
    font-size: 12px;
    font-weight: 900;
    font-style: normal
}

.emojiPicker .shortcode em.tabTitle {
    position: relative;
    top: 10px;
    left: 8px;
    font-size: 14px
}

.emojiPicker .shortcode em.tabTitle .count {
    font-size: 12px;
    font-weight: 500
}

.emojiPicker .shortcode .random .tabTitle {
    color: #7d7d7d;
    font-size: 12px
}

.emojiPicker .shortcode .eod {
    float: right;
    padding: 8px 10px 0 0;
    max-width: 200px
}

.emojiPicker .shortcode .eod .emoji {
    top: -10px;
    left: 0;
    margin-right: 10px
}

.emojiPicker .shortcode .eod .emojiName {
    max-width: 70%;
    padding: 5px 0 0 0;
    font-size: 10px;
    font-weight: 400
}

@charset "UTF-8";
/* CSS Document */

body {
	background:#ffffff;
	color:#444;
	font:100% Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:left;

}
#mainContent
{
	/* page */
	background:white;
	min-height:640px;
	/*box-shadow:0 0 50px rgba(0,0,0,0.4);*/
	text-align:left;
}

.brandBg {
	background-color:#999999;
}

.empText, .spinnerText {
	color:#3A3A3A !important;
}
.darkText {
	color:#666 !important;
}
.border_grey {
	border-color:#CCC !important;
}
.border_grey_header {
	background:#CCC;
	color:#444;
}
.dropShadow {
	box-shadow:0 0 5px #999999;
}
.tr_icon {
	background:#9ADA00;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
#tr-sitemap , #tr-sitemap a {
    color:#444;
}
/* site menu */

.siteMenuL1_sel, #topMenu li.selected
{
	*background-color:#9ADA00;
    background-color:rgba(154,218,0,0.5) !important;
}
#togglemegaMenu:hover, .siteMenuL1_hover, #topMenu li:hover {
	*background-color:#9ADA00;
	background-color: rgba(154,218,0,0.2) !important;
}
#togglemegaMenu:hover h1 span {
    color:#EEE;
}
.siteMenuL2, .siteMenuL2_hover, .siteMenuL2_sel  {
	color:#666;
	border-left:1px solid #6D6D6D;border-right:1px solid #6D6D6D;
	background:#EEE;
}

.siteMenuL2_sel {
	color:#444;
	*background-color:#9ADA00;
	background-color: rgba(154,218,0,0.5) !important;

}
.siteMenuL2_hover {
	color:#444;
	*background-color:#9ADA00;
	background-color: rgba(154,218,0,0.2) !important;
}

.sideSelectedTab, .gtSideMenu .selected, #rpAcctProfile .selected{
	color:#444;
	border-left: 5px solid #06a9f6;
	background-color: #ffffff;
}

.sideDefaultTab
{
	color:#444;
}
	.rMenu .siteMenuL1, .rMenu .siteMenuL1_sel, .rMenu .siteMenuL1_hover {
		border:0;
	}
	.lMenu .siteMenuL1, .lMenu .siteMenuL1_sel, .lMenu .siteMenuL1_hover {
		border:0;
		border-right:1px solid #999;
	}

#menuSep {
	background-color:#9ADA00;

}
.divItem {
	color:#FFF;
}
/* comboBox */

.t_ddn-item-hover {
	background: top left repeat-x #9ADA00 url(./images/div32_fade.png);
}


.setupInst {
	color:#444;
}

/* nav bar */


.navBar
{
	background:url(./images/navBar_bg.png) repeat-x top left;
}
		.navBar a  {
			color:#EEE !important;

		}
		.navBar a:hover {
			color:#FFF !important;
		}
		.navBar .left {

		}
		.navBar .right {

		}
		.navBar .center {
			background:url(./images/navBar_bg.png) repeat-x;

		}
		.navBar .sep { width:17px; height:26px; background:url(./images/navBar_sep.png) no-repeat;}


/* configExercises */

.woItemLabel {
	color:#FFF !important;
}

#st_sort_execs .woItem {
	background: url(./images/reorder_bg.png) repeat-x !Important;
	-moz-border-radius: 1px; -webkit-border-radius:1px;  -saf-border-radius: 1px;
}

#st_sort_execs .ui-state-highlight {
	border:1px solid #AAA; background: #3399FF !important; !important;
}

#exer_select {
	background:#666666;

}
.circuitPanel {
	background: #666; color:#FFF;
}

#libDiv, .ajaxOrderedList {
	border:1px solid #666;
}

.prevIcon {
	border:1px solid #AAA;
}
.prevIcon:hover {
	border:1px solid #3399FF !important;;
}
.uploadBubble {
	background-color:#999999;
	color:#fff;

}

/* calender */

.calNavButton  {
	background:url(./images/cal_btn.png) top left no-repeat;
}

	.calNavButton:hover {
		background:url(./images/cal_btn_hov.png) top left no-repeat;
	}

#ctl00_PH_Page_ucCalendar_btn_prev {
	background:url(./images/cal_prev.png) top left no-repeat;
}
	#ctl00_PH_Page_ucCalendar_btn_prev:hover {
		background:url(./images/cal_prev_hov.png) top left no-repeat;
	}

#ctl00_PH_Page_ucCalendar_btn_next {
	background:url(./images/cal_next.png) top left no-repeat;
}
	#ctl00_PH_Page_ucCalendar_btn_next:hover {
		background:url(./images/cal_next_hov.png) top left no-repeat;
	}

.dayWorkout, .dayWorkout:hover, .dayStats, .dayStats:hover {

}

.calDlg {
	background:#444;
}

.calDlg .ui-dialog-content {
	overflow:hidden;
}
	.calDlg .ui-dialog-titlebar {
		background:none;
		border:none;
		/*padding:4px !important;
		margin:0 !important;*/
	}
	.calDlg .ui-dialog-title {
		font-size:20px !important;
	}
	.calDlg .ui-dialog-titlebar-close {
		top:16px;
	}





.wo_sch {  }
.wo_null { visibility:hidden; }


/* help section */
.mainPanel .text h1 {
	color:#383838;
}
.mainPanel .text h2 {
	color:#444;
}
.mainPanel .text h3 {
	color:#555;
}
.mainPanel .text h4 {
	color:#555;
}
.mainPanel .text h5 {
	color:#555;
}
.mainPanel .text h6 {
	color:#555;
}
.mainPanel .text strong, .mainPanel .text b {
	color:#555;
}
.mainPanel .text ul li {
	color:#666;
}

.mainPanel .text p {
color:#777;
}

a.helpCatLink:link, a.helpCatLink:visited, a.helpCatLink:hover, a.helpCatLink:active {
color: #3399FF !important;;
}
.pageLinks a:link, .pageLinks a:visited, .pageLinks a:hover, .pageLinks a:active {
color:#666;
}
/* grid definitions */

.grid_desc {
	color:#555 !important;
}
.GridFooter a  {
	border:1px solid #EEE;

}







/* grid toolbar */

.gridHeader1 {
	background: top left repeat-x #ffffff;
}

.gridHeader1 h2, .gridHeader1 .tagLine {
	color:#FFF;
}


/* general */

.gtBtn {
	display: inline-block;
}
.gtField {
	 color:#000;
}
	.gtField:focus {
		border: 1px solid rgba(161,198,238,1) !important;
		outline: 0;
		-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
		box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
	}

	.ezpz-hint {
		color:#AAA !Important;
	}
	{
	background:url(../../images/UI/button_bg.png) repeat-x #474747  top left;
	}

	.gtBtnHighlight {
		background:  #9ADA00 url(./images/div32_op40.png) top left repeat-x;
	}
	.gtBtnHighlight:hover {
		background:  #9ADA00 url(./images/div24_op60.png) top left repeat-x;
	}

	a.btnRound, a.btnRound:hover {
		color:#FFF !important;
	}
	.btnRound {
		border-left:1px solid #AAA;border-top:1px solid #AAA;
		border-right:1px solid #333;border-bottom:1px solid #333;
	}
	.btnRound {
		background:#9c9c9c url(./jquery/images/ui-bg_highlight-hard_50_9c9c9c_1x100.png) 50% 50% repeat-x;
	}
	.btnRound:hover {
		background: #c9c9c9 url(./jquery/images/ui-bg_highlight-soft_25_c9c9c9_1x100.png) 50% 50% repeat-x;
	}
	.float_opaque {
		background-repeat:repeat;
		background-position:top left;
		background-color:#EEEEEE;
	}

	.dark {
		color:#666;
	}
	.lightOverlay {
		background : rgba(0,0,0,0.05);
	}
	.gtRepeater {
		border-top:1px solid #ebebeb;
	}
	.gtChev {
		background-image:url(../../images/UI/gtHover_chev.png); background-repeat: no-repeat; background-position: 99% 50%; background-size: 9px;
	}
	.gtChev:hover {
		background-image:url(../../images/UI/gtHover_chev.png); background-repeat: no-repeat; background-position: 99.5% 50%;
	}

/* graphing */
.repToolbar {
	background:url(./images/grid_tb.png) top left repeat-x;
}


/*photo gallery */

.thumbMonthSpan {
	background:url(./images/grid_tb.png) repeat-x top left;
	color:#FFF;
}
	.detailsPanel {
		color:#333; /*dark */
	}


	.thumbIconCell .thumbIcon
    {
        margin:4px 12px 2px 12px;
		color:#CCC;

    }
	.mainPhoto {
		color:#CCC;
	}

/* grid view */
.datagrid-mask-msg {
	background:url("images/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE;
}

.datagrid-view1 {
	background:url("./images/rightPanel_cont_bg.png") repeat scroll left top transparent;
}



/* account table */

.acctTable tr td p {
/*color:#555 !Important;  dark */

}

#acctSettingCont {
	background-image:url(./images/mainPanel_cont_bg.png);
}

#withingsSetting p {
	color: #444444 !important;
}

.acctSect {
	border:1px solid #999999 !important;
}
#withingsSetting {
	border-left:1px solid #999999;
}
/* jquery overwrites */

.ui-widget { font-family: Helvetica, Arial, sans-serif !important; font-size: 13px!important; text-align:left; }
.ui-widget h1, .ui-widget h2, .ui-widget h3, .ui-widget h4, .ui-widget h4 { margin:0; padding:0; line-height:120%; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: helvetica, Arial, sans-serif; font-size: 14px; }

.ui-dialog .ui-dialog-content {
	padding:0;
}
.ui-dialog .ui-dialog-titlebar {
	padding:5px 4px 3px 4px; margin:0px;
	-moz-border-radius:0; -webkit-border-radius:0;
	border:0;
}
.calDlg  .ui-dialog-titlebar {
	/*padding:0px; */
	padding:8px;
	height:24px;
}

.calDlg .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	background-color: #22252A;
}

#ctl00_PH_Page_ucReportDayDetail_infoPanel {
	background-color: #22252A;
}

.ui-dialog .ui-dialog-title  {
	margin: 2px 0 1px 0; font-size:16px;font-weight:normal;

}
.ui-widget-content {
	color:#555;
	background-color: white;
	background-image: none;
	border-color: #ebebeb;
}

.ui-selectmenu {
	color:#000 !important;
	text-decoration:none !important;
	font-weight: 300;
}

.ui-button-text-only .ui-button-text{padding:3px 4px 1px 4px;}
.ui-tabs .ui-tabs-nav{padding:0;}
.ui-datepicker { font-size:12px !important; }
.ui-tabs .ui-tabs-nav li { top :4px; }

/* static colors */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background:#1eb6f8;
	color: #FFF;

 }

.ui-tabs-selected a { color: #FFF !important; }

#ui-datepicker-div {
	width: 238px;
	box-shadow: 0 0 20px 2px #CCC;
}

.ui-datepicker td {
	height: 32px;
}

.ui-datepicker td .ui-state-default {
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	width: 16px;
	height: 16px;
	background-color: #FFFFFF;
	font-weight:normal;
	color: #000000;
	font-size: 14px;
	border-radius: 16px;
}
.ui-datepicker td a {
	text-align: center;
}
.ui-datepicker td .ui-state-default:hover {
	border:1px solid #E5E8E9;
	background-color:#E5E8E9;
}
.ui-datepicker-today a.ui-state-default, .ui-widget-content .ui-datepicker-today .ui-state-active {
	color:#FFB400 !important;
	background: none;
}
.ui-datepicker td .ui-state-active {
	border:1px solid #38B5EE !important;
	background-color:#C1E9FD !important;
	color: #38B5EE !important;
}
.ui-datepicker th {
    color: #CCCCCC;
    font-weight: normal;
}
.ui-datepicker .ui-widget-header {
	background: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ECEBEB;
}
.ui-datepicker .ui-datepicker-title {
	color: #38B5EE;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
}

.ui-datepicker .ui-state-hover {
	cursor: pointer;
}

.ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-e {
	background-size: 7px 12px;
	background-position: 4px;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-icon-circle-triangle-w {
	background-image: url('../../images/UI/prev.png');
}

.ui-datepicker .ui-icon-circle-triangle-e {
	background-image: url('../../images/UI/next.png');
}

.gtRadioStrip .ui-state-default {  }
	.gtRadioStrip .ui-state-default  .ui-button-text { padding: 4px 6px; font-weight:normal; }
	.gtRadioStrip .ui-state-active  .ui-button-text	{ color: #FFF !important; }


/* qTips */
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
	background: top left repeat-x #232323 url(./images/div32_fade.png);
    border-color: #cdcdcd;
    color: #FFF;
}
.ui-tooltip-tr-zIndexDialog {
	z-index:10000 !important;
}
.ui-tooltip-tr-fixed {
	position:fixed !important;
	z-index:10000;
}
.ui-tooltip-tr .rIcon {
	float:right; margin:0 0 8px 8px;
}
.ui-tooltip-tr .block {
	border-top:1px solid #9AB025; padding:16px 0;height:60px;
}
.ui-tooltip-tr h2 {
	font-size:15px;
	line-height:16px;
}
.ui-tooltip-tr h3 {
	font-size:13px;
	line-height:14px;
}
/* custom exercise */
.custom_dlg_content .toolbar {
	background:url(./images/grid_head_2.png);
}
/* home */
.announcement {
	background:url("./images/mainPanel_cont_bg.png")
}


/* report */


/* acct */

.acctTable h5 {
	color:#555 !important;
}
/* event log */

	.logTable td, .logTablePanel {
		border-bottom:1px solid #ebebeb;
	}
	.logTable .today {
		color:#222;
	}
	.logTable .today .col0{
		background: top left repeat-x #9ADA00 url(./images/div24_fade.png);
	}

/* copy this is new */
.copy, .copy pre {
	font-size:13px;
}
.copy pre {
	font-family:Helvetica, Arial, sans-serif;
	margin:8px;
}
.copy h1 {
	color:#666666  !important;
	font-size:20px; font-weight:bold;
}
.copy h2 {
	color:#666666 !important;
	font-size:18px; font-weight:bold;
}
.copy h3 {
	color:#666666 !important;
	font-size:16px; font-weight:bold;
}
.copy h4 {
	color:#666666 !important;
	font-size:14px; font-weight:bold;
}
.copy h5 {
	color:#666666 !important;
	font-size:13px; font-weight:bold;
}
.copy h6 {
	color:#666666 !important;
	font-size:12px; font-weight:bold;
}

/* sel list / find workout */

.selList li a{
	background:grey;
	border:1px solid #999;
}
.selList li a:hover {
	background:#AAA;
}

.selList li a {
		color:white;
		text-decoration:none;
}
.selList a.bbq-current, .selList a.bbq-current:hover {
	 background: top left repeat-x #9ADA00 url(./images/div24_fade.png);
}

.funcLink .sel  {
	color:#000;
}


.msgView_header {
	background: url(./images/rightPanel_bc.png);
}
.msgView_content {
	color:#444;
	background-color:#FFF;
}




.logobackground {
    background-color: #000 ;
}

@charset "UTF-8";
/*
@selectionBlue : #EAEFF6;
@selectionBlueBorder : #72A0E4;
@widgetBlue : #72A0E4;
@widgetBlueBorder : #5F86C9;
@megaMenuHover : #223045;
*/

form {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
    height: 100%;
    position: relative;
}

body {
    font: 100% Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100vh;
}

input[type=checkbox] {
    cursor: pointer;
}

#sound {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #DAE0E6;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #DAE0E6;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #DAE0E6;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #DAE0E6;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #DAE0E6;
}

/* home pages */
.mainSplash {
    position: relative;
}

.shareBox {
    position: absolute;
    bottom: 4px;
    right: -4px;
}

.registerBtn {
    margin-left: -6px;
}

/* IE bar */
.IEbar {
    height: 20px;
    background: #FF6600;
    font-size: 12px;
    text-align: center;
    color: #FFF0E6;
    padding-top: 4px;
    line-height: 16px;
}

.IEbar a:link, .IEbar a:hover, .IEbar a:visited, .IEbar a:active {
    color: #FFF;
}

.qtip.payments-transaction-fee-qtip {
    max-width: 320px;
}

.payments-status-qtip-container {
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
    padding: 0 12px;
    max-width: 250px;
}

.payments-status-qtip-content {
    font-size: 13px !important;
    font-weight: 100 !important;
    line-height: 120% !important;
}

.payments-status-qtip-width {
    min-width: 400px !important;
}

/*links definitions */
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #06A9F6;
    /*opacity: 0.85;*/
}

a:hover {
    opacity: 1;
}

a.smallLink {
    font-size: 11px !important;
}

a.blueLink:link, a.blueLink:visited, a.blueLink:active, .blueLink {
    color: #06A9F6;
}

a.blueLink:hover, .blueLink {
    color: #06A9F6;
}

a.drillLink:Link, a.drillLink:visited, a.drillLink:active, a.drillLink:hover {
    color: #1eb6f8 !important;
    background: url(../../images/default/drill.gif) right no-repeat;
    padding-right: 12px;
    line-height: 22px;
}

a.drillLink:hover {
    color: #1eb6f8;
}


a.linkNoPad:Link, a.linkNoPad:visited, a.linkNoPad:active, a.linkNoPad:hover {
    font-size: 12px;
    line-height: 14px !important;
    color: #CCC !important;
}

a:link img, a:visited img, a:hover img, a:active img {
    border: none;
    text-decoration: none;
}


a.noHov:link, a.noHov:visited, a.noHov:hover, a.noHov:active {
    color: white;
    text-decoration: none;
    border-bottom: none;
}

.cancelDiv {
    font-size: 13px !important;
}

.btnLinkDiv {
    height: 36px;
}

.btnLinkDiv .item {
    float: left;
    margin-left: 8px;
}

.btnLinkDiv .item_first {
    margin-left: 0px;
}

.btnLinkDiv .item_link {
    margin-top: 8px;
}

.dialogTip {
    position: absolute;
    left: 8px;
    bottom: 8px;
    font-size: 11px;
}

.userSelectNone {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.text-optional {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    font-style: italic;
}

#containerWrap {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

#container {
    /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    width: 100%;
    margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    position: relative;
    padding: 0;
}

#mainWrap {
    display: flex;
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 100vh;
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

.lr_pad {
    position: relative;
    padding-left: 185px;
}

.lr_margin {
    position: relative;
    margin-left: 185px;
}

.flexContainer {
    align-items: stretch;
    width: 100%;
    display: flex;
}

.contentContainer {
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    padding-top: 60px;
    box-sizing: border-box;
}

#mainHead {
    height: 8px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

#mainHead .tl {
    background-image: url(./images/mainWrap_tc.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8px;
    width: 100%;
}

#mainHead .tr {
    background-image: url(./images/mainWrap_tc.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 8px;
}

#mainHead .tc {
    height: 8px;
    line-height: 0px;
    background-image: url(./images/mainWrap_tc.png);
    margin: 0 8px 0 8px;
}

#mainFoot {
    height: 8px;
    margin-bottom: 4px;
}

#mainFoot .bl {
    background-image: url(./images/mainWrap_bl.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8px;
    width: 100%;
}

#mainFoot .br {
    background-image: url(./images/mainWrap_br.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 8px;
    width: 100%;
}

#mainFoot .bc {
    height: 8px;
    background-image: url(./images/mainWrap_bc.png);
    margin: 0 8px 0 8px;
}

.pageContent {
    background-image: url(./images/rightPanel_bc.png);
}

#ctl00_PH_Page_ucWorkout_p_UpdateWorkout .cbWrap {
    background-color: #F9FAFC;
}

.wufoo .info {
    display: none;
}

/* main table definitions */
.mainTab {
    width: 100%;
    min-height: 100%;
}

.mainTabTop {
    height: 70px;
}

.mainLeft {
    padding-right: 8px;
    vertical-align: top;
}

.mainRight {
    width: 232px;
    vertical-align: top;
}

#leftMenu {
    width: 185px;
    top: 0;
    padding: 0;
    position: fixed;
    z-index: 1000;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.revRightContent {
    min-width: 604px;
}

.revOneCol {
    width: 964px;
    padding: 8px;
}


.mainCol3_1 {
    width: 180px;
}

.main_leftMenu_Left, .revLeft {
    width: 232px;
    min-width: 232px;
    height: 100vh;
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    position: fixed;
    top: 0;
    margin-top: 0;
    /*padding-bottom: 60px;*/
    box-sizing: border-box;
    z-index: 99;
}

.main_leftMenu_Right, .revRight {
    min-width: 788px;
    width: 100%;
    padding: 48px 32px 32px 264px;
}

.workoutTemplate {
    height: calc(100vh - 60px);
    overflow: hidden;
}

.workoutTemplate .revLeft {
    height: 100%;
    width: 232px;
    min-width: 232px;
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    position: relative;
    /*padding-bottom: 60px;*/
    box-sizing: border-box;
    height: 100%;
    margin-top: 0;
    overflow: initial;
}

.workoutTemplate .revRight {
    padding: 32px;
}

.revRight-noPadding {
    min-width: 712px;
    width: 100%;
    padding: 0 0 0 232px;
}

.revRight-onlyPaddingLeft {
    min-width: 712px;
    width: 100%;
    padding: 0 0 0 264px;
}

.revRight-32 {
    padding: 32px !important;
}

.revRight-16 {
    padding: 16px !important;
}

.revCenter {
    min-width: 600px;
    width: 100%;
    padding: 32px;
}

.revCenter--fixedRight {
    min-width: 600px;
    width: 100%;
    padding: 12px 432px 12px 12px;
}

.overview-main {
    /* padding: 12px !important; */
}

.revRightJustify {
    margin-left: auto;
    width: 417px;
}

.revRightFixed {
    position: fixed;
    top: 0;
    right: 0;
    width: 420px;
}


/* externals */
.picnikBar {
    height: 15px;
    font-size: 11px;
    font-height: 15px;
}

/* navbar */
#libHeaderCell {
    padding: 0px;
    margin: 0;
    height: 26px;
    text-align: left;
}

.space8 {
    height: 8px;
    font-size: 0;
    line-height: 0;
}

.space4 {
    height: 4px;
    font-size: 0;
    line-height: 0;
}

.navBar {
    height: 26px;
    width: 100%;
    margin: 0 0 8px 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

.navBar .left {
    /*background-image:url(../../images/UI/wo_nb_l.png);
    background-position: 0 0;
    background-repeat:no-repeat;*/
    height: 100%;
}

.navBar .right {
    /*background-image:url(../../images/UI/wo_nb_r.png);
    background-position: 100% 0;
    background-repeat:no-repeat;*/
    height: 100%;
}

.navBar .center {
    background: url(../../images/UI/wo_nb_bg.jpg) repeat-x;
    margin: 0 8px 0 8px;
    height: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    white-space: nowrap;
}

.navBar .tag {
    border: 1px solid #444;
    background: #444;
    color: #FFF;
    font-size: 10px;
    float: right;
    padding: 3px 4px 1px 4px;
    margin-top: 4px;
    margin-left: 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wo_row .tag {
    border: 1px solid #999;
    font-size: 9px;
    float: left;
    padding: 2px 3px 1px 3px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-transform: uppercase;
}

/* ----- */
/* static */
.tr-static {
    border-radius: 4px;
    background: white;
    border: 1px solid #666;
}

.tr-static h1 {
    font-size: 30px;
    color: #666;
}

.tr-static h2 {
    font-size: 22px;
    color: #666;
}

.tr-static p {
    font-size: 14px;
    color: #888;
}

.tr-static-grey {
    color: #999 !important;
}

.tr-upsell {
    text-decoration: none !important;
}

.tr-upsell div {
    background: url(../../images/UI/tr-upg-icon.png) top left no-repeat #F5D9C0;
    border: 1px solid #DEA775;
    font-size: 12px;
    color: #F45F1A;
    padding: 6px 6px 5px 36px;
    text-decoration: none;
}

.tr-upsell div:hover {
    background-color: #FFEDD4;
    text-decoration: none;
}

.tr-upsell a:link, .tr-upsell a:visited, .tr-upsell a:hover, .tr-upsell a:active {
    color: #F45F1A;
    text-decoration: none;
}

/* toolbar 1 */
.tb_1 {
    background-image: url(./images/grid_head_2.png);
    background-repeat: repeat-x;
}

.tb_1 .gtBtn-tooltip {
    float: right;
    margin-top: 13px;
}

.tbBlue {
    background: #DFF3FF;
}

/* ----- */

/* end navbar */


#ctl00_ucMenu_topMenu {
    float: left;
}

#footerDiv {
    height: 100px;
    text-transform: uppercase;
}

#tr-sitemap {
    font-size: 11px;
    line-height: 18px;
    float: right;
    margin-right: 8px;
    margin-top: 4px;
    height: 18px;
    width: 800px;
    text-align: right;
    vertical-align: top;
    text-transform: uppercase;
}

#tr-sitemap, #tr-sitemap a {
    text-decoration: none;
}

#tr-social {
    float: left;
    margin-left: 8px;
    margin-top: 4px;
}

#tr-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#tr-social li {
    float: left;
    margin-right: 4px;
}

#tr-social .tr-icon {
    background: url(./images/tr-footer-icons-small.png);
}

#tr-social .facebook .tr-icon {
    width: 16px;
    height: 16px;
}

#tr-social .twitter .tr-icon {
    width: 16px;
    height: 16px;
    background-position: -18px 0;
}

#tr-social .blog .tr-icon {
    width: 35px;
    height: 16px;
    background-position: -152px 0;
}

#footer #reg {
    color: #424242;
    font-size: 8px;
    line-height: 8px;
    margin-right: 0;
    float: right;
    width: 700px;
    margin-top: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#footer .super {
    font-size: 6px;
    position: relative;
    top: -6px;
}

#langFooter {
    font-size: 11px;
    line-height: 18px;
    float: left;
    margin-left: 20px;
    height: 18px;
    width: 300px;
    white-space: nowrap;
    color: #CCCCCC;
}

/*site menu def */


#topMenu {
    margin: 0;
    padding: 0;
    height: 24px;
    list-style-type: none;
}

#topMenu li {
    margin: 0;
    padding: 0;
    float: left;
    border-right: 1px solid #999;
    position: relative;
}

#topMenu li a {
    text-decoration: none;
    padding: 6px 12px;
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    height: 24px;
}

#topMenu li:hover {
}

#topMenu li.selected {
}


.siteMenu {
    font-size: 11px;
    height: 24px;
    border: 0;
    margin: 0;
    padding: 0;
}

.siteMenu td, siteMenu td:hover {
    cursor: pointer;
}

.siteMenuL1, .siteMenuL1_sel, .siteMenuL1_hover {
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}

.siteMenu_noPad {
    padding: 0;
    margin: 0;
}

.siteMenu a {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.rMenu .siteMenuL1, .rMenu .siteMenuL1_sel {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.rMenu .siteMenuL1_hover {
    -webkit-border-radius: 4px 4px 0 0 !important;
    border-radius: 4px 4px 0 0 !important;
    -moz-border-radius: 4px 4px 0 0 !important;
}

.siteMenuL1_hover {
    text-decoration: none;
}

.siteMenuGroup {
    font-size: 11px;
    z-index: 999;
    width: 160px;
    background-color: #EEE;
}

.siteMenuL2, .siteMenuL2_hover, .siteMenuL2_sel {
    color: #CCC;
    cursor: pointer;
    font-weight: bold;
    z-index: 999;
    border-left: 1px solid #6D6D6D;
    border-right: 1px solid #6D6D6D;
    background: #333;
    font-size: 12px;
}

.siteMenuL2_sel {
}

.siteMenuL2_hover {
    color: #444;
}

.siteMenuExp, .siteMenuExp_hover {
    background-image: url(../../images/UI/lm_more.png) !important;
    background-repeat: no-repeat !important;
    background-position: 96% 50% !important;
}

#menuWrap {
    background-color: transparent;
    position: absolute;
    z-index: 900;
    height: 60px;
    width: 50%;
}

#menuDiv {
    height: 60px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#menuDiv a {
    font-weight: 100;
    color: #000;
    opacity: 0.9;
}

#menuDiv a:hover {
    font-weight: 100;
    color: #000;
    opacity: 0.9;
}

#menuDiv a.selected {
    background: #EEE;
    padding: 6px 20px;
    border-radius: 12px;
    color: #000 !important;
    font-weight: normal;
}

#menuSep {
    width: 100%;
    background-color: #335EDE;
    height: 2px;
    font-size: 1px;
    line-height: 1px;
}

#upgBarWrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    font-size: 11px;
    line-height: 12px;
    background-color: #0F1C43;
    font-weight: bold;
}

#upgBarContent {
    padding: 4px 4px 4px 20px;
    color: #C1C4CE;
    margin: 0 auto 0 auto;
    width: 990px;
    background: url(../../images/UI/upgNote.png) no-repeat top left;
    text-align: left;
}

.divItem {
    width: 100%;
    background: url(../../images/menu_sep_bg.png) left top repeat-y #888888;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
    line-height: 1px;
    border-left: 1px solid #6D6D6D;
    border-right: 1px solid #6D6D6D;
    margin: 0;
    padding: 0;
}


.endMenuItem {
    background: #6D6D6D;
    height: 1px;
    border: none;
    line-height: 1px;
}

.endMenuTab {
    height: 1px;
    overflow: hidden;
    width: 100%;
}


/* --------- */


/* gridHeader 1 */

.gridHeader1 {
    min-height: 21px;
    word-wrap: break-word;
}

.gridHeader1 .tl {
}

.gridHeader1 .tr {
}

.gridHeader1 .tc {
    margin: 0 8px 0 8px;
}

.gridHeader1 .pad {
    padding: 3px 2px 2px 8px;
}

.gridHeader1 .pad2line {
    padding: 8px 8px 5px 0px;
}

#div_workoutplans_preview_list .gtBtn-circuit {
    position: relative;
    top: 4px;
    margin-left: 4px;
    opacity: 0.8;
}

.calDlgContent h1 .gtBtn-circuit {
    background-image: url(../../images/tr-icons-dark.png) !important;
    position: relative;
    top: 5px;
}

.gridHeader1 h1 .gtBtn-circuit {
    position: relative;
    top: 6px;
}

#workoutLibTitle h1 .gtBtn-circit {
    position: relative;
    top: 5px !important;
}

#woLibGridWrap .gtBtn-circuit {
    opacity: 0.8;
}

.gridHeader1 h1, .gridHeader1 a:link, .gridHeader1 a:visited, .gridHeader1 a:hover, .gridHeader1 a:active {
    font-size: 28px;
    font-weight: normal;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 100%;
    margin-bottom: 4px;
}

.gridHeader1 h2 {
    font-size: 12px;
    font-weight: normal;
    color: #ABC4EC;
    margin: 0;
    padding: 0;
}

.gridHeader1 h2.fr {
    margin-top: 4px;
    font-size: 12px;
}

.round4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.roundAll {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.roundTop {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

.filterBar {
    height: 26px;
    padding: 10px 0;
    background: #FFF;
    color: #666;
}

.filterBar .filter {
    height: 32px;
    width: 200px;
    white-space: nowrap;
    position: relative;
    margin-right: 2px;
}

.filterBar .sortFilter {
    height: 32px;
    width: 198px;

}

.filterBar .sortIcon {
    height: 24px;
    width: 24px;
    background-image: url("../../images/grid/sortFilter.png");
    background-size: cover;

}


.filter a.ui-selectmenu {
    /*background: #FFFFFF;*/
    border: 1px #ebebeb solid;
    /*border: none;*/
    color: #666;
    font-weight: normal;
}

.filter a.ui-selectmenu .ui-selectmenu-status {
    color: #000;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.ui-icon-plusthick-white {
    background-image: url(images/ui-icons_ffffff_256x240.png) !important;
    background-position: -32px -128px;
}


#gtToolbar_client_new.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

#cal_start.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

#cqv_switch_accountMore.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

#btn-configExer-saveMore.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

#configExer-tb .ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

#btn_messages_newConversation.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

#gd_Clients .ui-icon {
    background-image: url(images/ui-icons_aaaaaa_256x240.png);
}

#cal_start.ui-state-active {
    background-color: #8cc34b !important;
}

#progressGridWrap .revRight {
    min-width: 960px;
}

#ctl00_PH_Page_panelDetail {
    margin-top: 22px;
    border: 1px solid #EBEBEB;
}

#mainWrap .lr_pad .mainTab td.revLeft {
    z-index: 1;
}

#ctl00_PH_Page_UWorkOut1_ucWorkout_dp_ClientSort-button {
    color: #000 !important;
}

#b_workoutplan_trainer_addworkout .ui-icon,
#b_workoutplan_sendworkout .ui-icon {
    margin: -1px 3px auto auto;
}

#configExer-tb .ui-icon-closethick {
    background-image: url('../../images/UI/close_white.png');
}

.show-more-btn {
    padding: 6px 40px;
    border: 1px solid #1eb6f8;
    border-radius: 6px;
}

.filter {
    position: relative;
}

.filterRight {
    text-align: right;
}

.filterRight .label {
    margin: 0 2px 0 0;
}

.filterLeft .label {
    margin: 0 0 0 2px;
}

.filter .label {
    font-size: 13px;
    color: #666;
    display: none;
}

.filter_icon {
    background-size: cover;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

#custom_new > div.filterBar div.filter_icon.icon-sort {
    right: 166px;
}

#clientGrid_mode_buttonset {
    width: 274px;
    float: left;
}

#clientGrid_mode_buttonset .ui-button-text {
    padding: 4px 16px 2px 16px;
}

.ClientFilterDL, .gtMenu, #dp_ClientSort-menu {
    border-width: 1px;
    border-style: solid;
}

.scroll-list {
    overflow: auto;
}

.scroll-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px !important;
}

.scroll-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .5);
}

#dailyNutrition_title {
    color: #555555 !important;
}

/* ---------- */

/* palette */
.g0 {
    background-color: #888 !important;
}

.g1 {
    background-color: #BADC99 !important;
}

.g2 {
    background-color: #D6EC99 !important;
}

.g3 {
    background-color: #92D8C2 !important;
}

.g4 {
    background-color: #D0F4E9 !important;
}

.g5 {
    background-color: #FFDD9B !important;
}

.g6 {
    background-color: #FFC88D !important;
}

.g7 {
    background-color: #A69BFF !important;
}

.g8 {
    background-color: #DBD7FF !important;
}

.g9 {
    background-color: #44A3D7 !important;
}

.g10 {
    background-color: #C2E3F6 !important;
}

/* grid definitions */

.setupInst {
    font-size: 11px;
    padding: 2px;
    text-align: center;
}


.premTag {
    width: 59px;
    height: 16px;
    position: relative;
    top: 4px;
    cursor: pointer;
    cursor: hand;
}

.calUpgLink {
    width: auto !important;
    clear: left;
    margin: 0 !important;
}

.panelUpgLink {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    cursor: pointer;
    cursor: hand;
}

.panelUpgLink :hover {
    color: #FFF;
}


.upgWrap {
    clear: left;
}

.upgSpace {
    height: 16px;
}

.embossText {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.errorLab {
    color: #FF5366;
}

.errorBorder {
    border: 1px solid #FF5366 !important;
}

.nullPrompt {
    font-size: 14px !important;
}

.whiteText {
    color: #FFF;
}

.ctrlText {
    font-size: 11px;
    font-style: italic;
    line-height: 18px;
}

.iconText {
    font-size: 14px;
    line-height: 15px;
    width: 400px;
}

.iconText td {
    width: auto;
}

.iconText img {
    margin-right: 4px;
}

.iconText .col1 {
    width: 1%;
}

.woGridNotesIcon {
    width: 32px;
    height: 16px;
    background: url(./images/rp_notes.png) top right no-repeat;
    cursor: pointer;
    float: right;
}

.workoutGrid__nullScreen {
    height: 644px;
}

/* GT site wide looks */

.gtJQBtn {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gtJQBtn:active {
    color: #FFF !important;
}

.gtJQBtnIconOnly {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gtBtn, .gtBtn:hover, .gtBtnSmall, .gtBtnSmall:hover, .gtBtn_disabled, .gtBtn_disabled:hover, .gtBtnSmall_disabled, .gtBtnSmall_disabled:hover, .gtBtnSmallest_disabled, .gtBtnSmallest_disabled:hover, .gtBtnLarge, .gtBtnLarge:hover, .gtBtnXL, .gtBtnXL:hover {
    font-size: 14px;
    line-height: 16px;
    background: #ffffff;
    font-weight: 100 !important;
    text-transform: uppercase;
    color: #666;
    cursor: hand;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif !important;
    text-decoration: none !important;
    width: auto;
    overflow: visible;
    margin: 0;
    border: 1px solid #DAE0E6;
    text-shadow: none;
}

.gtBtnCondensed, .gtBtnCondensed:hover {
    padding: 9px 9px !important;
    text-transform: capitalize;
}

.gtBtn:hover, .gtBtnSmall:hover {
    background: #D8E5EE;
    color: white;
}

a.gtBtn {
    text-decoration: none;
    display: inline-block;
    color: #666;
}

.gtBtnPlus {
    font-size: 15px;
    font-weight: 100;
    padding-right: 3px;
}

.gtBtnMed, .gtBtnMed:hover {
    padding: 7px 10px 5px 10px !important;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.gtBtnLarge, .gtBtnLarge:hover {
    /*padding: 7px 9px 4px 9px !important;
    *padding: 5px 9px 3px 9px !important;*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.gtBtnXL, .gtBtnXL:hover {
    padding: 11px 17px 8px 17px !important;
    font-size: 18px !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.gtBtn, .gtBtn:hover, .gtBtn_disabled, .gtBtn_disabled:hover, .ui-widget .gtBtn, .ui-widget .gtBtn:hover, .ui-widget .gtBtn_disabled, .ui-widget .gtBtn_disabled:hover {
    padding: 9px 30px 8px 30px;
    *padding: 9px 30px 8px 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
}

.gtBtnSmall, .gtBtnSmall:hover, .ui-widget .gtnBtnSmall, .ui-widget .gtBtnSmall:hover, .gtBtnSmall_disabled, .gtBtnSmall_disabeld:hover, .ui-widget .gtnBtnSmall _disabled, .ui-widget .gtBtnSmall_disabled:hover {
    font-size: 11px !important;
    line-height: 12px !important;
    font-weight: 100 !important;
    padding: 4px 5px 2px 5px !important;
    *padding: 2px 5px 2px 5px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.gtBtn-view {
    vertical-align: top;
    display: inline-block;
    background-image: url(../../images/tr-icons-999999.png) !important;
    background-position: 0px 0px !important;
    width: 16px;
    height: 16px;
    background-size: 160px 128px;
}

#mega_client_message .gtBtn-msg {
    height: 12px !important;
    background-position: -16px -2px !important;
}

#mega_client_switch .gtBtn-switch {
    height: 12px !important;
    background-position: -31px -2px !important;
}

.gtBtnIconOnly, .gtBtnIconOnly:hover {
    width: 30px;
    overflow: hidden;
}

a.gtFilterSelectMenu {
    background: none;
}

a.gtGridOpenDisabled:link, a.gtGridOpenDisabled:visited, a.gtGridOpenDisabled:hover, a.gtGridOpenDisabled:active {
    color: #444 !important;
    text-decoration: none;
}

.gtToolbar {
    display: none;
}

#workoutgridToolbar {
    position: absolute;
    top: 14px;
    right: 34px;
    width: 186px;
    height: 24px;
    text-align: right;
    white-space: nowrap;
}

#workoutPreviewToolbar {
    position: absolute;
    top: 0px;
    right: 0;
    height: 24px;
    text-align: right;
    white-space: nowrap;
}

#workoutPreviewToolbar .gtButtonSet {
    margin-right: 0;
}

#workoutPreviewToolbar .gtButtonSet {
    *position: relative;
    *top: -7px;
}

#uCustomExerciseToolbar, #ucClientToolbar, #ucTermToolbar, #uWorkoutLibToolbar {

}

.ucClients_nutritionLink {
    float: left;
    padding: 4px 0;
    font-size: 12px;
}

#qvToolbar {
    position: absolute;
    top: 10px;
    right: 60px;
    width: 350px;
    height: 24px;
    text-align: right;
    white-space: nowrap;
    z-index: 2000;
    display: flex;
}

/* New Close button style overrides -- jQuery UI specific   */
#quickViewWrap > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a,
#aspnetForm > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.calDlg.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a,
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mpDialogRoot > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a {
    position: initial;
    right: initial;
    top: initial;
    width: initial;
    margin: initial;
    padding: initial;
    height: initial;
    border: none;
}

#quickViewWrap > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span,
#aspnetForm > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.calDlg.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span {
    top: 8px;
    right: 8px;
}

body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mpDialogRoot > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span {
    top: 5px;
    right: 5px;
}

#quickViewWrap > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span,
#aspnetForm > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.calDlg.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span,
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mpDialogRoot > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span {
    position: absolute;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background-size: 100%;
    opacity: 0.5 !important;
    cursor: pointer;
    background-color: transparent;
    border: none;
    background-image: url('../../images/UI/close_white.png') !important;
}

#quickViewWrap > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:hover:before,
#aspnetForm > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.calDlg.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:hover:before,
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mpDialogRoot > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:hover:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url('../../images/UI/close_blue.png');
    background-color: transparent;
    border: none;
    display: block;
    background-size: 100%;
    opacity: 0;
    animation: fadein 0.25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#quickViewWrap > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:before,
#aspnetForm > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.calDlg.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:before,
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mpDialogRoot > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > a > span:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url('../../images/UI/close_blue.png');
    background-color: transparent;
    border: none;
    display: block;
    background-size: 100%;
    opacity: 0;
    animation: fadeout 0.25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#ucMsgToolbar {
    padding: 0px 0 0 0;
    margin-left: 18px;
}

#qv_send_buttonset {
    margin-left: 0px;
}

#bsGraphRangeToolbar, #exerGraphRangeToolbar {
    width: 500px;
}

#exerGraphToolbar {
    width: 122px;
    margin: 0px 8px;
}

#ucPhotoToolbarRight {
    float: right;
    margin-right: 8px;
    margin-left: 5px;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    background-color: white;
    color: #666;
    font-weight: 300;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-color: #f2f2f2;
    color: #06a9f6;
    border: 1px solid transparent;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #06a9f6;
}


.gtToolbarMenuWrap {
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 100;
}

.gtToolbarRight {
    text-align: right;
}

.gtToolbar .gtToolbarButton {
    font-size: 11px !important;
}

#bsGraphToolbarPreset .ui-button {
    margin-right: -6px;
}

.gtToolbar .ui-buttonset {
    margin-left: 8px;
    margin-right: 8px;
}

#div_client_userGroup_buttonset,
#div_client_tag_buttonset,
#div_client_payment_buttonset,
#client_copy_buttonset {
    display: inline-block;
}

.gtToolbar .ui-button-icon-only .ui-button-text,
#gtToolbar_copy > span.ui-button-text,
#gtToolbar_sendMore > span.ui-button-text,
#btn_payments > span.ui-button-text,
#addTag > span.ui-button-text,
#btn_add_userGroup > span.ui-button-text {
    padding: 3px !important;
}

#gtToolbar_copy > span.ui-button-icon-secondary.ui-icon.ui-icon-triangle-1-s {
    right: 0.2em !important;
}

#ucClientToolbar span.ui-button-icon-secondary {
    right: 2px !important;
}

#gtToolbar_print .ui-button-text,
#gtToolbar_export .ui-button-text {
    padding-left: 24px;
}

.gtToolbar .ui-button-text-only .ui-button-text {
    padding: 3px 8px 3px 8px;
    color: #000;
    position: relative;
    top: 1px;
    font-weight: 100;
    text-transform: uppercase;
}

.gtToolbar .ui-button-text-icon-primary .ui-button-text {
    padding: 3px 8px 3px 24px;
    color: #000;
    position: relative;
    top: 1px;
    font-weight: 100;
    text-transform: uppercase;
}

#clientGridDiv .gtToolbar .ui-button-text-icon-secondary .ui-button-text {
    color: #000;
}

#clientGridDiv #ph_NoClientSharedTrainer .nullDash-img,
#clientGridDiv #ph_NoClients .nullDash-img {
    display: flex;
    width: 365px;
    height: 270px;
    background-size: cover;
    margin-bottom: 15px;
}

#clientGridDiv #ph_NoClientSharedTrainer .nullDash-img img,
#clientGridDiv #ph_NoClients .nullDash-img img {
    width: 56px;
    height: 56px;
    cursor: pointer;
}

.gtToolbar .ui-button-text-icon-secondary .ui-button-text {
    padding: 3px 26px 3px 8px;
    color: #000;
    position: relative;
    top: 1px;
    font-weight: 100;
    text-transform: uppercase;
}

.gtToolbar .ui-button-text-icons .ui-button-text {
    padding: 3px 26px 3px 28px;
    color: #000;
    position: relative;
    top: 1px;
    font-weight: 100;
    text-transform: uppercase;
}

.gtToolbar .ui-button-text-icon-secondary .ui-button-icon-secondary {
    right: 2px;
}


.gtBtnBar button.gtBtn-blue, .gtBtnBar button.gtBtn-blue:hover {
    margin-right: 4px;
}

.gtField {
    border: 1px solid #eaeaea;
    background: #FFF;
    padding: 3px 2px 1px 2px;
    color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.gtFieldWeeks {
    width: 20px;
}

.gtDatepicker {
    width: 88px;
    cursor: pointer;
}

.gtOptionsBox {
    border: 1px solid #CCC;
    background: #EFF9FF;
    color: #888;
}

.gtRadioStripLarge .ui-button-text {
    font-size: 14px !important;
    line-height: 17px !important;
    padding: 6px 13px !important;
    font-weight: normal !important;
}

.gtRadioStripLarge .ui-button {
    margin-right: -6px !important;
}

.gtDlgSelectedLabel {
    position: absolute;
    bottom: 16px;
    right: 16px;
    position: absolute;
    color: #999;
}

.gtDlgRadioList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gtDlgRadioList li {
    margin: 0;
    padding: 0 0 8px 0;
}

textarea.gtField {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    padding: 4px;
}

.gtField:focus {
    border: 1px solid rgba(161, 198, 238, 1) !important;
    outline: 0;
    -webkit-box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
    box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
}

.gtFieldLarge {
    padding: 3px;
    font-size: 12px;
}


.gtTabstrip .ui-button {
    padding: 4px;
}

.gtTabstrip .ui-button .ui-button-text {
    padding: 0;
}

.gtTabstrip .ui-button-text-icon-primary {
    padding: 4px 24px 4px 4px;
}

.gtTabstrip .ui-icon-triangle-1-s {
    right: 4px;
    left: auto;
}


/* gtSearchBar */
.gtSearchBar {
    position: relative;
    float: right;
    margin-top: 1px;
    margin-right: 2px;
}

#workoutTemplateWrap .gtSearchBar {
    width: 107%;
}

.gtSearchBar .magIcon {
    background-image: url(../../images/searchBar/search.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 3px;
    left: 2px;
}

.gtSearchBar .clear {
    background-image: url(../../images/searchBar/clear.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 5px;
    right: 6px;
    background-color: #BBB;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
    opacity: 0.7;
}

.gtSearchBar .clear:hover {
    opacity: 1
}

.gtSearchBar input[type=text] {
    background: #FFF;
    padding: 3px 21px 3px 21px;
    font-size: 13px;
    line-height: 14px;
    height: 22px;
    margin: 1px 2px 0 0;
    border: 1px solid #ebebeb;
    border-radius: 14px;
    outline: 0;
    box-sizing: border-box;
}

.gtSearchBar input[type=text]:focus {
    border: 1px solid #05A9F5;
}

.gtSearchBar input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
    font-weight: 100;
    font-size: 12px;
}

.gtSearchBar input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
    font-weight: 100;
    font-size: 12px;
}

.gtSearchBar input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
    font-weight: 100;
    font-size: 12px;
}

.gtSearchBar input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
    font-weight: 100;
    font-size: 12px;
}


.gtPointer {
    cursor: pointer;
}

.ezpz-hint {
    color: #AAA !Important;
}

textArea, input[type=text] {
    font-family: Helvetica, Arial, sans-serif;
}

.trWifi {
    background: red;
}

.trMobile {
    background: red;
}

.gtGreenBox {
    background: #EBF7CF;
    border: 1px solid #85C600;
}

.gtSparkline {
}

.gtSparkline .loading {
    font-size: 11px;
    color: #AAA;
    padding: 32px auto;
}

.jqstooltip {
    z-index: 20000;
    position: absolute;
    top: 172px !important;
    height: 36px;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    padding: 5px !important;
    background-color: #303133 !important;
}

.jqsfield {
    position: absolute;
    top: 172px !important;
    height: 36px;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    padding: 5px !important;
    background-color: #303133 !important;
}

.graphToolTipBottom {
    margin-top: 8px;
}

.uploader_sel_file {
    height: 8px;
    font-size: 2px;
    line-height: 2px;
    overflow: hidden;
    margin-top: 4px;
}

.searchIcon {
    height: 23px;
    width: 21px;
    background: url(../../images/UI/searchBtn.png) no-repeat 0px 2px;
}

.vidIcon {
    width: 64px;
    border: 1px solid;
}

.vidIconWrap {
    height: 48px;
    cursor: pointer;
}

.searchIcon-grey {
    background: url(../../images/configExercises/search.png) no-repeat;
    width: 18px;
    height: 18px;
}

.feedback {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
}

.feedbackErr {
    margin-top: 4px;
    margin-bottom: 4px;
    color: #FF5366;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
}

.sideMenuItem, .sideMenuItem:hover {
    margin: 0;
    padding: 0;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
}

.sideMenuItem a {
    color: white;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

.sideMenuItem a:hover {
    text-decoration: none;
}

.breakItem {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.breakDiv {
    width: 100%;
    background-color: #424242;
    height: 1px;
    overflow: none;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 1px;
}

.breakDiv .l {
    border-left: 1px solid #6D6D6D;
    float: left;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.breakDiv .r {
    border-right: 1px solid #6D6D6D;
    float: right;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.topLineDiv {
    width: 100%;
    background-color: #6D6D6D;
    height: 1px;
    overflow: none;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 1px;
}

.topLineDiv .l {
    border-left: 1px solid #6D6D6D;
    float: left;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.topLineDiv .r {
    border-right: 1px solid #6D6D6D;
    float: right;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}

.uploader_sel_file {
    font-size: 11px;
    margin-top: 8px;
}

/* new kroon site wide looks */
.gtOrangeHeader {
}


/* menu */

.TopGroup {
    z-index: 99;
    position: relative;
}

.SpaceTab {
}

.gtSideMenuRP:first-of-type {
    border-top: none;
}

.gtSideMenuRP .content {
    padding: 0px !important;
}

.gtSideMenu, .gtSideMenu ul {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.gtSideMenu em {
    position: absolute;
    top: 7px;
    right: 4px;
    color: #777;
    font-style: normal;
    margin-right: 4px;
    font-size: 12px;
}

.gtSideMenu li {
    height: 40px;
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 5px;
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
    text-transform: capitalize;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: none;
}

.gtSideMenu li.selected {
    padding: 0;
}

#itemsForFMS {
    margin-top: 39px !important;
}

#trainingPlans.gtSideMenu li {
    flex-direction: column;
}

.gtSideMenu .selected {
    /* font-weight: bold; */
    background-color: #EEEFF0;
}

.gtSideMenu .noBtmBorder {
    border-bottom: none !important;
}

.gtSideMenu > li.clientFilter > div {
    color: #444;
    text-decoration: none;
    padding: 0 4px 0 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-grow: 1;
}

.gtSideMenu a {
    color: #444;
    display: block;
    text-decoration: none;
    padding: 6px 4px 6px 18px;
    width: 100%;
}

.gtSideMenu > li.subFilter > div {
    padding-left: 40px;
}

li#clientsMenu_pending > div {
    color: #FC435D;
}

.gtSideMenu li a:hover {
    color: #66A9FF;
}

.gtSideMenu .gtSideMenuOptions {
    padding: 0 !important;
    margin: 0 !important;
}

#bsSideMenu_bsGraph_options {
    height: auto;
    background-color: #fff;
    overflow: hidden;
}

.gtSideMenu ul {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}


/*.gtSideMenu li ul li.selected {
background:none !important;
}*/
.sideDefaultTab {
    background-repeat: repeat-x;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
}

.sideSelectedTab {
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
}

.childFilterSelected {
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
}

/* gtSideMenu.client menu*/
#sideMenuClients #bsSideMenu_activated_red {
    color: #CF3B33;
}

#sideMenuClients #bsSideMenu_activated_orange {
    color: #F45F1A;
}

#sideMenuClients #bsSideMenu_activated_green {
    color: #79B92D;
}

/* clientGrid.attention */

img.attnRed {
    border: 1px solid #CF3B33;
}

img.attnOrange {
    border: 1px solid #FF7E00;
}

img.attnGreen {
    border: 1px solid #ADD831;
}

#clientGridDiv .icon44, .trainerGrid_row img.icon44 {
    width: 44px;
    height: 44px;
    margin-top: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid #ebebeb;
}

#clientGridDiv .attnRedRow .icon44 {
    /*border: 1px solid #CF3B33 !important;*/
}

#clientGridDiv .attnOrangeRow .icon44 {
    /*border: 1px solid #FF7E00 !important;*/
}

#clientGridDiv .attnGreenRow .icon44 {
    /*border: 1px solid #ADD831 !important;*/
}

#clientGridDiv .filterRight {
    padding-left: 26px;
}

.attnRed, #qv_needingAttn.attnRed {
    color: #CF3B33;
}

.attnOrange, #qv_needingAttn.attnOrange {
    color: #FF7E00;
}

.attnGreen, #qv_needingAttn.attnGreen {
    color: #ADD831;
}

.attnRedRow .attnLab {
    color: #CF3B33 !important;
}

.attnOrangeRow .attnLab {
    color: #FF7E00 !important;
}

.attnGreenRow .attnLab {
    display: none;
}

#clientNeedAttnMeaning {
    font-size: 13px;
}

.Level2Group {
    background: transparent;
}

/* General */
.noPad {
    padding: 0 !important;
}

.p8 {
    padding: 8px !important;
}

.p16 {
    padding: 16px !important;
}

.p32 {
    padding: 32px !important;
}

.p8t {
    padding-top: 8px !important;
}

.p16t {
    padding-top: 16px !important;
}

.pad8 {
    padding: 8px;
}

.btm8 {
    padding-bottom: 8px;
}

.h8 {
    height: 8px;
    line-height: 0;
    font-size: 0;
}

.h16 {
    height: 16px;
    line-height: 0;
    font-size: 0;
}

.h24 {
    height: 24px;
    line-height: 0;
    font-size: 0;
}

.h32 {
    height: 32px;
    line-height: 0;
    font-size: 0;
}

.h64 {
    height: 64px;
    line-height: 0;
    font-size: 0;
}

.cent {
    text-align: center;
}

.m8 {
    margin: 8px;
}

.m16 {
    margin: 16px;
}

.ml8 {
    margin-left: 8px;
}

.ml20 {
    margin-left: 20px;
}

.mr8 {
    margin-right: 8px;
}

.m8b {
    margin-bottom: 8px;
}

.m16b {
    margin-bottom: 16px;
}

.clb {
    clear: both;
}

.imageMiddle {
    vertical-align: middle;
}

.waitOverlay {
    background-image: url(../../images/fade_wait.png);
}

.lightOverlay {
    background: #222;
    background: rgba(0, 0, 0, 0.05);
}

.whiteOverlay {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.7);
}

.spinnerDiv {
    height: 23px;
    white-space: nowrap;
    text-align: left;
}

.spinnerDiv .spinner {
    float: left;
    margin-right: 8px;
}

.spinnerText {
    font-size: 13px;
    line-height: 23px;
    color: #777;
}

.pickerIcon {
    margin-top: 6px;
    cursor: pointer;
    cursor: hand;
}

.dlgFloat {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.ui-datepicker-trigger {
    padding: 0px 0 0 4px;
    position: relative;
    top: 4px;
    cursor: hand;
    cursor: pointer;
}

#exerGraphRangeToolbar .ui-datepicker-trigger {
    width: 20px;
}

.gt-pointer {
    cursor: pointer;
}


/* Footer */
.ftIcon {
    position: relative;
    top: 2px;
    border: 0;
}

/* ComboBox dropdown menu */
.ddn {
    cursor: default;
    color: #D3D3D3;
    background: url(../../images/langDdlConBG.png);
    font-size: 11px;
    border: 1px solid #6D6D6D;
    z-index: 20000 !important;
}

.ddn-con {
    width: 98px;
    height: auto;
    background-color: transparent;
    text-align: left;
}

.ddn-item {
    width: 82px;
    padding-left: 8px;
    line-height: 22px;
    background: none;
}

.ddn-item-hover {
    width: 82px;
    padding-left: 8px;
    line-height: 22px;
    color: white;
}

.cmb {
    padding-left: 4px;
    background-color: transparent;
    border: none;
    float: left;
}

.cmb-hover {
    background-color: #2C2C2C;
    padding-left: 4px;
    border: none;
}

.txt {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #CCCCCC;
}

.cmb-hover .txt {
    color: white;
}

.t_text .icon {
    margin: 8px 8px 8px 0;
}


/*acct dropdown */
.t_ddn {
    cursor: default;
    color: #CCC;
    background: url(../../images/langDdlConBG.png);
    font-size: 14px;
    border: 1px solid #6D6D6D;
    z-index: 20000 !important;
}

.t_ddn-con {
    width: 298px;
    height: auto;
    background-color: transparent;
    text-align: left;
    cursor: pointer;
}

.t_ddn-item {
    width: 298px;
    line-height: 22px;
    background: none;
    cursor: pointer;
}

.t_ddn-item-hover {
    width: 298px;
    line-height: 22px;
    color: white;
    background: url(../../images/siteMenuL2_hov.png);
    cursor: pointer;
}

.t_ddn-item-disabled {
    color: #888;
    cursor: default;
}

.t_cmb, .t_cmb-hover {
    padding-left: 4px;
    background-color: transparent;
    border: 1px solid #666;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: left;
}

.t_cmb-hover {
    color: white;
}

.t_txt {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #CCC;
    cursor: pointer;
}

.t_cmb-hover .txt {
    color: white;
}

.t_ddn-item-disabled .icon {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
}

.t_ddn-sep {
    width: 298px;
    background-color: #6D6D6D;
    background: url(../../images/menu_sep_bg.png) left top repeat-y #888888;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    height: 15px;
    margin: 0;
    padding: 3px 2px 1px 4px;
    color: #FFF;
}


/* Dialogue titlebar */
.dlg {
    border: 1px solid white;
    background-color: #232323;
    text-align: left;
}

.ttl {
    width: 100%;
    height: 30px;
    cursor: move;
    background-image: url(../images/dialog/dialog_head_bg.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

.ttl-m {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 6px 0 0 6px;
}

.noTitleBar .ui-dialog-titlebar {
    display: none;
}


.switchDialog {
    border: 0;
    background: none;
    text-align: center !important;
}

.gtAlert {
    background: #000 !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.gtAlertWhite {
    background: #FFF !important;
    background: rgba(255, 255, 255, 255) !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#dlg_switch {
    overflow: hidden;
    display: inline-block;
}

#switchAccountDlgText {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFF !important;
    font-size: 14px;
    white-space: nowrap;
    text-align: left;
    color: #FFF;
    background: url(../../images/spinnerSnakeDark.gif) no-repeat 0 4px;
    padding: 0 0 0 24px;
    max-width: 584px;
}

#dlg_successTrainedFirstClient .screenshot {
    width: 491px;
    height: 173px;
    background: url(../../images/dialog/dlg_successTrainedFirstClient_screenshot.png) top left no-repeat;
}

/* Dialogue contents */
.congrats {
    padding-left: 54px;
    background: url(../../images/ui/congrats.png) top left no-repeat;
}

.con {
    height: 198px;
    font-size: 12px;
    margin: 18px 18px 0 18px;
    overflow: hidden;
}

.conNoPad {
    height: 198px;
    font-size: 12px;
    margin: 4px 4px 0 4px;
    overflow: hidden;
}

.dlgTb {
    background-color: #717171;
    border: medium none;
    color: White;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 4px;
    padding: 2px;
}

.dlgTb100 {
    width: 100px;
}

.dlgTb200 {
    width: 100px;
}

/* workout dialog */
.woDlg {
    text-align: left;
    position: relative;
    border: 1px solid white;
    background: url(../../images/UI/dlg_bg.jpg) #313131 top repeat-x;
    font-size: 13px;
    overflow: auto;
    overflow-x: hidden;
}

.woDlg h1, .woDlg h2, .woDlg h3, .woDlg h4 {
    margin: 0;
    padding: 0;
}

.woDlg h1 {
    font-size: 24px;
    line-height: 24px;
    color: #AAA;
}

.woDlg h2 {
    font-size: 16px;
    line-height: 16px;
}

.woDlg h4 {
    font-size: 12px;
    line-height: 14px;
}

.woDlg .listbox {
    background: none;
    color: white;
}

.smallText {
    font-size: 11px;
    color: #AAA;
}

.dlgIcon {
    float: right;
}


/* Dialogue footer */
.ftr {
    height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url(../images/dialog/dialog_foot_bg.png);
    background-repeat: repeat-x;
    overflow: hidden;
}

/* ftr-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
.ftr-m {
    margin: 6px 0 0 18px;
}

/* trainer panel */


.trainerToolbar {
    height: 36px;
    width: 990px;
    margin: 0 auto 0 auto;
    position: relative;
}

.trainerToolbar .pad {
    padding: 4px 0 0 0;
}

#workoutSparklineWrap {
    height: 128px;
    margin-bottom: 26px;
    overflow: hidden;
}

#workoutSparklineWrap div.text {
    color: #737373;
    font-size: 14px;
    font-weight: bold;
}


/*#workoutSparklineWrap #workoutSparklineCanvasWrap { --------------- alexander commented
style="position:relative"
}*/

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineRange {
    position: absolute;
    top: 135px;
    width: 316px;
    color: #555;
    font-size: 12px;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineRange #4weeksAgo {
    float: left;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineRange #lastWeek {
    float: right;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineLegend {
    position: absolute;
    top: 148px;
    width: 286px;
    color: #999;
    font-size: 12px;
    text-align: center;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineLegend span {
    margin-right: 8px;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineLegend em {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineLegend #workout em {
    background: #05A9F5;
}

#workoutSparklineWrap #workoutSparklineCanvasWrap #workoutSparklineLegend #cardio em {
    background: #8cc34b;
    position: absolute;
    float: left;
    top: 0;
    font-size: 12px;
    float: right;
    height: 20px;
    line-height: 20px;
}

.trn_tb_con {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: #FFF;
}

#note_editDel {
}

/* toolbar2 edition panel */
#tb_profWrap {
    font-size: 13px;
    width: 400px;
    height: 36px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
}

#tb_profWrap .tb_profIcon, #mm_profWrap .tb_profIcon {
    height: 36px;
    width: 36px;
    float: left;
    margin-right: 8px;
}

.mmDropDown {
    float: left;
    background: url(../../images/lm-icons.png?v3) -120px 0 no-repeat;
    background-size: cover;
    width: 30px;
    height: 24px;
    margin-top: 6px;
    margin-left: 7px;
}

#tb_profWrap #lab_welcome {
    font-size: 18px;
    line-height: 19px;
}

#upgradeLink {
    padding-left: 8px;
    width: 600px;
    font-size: 12px;
    cursor: pointer;
    cursor: hand;
    height: 18px;
}

#upgradeLink.toolbar {
    color: #999;
}

#upgradeLink.toolbar:hover {
    color: #FFFFFF;
}

.viewLab {
    white-space: nowrap;
    font-weight: bold;
}

.acctType {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #CCC;
}

.acctType a {
    font-size: 10px;
    color: #335EDE;
}

/* switched into bar */

#switchedIntoBar {
    opacity: 1;
    padding: 4px;
    position: relative;
    margin: 0px 8px 16px 8px;
    background: #F7FCFF;
    border: 1px solid #4EC3F8;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    height: 24px;
}

#switchedIntoBar h4 {
    color: #777;
    font-size: 13px;
    line-height: 13px;
    font-weight: normal;
    position: absolute;
    right: 12px;
    top: 9px;
    opacity: 0.7;
}

#switchedIntoBar .profileWrap {
    height: 24px;
    margin-right: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
}

#switchedIntoBar .tb_profIcon {
    width: 28px;
    height: 28px;
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;;
}

#switchedIntoBar .name {
    margin-left: 34px;
    color: #444455;
    font-size: 18px;
    line-height: 28px;
    vertical-align: top;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;;
    z-index: 999;
}

#switchedIntoBar .injury {
    width: 16px;
    height: 16px;
    border: 1px solid #F6F6F6;
    position: absolute;
    bottom: -5px;
    left: 13px;
    background-size: 20px 20px;
    background-color: transparent;
    background-image: url(../../images/cqv/trainerNotesBadge.png) !important;
    background-position: 50% 50%;
    border-radius: 10px;
}

#switchedIntoBar .viewLink {
    font-size: 13px;
    line-height: 28px;
    vertical-align: top;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

#switchedIntoBar .msg {
    width: 26px;
    height: 26px;
    background-image: url(../../images/activeSession/msg.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    opacity: 0.8;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    position: relative;
    top: 6px;
    left: 5px;
}

#switchedIntoBar .msg:hover {
    opacity: 1;
}


/* UI Buttons */
.ui_gtRB {
    height: 22px;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.ui_gtRB .l {
    width: 8px;
    height: 22px;
    background-image: url(../../images/UI/gtRB_l.gif);
    float: left;
}

.ui_gtRB .m {
    height: 22px;
    font-size: 10px;
    line-height: 22px;
    background-image: url(../../images/UI/gtRB_bg.gif);
    background-repeat: repeat-x;
    float: left;
    text-transform: uppercase;
    color: #fff;
}

.ui_gtRB a, div.post .text .ui_gtRB a {
    text-decoration: none;
    color: white;
    border: 0;
}

.ui_gtRB .r {
    width: 8px;
    height: 22px;
    background-image: url(../../images/UI/gtRB_r.gif);
    float: left;
}

.btnRound, .btnRound:hover {
    padding: 4px 6px 2px 6px !important;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    width: auto;
    overflow: visible;
    font-size: 11px !important;
    line-height: 13px !important;
    background: none;
    color: #EEE;
    text-transform: uppercase;
    border: 1px solid #EEE;
    -webkit-border-radius: 2px; /* for Safari */
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    cursor: hand;
    margin: 0;
}

.btnRound:hover {
    background: #3365FA;
}

/* cache def */
.cacheDiv {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.cacheImg {
    width: 0;
    height: 0;
}


/* main panel */


.mainPanel {
    height: 100%;
}

.recentActivityPanel {
    height: 100%;
    background-color: #f9fafc;
    border-left: 1px solid #ebebeb;
}


.mainPanel .head {
    height: 8px;
    margin: 0;
    overflow: hidden;
}

.mainPanel .head .tl {
    height: 8px;
}

.mainPanel .head .tr {
    height: 8px;
}

.mainPanel .head .tc {
    height: 8px;
    line-height: 5px;
    background: #EEE; /* widgetBg */
    margin: 0 8px 0 8px;
}

.mainPanel .foot {
    height: 8px;
    margin-bottom: 4px;
}

.mainPanel .foot .bl {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8px;
}

.mainPanel .foot .br {
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 8px;
}

.mainPanel .foot .bc {
    height: 8px;
    margin: 0 8px 0 8px;
}

.mainPanel .content {
    margin: 0;
    position: relative;
    height: 100%;
}

.mainPanel .text h1 {
}

.mainPanel .text p {
    font-size: 13px;
    width: 400px;
}

.mainPanel .text #catCol ul.pageLinks li {
    margin-bottom: 2px;
    font-size: 14px;
}

.mainPanel .text .pad {
    padding: 0px 16px 16px 16px;
}

.mainPanel .text h1 {
    color: white;
    font-size: 22px;
    line-height: 25px;
    margin: 0 0 16px 0;
}

.mainPanel .text h2 {
    color: #6898F9;
    font-size: 18px;
    line-height: 20px;
    margin: 8px 0 4px 0;
    width: 75%;
}

.mainPanel .text h3 {
    color: #6898F9;
    font-size: 16px;
    line-height: 18px;
    margin: 8px 0 4px 0;
    width: 75%;
}

.mainPanel .text h4 {
    color: #6898F9;
    font-size: 14px;
    line-height: 16px;
    margin: 8px 0 4px 0;
    width: 75%;
}

.mainPanel .text h5 {
    color: #6898F9;
    font-size: 13px;
    line-height: 15px;
    margin: 8px 0 4px 0;
    width: 75%;
}

.mainPanel .text h6 {
    color: #6898F9;
    font-size: 12px;
    font-style: italic;
    line-height: 14px;
    margin: 8px 0 4px 0;
    width: 75%;
}


.mainPanel .text p {
    font-size: 13px;
    color: #eee;
    line-height: 16px;
    margin: 0 0 12px 0;
    width: 75%;
}

.mainPanel .text ul, .mainPanel .text ol {
    margin: 8px 0 8px 0;
    padding: 0 0 0 16px;
    width: 75%;
}

.mainPanel .text ul li {
    list-style-type: square;
    list-style-image: none;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    margin-left: 16px;
    padding: 0;
}

.mainPanel .text ol li {
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    margin-left: 16px;
    padding: 0;
}

.mainPanel .text strong {
    color: #EEE;
}

.mainPanel .text blockquote {
    border: 1px solid #666;
    font-size: 13px;
    padding: 16px;
    margin: 0;
}

.mainPanel #cbfa-footer {
    font-size: 12px;
    font-weight: 300;
    color: #9a9a9a;
}


/* end main panel */

/* Profile panel */
#rpAcctProfile #menuAcctProfile_profile {
    background-repeat: repeat-x;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    padding: 6px 0px;
    border-radius: 5px;
    font-weight: bold;
}

#menuAcctProfile_profile img {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    padding: 0px 6px;
}

#menuAcctProfile_profile a {
    color: #444;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.menuAcctProfile_name {
    vertical-align: top;
    line-height: 26px;
}

#rp_ExerciseLibraryMenu .content {
    margin: 0;
    padding: 0;
    height: 93%;
    max-height: 93%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}

/* left menu override */
.main_leftMenu_Left {
    overflow-y: auto;
}

ul.funcLink {
    margin: 0 0 0 0 !important;
}

.funcLink li {
    margin: 0;
    padding: 0 0 0 16px;
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
    vertical-align: top;
    background: url(../../images/UI/icon_func.png) top left no-repeat;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}

.funcLink .sel {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.funcLink li a {
    margin: 0 !important;
}

.func_sep {
    line-height: 0px;
    font-size: 0;
    height: 8px;
    padding: 0;
    margin: 0;
}


/*group */
#groupLogo {
    width: 100%;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    /*-moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;*/
    /*margin-bottom: 4px;*/
    background-size: 100%;
    /*padding: 2px;*/
    box-sizing: border-box;
}

#groupLogo.null {
    background: url(./images//mainPanel_cont_bg.png) repeat;
}

#groupLogo .text {
    padding: 8px 8px 0px 8px;
}

#groupLogo h1 {
    font-size: 16px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 170px;
}

.roundCorner {
    -moz-border-radius: 4px;
    -saf-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* icons profiles */

.icon12 {
    width: 12px;
    height: 12px;
    border: 1px solid #666;
}

.icon16 {
    width: 16px;
    height: 16px;
    border: 1px solid #666;
}

.icon24 {
    width: 24px;
    height: 24px;
    border: 1px solid #666;
    background-repeat: no-repeat;
    background-position: center;
}

.icon32 {
    width: 32px;
    height: 32px;
    border: 1px solid #666;
    background-repeat: no-repeat;
    background-position: center;
}

.icon44, .icon46 {
    width: 44px;
    height: 44px;
    border: 2px solid #cdcdcd;
    background-repeat: no-repeat;
    background-position: center;
}

.icon88 {
    width: 88px;
    height: 88px;
    border: 1px solid #666;
}

.icon-grey {
    background-color: #888;
    border: 0 !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.iconJQ18 {
    width: 18px;
    float: left;
    margin-right: 4px;
}

.noProf {
    background: url(../../images/UI/noProfIcon.png);
}

.pageLayer {
    z-index: 0;
}

.profilePanel {
}

.profilePanel h1 {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    line-height: 15px !important;
    font-weight: bold !important;
    color: white !important;
    width: 100%;
}

.profilePanel h2 {
    margin: 0;
    padding: 0;
    font-size: 13px !important;
    font-weight: normal;
}

.widProfIcon {
    margin-right: 4px;
    width: 52px;
}

.widProfIcon .acctTag {
    padding: 3px 4px 1px 4px;
    text-align: center;
    color: #FFFFFF;
    background: #335EDE;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*position:relative; top:-12px; left:4px; zoom:1; display:inline-block;*/
    float: left;
    display: inline-block;
    margin-top: -12px;
    margin-left: 4px;
    z-index: 100;
}

.menu_icon {
}


/* grid def */
.Grid {
    border: 1px solid #57566F;
    border-bottom: 2px solid #57566F;
    background-color: #FFFFFF;
    cursor: pointer;
}

.GridData {
    border: 0px;
    border-left: 5px solid black;
    border-right: 5px solid black;
    height: 337px;
}

a.gridBtn:link, a.gridBtn:hover, a.gridBtn:visited, a.gridBtn:active {
    cursor: pointer;
    cursor: hand;
    color: #CCC;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #848484;
    padding: 3px 4px 2px 4px;
    border: none;
    text-decoration: none;
    height: 17px;
    line-height: 20px;
    background-color: #848484;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

a.gridBtn:hover {
    color: #FFF;
    background-color: #A2A2A2;
}

.GridFirstCol {
    padding-left: 12px !important;
}

.GridLeftBorder {
    border-left: 1px solid;
}

.SelectedRow td.DataCell {
    background: #E5F1FE;
}

.SelectedRow td.DataCell a.gridBtn {
    color: #FFF !important;
    background-color: #B1B1B1;
}

.SelectedRow td.DataCell a.gridBtn:hover {
    color: #FFF !important;
    background-color: #C2C2C2;
}


.GridNotify {
    color: #FFF;
    font-size: 12px;
    background: #FF813C; /* Old browsers */
    background: -moz-linear-gradient(top, #FF9F75 0%, #FF813C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9F75), color-stop(100%, #FF813C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FF9F75 0%, #FF813C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FF9F75 0%, #FF813C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FF9F75 0%, #FF813C 100%); /* IE10+ */
}

.GridFooter {
    padding: 17px 8px 5px 8px;
    vertical-align: bottom;
    font-size: 12px !important;
    font-weight: bold;
}

.PagerText {
    font-size: 13px;
    color: #888;
}

.HeadingRow {
    display: none;
}

.HeadingCell, .HeadingCellHover, .HeadingCellActive {
    background: #CCC;
    color: #555;
    padding: 1px 4px 1px 4px;
    cursor: pointer;
    cursor: hand;
    border-left: 1px solid #999;
    border-collapse: collapse;
}

.HeadingFirstCol {
    border-left: none !important;
}

.firstCell {
    border-left: none !important;
}

.HeadingCellText, .firstCell {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-align: left;
    color: #777;
    padding-top: 2px;
    padding-bottom: 0px;
}

.HeadingCellText {
    padding-top: 4px;
    padding-bottom: 4px;
}

.firstCell {
    padding-left: 4px;
}

.Row {
    background: none;
    cursor: pointer;
    height: 44px;
}

.Row a:link, .Row a:visited, .Row a:active {
    text-decoration: none !important;
}

.Row a:hover {
    text-decoration: underline !important;
}

.RowText {
    background: none;
    cursor: pointer;
}

.Row td, .RowText td {
    cursor: pointer;
    cursor: hand;
}

.deactive {
    color: #666 !important;
}

.cellBorder {
    border: 1px solid #666 !important;
    border-collapse: collapse;
}

.borderBottom {
    border-bottom: 1px solid #666 !important;
    border-collapse: collapse;
}

td.DataCell {
    font-size: 10px;
    text-align: left;
    height: 24px;
    cursor: pointer;
    cursor: hand;
    border-bottom: 1px solid #f4f4f4;
}

td.DataCellLarge {
    font-size: 13px;
}

.DataCellText {
    padding: 4px;
    font-size: 13px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    cursor: hand;
}

.grid_desc {
    color: #B3B5B6;
    font-size: 11px;
    overflow: hidden;
    white-space: normal;
    height: 12px;
    text-overflow: ellipsis;
    font-weight: normal;
}


.grid_add {
    cursor: pointer;
    cursor: hand;
    margin-left: 4px;
}

.grid_exerName {
    font-size: 15px;
    font-weight: bold;
    width: 580px;
}

/* workout templates grid */
.gtJSGrid {
    position: relative;
    min-height: 20px;
    height: 644px;
}

.gtJSGrid-content {
    height: 100%;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

#div_workoutsGridJs .gtJSGridContent {
    min-height: 440px;
}

#msgList .gtJSGridContent {
    min-height: 400px;
}

.gtJSGridRow {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.gtJSGrid .refreshDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.5);
}

.gtFooter {
    margin: 4px;
}

.gtFooter .total {
    position: relative;
    top: 3px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 4px;
}

#gtFooter_trainers {
    width: 100%;
    bottom: 0;
    right: 0;
    margin: 4px 0;
    box-sizing: border-box;
    padding: 0 4px;
    position: absolute;
}

#workoutsGridJs {
    width: 100%;
}

#divWorkoutLibInst {
    margin: 10px 8px;
}

#workout-footer {
    font-size: 12px;
    font-weight: 300;
    color: #9a9a9a;
    clear: both;
    margin: 0 10px;
}

#gtFooter_workouts {
    width: 250px;
    float: right;
}

.grid_wo_wrap {
    width: 100%;
    height: 30px;
    cursor: pointer;
    position: relative;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.grid_wo_wrap input[type="checkbox"] {
    position: absolute;
    top: 7px;
    left: 6px;
}

.grid_woName .gtGridOpen {
    font-size: 16px;
    width: 630px;
    position: absolute;
    top: 0px;
    left: 67px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid_woName .gtGridOpen:hover {
    color: #FFF;
}

.grid_woName .workoutIcon {
    position: absolute;
    left: 29px;
    top: 0px;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-color: #989898;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.div_workoutsGridJs {
    min-height: 480px;
    position: relative;
}

.grid_wo_wrap .gtBtnBar {
    float: right;
    margin-top: 4px;
}

.grid_woName .grid_desc {
    width: 380px;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    left: 67px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.grid_wo_wrap .updated {
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    right: 53px;
    font-weight: normal;
    width: 320px;
    text-align: right;
    color: #AAA !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid_wo_wrap .workout_tag {
    position: absolute;
    bottom: 0px;
    right: 13px;
    height: auto;
    color: #bbbbbb;
    font-weight: 100;
    font-size: 13px;
}

.grid_wo_wrap .workout_tag span {
    background-image: url(../../images/UI/icons/tagGrey.png);
    vertical-align: text-bottom;
}

ul li span.tr-tag-grey {
    background-image: url(../../images/UI/icons/tagGrey.png);
    vertical-align: text-bottom;
}

.ScrollBar {
    background-image: url(../images/scroller/scroller_bg.gif);
}

.ScrollGrip {
    background-image: url(../images/scroller/scroll_gripBg.gif);
}


/* grid toolbar */
.customExer_wrap {
    height: 32px;
    padding: 4px;
    position: relative;
}


.customExer_wrap .type {
    position: absolute;
    left: 510px;
    top: 8px;
    font-size: 11px;
    color: #999;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customExer_wrap .bodyPart {
    position: absolute;
    left: 510px;
    top: 23px;
    font-size: 11px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.customExer_wrap .grid_desc {
    position: absolute;
    left: 44px;
    top: 23px;
    width: 450px;
    font-size: 13px;
    line-height: 110%;
    height: 16px;
    color: #666 !important;
}

.customExer_wrap .grid_desc .created {
    float: right;
    width: 160px;
    text-align: right;
    font-size: 11px;
    color: #787878;
}

.customExer_wrap .grid_desc .desc {
    width: 280px;
    white-space: nowrap;
    overflow: hidden;
    color: #787878;
    text-overflow: ellipsis;
}

.customExer_wrap .grid_exerName {
    width: 500px !important;
    border-right: 1px solid #CCC !important;
    height: 36px !important;
}

.customIcon {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

/* ----- */

/* brand color */
.brandText {
    color: #335EDE;
}

.brandBg {
    background: #335EDE;
}

/* customized content */
.copy, .copy pre {
    font-size: 13px;
}

.copy pre {
    font-family: Helvetica, Arial, sans-serif;
    margin: 8px;
}

.copy h1 {
    color: #335EDE;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy h2 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy h4 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy h6 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.copy p {
    width: 75%;
    margin-top: 0;
}

.copy .designer_tooltip {
    border: 1px dotted #AAA;
    color: #AAA;
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.copy blockquote {
    border: 1px solid #666;
    font-size: 13px;
    padding: 16px;
    margin: 0;
}

.copy ul, .copy ol {
    margin: 8px 0 8px 0;
    padding: 0 0 0 32px;
    width: 75%;
}

.copy ul li {
    list-style-type: square;
    list-style-image: none;
}

.copy li {
    margin-bottom: 16px;
    margin-bottom: 8px;
    width: 75%;
    margin-left: 16px;
    padding: 0;
}

/* designer tags */
.designer_inst {
    color: #FFF;
    background: url(../../images/UI/designer_info.png) top left no-repeat #999999;
    padding: 4px 4px 4px 22px;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #CCC;
    text-align: left;
    margin: 24px 0 24px 0;
    clear: left;
    display: none;
}

.designer_forward {
    border: 1px solid #CCC;
    background: url(../../images/UI/designer_mode.png) top left no-repeat #3E569E;
    padding: 4px 4px 4px 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 8px;
    text-align: left;
    color: #EEE;
    position: relative;
    left: -12px;
}

.designer_forward a:link, .designer_forward a:link, .designer_forward a:visited, .designer_forward a:hover, .designer_forward a:active {
    color: #EEE;
}

.customize, .customize:hover {
    border: 1px solid #CCC;
    background: url(../../images/UI/designer_cust.png) top left no-repeat #3E569E;
    float: right;
    padding: 3px 2px 1px 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    right: -6px;
    top: 6px;
}

.customize:hover {
    background-color: #4068E0;
    color: #FFF;
}

.customize a:link, .customize a:visited, .customize a:hover, .customize a:active {
    color: #EEE;
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
    text-decoration: none;
}

.customize a:hover {
    color: #FFF;
}


.copy .ppl_table {
    margin-left: 16px;
}

.copy .ppl_table td {
    padding: 8px;
}

.copy .ppl_table td.col1 {
    width: 0;
}

.copy .ppl_table .col2 {
    width: 500px;
}

.copy .ppl_table .col2 h1 {
    margin-bottom: 0;
}

.copy .ppl_table .col2 h2 {
    margin-bottom: 0;
}


/*.copy li {
font-size:13px; line-height:15px;font-weight:normal; margin-bottom:8px;width:75%; margin-left:16px; padding:0;
}*/

.disabled50, .disabled50 span, .disabled50 div, .disabled50 input, .disabled50 td {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    zoom: 1;
    cursor: default !important;
}

.disabled80, .disabled80 span, .disabled80 div, .disabled80 input, .disabled80 td {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
    cursor: default !important;
}

.opacity20 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

.greyBg {
    background: rgba(0, 0, 0, 0.2);
}

/*--- entry ---*/
#signupLogo {
    background: url(./images/register/reg02_bar_1.jpg) top left repeat-x #424242;
}

#signupLogo .pad {
    padding: 8px;
}

#signupLogo .rightFloat {
    float: right;
    font-size: 12px;
    text-align: right;
    margin: 16px 8px 0 0;
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#signupLogo .rightFloat .pad {
    padding: 8px;
}


/*--- logon prompt ---*/
#loginWrap {
    min-height: 768px;
}

.loginBox {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 30px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    background: #FFF;
    width: 364px;
    position: absolute;
    top: 30%;
    left: 50%;
}

#loginDiv .loginElemWrap {
    height: 228px;
    position: relative;
    overflow: hidden;
}

#loginLoad {
    display: none;
    position: absolute;
    top: 32px;
}

#loginFields {
    display: none;
    position: absolute;
    top: 32px;
}

#loginDiv .loginLoader {
    text-align: center;
    width: 300px;
    left: 32px;
}

#loginDiv .loginLoader .spinnerLogin {
    position: relative;
    top: 2px;
    margin-right: 4px;
}

#loginDiv.login {
    margin: -110px 0 0 -186px;
}

#loginDiv.forget {
    margin: -110px 0 0 -182px;
}

#loginDiv.setupPW {
    margin: -110px 0 0 -182px;
}

#loginDiv.sessionEnd {
    width: 340px;
    margin: -110px 0 0 -170px;
}

#loginDiv #groupLogo {
    margin: 0 auto 0 auto !important;
    background-size: contain !important;
    background-position: center !important;
}

#loginDiv .slate {
    border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
}

#loginDiv h1 {
    font-size: 18px;
    color: #444;
    text-align: center;
    vertical-align: middle;
    max-width: 330px;
}

#loginDiv .sep {
    line-height: 0;
    font-size: 0;
    height: 2px;
    border: 0;
    margin: 0;
    padding: 0;
}


#logoWrap {
    padding: 8px;
    border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
}

#logoWrap #groupLogo {
    margin-bottom: 0;
}

#logoWrap #groupLogo.null {
    background: none;
    height: auto;
    width: 100%;
}

.loginField {
    padding: 4px;
    width: 288px;
    font-size: 16px;
    border: 1px solid #AAA;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Helvetica, Arial, Sans Serif;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.loginField:focus {
    border: 1px solid #729FFF !important;
    box-shadow: 0 0 4px #729FFF;
    -moz-box-shadow: 0 0 4px #729FFF;
    -webkit-box-shadow: 0 0 4px #729FFF;
    outline: none;
}

#loginElemWrap {
    width: 300px;
    min-height: 228px;
}


.loginTab {
    width: 300px;
    min-height: 228px;
    position: relative;
}

.loginTab label {
    font-size: 14px;
    color: #999;
}

.loginTab #staySignedIn {
    position: absolute;
    bottom: 0px;
}

.loginTab #lnk_forgotPw {
    text-align: center;
    display: block;
    text-decoration: none;
}

.loginTab .errorLab {
    margin-top: 16px;
    text-align: center;
}

.loginTab #b_logon {
    width: 100%;
}

.loginTab .loginBtnWrap {
    position: relative;
}

.loginTab .loginBtnWrap #div_loading {
    position: absolute;
    right: -22px;
    top: 8px;
    display: none;
}

.loginWrap {
    font-size: 14px;
}

.loginExpired p {
    font-size: 13px;
    font-weight: normal;
}

.loginWrap .slate {
    height: 120px;
}

.loginWrap .slate h2 {
    font-size: 20px;
    color: #FFF;
}

.loginWrap .slate p {
    font-size: 13px;
    color: #999999;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.loginWrap #labForTOSAgree {
    font-size: 12px;
    color: #999;
}

.loginWrap p {
    font-size: 14px;
    font-weight: normal;
}

.setupPanelWrap {
    width: 730px;
    margin: 32px auto;
}

#ctl00_PH_Page_ULogon1_l_Logon_PasswordRecoveryLink {
    float: right;
}

#forgetDiv {
}

#forgetPanel {
    padding: 32px;
    font-size: 13px;
    color: #999;
}

#forgetPanel p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}


#forgetPanel h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

#ctl00_PH_Page_ULogon1_welcome {
    text-align: center;
    padding-right: 24px;
}

#l_desc {
    margin-top: 13px;
    margin-bottom: 10px;
}

#l_prompt {
    margin-top: 0px;
}

#l_prompt .space {
    height: 10px;
    line-height: 10px;
}

.test_empty {
    background: url(./images/login_b_bg.png) repeat-x top left;
    font-size: 12px;
}

.promptLab {
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
}

.NotMember {
    padding: 8px;
    color: #9E9E9E;
}

.NotMember h1 {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.NotMember p {
    font-size: 12px;
    line-height: 13px;
    padding: 4px 0 4px 0;
    margin: 0;
    font-weight: normal;
}

.regBtn {
}


#ie6Drop {
    padding: 8px;
}

#ie6Drop .content {
    padding: 8px;
    font-weight: normal;
}

#ie6Drop .content h1 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#ie6Drop .content p {
    font-size: 12px;
    line-height: 14px;
}

#ie6Drop .content ul {
    font-size: 12px;
    line-height: 14px;
}

#ie6Drop .content ul li {
    font-size: 13px;
    list-style-type: square;
    padding-bottom: 4px;
}

#ie6Drop img {
    position: relative;
    top: 4px;
}


/* end of logon prompt */

/* sign up page*/
.signupTable td.col1 {
    width: 600px;
}

.signupField {
    font-size: 15px;
    width: 300px;
    padding: 2px;
}

.signupPanels {
    width: 990px;
}

.signupPanels .pad {
    padding: 72px 0 128px 0;
    position: relative;
}

#signupBox {
    position: relative;
    width: 440px;
    left: 258px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 50px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #E4E4E4;
}

#signupBox small {
    width: 300px;
    font-size: 12px;
}

#signupBox .title {
    background: url(./images/login_t_bg.png) repeat-x #9C9C9C;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;;
    -moz-border-radius: 8px 8px 0 0;;
}

#signupBox .title h1 {
    margin: 0;
    padding: 16px 16px 8px 16px;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

#signupBox .sep {
    line-height: 0;
    font-size: 0;
    height: 2px;
    border: 0;
    margin: 0;
    padding: 0;
}

.signupColItem {
    width: 234px;
    padding: 0 16px 0 16px;
    border-right: 1px solid #999999;
    float: left;
}

.signupColItem p {
    font-size: 13px;
}

.acctItem {
    position: relative;
}

.signUpRow {
    padding-bottom: 8px;
}

.signUpRow h4 {
    font-size: 15px;
}

.signUpHightlight {
    box-shadow: 0 0 16px rgba(40, 175, 46, 0.9);
}

#signUpBtnWrap {
    margin: 32px 0 16px 0;
    width: 780px;
    height: 54px;
}

#reg_prompt {
    float: left;
    background: url(../../images/newuser/newuser_prompt.png) no-repeat top left;
    margin: -12px 0 0 0;
    width: 480px;
    height: 54px;
}

#reg_prompt .wrap {
    margin-left: 48px;
    height: 54px;
    background: #1078F2;
}

#reg_prompt .pad {
    padding: 4px;
}

#reg_prompt h1 {
    font-size: 15px;
    margin: 4px 0 0 0;
    color: #FFF;
}

#reg_prompt p {
    font-size: 12px;
    margin: 4px 0 0 0;
    color: #FFF;
}


.acctItemError {
    display: inline;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    left: 326px;
    padding: 6px 16px;
    position: absolute;
    text-shadow: 1px 1px 0 #000000;
    top: -8px;
    white-space: nowrap;
    width: 340px;
    z-index: 30;
    font-size: 14px;
}

.acctItemError .forgotSpan {
    font-size: 12px;
}


#ctl00_PH_Page_uAccount_uFirtName_mLabel, #ctl00_PH_Page_uAccount_uLastName_mTextBox {
    width: 200px;
}

/* end of sign up page */


/* help section */

#helpMain {
    min-height: 524px;
}

#helpContent .content {
    min-height: 492px;
}

#helpContent .head {
}

#helpContent .head .left {
    background: url(../../images/UI/hp_left.jpg);
    width: 8px;
    height: 8px;
    float: left;
}

#helpContent .head .right {
    background: url(../../images/UI/hp_right.jpg);
    width: 8px;
    height: 8px;
    float: right;
}

a.helpCatLink:link, a.helpCatLink:visited, a.helpCatLink:hover, a.helpCatLink:active {
    color: #6898F9;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

a.helpCatLink:hover {
    color: white;
}

.helpCatLeft, .helpCatRight {
    width: 500px;
}


.pageLinks a:link, .pageLinks a:visited, .pageLinks a:hover, .pageLinks a:active {
    color: #EEE;
    font-size: 14px;
}

#urlDiv {
    text-align: center;
    width: auto;
    background: url(../../images/UI/hl_btn.jpg) repeat-x top left #4c638f;
    -moz-border-radius: 4px;
    -saf-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #D9D9D9;
    word-wrap: break-word;
    margin-bottom: 8px;
    width: 210px;
}

#urlDiv .pad {
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

/* end help section */
/* theming engine */
.themeTab {
    width: 780px;
    height: 320px;
}

.themeTab {
    width: 732px;
    padding: 16px 16px 16px 16px;
}

#div_ThemeSetting {
    overflow: hidden;
}

.checkImg {
    padding: 2px 1px 0 0;
}

.iconFrame {
    border: 1px solid #CCC;
}

.themeName {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
}

.themeIconSize {
    height: 164px;
    width: 168px;
}

.themeCell {
    width: 168px;
}

.themeIconImg {
    height: 164px;
    width: 168px;
}

.themeRepeat {
    padding-right: 8px;
    padding-bottom: 8px;
}

.bgTileSize {
    width: 64px;
    height: 64px;
}

.bgTileCell {
    width: 64px;
}

.applyLink, resetLink {
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}

.applyLinkSmall {
    font-size: 12px;
}

.resetLink {
    font-size: 12px;
}

.bgTileName {
}

#ctl00_UThemesetting_dl_background tr {
    vertical-align: top;
}

#ctl00_UThemesetting_dl_background tr td {
    padding-right: 8px;
    padding-bottom: 8px;
}


.rtb_pre {
    background: url(../../images/UI/rtb_arrow.png) top left no-repeat;
    padding-left: 30px;
    height: 14px;
    font-size: 11px;
}

/* keywords */
#seo_sample {
    background: url(../../images/designer/seo_logos.png) #FFFFFF right top no-repeat;
    border: 1px solid #999;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 24px;
}

/* end of theming engine */

/* share panel */


.shareTb {
    width: 420px;
    font-size: 16px;
    padding-left: 54px;
}

.shareTable .col1 {
    width: 64px;
}

#shareBarWrap {
    padding: 0;
}

#sharebubble {
    background: url('/images/UI/speech_bubble.png') no-repeat;
    height: 58px;
    width: 68px;
    padding: 7px;
    position: absolute;
    z-index: 100;
}

#ctl00_PH_Page_uShareStatus1_p_SharePanel {
    background: url("./images/row_diag.png") repeat scroll left top transparent;
}

#ctl00_PH_Page_uShareStatus1_p_SharePanel .pad {
    padding: 8px 8px 16px 8px;
}

/* mobile panel */
#homeMobileWrap {
    padding: 0;
}

#homeMobileWrap .pad {
    padding: 16px;
    width: 374px;
}

#home_mobile {
    background: url(../../images/UI/home_mobile.png) no-repeat;
    width: 298px;
    height: 48px;
    margin: 8px 0 8px 0;
    position: relative;
}

#home_grid {
    background: url(../../images/UI/home_grid.png) no-repeat;
    width: 298px;
    height: 67px;
    margin: 8px 0 8px 0;
}

#home_mobile #groupname {
    width: 298px;
    position: absolute;
    top: 12px;
    height: 19px;
    text-align: center;
    color: #444444;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#home_mobile #url {
    width: 298px;
    position: absolute;
    top: 28px;
    left: 32px;
    height: 24px;
    text-align: left;
    color: #555;
    font-size: 13px;
    font-weight: bold;
}

#homeMobileWrap h1 {
    font-size: 15px;
    line-height: 16px;
}

#homeMobileWrap .ctrlText {
    line-height: 13px;
    font-size: 12px;
}

/* dash / event log */
.nullDash {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
    width: 100%;
    min-height: 0; /* firefox fix for flex */
}

.nullDashShort {
    padding-top: 32px !important;
}

#trainerGrid_noTrainersInLocation {
    height: 544px;
}

#client-noplan {
    text-align: center;
}

#client-noplan h1 {
    font-size: 22px;
    margin-bottom: 4px;
    margin-top: 10px;
}

#client-noplan h2 {
    font-size: 18px;
    margin-bottom: 4px;
}

#client-noplan p {
    font-size: 14px;
    line-height: 16px;
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

#trainer-noplan {
    text-align: center;
}

#trainer-noplan h1 {
    font-size: 22px;
    margin-bottom: 4px;
    margin-top: 10px;
}

#trainer-noplan h2 {
    font-size: 18px;
    margin-bottom: 4px;
}

#trainer-noplan p {
    font-size: 15px;
    line-height: 17px;
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    color: #999;
}

.nullDash img {
    width: 76px;
    margin-bottom: 15px;
}



.nullDashBubble {
    padding: 0 !important;
    margin: 0 !important;
}

.nullDashBubble .wrap {
    position: relative;
    left: -50%;
    transform: translateY(-50%);
    width: 470px;
    padding: 16px;
    background: #ffffff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    text-align: center;
    border: 1px solid #DAE0E6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nullDashBubble .wrap h2 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.nullDashBubble .wrap h2.trHeading {
    color: #333;
    font-size: 18px;
    font-weight: normal;
}

.nullDashBubble .wrap p {
    width: auto;
    max-width: 95%;
    font-size: 13px;
    color: #999;
    line-height: 16px;
    text-align: center;
}

.noWorkoutsDialog {
    position: absolute;
    top: 50%;
    left: 50%;
}

#ph_NoMatchClientToShow .pad.nullDash {
    height: 514px;
}


#div_photoNoPhotosInAcccount.pad.nullDash {
    height: 600px;
}

.advGraphWrap #divEmptyGraphContent.nullDash {
    min-height: 281px;
    padding-top: 0px;
}

.advGraphWrap #divEmptyGraphContent.nullDash img {
    width: 531px;
}

#ctl00_PH_Page_panelNoWorkPlan .pad.nullDash {
    height: 500px;
}

#ctl00_PH_Page_panelNoWorkout .pad.nullDash {
    height: 430px;
}

#woLibGridWrap .nullDashWithImage {
    background: url(../../images/trainingPlan/noWorkout.png) top left no-repeat;
    width: 100%;
    height: 547px;
    padding: 0;
    background-size: 732px 547px;
}

#previewGrid .nullDash {
    background: url(../../images/nullScreens/nullWorkoutGrid.png) top left no-repeat;
    width: 698px;
    height: 760px;
    padding: 0;
}

#woLibGridWrap #workoutTemplateNullDash {
    background: none;
}

#workoutTemplateNullDash .wrap {
    width: 544px;
    height: auto;
    padding: 16px;
}

#workoutTemplateNullDash {
    width: 698px;
    height: 687px;
    text-align: center;
}

#workoutTemplateNullDash button {
    width: 240px;
}

#workoutTemplateNullDash button#find_workout_btn {
    margin-right: 30px;
}

#workoutTemplateNullDash img {
    height: 234px;
    margin-bottom: 40px;
}

#workoutTemplateNullDash h1 {
    max-width: 440px;
    margin: 0 auto 10px;
}

#workoutTemplateNullDash p {
    margin: 6px auto 15px;
    max-width: 100%;
}

.nullProgressGrid {
    background: url(../../images/nullScreens/nullProgressGrid.png) 8px 8px no-repeat;
    width: 725px;
    height: 572px;
    padding: 0;
}

.nullProgressGrid .wrap {
    position: absolute;
    top: 160px;
    left: 160px;
    width: 380px;
    padding: 16px;
}

.nullDlg {
    width: 540px;
}

.nullDlg h1 {
    font-size: 22px;
    margin-bottom: 4px;
}

.nullDlg h2 {
    font-size: 18px;
    margin-bottom: 4px;
}

.nullDlg p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
}

.nullDlg .wrap {
    margin: 64px;
}

.contentMH {
    min-height: 520px;
    position: relative;
    height: 100%;
}

.dashTopWidget {
    font-size: 12px;
}

/* Activity Summary */
#clientSummary_horizontalWeekly {
    height: 150px;
    width: 100%;
}

.clientSummary_section {
    position: relative;
    overflow: auto;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.clientSummary_section > div {
    position: relative;
    width: 100%;
}

#clientSummary_personalBests {
    position: relative;
}

#clientSummary_activityCanvasJS {
    padding-top: 10px;
    width: 100%;
    height: 130px;
}

#client_summary {
    display: flex;
    justify-content: center;
}

#client_summary > div > div.clientSummary_section > div.cqv_activityCanvasJS_legend {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#client_summary > div > div.clientSummary_section > div.cqv_activityCanvasJS_legend > div {
    text-align: center;
    display: inline-block;
}

#activityOverlay {
    position: absolute;
    top: 40%;
    transform: translate(-50%);
    left: 50%;
    text-align: center;
    width: 360px;
    color: #000;
    z-index: 1;
}

#wid_trainingPlan {
    position: relative;
}

#wid_trainingPlan td {
    padding-bottom: 32px;
    vertical-align: top;
}

.dashTopWidgetLeft {
    border-right: 1px solid #CCC;
    width: 80%;
}

.dashTopWidgetRight {
}

.dashTopWidget .pad {
    padding: 8px;
    height: 32px;
}

.dashTopWidget h2 {
    font-size: 24px;
    color: #666;
    margin: 0;
    padding: 0;
}

.dashTopWidget h3 {
    font-size: 16px;
    color: #888;
    margin: 0 0 8px 0;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dashTopWidget p {
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 0;
}

.dashTopWidget .blueLink {
    font-size: 12px;
}

.dashBorderBottom {
    border-bottom: 1px solid #CCC;
}

.dashBorderTop {
    border-top: 1px solid #CCC;
}

#p_trainingPlan h2 {
    width: 450px;
    font-size: 24px;
    margin-top: 4px;
}

#p_trainingPlan h3 {
    width: 450px;
}

#p_trainingWith {
    margin-left: 8px;
    min-height: 160px;
    position: relative;
}

#p_trainingWith .profIcon {
    margin-right: 8px;
    float: left;
    width: 58px;
    height: 58px;
    border: 1px solid #666;
    margin: 16px 0 0 16px;
}

#p_trainingWith .cont {
    min-width: 150px;
    padding-left: 92px;
    margin: 16px 16px 0 16px;
}

#p_trainingWith .shareWrap {
    margin: 24px 0 0 16px;
    display: none;
}

#p_trainingWith .shareWrap .socialShareList li {
    float: left;
}

#p_trainingWith .shareWrap .socialShareList .facebook {
    margin-right: 4px;
}

#p_trainingWith .shareWrap .socialShareList .twitter {
    overflow: hidden;
    width: 80px;
    margin-top: 1px;
}

#p_trainingWith #dash_messageTrainer {
    margin-top: 4px;
    display: none;
}


#p_trainingWith h2 {
    font-size: 18px;
    word-wrap: break-word;
    padding-right: 5px;
    /*    width: 240px;*/
}

#p_trainingPlan h2 {
    font-size: 20px;
}

#recentActivityWrap {
    position: relative;
    padding: 10px;
    max-width: 416px;
}

#recentActivityWrap .recentActivityHeader {
    padding: 5px;
}

#upcomingWorkoutWrap {
    padding: 0;
    position: relative;
}

#recentActivityWrap .calTag-add {
    background-position: -1px 0;
    width: 12px;
    height: 12px;
    margin: 1px;
}

/* status bars */

#profIncomplete, .mainPanelStatusBar {
    padding: 4px 8px 4px 8px;
    font-size: 12px;
    background: #EEE;
    margin-bottom: 8px;
    white-space: nowrap;
}

#profIncomplete, .mainPanelStatusBar ul {
    list-style: none;
}

.gt-orangeBanner {
    background: url(../../images/UI/status_powerPlanExp.png) no-repeat -0 10px #F5D9C0;
    padding: 0;
}

.gt-orangeBanner h2 {
    color: #675B51;
    width: 550px;
    margin-bottom: 2px !important;
}

.gt-orangeBanner .pad {
    padding: 16px 16px 16px 42px;
}

.gt-orangeBanner p, .gt-orangeBanner ul, .gt-orangeBanner ul li {
    color: #F56E2F;
    width: 555px;
    white-space: normal;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gt-orangeBanner .gtBtn {
    float: right;
    margin: 4px 4px 0 0;
}

.gt-icon16 {
    width: 16px;
}

.gt-icon24 {
    width: 24px;
}

.status_upg {
    color: #FFF;
}

.mainPanelStatusBar .dismiss {
    float: right;
    cursor: pointer;
}

.mainPanelStatusBar h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.mainPanelStatusBar p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 13px;
}

.recentWrap {
    min-height: 320px;
}

#ctl00_PH_Page_uUpcomingWorkoutSchedule_p_upcoming_client_detail, #ctl00_PH_Page_uUpcomingWorkoutSchedule_p_upcoming_trainer_detail {
    min-height: 140px;
}

#ctl00_PH_Page_uUpcomingWorkoutSchedule_p_upcoming_trainer_detail {
    border: 1px solid #E8E8E8;
    border-top: none;
    border-bottom: none;
}

#uRecent_seeOlder {
    font-size: 12px;
    padding: 4px 8px;
}

.logHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #E8E8E8;
    padding: 14px 12px;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-size: 16px;
    vertical-align: baseline;
}

.logHeader .time-frame-on-off-container {
    display: flex;
}

.logHeader .panel_Upcoming_turnOnOffLink {
    font-size: 13px;
}

.logHeader .panel_Upcoming_turnOnOffLink {
    font-size: 13px;
}

.logHeader .timeFrame {
    margin-right: 10px;
    font-size: 13px;
}

.logTable .icon24 {
    border-radius: 50%;
}

.logTable .upcoming-profile-img {
    border: 3px solid #E8E8E8;
}

.logTablePanel {
    border: 1px solid #666;
}

.logTablePanel .pad {
    padding: 32px 16px;
}

.logTablePanel h1 {
    font-size: 14px;
    color: #959595;
    font-weight: normal;
}

.logTablePanel p {
    font-size: 13px;
    width: 400px;
}

.logTable {
    border-collapse: collapse;
    width: 100%;
    /*margin:4px;*/
}

.logTable td {
    border-collapse: collapse;
    font-size: 12px;
    padding: 4px 8px 4px 8px;
}

.logTable td .icon32 {
    margin: 0;
}

.logTable .today {
    font-weight: normal;
}

.logTable .col0 {
    width: 4px;
    border-right: none;
    padding: 0;
}

.logTable .col1 {
    width: 16px;
    padding-top: 0px;
    padding-top: 4px;
    padding-left: 4px;
    border-right: none;
    border-left: none;
}

.logTable .col2 {
    width: 70px;
    font-weight: normal;
    padding-top: 8px;
    border-left: none;
    font-size: 12px;
}

.logTable .col3 {
    /*day of week*/
    width: 80px;
    font-weight: normal;
    padding-top: 8px;
    border-right: none;
}

.logTable .col4 {
    /*dateof week*/
    width: 48px;
    text-align: right;
    padding-top: 8px;
    border-left: none;
}

.logTable .col5 {
    padding-top: 8px;
    min-width: 200px;
}

/*sub table*/
.logTable .subTable td {
    border: none;
    padding: 2px 8px 4px 2px;
}

.logTable .subTable td.col1 {
    padding: 2px 0 4px 4px;
    background: none;
}

.logTable .subTable td.col2 {
    background: none;
}

#UpcomingTrainerTable td.col1 {
    padding-left: 12px;
}

#UpcomingTrainerTable td.col2 {
    padding-top: 12px;
    width: 150px;
}

#UpcomingTrainerTable td.col3 {
    padding-top: 12px;
    width: 135px;
    color: #AAAAAA;
}

#ctl00_PH_Page_uUpcomingWorkoutSchedule_p_upcoming_trainer_nodetail .noDataTile {
    margin-top: auto;
    border: 1px solid #E8E8E8;
    border-radius: 0px;
    width: auto;
}

.override_on {
    margin-left: 10px;
    color: #039;
    font-style: italic;
}

.override_off {
    margin-left: 10px;
}

/* client grid */

#clientWrap {
    padding: 0;
}

#clientWrap .pad {
    /*padding-left: 8px;*/
}

#clientWrap .rollUp {
    height: 186px;
    position: relative;
}

#clientWrap .rollUpPanels {
    position: absolute;
    top: 0;
    left: 0;
    height: 152px;
    width: 100%;
}

#clientWrap #rollUpData {
    display: none;
}


#clientWrap .rollUp .item {
    width: 14%;
    height: 152px;
    border: 1px solid #ebebeb;
    float: left;
    margin: 16px 0 16px 8px;
    text-align: center;
    cursor: pointer;
    background: #E1E1E1;
    position: relative;
    opacity: 0.95;
}

#clientWrap .rollUp .item:nth-child(1) {
    margin-left: 0;
}

#clientWrap .rollUp .item:hover {
    opacity: 1;
}

#clientWrap .rollUp h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #8E8E8E;
    position: absolute;
    top: 8px;
    width: 100%;
}

#clientWrap .rollUp h5 {
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #8E8E8E;
    position: absolute;
    top: 46px;
    width: 100%;
}

#clientWrap .rollUp h6 {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #B1B1B1;
    position: absolute;
    top: 118px;
    width: 100%;
}

#clientWrap #client_attn.withClients {
    background: #D75D56;
}

#clientWrap #client_attn.withClients h4 {
    top: 8px;;
    color: #FFF !important;
}

#clientWrap #client_attn.withClients h5 {
    color: #FFF !important;
}

#clientWrap #client_attn.withClients h6 {
    color: #EEBBB8 !important;
}

#clientWrap #client_attn.withoutClients h4 {
    color: #FFF !important;
}

#clientWrap #client_attn.withoutClients h6 {
    color: #C4D7F4;
}

#clientWrap #clientSparklineWrap {
    width: 300px;
    float: right;
    margin: 16px 2px 0 0;
    text-align: center;
}

#clientWrap #clientSparklineWrap h4 {
    font-size: 14px;
}

#clientWrap #clientSparklineWrap h4 em {
    font-weight: normal;
}

#clientWrap #clientSparklineWrap canvas {
    margin-top: 40px;
}

#clientWrap #clientSparklineWrap .loading {
    margin-top: 64px;
    text-align: center;
}

#rp_client_widget .content {
    padding: 0;
    margin: 0;
}

#div_clientNoWorkouts {
    padding: 16px;
    width: 610px;
}

#div_clientNoWorkouts .logHeader2 {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px 5px 8px;
    border-bottom: 1px solid #D9D9D9;
    background: #AAA;
    color: white;
}

#div_clientNoWorkouts .row {
    padding: 4px 8px;
    font-size: 11px;
    border-bottom: 1px solid #D9D9D9;
}

#div_clientNoWorkouts .row .icon16 {
    margin-right: 8px;
}

#div_clientNoWorkouts .row strong {
    font-size: 13px;
    font-weight: bold;
    margin-right: 8px;
}

#div_clientNoWorkouts .link_switchInto {
    font-size: 11px;
    margin-left: 32px;
    float: right;
}

#div_client_summary {
    padding: 0px 10px 8px 10px;
}

#div_client_summary .load {
    padding: 8px 16px;
    color: #AAA;
    font-size: 12px;
}

#sp_client_pie_wrap {
    min-height: 48px;
}

#sp_client_pie {
    float: left;
    margin: 0 32px 0 8px;
}

#sp_client_pie .lm_planWrap {
    background: none !important;
    margin: 16px 0 16px 0;
}

#sp_client_pie .lm_planWrap em {
    font-size: 12px;
}

#sp_client_pie .lm_planWrap .meter {
    width: 172px;
    height: 14px;
}

#ul_client_detail {
    list-style: none;
    margin: 0;
    clear: both;
}

#ul_client_detail li {
    margin: 0 8px 6px 8px;
    padding: 0;
    font-size: 12px;
    width: 172px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#ul_client_detail li a:link {
    color: #666;
}

#ul_client_detail li a:link:hover {
    color: #97CF30;
}

#ul_client_detail li div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 8px;
    width: 8px;
    background: #CCC;
    margin-right: 4px;
    border: 1px solid #BBB;
}

#div_client_warning_wrap {
    margin: 16px 0 0 0;
    clear: both;
    display: none;
}

#clientGridDiv {
    height: 665px;
    padding: 0;
}

.trainerGrid_row, .clientGrid_row {
    padding: 8px 2px;
    height: 56px;
    position: relative;
}

.trainerGrid_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.trainerGrid_row .icon44, .clientGrid_row .icon44 {
    margin-right: 8px;
}

.trainerGrid_row .gtGridOpen, .clientGrid_row .gtGridOpen {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    max-width: 85%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clientGrid_row .gtGridOpen {
    line-height: 110%;
}

.trainerGrid_row em, .clientGrid_row em {
    font-size: 12px;
}

.persBtnWrap {
    float: right;
    border: 1px solid #999;
    color: #999 !important;
    /*padding: 2px 4px 0px 6px;*/
    font-size: 12px;
    border-radius: 4px;
    background: #e6e6e6;
    cursor: default;
}

.persBtnWrap a {
    /*color: #999 !important;*/
    text-decoration: none !important;
    border-color: #EBEBEB;
}

.persBtnWrap .gtBtn-switch {
    opacity: 0.4;
}

.persBtnWrap-hover:hover {
    background: #EAEFF6;
    border: 1px solid #72A0E4;
}

.persBtnWrap-hover:hover > a {
    color: #72A0E4 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.trainerGrid_row .gtBtnBar {
    float: right;
    margin-top: 0px;
    text-align: right;
}

.trainerGrid_row .gtBtnBar .acctType {
    color: #999;
    font-weight: bold;
    font-size: 12px;
    margin-top: 12px;
    float: right;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.trainerGrid_row .col1, .clientGrid_row .col1 {
    width: 22%;
    float: left;
    font-size: 12px;
    color: #777;
    overflow: hidden;
    position: relative;
    height: 62px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.trainerGrid_row .col1 {
    flex-grow: 1;
}

.trainerGrid_row .col2, .clientGrid_row .col2 {
    width: 47%;
    font-size: 12px;
    font-weight: 100;
    color: #666;
    height: 62px;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.trainerGrid_row .col2 span {
    display: block;
    font-size: 13px;
    padding: 4px 0;
}

.trainerGrid_row .col3, .clientGrid_row .col3 {
    position: relative;
    float: right;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding-right: 5px;
}

.trainerGrid_row .col3 {
    min-width: 15%;
}

.clientGrid_row .clientGrid_Nutrition,
.clientGrid_row .clientGrid_Payment {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.clientGrid_row .clientGrid_TrainingPlan {
    flex-direction: column;
}

#addNewTrainerSuccessDialog,
#addNewClientSuccessDialog {
    background: #FFF !important;
}

#addNewClientSuccessDialog .switchWrap,
#addNewTrainerSuccessDialog .switchWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#addNewClientSuccessDialog.ui-dialog-content.ui-widget-content .pDialog .switchWrap,
#addNewTrainerSuccessDialog.ui-dialog-content.ui-widget-content .pDialog .switchWrap {
    border: 1px solid #EBEBEB;
}

#addNewClientSuccessDialog #noWorkoutTemplate {
    font-size: 12px;
    font-weight: normal !important;
    padding-top: 16px;
}

#addNewClientSuccessDialog .confirmPrompt,
#addNewTrainerSuccessDialog .confirmPrompt {
    padding: 8px;
    text-align: center;
    background: #79A4E5;
    width: 529px;
}

#addNewClientSuccessDialog .confirmPrompt h3,
#addNewClientSuccessDialog .confirmPromptTimmy h3,
#addYourOwnClientDialog h3 {
    font-size: 24px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}

#addNewClientSuccessDialog .switchWrap .confirmPrompt h3 {
    padding-bottom: 0px;
}

#addNewClientSuccessDialog .confirmPrompt h4,
#addNewClientSuccessDialog .confirmPromptTimmy h4,
#addYourOwnClientDialog h4 {
    font-size: 16px;
    line-height: 120%;
    color: #777;
    font-weight: normal;
    text-align: center;
    margin: 4px 0 8px 0;
}

#addNewClientSuccessDialog .clientWrap,
#addNewTrainerSuccessDialog .clientWrap {
    position: relative;
    padding: 16px;
    min-width: 500px;
}

#addNewClientSuccessDialog .clientWrap h3 {
    font-size: 18px;
    font-weight: normal;

}

#addNewClientSuccessDialog .clientWrap #smallText2 {
    color: #999;
    font-size: 13px;
    margin: 10px auto 10px auto;
}


#addNewClientSuccessDialog .clientWrapTimmy {
    position: relative;
    padding: 8px 0;
    display: flex;
    justify-content: center;
}

#addNewClientSuccessDialog .clientWrap .profIcon,
#addNewTrainerSuccessDialog .clientWrap .profIcon {
    border-radius: 50%;
}

#addNewClientSuccessDialog .clientWrap .welcome_link {
    text-align: right;
    font-size: 12px;
    color: #999;
}

#addNewClientSuccessDialog .clientWrap #link_url {
    border: 1px solid #999;
    font-size: 12px;
    color: #999;
    width: 180px;
    padding: 2px;
    text-align: left;
}

#addNewClientSuccessDialog .clientWrap .gtBtn-tooltip {
    opacity: 0.2;
}

#addNewClientSuccessDialog .clientWrap .gtBtn-tooltip:hover {
    opacity: 0.4;
}

#addNewClientSuccessDialog #btn_new_client_add_anothernewclient,
#addNewTrainerSuccessDialog #btn_new_client_add_anothernewclient {
    float: right;
}

#addNewClientSuccessDialog .pDialog,
#addNewTrainerSuccessDialog .pDialog {
    padding: 20px 33px 16px 20px !important;
}

#addYourOwnClientDialog #btn_notNow {
    font-size: 14px;
}

#clientNeedAttnMeaning {
    font-size: 12px;
}

#clientNeedAttnMeaning .gtBtn-tooltip {
    opacity: 0.7;
}

#help_needAttn {
    font-size: 12px;
    color: #888;
    margin-top: 8px;
}

#help_needAttn .gtBtn-idea {
    opacity: 0.5;
}


/* contact */
#contactContent .content {
    padding: 0;
}

#contactTable tr td {
    padding-bottom: 16px;
    padding-right: 16px;
}

#contactTable tr td.col1 {
    padding-top: 4px;
}

/* store pages */
.thankYou {
    width: 420px;
    padding: 32px 0 0 32px;
}

.thankYou p {
    font-size: 14px;
    line-height: 16px;
}

/* find workouts */
#rp_findWorkout h1 {
    font-size: 12px;
    font-weight: bold;
}

.findWorkoutRow .col1 {
    padding: 16px 0 16px 16px;
    border-top: 1px solid #AAA;
}

.findWorkoutRow .col2 {
    padding: 16px 16px 16px 0;
    border-top: 1px solid #AAA;
}

.findWorkoutRow .col2 .routine {
    margin-left: 3px;
    display: inline;
}

.findWorkoutRow .col2 .workout {
    display: none;
}

.findWorkoutRow .icon {
    width: 64px;
    height: 64px;
    overflow: hidden;
    float: left;
    margin-right: 8px;
    border: 1px solid #666;
}

.findWorkoutRow .icon img {
    width: 64px;
    height: 64px;
}

.findWorkoutRow .desc {
}

.findWorkoutRow h4 {
    font-size: 16px;
}

.findWorkoutRow {
    cursor: pointer;
}

.findWorkoutRow .desc p {
    font-size: 13px;
    margin-top: 2px;
    padding-top: 0;
    width: 70%;
}

#findGridLoad .pad {
    padding: 240px 0 240px 240px;
}

.woTag {
    padding: 2px 4px 2px 4px;
    float: left;
    zoom: 1;
    -moz-border-radius: 4px;
    -saf-border-radius: 4px;
    border-radius: 4px;
    border: 1px dotted #666;
    margin: 0 4px 4px 0;
}

.tagLine {
    white-space: nowrap;
    font-size: 11px;
    float: right;
    text-align: right;
    margin-right: 8px;
}

.tagLine .ui-icon {
    position: relative;
    top: -2px;
    float: left;
}

.tagWrap {
}

#rp_findWorkout .content ul.selList {
    margin: 8px 0 8px 8px;
    list-style: none !important;
}

#showTopThree {
    background: #666;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    display: block;
    width: 80%;
    padding: 4px;
    margin: 16px auto 16px auto;
    -border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.selList li {
    padding: 2px;
    margin: 0 0 4px 0;
    list-style: none !important;
}

.selList li a {
    width: 180px;
    padding: 4px 6px 2px 6px;
    font-size: 11px;
    background: grey;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.selList li a:hover {
    background: #CCC;
}

.selList li a {
    color: white;
    text-decoration: none;
}

.selList a.bbq-current {
    font-weight: bold;
}

/* find workout widget */
#rp_findWorkoutRotator .content {
    padding: 0;
}

/* trainer widget */
#trainerWid .content {
    padding: 0;
}

#trainerWid .pad {
    padding: 8px;
}


/* recent workouts */
#rp_latestWorkout .content {
    padding: 0;
}


/*recent/find shared table defs */
.wo_row .recentIcon {
    width: 32px;
    height: 32px;
}

.wo_row .recentIconWrap {
    width: 32px;
    height: 32px;
    border: 1px solid #666;
    margin-bottom: 8px;
}

.rightPanel {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow: auto;
}

.rightPanel .head {
    font-size: 14px;
    padding: 10px;
    min-height: 39px;
}

.rightPanel .head, .rightPanel .foot {
    box-sizing: border-box;
    width: 100%;
}

.rightPanel .content {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
}

.rightPanel .content p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
}

/* workout rotator */
.rightPanel .content .wo_row h1 {
    padding: 0;
    margin: 0 !important;
}

.rightPanel .content .wo_row h1 a {
    font-size: 12px;
    line-height: 14px;
}

.rightPanel .content .wo_row p {
    font-size: 11px;
    margin: 0;
    padding: 0;
    line-height: 11px;
}

.rightPanel .content .wo_row td {
    min-height: 48px;
    padding-bottom: 8px;
}

#rp_findWorkoutRotator .content .wo_row td {
    border-bottom: 0;
}

.rightPanel .content .wo_row .col1 {
    padding: 8px 8px 8px 8px;
    width: 48px;
    text-align: center;
}

.rightPanel .content .wo_row .tag {
    float: none !important;
    display: block;
    background: #999;
    color: #FFF;
    font-weight: bold;
}

.rightPanel .content .wo_row .col2 {
    padding: 8px 8px 8px 0;
}

.rightPanel .conversation_text {
    margin-right: 11px;
}

.custom_tb {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #EBEBEB;
    border-bottom: 0;
}

.custom_tb .searchFilt {
    margin-top: 2px;
    height: 15px;
}

.custom_tb_MenuItem, .custom_tb_MenuItem_Hov {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
}

.custom_tb_group {
    margin-top: 24px; /* to remove */
}

/* jquery pager */

#pager {
    width: 100%;
    float: left;
    clear: left;
    margin: 0 0 10px;
}

#pager ul.pages {
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0;
}

#pager ul.pages li {
    list-style: none;
    float: left;
    border: 1px solid #888;
    text-decoration: none;
    margin: 0 5px 0 0;
    padding: 5px;
    background-color: #fff;
}

#pager ul.pages li:hover {
    border: 1px solid #00376f;
}

#pager ul.pages li.pgEmpty {
    border: 1px solid #ccc;
    color: #aaa;
    cursor: default;
}

#pager ul.pages li.pgCurrent {
    border: 1px solid #003f7e;
    color: #042CCA;
    font-weight: 700;
    background: url(../images/ui-bg_glass_75_dadada_1x400.png) #dadada repeat-x 50% 50%;
}


/* jquery overrides */

.promptDialog .ui-dialog-content {
    padding: 16px !important;
}


.gt-done {
    background: url(../../images/UI/status_done.png) top left no-repeat;
    padding-left: 32px;
}

.gt-progress-top-label {
    margin-bottom: 4px;
    max-width: 284px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dlg_progress_dialog {
    background-color: transparent !important;
    overflow: visible;
    left: 0 !important;
}

#dlg_progress {
    position: relative;
    overflow: visible;
}

#dlg_progress .gt-progress-top-label {
    margin-bottom: 10px;
    max-width: 396px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
}

#dlg_progress #gt-progress-bottom-warning {
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #4c4c4c;
    opacity: 0.5;
    text-align: center;
}

#dlg_progress #progressbar {
    width: 100%;
    height: 35px;
    padding: 2px;
    box-sizing: border-box;
    border: solid 1px #eaeaea;
}

#dlg_progress #progressbar .ui-progressbar-value {
    border: 0;
    margin: 0;
}

#dlg_progress .gt-progress-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

#dlg_progress .gt-progress-wrapper .gt-progress-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
}

.gt-progress-label {
    float: left;
    margin: 5px 40%;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.ui-dialog {
    -webkit-transform: translateZ(0);
}


/* MP dialog */
#MP_dialog {
    overflow: hidden;
}

.MPDialogBody {
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}

.MPDialogContent {
    text-align: left;
}

.MPDialogContent .pad {
    padding: 16px;
}

.MPDialogBody h1 {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: bold;
}

.MPDialogBody h2 {
    font-size: 15px;
    margin-bottom: 4px;
    font-weight: bold;
}

.MPDialogBody h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

.MPDialogBody h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
}


/* send Setup mailer dialog */
.tr-send-icon {
    float: left;
    display: block;
    margin-right: 32px;
    height: 180px;
    opacity: 0.7;
    width: 118px;
    background: url(../../images/send/send_welcome2.png) top left no-repeat;
}

.tr-send-icon:hover {
    opacity: 1;
}


/* copy training plan */

#dl_send_trainingPlan {
    position: relative;
}

#dl_send_trainingPlan .panel1 {
    width: 348px;
    position: absolute;
    top: 16px;
    left: 16px;
}

#dl_send_trainingPlan .panel2 {
    width: 348px;
    position: absolute;
    top: 16px;
    left: 376px;
    opacity: 0.25;
}

#dl_send_trainingPlan .panel .wrap {
    border: 1px solid #666;
    background: #F6F6F6;
}

#dl_send_trainingPlan .panel .people {
    background: #FFF;
    padding: 16px;
    height: 178px;
}

#dl_send_trainingPlan .panel .options {
    height: 180px;
    font-size: 12px;
}

#dl_send_trainingPlan .panel .checks ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
}

#dl_send_trainingPlan .panel .checks ul li {
    margin: 0;
    padding: 0;
    clear: both;
    vertical-align: baseline;
    margin-bottom: 16px;
}

#dl_send_trainingPlan .panel .checks ul .gtCheckbox {
    float: left;
}

#dl_send_trainingPlan .panel .checks ul li h5 {
    font-size: 14px;
}

#dl_send_trainingPlan .panel .checks ul li p {
    padding: 0 0 0 16px;
    margin: 0;
    color: #777;
}

#dl_send_trainingPlan .panel .checks ul li p small {
    color: #AAA;
    font-size: 11px;
}

#dl_send_trainingPlan .panel .foundPanels .pad {
    padding: 16px;
}

#dl_send_trainingPlan .panel .foundPanels h2 {
    font-size: 15px;
    margin: 0;
}

#dl_send_trainingPlan .panel .foundPanels .item {
    margin-bottom: 11px;
    height: 60px;
}

#dl_send_trainingPlan .panel .foundPanels p {
    margin: 0;
    padding: 0;
    color: #777;
    font-size: 12px;
    line-height: 130%;
}

#dl_send_trainingPlan .panel .foundPanels .errorLab p {
    line-height: 120%;
}

#dl_send_trainingPlan .panel .foundPanels .img {
    width: 60px;
    float: left;
    height: 128px;
}

#dl_send_trainingPlan .gtDatepicker {
    font-size: 11px;
    width: 74px;
}

#dl_send_trainingPlan .ui-datepicker-trigger {
    width: 18px;
}

#dl_send_trainingPlan #foundWorkout {
    font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
}

#dl_send_trainingPlan .toolbar {
    position: absolute;
    top: 442px;
    left: 16px;
}

#send_trainingPlan_arrow {
    background: url(../../images/dialog/send_trainingPlan_arrow.png);
    width: 34px;
    height: 32px;
    position: absolute;
    left: 364px;
    top: 331px;
    z-index: 10;
}

#dl_send_trainingPlan #l_error {
    font-size: 14px;
    margin-left: 16px;
}

#dl_send_trainingPlan #progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 491px;
    z-index: 100;
}

#dl_send_trainingPlan #progress .spinnerText {
    color: #FFF !important;
}

#dl_send_trainingPlan #progress .spinnerDiv {
    margin: 226px 240px;
}

#dl_send_trainingPlan .greenText {
    font-size: 12px;
    margin: 0 16px;
    position: relative;
    top: 16px;
}

#dl_send_trainingPlan .params {
    background: #444;
    color: #FFF;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: bold;
}

#sendTrainingPlan_tips {
    font-size: 12px;
    font-weight: normal;
    color: #AAA;
}

#target_workout_dates {
    white-space: nowrap;
}

#div_offsetWarning .ui-icon {
    display: inline-block;
    *display: inline;
}

#div_usersList #userENList .userTmpl {
    display: flex;
    align-items: center;
}

#div_usersList #userENList .userTmpl label {
    margin: auto 8px;
}


/* scrollable div list */
.divList {
    overflow: auto;
    border: 1px solid #dadada;
    padding: 8px;
}

.divList label {
    font-size: 14px;
}

.divListTb {
    font-size: 12px;
    float: right;
    padding: 4px;
}

/* sendworkout.aspx */
#div_workoutlist {
    background-color: #FFF;
}

#div_workoutlist .woTmplItem {
    float: left;
    width: 232px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 2px;
    white-space: nowrap;
}

/* new snake progress */

.snakeWaiting {
    background-image: url(../../images/spinnerSnake.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.snakeWaitingIcon {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.gtBtnBar .snakeWaitingIcon {
    vertical-align: text-bottom;
}

.snakeWaitingTestIcon {
    position: relative;
}

.snakeWaitingButtonAction {
    margin-left: 5px;
    vertical-align: sub;
}

.snakeWaitingTestIcon::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-image: url(../../images/spinnerSnake.png);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

/* Custom spinner CSS icon */

.snakeWaitingCSS {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: transparent;
    /*background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);*/
    background: linear-gradient(to right, #000 10%, rgba(0, 0, 0, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.snakeWaitingCSS:before {
    width: 50%;
    height: 50%;
    background: transparent;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.snakeWaitingCSS:after {
    background: transparent;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* Messages  */
#ucMsgRightToolbar {
    float: right;
}

#btn_message_refresh {
    margin-left: 16px;
}

#divSelectedbar, #divSelectedTrainersBar {
    background: #05A9F5;
    font-size: 13px;
    padding: 4px 10px;
    text-align: left;
    color: #FFF;
}

#sp_selected_workout,
#sp_selected_trainers,
#sp_selected_clients {
    float: right;
}

#lnk_selectAllWorkouts, #lnk_selectAllTrainers, #lnk_selectAllClients {
    display: none;
    margin-right: 20px;
}

#lnk_unselectAll, #lnk_unselectAllTrainers, #lnk_selectAllTrainers, #lnk_selectAllClients, #lnk_selectAllWorkouts, #lnk_unselectAllClients, #lnk_unselectAllClients {
    font-size: 13px;
    cursor: pointer;
    opacity: 0.8;
}

#lnk_unselectAll:hover, #lnk_unselectAllTrainers:hover, #lnk_selectAllTrainers:hover {
    opacity: 1;
}

#div_message_total {
    margin: 0px 16px;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    text-align: right;
    position: relative;
    top: 1px;
}

#msg_all {
    float: left;
    margin: 7px 0 0 0;
}

#msgGridWrap {
    position: relative;
    min-height: 480px;
}


#msgGridWrap .msgTotal {
    border: 1px solid;
    font-size: 11px;
    padding: 2px 2px;
    text-align: center;
    width: 14px;
    height: 14px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#msgWrap .gridHeader1 h1, #msgWrap .gridHeader1 a:link, #msgWrap .gridHeader1 a:visited, #msgWrap .gridHeader1 a:hover, #msgWrap .gridHeader1 a:active {
    font-size: 22px;
}

#msgWrap .gridHeader1 h1 {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 720px;
}


#msgGridWrap .gtJSGridRow {
    font-size: 13px;
    line-height: 140%;
    font-weight: normal;
    height: 24px;
    position: relative;
    color: #666;
}

#msgGridWrap .gtJSGridRow a:link, #msgGridWrap .gtJSGridRow a:visited, #msgGridWrap .gtJSGridRow a:active {
    cursor: pointer;
    text-decoration: none;
    opacity: 0.9;
}

#msgGridWrap .gtJSGridRow a:hover {
    opacity: 1;
}

#msgGridWrap .gtJSGridRow .msg_cont {
    font-size: 12px;
}

#msgGridWrap .gtJSGridRow .msg_subj {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 182px;
    top: 4px;
    display: block;
}

#msgGridWrap .gtJSGridRow .userList, #msgGridWrap .gtJSGridRow .threadToUser {
    width: 140px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 40px;
    top: 4px;
}

#msgGridWrap .gtJSGridRow .time {
    width: 68px;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999999;
    position: absolute;
    right: 8px;
    top: 4px;
}

#msgGridWrap .gtJSGridRow input[type="checkbox"] {
    position: absolute;
    top: 3px;
    left: 6px;
}

#msgGridWrap .unread #div_message_detail {
    font-weight: bold !important;
    color: #000;
}

#msgGridWrap .unreadDot {
    background: #FE8856;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    visibility: hidden;
    position: absolute;
    left: 26px;
    top: 7px;
}

#msgGridWrap .unread .unreadDot {
    visibility: visible !important;
}


#msgWrap .content {
    padding: 0;
}

#msg_revRight .navBar {
    margin-bottom: 0;
}

.msgView_header {
    font-size: 12px;
    cursor: pointer;
    background-color: #D5E0ED;
}

.msgView_header .msg_nameItem {
    font-weight: bold;
}

.msgView_thread .icon16 {
    position: relative;
    top: -2px;
    vertical-align: text-top;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#ucMsgToolbar #btn_Back {
    margin-right: 8px;
}

.msgView_thread {
    padding: 4px 8px 0 8px;
    width: 580px;
}

#msgView {
    padding: 0 8px;
}

.msgView_header .pad {
    padding: 6px 4px 2px 4px;
}

.msgView_header .msg_user {
    vertical-align: top;
}

.msgView_header .name a:link, .msgView_header .name a:visited, .msgView_header .name a:hover, .msgView_header .name a:active {
    text-decoration: none;
}

.msgView_content .pad {
    padding: 4px 4px 16px 4px;
}

.msgView_thread .updateTime {
    float: right;
    opacity: 0.8;
    font-size: 12px;
    vertical-align: baseline;
    font-weight: normal;
}

.msgView_content {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
}

.msgView_wrap {
    border: 1px solid #CCC;
    width: 704px;
}

.msgView_content p {
    width: 65%;
    padding: 0;
    margin: 0;
}

.msgView_thread h4 {
    font-size: 13px;
    padding: 0;
    color: #3399FF;
    position: relative;
    top: 20px;
    left: 8px;
}

.msgReply {
}

.msgReplyTb {
    border: 1px solid #AAA;
    padding: 24px 8px 8px 8px !important;
    height: 120px !important;
}

.collExpWrap {
    float: left;
    margin: 3px 4px 0 4px;
}

#rp_whoseInbox .content {
    padding: 0 8px;
}

#rp_Messages .content {
    padding: 0;
}

#btn_writeNew span.ui-selectmenu-status {
    height: 16px;
    background: url("../../images/tr_icon_edit.png	") no-repeat 6px 4px;
    padding-left: 24px;
}

/* msg view */
.returnMsgWrap {
    padding: 8px 8px 0 8px;
    line-height: 19px;
}

.returnMsgWrap .ui-state-default {
    padding: 1px 0;
    cursor: pointer;
    float: left;
}

#myReply_icon {
    position: relative;
    top: 4px;
}

.span_cancel {
    font-size: 14px;
}

/* consultation */
#consultTop {
    width: 80%;
    font-size: 14px;
    color: #FFF !important;
    background: #E1EAFF;
    padding: 16px;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #0099FF;
    top: 17px;
    left: -5px;

}

#consultTop .point {
    width: 15px;
    height: 19px;
    background: url(../../images/setup/consultation_quote.png) top left no-repeat;
    position: absolute;
    left: -14px;
    float: left;
}

#consultTop h1 {
    font-size: 17px;
    line-height: 125%;
    font-weight: normal;
    color: #000;
}

#consultTop p {
    font-size: 14px;
    line-height: 125%;
    font-weight: normal;
    color: #000;
}

#consultTop p:last-of-type {
    padding-bottom: 0;
}

#consultFromWrap, #consultFromWrap span {
    font-size: 13px;
}

#consultFromWrap .gtField {
    font-size: 13px;
}

#consultFromWrap table.dynaForm_listbox {
    border: none;
}

.consult_video {
    padding: 36px 16px 16px 112px;
    width: 520px;
}

.consult_video span {
    font-size: 16px;
    font-weight: bold;
}


/* dynaform */
.consultFromWrap .ctrlText {
    font-size: 13px;
    line-height: 21px;
}

.consultFromWrap .gtField {
    width: 360px;
}

.dynaForm_textbox, .dynaForm_ddl, .dynaForm_textarea, .dynaForm_listbox {
    width: 360px;
}

.dynaForm_textarea {
    width: 360px;
    height: 200px;
}

.dynaForm_dateField {
    width: 40px;
}

.dynaForm_label {
    font-size: 14px !important;
    font-weight: bold;
    display: inline-block;
    width: 360px;
    line-height: 125%;
}

/* guide */
#guide #giveUs60 {
    background: url(../../images/setup/guide_60s.png) top left no-repeat;
    width: 538px;
    height: 51px;
    margin: 0 auto;
}

#guide #player {
    width: 700px;
    height: 394px;
}

#guide #player .text {
    padding-top: 172px;
    text-align: center;
}

#guide .cent small {
    color: #666;;
}

/* setupProfile */
#setupProfileTable {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

#setupProfileTable .col1 {
    width: 264px;
    background: #333333;
    vertical-align: top;
}

#setupProfileTable .col1 h1 {
    font-size: 34px;
    line-height: 110%;
    color: white;
    text-shadow: -2px -2px 2 #000;
    font-weight: normal;
}

#setupProfileTable .col1 p {
    font-size: 14px;
    color: #999;
    vertical-align: top;
    line-height: 135%;
}

#setupProfileTable .col2 {
    vertical-align: top;
}

#setupProfile #btn_connect {
    width: 345px;
    height: 53px;
    background: url(../../images/setup/setupProfile_facebook.png) top left no-repeat;
    margin: 64px auto 64px auto;
    cursor: pointer;
}

#setupProfile #btn_connect:hover {
    background-position: 0 -60px;
}

#setupProfile #manual_connect {
    border-top: 2px dotted #ccc;
    margin: 0 16px 16px 16px;
}

#setupProfileTable .col2 .profImage {
    float: left;
    width: 88px;
    text-align: center;
}

#setupProfileTable .col2 .formWrap {
    float: right;
    width: 448px;
}

#setupProfileTable .col2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#setupProfileTable .col2 ul li {
    list-style-type: none;
    margin: 0;
    float: left;
    width: 224px;
    padding-bottom: 6px;
}

#setupProfileTable .col2 ul li label {
    color: #888;
    font-size: 13px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}

#setupProfileTable .col2 ul li .gtField {
    font-size: 18px;
    width: 200px;
}

#setupProfileTable .col2 ul li.birthDate {
    width: 350px;
}

#setupProfileTable .col2 ul li.birthDate .gtField {
    width: auto;
}

/* client Profile */
.cqv_notes_display {
    overflow: auto;
    padding: 8px;
    color: #444;
    font-size: 13px;
    border: 1px solid #666;
}

#div_aboutme {
    height: 290px;
    width: 718px;
    background: #FFF;
}

#t_aboutme {
    height: 290px;
    width: 726px;
    background: #FFF;
}

#cqv_consultation_header_preview, #cqv_consultation_header_edit {
    margin-bottom: 10px;
    margin-top: -4px;
}

#cqv_trainersnotes_tip {
    font-size: 11px;
    float: left;
    width: 392px;
}

#cqv_trainersnotes_today_note {
    width: 466px;
}

#cqv_shortcut {
    position: absolute;
    bottom: 4px;
    left: 4px;
}

.cqv_noteWrap {
    clear: both;
}

.notes_display {
    min-height: 320px;
    border: 1px solid;
    padding: 8px;
    background: white;
    color: #777;
}

.notes_edit {
    width: 100%;
}

.crm_notesInst {
    font-size: 12px;
    padding: 8px 8px 8px 0;
}

/* clients tag list */

.system-tag-item span, .user-tag-item span {
    line-height: 21px;
    vertical-align: middle;
    height: 21px;
}

.addTagLink {
    margin-left: 28px;
}

/* back to client grid */
#btn_return {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* summary widgets */
.summaryContent {
    font-size: 12px;
}

.summaryContent .msgDiv {
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    border: 1px solid;
}

.summaryTable {
    margin-bottom: 12px;
}

.summaryTable .heading {
    padding: 0 0 4px 0;
    font-weight: bold;
    font-weight: 16px;
}

.summaryTable .col1 {
    width: 160px;
    padding: 0px 0 4px 0;
}

.summaryTable .col2, .summaryTable .col3, .summaryTable .col4 {
    width: 24px;
    padding: 0px 0 4px 0;
    text-align: right;
}

.summaryTable .monthCol {
    width: 32px;
}

.summaryTable .weightCol {
    width: 96px;
}

.summaryTable .graphCol {
    width: 16px;
    padding-left: 8px;
}


/*uFooter.ascx */

.contact-img-links {
    text-decoration: none !important;
}

span.small-text {
    font-size: 11px !important;
}

/* flat grey */
.flat_grey {
    background: #FFFFFF;
}

#start_list, #start_optionalList {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    moz-border-radius: 8px;
    padding: 16px;
}

/* quick start table */
#quickStartTable .mainLeft .pad {
    padding: 0 0 16px 0;
    border: 1px solid #CCC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -wekbit-border-radius: 6px;
    margin: 0 0 8px 0;
    background-image: url(./images/rightPanel_bc.png);
}

#show_advanced {
    width: 300px;
    margin-top: 32px;
}

#show_advanced h1 {
    font-size: 14px;
    color: #666;
    margin: 0;
    padding: 0;
}

#show_advanced p {
    font-size: 12px;
    color: #999;
    margin: 0;
    padding: 0;
}

#quickStartTable ul li h4 {
    color: #444;
    font-size: 18px;
}

#quickStartTable ul li .step_span {
    margin-right: 8px;
}


#quickStartTable ul {
    padding: 0;
    margin: 0 0 24px 0;
    list-style: none;
    list-style-type: none;
    width: 620px;
}

#quickStartTable ul li {
    margin-bottom: 16px;
    padding: 16px;
    background: #F9F9F9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px solid #84BD00;
    position: relative;
}

#quickStartTable ul li .content {
    display: none;
}

#quickStartTable ul li.optional {
    background: url(../../images/gettingStarted/start_advanced.png) bottom right no-repeat #F9F9F9;
    display: none;
}

#quickStartTable ul li .item {
    padding-left: 40px;
    float: left;
}

#quickStartTable ul li:hover {
    border: 2px solid #DBFC35;
}

#quickStartTable ul li.started .content {
    display: block;
}

#quickStartTable ul li.started h4 a {
    display: none;
}

#quickStartTable ul li .check {
    background: url(../../images/gettingStarted/start_unchecked.png) top left no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 12px;
    left: 12px;
    cursor: pointer;
}

#quickStartTable ul li.done {
    border: 2px solid #CCC;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

#quickStartTable ul li.done .content {
    display: none;
}

#quickStartTable ul li.done .check {
    background: url(../../images/gettingStarted/start_checked.png) top left no-repeat;
}

#quickStartTable ul li.done h4 a {
    display: none;
}

#quickStartTable ul li h4 {
    padding-bottom: 0;
    margin-bottom: 0;
}

#quickStartTable ul li .content {
    margin-top: 16px;
    margin-bottom: 16px;
}

#quickStartTable ul li .content a {
    font-weight: bold;
}

#quickStartTable ul li p {
    font-size: 13px;
    color: #666;
    margin: 0;
    padding: 0;
    width: 90%;
}

#quickStartTable ol {
    list-style: square;
    margin: 0;
    padding: 0 0 0 24px;
}

#quickStartTable ol li, #quickStartTable ol li:hover {
    margin: 0;
    padding: 0 0 8px 0;
    border: 0px;
}

#check_tag {
    background: url(../../images/ui/checklist_prompt.png) top left no-repeat;
    width: 378px;
    height: 27px;
    margin-left: 20px;
}

/* trainerize */
/* CSS Document */

/* trainerize menu */
#staticToolbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    z-index: 800;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.staticEmp {
    color: #FFF;
}

.staticDark {
    color: #AAA;
}

#trainerDiv {
    background: #222;
}


.msgMenu {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#megaMenu {
    height: 243px;
    width: 567px;
    border: 1px solid #666;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    overflow: hidden;
    -moz-box-shadow: 0px 8px 24px rgba(32, 32, 32, 0.6);
    -webkit-box-shadow: 0px 8px 24px rgba(32, 32, 32, 0.6);
    box-shadow: 0px 8px 24px rgba(32, 32, 32, 0.6);
    position: fixed;
    top: 36px;
}

#megaMenu.expanded {
    width: 778px;
}

#megaMenuContent, #megaMenu_status_content {
    margin: 0 auto 0 auto;
}

#megaMenutable {
    height: 244px;
}

#megaMenu_status {
    height: 24px;
    background: #333;
    color: #FFF;
}

#mm_contact {
    float: right;
}

.status_lab {
    padding: 2px 4px;
    font-size: 12px;
    color: #CCC;
}

.mm_star {
    margin-top: 1px;
    margin-left: 4px;
}

#megaMenu .mmLink {
    font-size: 11px;
    line-height: 130%;
    cursor: pointer;
    height: 20px;
    display: inline;
    *display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #797979;
    float: right;
    color: #FFF;
    background: #555;
}

#mega_client_switch.mmLink {
    width: auto;
    overflow: visible;
    box-sizing: border-box;
}

#megaMenu .mmLink:hover {
    color: #FFF;
    cursor: pointer;
    border: 1px solid #474747;
    border: 1px solid #AAA;
    color: white;
    background: #646464;
}

#mega_client_message {
    float: left !important;
}

#megaMenu .col {
    height: 120px !important;
}

#megaMenu .appCol {
    width: 158px;
    height: 170px;
    overflow: hidden;
}

#megaMenu .appColHalf {
    width: 150px;
    height: 85px;
    overflow: hidden;
}

#megaMenu .appColHalf h1 {
    margin: 4px 0 0 4px;
}

#megaMenu .rowDiv {
    border-bottom: 1px solid #333;
}

#megaMenu .colDivLight {
    border-right: 1px dashed #222;
}

#megaMenu .col .padClient {
    padding: 0;
    position: relative;
}

#clientSectionTitle {
    padding: 5px 4px 0 4px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #333;
    height: 26px;
}

#megaMenu .viewAll {
    color: #777;
    font-size: 12px;
    cursor: pointer;
    z-index: 100;
    line-height: 19px;
    height: 24px;
    text-align: center;
}

#viewAllClients {
    position: absolute;
    left: 0;
    top: 223px;
    width: 398px !important;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    border-top: 1px solid #262626;
}

#viewAllClients:hover {
    color: #FFF;
    cursor: pointer;
    background: rgba(0.2, 0.2, 0.2, 0.7);
}

#mega_client_view {
    position: absolute;
    left: 0px;
    top: 223px;
    width: 212px !important;
}


#clientsList {
    overflow: auto;
    overflow-x: hidden;
    height: 192px;
    width: 381px;
    padding: 0 8px 0 8px;
    position: absolute;
    top: 32px;
    left: 0px;
}

#mmClients_searchbox.focused {
    opacity: 1;
}

#mmClients_searchTB {
    position: absolute;
    top: 1px;
    left: 24px;
    width: 146px;
    height: 18px;
    font-size: 13px;
    line-height: 16px;
    font-family: Helvetica, Arial, Sans Serif;
    color: #FFFFFF;
    background: none;
    border: none;
    outline: none;
}

#megaMenu .col .clientWrap {
    scroll: auto;
}

#megaMenu .col .clientWrap ul li {
    float: left;
    width: 160px;
    margin-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    line-height: 160%;
}

#megaMenu .col .clientWrap ul li img {
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
    opacity: 0.9;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

#megaMenu .col .clientWrap ul li img:hover {
    opacity: 1;
}

#megaMenu .col .clientWrap ul li a.selected {
    color: #D3D3D3 !important;
}

#megaMenu .col .clientWrap ul li.switchInto a {
    color: #83A7FF;
}

#megaMenu .col .clientWrap ul li.switchInto a:hover {
    color: #FFF;
}

#megaMenu .col .clientWrap ul li.switchInto img {
    border: 1px solid #83A7FF;
}

#megaMenu #appSections {
    border-right: 1px solid #AAA;
}

#megaMenu .col ul li a:link,
#megaMenu .col ul li a:visited,
#megaMenu .col ul li a:hover,
#megaMenu .col ul li a:active {
    text-decoration: none;
    cursor: pointer;
    color: #999;
}

#megaMenu .col ul li a:hover {
    color: #FFF;
}

#megaMenu h1 {
    font-size: 14px;
    color: #FFF;
    position: relative;
}

#mm_clientListHeader span {
    position: absolute;
    top: 2px;
    left: 4px;
}

#megaMenu h2 {
    font-size: 13px;
    color: #EEE;
    font-weight: normal;
}

#megaMenu p {
    font-size: 12px;
    color: #666;
    margin: 4px 0;
}

#megaMenu ul {
    margin: 0;
    padding: 8px 0 0 0;
    list-style: none;
    font-size: 13px;
    line-height: 18px;
    color: #CCC;
}

#megaMenu li {
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
}

#megaMenu a {
    height: 24px;
    width: 134px;
    padding: 4px;
}

#mm_appList {
    padding-top: 0;
}

/*#mm_appList a:before {
content: ' ';
display:block;
position: absolute;
height: 25px;
width:25px;
background: url(../../images/megaMenu/icon_menu_60x60_white.png) no-repeat;
background-size:100%;
left:2px;
}*/

#mm_appList a:hover {
    background-color: #223045;
}

#mm_appList li.selected a, #mm_appList li.selected a:hover {
    background-color: #444 !important;
    color: #FFF !important;
}

#mm_dashboard {
    border-top: 1px solid #1B1B1B;
}

#mm_dashboard a {
    background-position: 0 -4px;
}

#mm_clients a {
    background-position: 0 -39px;
}

#mm_trainers a {
    background-position: 0 -71px;
}

#mm_workoutTemplates a {
    background-position: 0 -104px;
}

#mm_allExercises a {
    background-position: 0 -136px;
}

#mm_siteDesigner a {
    background-position: 0 -168px;
}

#mm_gettingStarted a {
    background-position: 0 -159px;
    border-bottom: 0;
}

#clientcol {
    width: 398px;
}

#clientSectionTitle small {
    font-size: 11px;
    font-weight: normal;
    color: #777;
}

#megaMenu .icon12 {
    height: 12px;
    width: 12px;
    position: relative;
    top: 1px;
    margin-right: 2px;
    *position: static;
    *top: auto;
}

#mm_dashboard img {
    position: relative;
    top: 1px;
    left: 4px;
}

#mm_gettingStarted img {
    position: relative;
    top: 2px;
    left: 4px;
}


#megaMenu .appCol .pad ul li {
    white-space: nowrap;
}

#megaMenu #noClients {
    color: #777;
    margin: 48px 0 0 16px;
}

#noClients h3 {
    font-size: 15px;
    font-weight: bold;
    color: #EEE;
    margin-bottom: 4px;
}

#noClients p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#noClients p {
    color: #999;
}

#togglemegaMenu {
    width: 400px;
    font-size: 12px;
    cursor: pointer;
    height: 36px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
}


#togglemegaMenu #mm_currentClient {
    width: 436px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    left: 44px;
}

#togglemegaMenu .icon16 {
    position: relative;
    top: -2px;
}

#togglemegaMenu #drill {
    width: 16px;
    height: 16px;
    float: right;
    margin: 10px 4px 0 0;
}

#togglemegaMenu .exp {
    background: url(../../images/gtBtnIcons.png) -48px 0 no-repeat;
}

#togglemegaMenu .coll {
    background: url(../../images/gtBtnIcons.png) -64px 0 no-repeat;
}

#togglemegaMenu h1 {
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    margin-top: 2px;
}

#togglemegaMenu h1 span {
    font-size: 12px;
    color: #AAA;
    font-weight: normal;
    display: block;
}

#mmPreviewClientWrap {
    border-left: 1px solid #333;
    position: relative;
    cursor: pointer;
}

#mmPreviewClientWrap .topBar {
    position: absolute;
    width: 202px;
    top: 5px;
    left: 4px;
}

#mmPreviewClientWrap:hover {
    background: #223045;
}

#mmPreviewClientWrap:hover #mega_client_view {
    color: #FFF;
}

#mmPreviewClientData {
    padding-top: 8px;
}

#mmPreviewClient {
    display: none;
    font-size: 12px;
    width: 196px;
    padding: 8px;
    position: relative;
}

#mmPreviewClient .icon46 {
    float: left;
    margin: 0 8px 4px -2px;
    border: 1px solid #666;
    border-radius: 23px;
}

#mmTraining {
    font-weight: bold;
    color: #AAA;
    font-size: 11px;
    position: absolute;
    top: -20px;
    right: -1px;
    padding: 3px 8px;
    display: block;
    background: #333;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

#mmPreviewClient h2 {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 46px;
}


#mmPreviewClient .info {
    padding-top: 40px;
    margin-left: 16px;
}

#mmPreview_error {
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0;
}

#mmPreview_tp {
    color: #C4C4C4;
    font-size: 15px;
    width: 178px;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

#mmPreview_numberWorkouts {
    color: #AAA;
    font-size: 12px;
    line-height: 120%;
    width: 196px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mmPreview_duration {
    color: #AAA;
    font-size: 12px;
    width: 196px;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#mmPreviewClient .btmBar {
    margin: -8px;
    padding: 8px;
    vertical-align: top;
}

/* greenbar as */
a.tr-greenInfoBarWrap {
    text-decoration: none;
}

.tr-greenInfoBar {
    background: #D3EE96;
    border: 1px solid #AED657;
    color: #4B9706;
    font-size: 12px;
    padding: 4px;
    margin: 8px 8px 16px 8px;
}

.tr-greenInfoBar .underline {
    text-decoration: underline;
}


/* msg and copy menu */
.lm_msgWrap, .lm_copyWrap {
    white-space: nowrap;
    text-align: center;
    border: 0;
}

.lm_msgWrap .lm_bubble {
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 16px;
    text-align: center;
    margin-left: 4px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    margin-top: 3px;
}

.lm_msgWrap .unreadIcon {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    font-size: 1px;
    line-height: 11px;
    margin: 6px 0 0 2px;
}

.lm_msgWrap .lm_msgIcon {
    background: url(../../images/lm-icons.png?v3) 0 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.lm_copyWrap .lm_copyIcon {
    background: url(../../images/lm-icons.png?v3) -48px 0 no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}

/* right menu */
.lm_mobile {
    background: url(../../images/lm-icons.png?v3) -74px 0 no-repeat;
    background-size: cover;
    width: 18px;
    height: 24px;
}

.lm_settings {
    background: url(../../images/lm-icons.png?v3) -98px 0 no-repeat;
    background-size: cover;
    width: 18px;
    height: 24px;
}

.rMenu_icon {
    background-image: url(../../images/rMenu-icons.png);
    height: 12px;
    width: 12px;
    display: inline-block;
    position: relative;
    top: 1px;
    left: -8px;
}

#rMenu_ios {
    background-position: -24px 0;
}

#rMenu_android {
    background-position: -12px 0;
}

#rMenu_withings {
    background-position: 0px 0;
}


/* subscription menu */

.lm_MenuWidth {
    width: 240px;
    position: relative;
}

.lm_MenuWrap .gtBtn {
    position: absolute;
    top: -4px;
    right: -4px;
}

.lm_MenuWrap .sep {
    background-color: #222222 !important;
    color: #FFF !important;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    margin: -5px -12px 0 -20px;
    padding: 3px 2px 1px 4px;
}

.lm_addOn .sep {
    background-image: url(../../images/addons/addOn_menu.png);
    background-repeat: no-repeat;
    background-position: 4px 0;
    padding-left: 38px;
}

.lm_MenuWrap h2 {
    font-size: 12px !important;
    font-weight: normal;
    margin-top: 8px;
}

.lm_MenuWrap h3 {
    font-size: 15px !important;
    font-weight: bold;
    margin-top: 8px;
}

.lm_MenuWrap h4 {
    font-size: 11px !important;
    font-weight: normal;
    margin-top: 4px;
    margin-bottom: 8px;
    font-style: italics;
}

.lm_MenuWrap .meter {
    position: relative;
    background: #D0D0D0;
    margin: 6px 0 5px 0;
    height: 10px;
    overflow: hidden;
    width: 108px;
    border: 1px solid #888;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.lm_MenuWrap .meter span {
    position: relative;
    float: left;
    height: 100%;
    overflow: hidden;
    border: none;
    background-image: url(../../images/UI/btn_overlay.png);
    background-repeat: repeat-x;
    background-size: 100% 100%;
}

.lm_MenuWrap em {
    font-size: 11px;
    font-style: normal;
}


/* tr expiry */

.lm_expiryWrap {
    white-space: nowrap;
    text-align: center;
    border: 0;
}

.lm_expiryWrap a {
    text-decoration: none;
}

.lm_expiryWrap .lm_expIcon {
    background: url(../../images/lm-icons.png?v3) -22px 1px no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
}

.lm_expiryWrap .lm_bubble {
    padding: 4px 6px 4px 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    margin-right: 4px;
    color: #FFF;
    cursor: pointer;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-left: 8px;
}

#lm_expiryWrap {
    color: #FFF;
    font-size: 11px;
    padding: 4px;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    padding: 4px 6px 4px 6px;
}

.notify {
    background: #ff7200;
    text-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

.lm_expiryLearnMore {
    width: 340px;;
    background: #F5D9C0;
    border: 1px solid #E4AB78;
    border-radius: 0 4px 4px 4px;
}

.lm_expiryLearnMore .pad {
    padding: 16px;
    width: 280px;
}

.lm_expiryLearnMore h1 {
    color: #26221D;
    font-size: 16px;
    padding: 0;
    margin: 0;
    white-space: normal;
}

.lm_expiryLearnMore ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lm_expiryLearnMore p, .lm_expiryLearnMore li {
    color: #666;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    width: 280px;
    white-space: normal !important;
}

/* checklist */
#start_list .guideHeader {
    margin: 0;
    padding: 0;
    color: #444;
}

#start_list .guideText {
    margin: 0;
    padding: 0;
    font-size: 14px;
    width: 85%;
    color: #444;
}

.startitem {
    float: right;
    font-size: 12px;
    margin-top: 4px;
    margin-right: 32px;
}

#rp_trainerizeURL .content {
    overflow: hidden;
    padding: 0 8px;
}

#rp_trainerizeURL .anywhere {
    background: url(../../images/ui/trainingPlan_rp_mobile.png) top left no-repeat;
    height: 96px;
    margin-top: 8px;
}

#rp_trainerizeURL p {
    padding-left: 84px;
    padding-top: 18px;
    margin-bottom: 0px;
}


/* profiel uploader */

/* upload profile */

#dl_image {
    overflow: hidden;
}

#dl_image .profileWait {
    left: 0;
    position: absolute;
    top: 0;
    float: left;
    height: 512px;
    width: 640px;
}

#dl_image .profileWait .spinnerText {
    color: #FFF !important;
}

#dl_image .profileWait .pad {
    margin-top: 240px;
    margin-left: 160px;
}


/* wizard */
#wizard .slides {
    height: 300px;
    position: relative;
    overflow: hidden;
}

#wizard .slide {
    width: 800px;
    height: 300px;
    position: relative;
    float: left;
}

#wizard .slideWrap {
    width: 3200px;
    height: 300px;
    position: absolute;
    left: 0;
}

#wizard .slides img {
    margin-right: 16px;
}

#wizard .btmBar {
    padding: 8px 16px;
    text-align: right;
    background: #AAA;
}

#wizard_slide1 {
    background: url(../../images/wizard/wizard4_slide0.png) top left no-repeat;
}

#wizard_slide2 {
    background: url(../../images/wizard/wizard4_slide1.png) top left no-repeat;
}

#wizard_slide2 .url {
    position: absolute;
    top: 141px;
    left: 290px;
    width: 472px;
    background: #A8D92E;
    border: 1px solid #4F9B00;
    color: #FFF;
    padding: 8px;
    font-size: 24px !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#wizard_slide1 .spreadTheLove {
    position: absolute;
    top: 279px;
    left: 8px;
    width: 339px;
    height: 21px;
    background: url(../../images/wizard/wizard4_share.png) top left no-repeat;
}

#wizard_shareFB {
    width: 159px;
    height: 28px;
    background: url(../../images/wizard/wizard4_share_fb.png) top left no-repeat;
    margin-right: 4px;
    float: left;
    cursor: pointer;
    opacity: 0.9;
}

#wizard_back {
    float: left;
}

#wizard_shareFB:hover {
    opacity: 1;
}

#wizard_shareTW {
    width: 159px;
    height: 28px;
    background: url(../../images/wizard/wizard4_share_tw.png) top left no-repeat;
    float: left;
    cursor: pointer;
    opacity: 0.9;
}

#wizard_shareTW:hover {
    opacity: 1;
}

#wizard_slide3 {
    background: url(../../images/wizard/wizard4_slide2.png) top left no-repeat;
}


#note_all {
    margin: 0 9px;
}

#woLibGridWrap .GridFirstCol, #custom_new .GridFirstCol, #trainerPanelDiv .GridFirstCol {
    padding-left: 5px !important;
}

#trainerPanelDiv {
    border: 1px solid #ebebeb;
    min-height: 592px;
    position: relative;
}


/* setup guides*/
#setupGuide {
    width: 640px;
    margin: 64px auto;
    text-align: center;
}

/* MBO import */
.importResults, .linkWithTrainerResults {
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
    height: 320px;
    overflow: scroll;
    overflow-x: hidden;
}

.importResults .item {
    float: left;
    width: 100%;
    height: 29px;
    font-size: 14px;
    padding: 6px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}

.importResults .item input[type="checkbox"] {
    float: left;
    margin: 2px 8px 2px 2px;
}

.importResults .conflict {
    opacity: 0.4;
}

.importResults label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 16px;
}

.linkWithTrainerResults .item {
    height: 36px;
    font-size: 16px;
    padding: 8px;
    border-bottom: 1px solid #AAA;
    line-height: 34px;
}

.linkWithTrainerResults .item button {
    float: right;
    margin-top: 4px;
}

.linkWithTrainerResults .icon32 {
    float: left;
    margin-right: 8px;
}

.linkWithTrainerResults .item input[type="checkbox"] {
    float: left;
    margin: 2px 4px;
}

.importHeader input[type="checkbox"] {
    float: left;
    margin: 10px 10px 6px 11px;
}

#dl_importMindBody {
    min-height: 508px;
}

#dl_importMindBody .searchIcon-grey {
    position: absolute;
    top: 5px;
    left: 6px;
}

#dl_importMindBody .searchBox {
    margin: 5px 4px 2px 0;
    float: right;
}

#dl_importMindBody #searchclear {
    position: absolute;
    top: 7px;
    left: 200px;
}

#dl_importMindBody .filterRight {
    margin: 0;
}

#dl_importMindBody .loadDivWrap {
    margin: 64px;
}

#dl_importMindBody #mboPoweredBy {
    background: url(../../images/mbo/poweredByMBO.png) top left no-repeat;
    width: 140px;
    height: 32px;
    z-index: 0;
    position: absolute;
    bottom: 8px;
    left: 8px;
}

/* upgrade dialog */
#dlg_upgradeDialog_nextPlan {
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    width: 90%;
    margin: 32px auto;
}

#dlg_upgradeDialog #dlg_upgradeDialog_msg {
    font-size: 17px;
    font-weight: 100;
    line-height: 125%;
    text-align: center;
    color: #242424;
    padding-top: 10px;
}

#dlg_upgradeDialog_nextPlan .enterprise {
    text-align: center;
    float: right;
    margin: 38px 20px 0 0;
}

#dlg_upgradeDialog_nextPlan .enterprise p {
    color: #FFF !important;
    padding-top: 2px;
    opacity: 0.8;
    margin: 0;
}

#dlg_upgradeDialog_nextPlan .price {
    float: right;
    padding: 20px 30px;
    text-align: center;
    color: #FFF !important;
}

#dlg_upgradeDialog_nextPlan .price p {
    text-align: center !important;
    color: #FFF !important;
}

#dlg_upgradeDialog_nextPlan .price h1 {
    font-size: 24px !important;
    line-height: 150%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

#dlg_upgradeDialog_nextPlan .price h1 small {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 4px;
    position: relative;
    top: -8px;
    color: #FFF !important;
}

#dlg_upgradeDialog #billingCycleSelectWrap {
    font-size: 13px;
    color: #666;
    display: inline-block;
    *display: inline;
}

#dlg_upgradeDialog #billingCycleSelectWrap #select_billing_cycle {
    background: none;
    border: 1px solid #666;
    font-size: 12px;
    color: #666;
}

#dlg_upgradeDialog #showAllPlans {
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
}

#dlg_upgradeDialog #notNow {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    background-position: center;
}

#billingCycleWrap {
    margin: -8px 0 8px 0;
    font-size: 12px;
    color: #FFF;
    opacity: 0.8;
    font-weight: 100;
}

#dlg_upgradeDialog_nextPlan .plan {
    padding: 16px 16px 16px 32px;
    height: 81px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#dlg_upgradeDialog_nextPlan .plan h1 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 150%;
    text-transform: uppercase;
}

#dlg_upgradeDialog_nextPlan .plan h2 {
    font-size: 13px;
    font-weight: 100;
    margin: 0;
    padding: 0;
    color: #4c4c4c;
    line-height: 18px;
}

#plansTable #dlg_upgradeDialog_nextPlan.Plan10 .price, #plansTable #dlg_upgradeDialog_nextPlan.Plan20 .price,
#plansTable #dlg_upgradeDialog_nextPlan.Plan10 .price h1 small, #plansTable #dlg_upgradeDialog_nextPlan.Plan20 .price h1 small {
    color: #F25802 !important;
}


#dlg_upgradeDialog_nextPlan.Plan5 > div.plan > h1,
#dlg_upgradeDialog_nextPlan.Plan10 > div.plan > h1,
#dlg_upgradeDialog_nextPlan.Plan20 > div.plan > h1 {
    color: #FCAE67; /* orange */
}

#dlg_upgradeDialog_nextPlan.Plan60 > div.plan > h1 {
    color: #CCCCCC;
}

.Plan1030 .plan h1, .Plan1050 .plan h1, .Plan1075 .plan h1, .Plan1100 .plan h1, .Plan1200 .plan h1, .PlanEnt .plan h1 {
    color: #265DA0; /* blue */
}

.Plan100 .plan h1 {
    color: #444;
}

/* plan common colors */
.Plan10 .price {
    background: #ffb362;
}

.Plan20 .price {
    background: #FCAE67;
}

.Plan60 .price {
    background: #CCCCCC;
}

.Plan1030 .price {
    background: #96C1EB;
}

.Plan1050 .price {
    background: #96C1EB;
}

.Plan1075 .price {
    background: #96C1EB;
}

.Plan1100 .price {
    background: #53a2e3;
}

.Plan1200 .price, .PlanEnt .price {
    background: #3692de;
}

.Plan1900 .price {
    background: #2980c6;
}

.Plan3000 .plan h1, .Plan100 .plan h1 {
    color: #95cb56;
}

.Plan3000 .price, .Plan100 .price {
    background: #95cb56;
}

.Plan3000 .price button.gtBtn-blue, .Plan100 .price button.gtBtn-blue {
    background-color: #95cb56 !important;
    border: solid 1px #ffffff !important;
}

.Plan3000 .price button.gtBtn-blue:hover, .Plan100 .price button.gtBtn-blue:hover {
    background-color: #79a841 !important;
    border: solid 1px #ffffff !important;
}

.Plan3000 .price a, .Plan100 .price a {
    color: #ffffff;
    font-weight: 100;
}

.Plan3000 .price p, .Plan100 .price p {
    margin: 4px 0;
    font-weight: 100;
}

/* Plan page backgrounds */
#plansTable .Plan10 {
    background: #ffb362;
    background: -moz-linear-gradient(top, #ffb362 0%, #ff9657 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb362), color-stop(100%, #ff9657));
    background: -webkit-linear-gradient(top, #ffb362 0%, #ff9657 100%);
    background: -o-linear-gradient(top, #ffb362 0%, #ff9657 100%);
    background: -ms-linear-gradient(top, #ffb362 0%, #ff9657 100%);
    background: linear-gradient(to bottom, #ffb362 0%, #ff9657 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb362', endColorstr='#ff9657', GradientType=0);
}

#plansTable .Plan20 {
    background: #ffa950; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa950 0%, #ff8743 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa950), color-stop(100%, #ff8743)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa950 0%, #ff8743 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa950 0%, #ff8743 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa950 0%, #ff8743 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffa950 0%, #ff8743 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa950', endColorstr='#ff8743', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1030 {
    background: #9bc9ef; /* Old browsers */
    background: -moz-linear-gradient(top, #9bc9ef 0%, #78a5e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bc9ef), color-stop(100%, #78a5e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9bc9ef 0%, #78a5e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9bc9ef 0%, #78a5e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9bc9ef 0%, #78a5e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9bc9ef 0%, #78a5e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bc9ef', endColorstr='#78a5e4', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1050 {
    background: #85bdeb; /* Old browsers */
    background: -moz-linear-gradient(top, #85bdeb 0%, #5a91de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85bdeb), color-stop(100%, #5a91de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #85bdeb 0%, #5a91de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #85bdeb 0%, #5a91de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #85bdeb 0%, #5a91de 100%); /* IE10+ */
    background: linear-gradient(to bottom, #85bdeb 0%, #5a91de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85bdeb', endColorstr='#5a91de', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1075, #plansTable .Plan2300 {
    background: #70b2e8; /* Old browsers */
    background: -moz-linear-gradient(top, #70b2e8 0%, #3e7fd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70b2e8), color-stop(100%, #3e7fd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #70b2e8 0%, #3e7fd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #70b2e8 0%, #3e7fd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #70b2e8 0%, #3e7fd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #70b2e8 0%, #3e7fd8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70b2e8', endColorstr='#3e7fd8', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1100, #plansTable .Plan2400 {
    background: #53a2e3; /* Old browsers */
    background: -moz-linear-gradient(top, #53a2e3 0%, #2a6fd0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53a2e3), color-stop(100%, #2a6fd0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #53a2e3 0%, #2a6fd0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #53a2e3 0%, #2a6fd0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #53a2e3 0%, #2a6fd0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #53a2e3 0%, #2a6fd0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53a2e3', endColorstr='#2a6fd0', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1200, #plansTable .PlanEnt, #plansTable .Plan2500 {
    background: #3692de; /* Old browsers */
    background: -moz-linear-gradient(top, #3692de 0%, #2563b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3692de), color-stop(100%, #2563b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3692de 0%, #2563b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3692de 0%, #2563b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3692de 0%, #2563b9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3692de 0%, #2563b9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3692de', endColorstr='#2563b9', GradientType=0); /* IE6-9 */
}

#plansTable .Plan1900 {
    background: #2980c6; /* Old browsers */
    background: -moz-linear-gradient(top, #2980c6 0%, #2563b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2980c6), color-stop(100%, #2980c6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2980c6 0%, #2563b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2980c6 0%, #2563b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2980c6 0%, #2563b9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2980c6 0%, #2563b9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2980c6', endColorstr='#2563b9', GradientType=0); /* IE6-9 */
}

/* add client dlg */
#addNewClientDialog #wait_newWO {
    margin-top: 16px;
}

/* copy choice dlg */
#dlg_copyChoice {
    overflow: hidden;
    position: relative;
}

#dlg_copyChoiceClose {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 1000;
}

#dlg_copyChoice ul {
    list-item-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#dlg_copyChoice .slideFeatures {
    position: relative;
}

#dlg_copyChoice .slideFeatures h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 32px;
    right: 32px;
    color: #444;
}

#dlg_copyChoice .slideFeatures h2 {
    font-size: 13px;
    font-weight: normal;
    color: #B2B2B2;
    text-align: center;
    width: 360px;
}

#dlg_copyChoice .slideFeatures h2.clients, #dlg_copyChoice .slideFeatures h2.woTmpl {
    width: 355px;
    background: #999;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    padding: 4px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

#dlg_copyChoice .slideFeatures h2.clients {
    position: absolute;
    left: 0px;
    top: 0px;
}

#dlg_copyChoice .slideFeatures h2.woTmpl {
    position: absolute;
    left: 376px;
    top: 0px;
}


#dlg_copyChoice #slideVideo {
    position: absolute;
    width: 640px;
    height: 360px;
    top: 452px;
    left: 64px;
    opacity: 0;
    background: url(../../images/copyChoice/copyChoiceVideo.png) top left no-repeat;
}

#dlg_copyChoice #slideVideo .playIcon {
    position: absolute;
    top: 148px;
    left: 288px;
    width: 64px;
    height: 64px;
    background-image: url(../../images/copyChoice/copyChoiceVideoPlay.png);
    background-position: 0 0;
    cursor: pointer;
}

#dlg_copyChoice #slideVideo .playIcon:hover {
    background-image: url(../../images/copyChoice/copyChoiceVideoPlay.png);
    background-position: -64px 0;
}

#dlg_copyChoice ul li {
    display: block;
    width: 180px;
    height: 246px;
    position: absolute;
    top: 22px;
    background-color: #FFF;
    border: 1px solid #999999;
    cursor: pointer;
}

#dlg_copyChoice ul li:hover {
    background-color: #EAEFF6;
    border: 1px solid #72A0E4;
}

#dlg_copyChoice ul li div.text {
    position: absolute;
    bottom: 0;
    height: 36px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid #D5D5D5;
    width: 164px;
}

#dlg_copyChoice ul li div.text h3 {
    color: #999;
    font-size: 14px !important;
    font-weight: normal;
}

#dlg_copyChoice ul li div.text h4 {
    color: #545454;
    font-size: 14px;
    font-weight: normal;
}

#dlg_copyChoice #copyChoiceVideo {
    position: absolute;
    bottom: 12px;
    left: 32px;
    right: 32px;
    font-size: 15px !important;
    color: #777;
    text-align: center;
    z-index: 100;
}

#dlg_copyChoice #copyChoiceReturn {
    position: absolute;
    bottom: 16px;
    left: 32px;
    right: 32px;
    font-size: 15px !important;
    color: #777;
    text-align: center;
    display: none;
    z-index: 99;
}

#dlg_copyChoice .overflowWrap {
    position: absolute;
    top: 96px;
    height: 300px;
    left: 24px;
}

#dlg_copyChoice .overflowWrap .profile {
    width: 42px;
    height: 42px;
    position: absolute;
    border: 1px solid #666;
    background-position: center;
    background-size: contain;
}

#noRecipients_client {
    left: 136px;
    background-image: url(../../images/copyChoice/noRecipients_client.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#noRecipients_woTmpl {
    left: 384px;
    background-image: url(../../images/copyChoice/noRecipients_woTmpl.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#hasRecipients_to {
    left: 0;
    background-image: url(../../images/copyChoice/hasRecipients_to.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 0 0 0 4px;
}

#hasRecipients_to.multiple {
    background-image: url(../../images/copyChoice/hasRecipients_to_mult.png);
}

#hasRecipients_to .profile {
    top: 75px;
    left: 69px;
}

#hasRecipients_from {
    left: 181px;
    background-image: url(../../images/copyChoice/hasRecipients_from.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

#hasRecipients_from .profile {
    top: 75px;
    left: 64px;
}

#hasRecipients_woTmpl {
    left: 376px;
    background-image: url(../../images/copyChoice/hasRecipients_woTmpl.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
}

#hasRecipients_woTmpl.multiple {
    background-image: url(../../images/copyChoice/hasRecipients_woTmpl_mult.png);
}

#hasRecipients_upToWoTmpl .profile, #hasRecipients_woTmpl .profile {
    top: 75px;
    left: 69px;
}

#hasRecipients_upToWoTmpl {
    left: 557px;
    background-image: url(../../images/copyChoice/hasRecipients_upToWoTmpl.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}


/*explaination  styles */
.explain {
}

.explain h2 {
    color: #797979 !important;
    font-size: 16px !important;
    line-height: 115% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.explain p {
    color: #999 !important;
    font-size: 14px !important;
    line-height: 128% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.explain .pad {
    padding: 16px 0 16px 16px;
}


/* test client */
#div_adduser {
    min-height: 242px;
}

.testClientPanels {
    display: none;
}

#afterTestClient {
    float: right;
    width: 246px;
    height: 240px;
    position: relative;
}

#afterTestClient h2 {
    font-size: 15px !important;
}

#afterTestClient p {
    font-size: 13px !important;
}

#afterTestClient .btmLink {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    text-decoration: none;
}

/* before Timmy */

#timmy {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFF;
}

#timmy .profIntro {
    padding-left: 164px;
}

#timmy .profIntro p {
    font-size: 16px;
    line-height: 125%;
    color: #999;
    width: 90%;
}

#timmyIcon {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    float: left;
    margin-left: 16px;
}

#timmy h2 {
    font-size: 24px !important;
}

#timmy #dismissTimmy {
    font-size: 14px;
    text-decoration: none;
}


#addNewTrainerExp {
    width: 240px;
    float: right;
}

/* training plan */


/* tr-lightBox */

.tr-dialog-white {
    background: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

/* dlg_needAttnResolution */
#dlg_needAttnResolution h3 {
    border-top: 1px solid #CCC;
    padding-top: 8px;
}

#dlg_needAttnResolution h3:first-of-type {
    border-top: 0;
}


#dlg_needAttnResolution p {
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 16px;
    line-height: 130%;
}

#dlg_needAttnResolution ul {
    margin-top: 0;
    margin-bottom: 16px;
}

#dlg_needAttnResolution ul li {
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 4px;
}

/* social shares */
ul.socialShareList {
    margin: 4px 0 0 0;
    padding: 0;
    list-style-type: none;
}

ul.socialShareList li {
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin: 0 0 4px 0;
}

/* dialog switchedInto */
#switchedUser img {
    border-radius: 44px;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    float: left;
}

#switchedUser .wrap {
    padding-left: 104px;
}

#switchedUser .wrap h1 {
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    line-height: 110%;
}

#switchedUser .wrap p {
    width: 500px;
    font-size: 14px;
    line-height: 110%;
    color: #888;
    margin: 0;
    padding: 0;
}

.switchedIntoDlg {
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    height: 120px;
}


/* photo2 */
.photoGrid {
    min-height: 523px;
    width: 680px;
    padding: 16px 0 16px 16px;
    margin-left: 19px;
}

#photoGridWrap .photoGrid {
    width: auto;
    margin-left: 0;
    padding: 16px 0 16px 7px;
}

.photoViewWrap {
    position: relative;
    height: 576px;
    width: 776px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.photoViewWrap .photoBtn {
    background: transparent;
    color: #FFF;
    padding: 16px 16px !important;
    border: 0;
    opacity: 0.8;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.photoViewWrap .photoBtn:hover {
    opacity: 1;
    cursor: pointer;
}

.photoViewWrap #btn_back {
    background-image: url(../../images/photo2/darkBorderBack.png);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
    background-size: 50%;
    opacity: 0.8;
}

.photoViewWrap #btn_back:hover {
    opacity: 1;
}

.photoViewWrap #btn_next {
    background-image: url(../../images/photo2/darkBorderNext.png);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -24px;
    background-size: 50%;
    opacity: 0.8;
}

.photoViewWrap #btn_next:hover {
    opacity: 1;
}

.photoViewWrap .photoNav {
    width: 48px;
    height: 48px;
    border: none;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    padding: 0;
    z-index: 10000;
}

.photoViewWrap .photoNav:hover {
    opacity: 1;
    cursor: pointer;
}

.photoViewWrap .photoTB {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 52px;
    z-index: 10000;
    font-size: 13px;
    color: #FFF;
}

.photoViewWrap #dlg_editTag {
    background: #000;
    background: rgba(20, 20, 20, 0.7);
    padding: 12px;
    height: 28px;
    width: 752px;
}

.photoViewWrap #poseDatelabels {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    color: #FFF;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10000;
}

.photoViewWrap #poseDatelabels #pose {
    font-size: 22px;
    text-transform: uppercase;
}

.photoViewWrap #poseDatelabels #date {
    font-size: 13px;
    font-weight: 300;
}

#editTag_datepicker, #uploadPhoto_datepicker {
    width: 88px;
}

#upload_pose, #editTag_pose {
    width: 120px;
}

.photoGrid .photoItem {
    float: left;
    width: 120px;
    margin: 0 16px 16px 0;
}

.photoGrid .photoItem .photoThumb {
    width: 120px;
    height: 120px;
    background-size: cover;
    border: 1px solid #CCC;
    cursor: pointer;
    opacity: 0.9;
}

.photoGrid .photoItem .photoThumb:hover {
    opacity: 1;
    cursor: pointer;
}

.photoGrid .photoItem .pose {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    color: #999;
}

.photoGrid .photoItem .date {
    float: right;
    font-size: 12px;
    color: #999;
}

#photoTopBar {
    position: relative;
}

#dlg_uploadPhoto {
    position: relative;
    height: 224px;
    position: relative;
}

#dlg_uploadPhoto #btn_CancelUpload {
    position: absolute;
    top: 12px;
    right: 12px;
}

#d_fileuploader {
    margin: 0px auto;
}

.uploader-dashed-border {
    background: white;
    border-radius: 10px;
    border: 2px dashed #2196F3;
}

.msgLab {
    position: absolute;
    top: 188px;
    width: 340px;
    margin-left: -170px;
    left: 50%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

#messageStatus {
    color: #62C462;
}

.tr-lightBox-photo .ui-dialog-titlebar {
    width: 800px !important;
    height: 40px !important;
}

#tb_upload {
    font-size: 12px;
    width: 340px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

#tb_upload #upload_pose {
    font-size: 14px;
    width: 64px;
}

.ui-selectmenu-menu ul {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* lightbox */
.tr-lightBox .lightBoxContent {
    border: 0px solid #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
    background-color: black;
    border-radius: 4px;
}

.ui-widget-content.tr-transparent-bg {
    background-color: rgba(0, 0, 0, 0.88);
}

.ui-widget-overlay {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.75);
    filter: alpha(opacity=50);
    background-image: none !important;
    opacity: 1 !important;
    position: fixed;
}

.tr-lightBox #tr-youtubeWrap {
    width: 720px;
    height: 404px;
    padding: 8px;
}

.tr-lightBox #tr-vimeoWrap {
    width: 720px;
    height: 434px;
    /*padding: 8px;*/
    margin-left: calc((100vw - 720px) / 2);
    margin-top: calc((100vh - 434px) / 2);
}

.tr-lightBox #tr-mobileWrap {
    width: 736px;
    height: 420px;
}

.tr-lightBox #tr-YTVimeoWrap {
    width: 720px;
    height: 404px;
    /*padding: 8px;*/
    margin-left: calc((100vw - 720px) / 2);
    margin-top: calc((100vh - 404px) / 2);
}

.tr-lightBox .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
    opacity: 1;
}

.tr-lightBox .photoViewWrap {
    width: 800px;
    height: 576px;
    padding: 0;
    margin: 40px auto;
}

/* vimeo box */
.gotoVimeo {
    text-align: center;
    height: 30px;
}

.gotoVimeo a:link, .gotoVimeo a:visited, .gotoVimeo a:hover, .gotoVimeo a:active {
    color: #AAA;
    font-size: 16px;
    line-height: 37px;
    padding: 3px;
    text-decoration: none;
}

.gotoVimeo a:hover {
    color: #FFF;
}

/* mobile box */

#dlg_mobile {
}

#dlg_mobile .lightBoxContent {
    background: url(../../images/getApp/getAppBanner.png) no-repeat top left #A9CCFF;
    position: relative;
}

#dlg_mobile .lightBoxContent .contentWrap {
    position: absolute;
    left: 247px;
    width: 488px;;
    top: 72px;
    height: 290px;
    text-align: center;
}

#dlg_mobile .lightBoxContent h2 {
    font-size: 36px;
    font-weight: bold;
    color: #FFF;
    font-weight: normal;
    line-height: 100%;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 32px;
}

#dlg_mobile .lightBoxContent h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    font-weight: normal;
    line-height: 125%;
    margin-bottom: 16px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#dlg_mobile .lightBoxContent em {
    color: #999999;
    font-size: 14px;
    margin-top: 8px;
    display: block;
}

#dlg_mobile #iOS {
    display: block;
    background: url(../../images/getApp/getAppIOS.png);
    width: 98px;
    height: 36px;
    position: absolute;
    right: 132px;
    top: 384px;
}

#dlg_mobile #android {
    display: block;
    background: url(../../images/getApp/getAppAndroid.png);
    width: 98px;
    height: 36px;
    position: absolute;
    right: 24px;
    top: 384px;
}

#dlg_mobile .appStore {
    opacity: 0.9;
}

#dlg_mobile .appStore:hover {
    opacity: 1;
}

#dlg_mobile #btn_sendGetApp {
    padding: 14px 16px 11px 16px !important;
    min-width: 322px;
    text-align: center;
}

#dlg_mobile #btn_sendGetApp #sendingWait {
    background: url(../../images/spinnerSnake.gif);
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* global palette */

/* change training plan */

#dlg_extendTrainingPlan #div_FullDate {
    margin-left: 20px;
}

/* change duration option box */
.gtOptionsDuration {
    min-width: 426px;
    position: relative;
    min-height: 54px;
    padding: 8px;
}

.gtOptionsDuration #lTPEndDate {
    position: absolute;
    left: 8px;
    bottom: 9px;
    font-size: 11px;
    color: #AAA;
}

/* GT loader */

/* GT loader */
#staticBtmBar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 800;
    width: 100%;
    height: 30px;
    font-size: 12px;
    line-height: 15px;
    background: #1E1E1E;
    background: rgba(0, 0, 0, 0.8);
}

#staticBtmBar .center {
    width: 990px;
    margin: 0 auto;
    position: relative;
}

#btmMenu {
    float: left;
}

#btmMenu ul {
    list-type: none;
    padding: 0;
    margin: 0;
}

#btmMenu ul li {
    padding: 8px 8px;
    height: 30px;
    margin: 0;
    border: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #DDD;
    cursor: pointer;
    position: relative;
    border-left: 1px solid #555;
}

#btmMenu ul li:hover {
    color: #FFF;
    cursor: pointer;
}

#btmMenu .btmMenu-gotoMobile-upg {
    width: 140px;
    text-align: left;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}

#btmMenu .btmMenu-gotoMobile-upg:hover #heroIcon {
    top: -18px;
}

#btmMenu .btmMenu-gotoMobile-upg a {
    cursor: pointer;
    color: #DDD;
    text-decoration: none;
    text-transform: none;
    line-height: 105%;
    font-size: 11px;
    padding: 5px 4px 0 56px;
    height: 30px;
    display: block;
    letter-spacing: 0.5px;
}

#btmMenu .btmMenu-gotoMobile-upg a:hover {
    color: #FFF;
}

/*ap-code test 20.05.2015 step-1*/

#signUpStep1 {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

#signUpStep1 > h1, #manual_connect h1 {
    color: #FFB400;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    font-weight: 400;
}

#signUpStep1 > h2 {
    font-size: 16px;
    color: rgb(12, 12, 12);
    text-align: center;
    line-height: 26px;
    font-weight: 300;
}

#signUpStep1 > h2 > br {
    display: none;
}

#signUpStep1 > ul {
    list-style: none;
    padding: 0px;
    margin: 0;
}

#signUpStep1 > ul > li {
    margin-top: 15px;
    margin-bottom: 20px;
}

#signUpStep1 > ul > li > label {
    display: block;
    font-size: 16px;
    color: rgb(131, 131, 131);
    line-height: 32px;
    font-weight: 300;
}

#signUpStep1 > ul > li > select {
    font-size: 16px;
    color: rgb(12, 12, 12);
    line-height: 32px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgb(217, 217, 217);
}

.acctItem > select {
    font-size: 16px;
    color: rgb(12, 12, 12);
    line-height: 32px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid rgb(217, 217, 217);
}

#signUpStep1 > button {
    background: rgb(139, 195, 74);
    width: 100%;
    border: none;
    height: 50px;
    font-size: 20px;
    box-shadow: none;
    text-shadow: none;
    border-radius: 5px;
    font-weight: 500;
}

#signUpStep1 > button:hover {
    background: rgba(139, 195, 74, 0.9);
    width: 100%;
    border: none;
    height: 50px;
    font-size: 20px;
    box-shadow: none;
    border-radius: 5px;
    text-shadow: none;
    font-weight: 500;
}

#signUpStep1 .otherTextEntry {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgb(217, 217, 217);
    margin-top: 5px;
    font-size: 14px;
}

/*ap-code test 22.05.2015 step-4*/
.signUp-4 {
    margin-left: auto;
    margin-right: auto;
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .gtBtnBar .gtBtn-blue {
    max-width: 390px;
    width: 100%;
    height: 54px;
    background: rgb(6, 169, 246) !important;
    text-shadow: none;
    border: none !important;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: center !important;
    border-radius: 3px;
    margin-top: 10px;
    font-weight: 500;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 > .gtBtnBar .gtBtn-blue {
    max-width: 260px;
    width: 100%;
    height: 54px;
    background: rgb(139, 195, 74) !important;
    text-shadow: none;
    border: none !important;
    font-size: 16px;
    line-height: 33px;
    text-transform: uppercase;
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: center !important;
    border-radius: 3px;
    margin-top: 10px;
    font-weight: 400;
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .gtBtnBar .gtBtn-blue:hover {
    background: rgba(6, 169, 246, 0.9) !important;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 > .gtBtnBar .gtBtn-blue:hover {
    max-width: 260px;
    width: 100%;
    height: 54px;
    background: rgba(139, 195, 74, 0.9) !important;
    text-shadow: none;
    border: none !important;
    font-size: 16px;
    line-height: 33px;
    text-transform: uppercase;
    margin-left: 0px !important;
    margin-right: 0px !important;
    text-align: center !important;
    border-radius: 3px;
    margin-top: 10px;
    font-weight: 400;
}

#signUpStep4 {
    width: 100% !important;
    max-width: 990px !important;
    height: 745px !important;
    background-color: white !important;
}

#signUpStep4 > .slideWrap {
    width: 100% !important;
    height: 100% !important;
}

#signUpStep4 > .url_over {
    top: 149px;
    position: relative;
    left: 228px;
    z-index: 1;
    background-color: white;
    width: 480px;
    font-size: 10px;
    text-overflow: ellipsis;
}

#signUpStep4 > .slideWrap > #wizard_slide2 {
    background: url(../../images/wizard/step4Image.jpg) no-repeat;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    margin-top: 40px;
    width: 755px !important;
    height: 400px !important;
    background-color: white;
    padding-top: 200px;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 {
    background-image: url(../../images/wizard/step4Image.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: 285px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    margin-top: 40px;
    width: 755px !important;
    height: 235px !important;
    background-color: white;
    padding-top: 335px;
}

#img-signUp4 {
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .cont > h1 {
    font-size: 35px;
    line-height: 46px;
    color: rgb(255, 152, 0);
    text-align: center;
    font-weight: 500;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 > .cont > h1 {
    font-size: 28px;
    line-height: 25px;
    color: #ffb400;
    text-align: center;
    font-weight: 400;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 > .cont > h1 > small {
    display: block;
    font-size: 10px;
    text-align: right;
    color: #ffb400;
    margin-right: 130px;
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .cont > p {
    font-size: 19px;
    line-height: 26px;
    color: rgb(131, 131, 131);
    text-align: center !important;
}

#alloyUpgradeDialog > .slides > .slideWrap > #wizard_slide2 > .cont > p {
    font-size: 14px;
    line-height: 1.7;
    color: #9b9b9b;
    font-weight: 300;
    text-align: center !important;
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .cont > .url {
    height: 66px !important;
    font-size: 22px;
    line-height: 66px;
    border: 2px solid rgb(6, 169, 246);
    border-radius: 5px;
    color: rgb(131, 131, 131) !important;
    text-align: left;
    text-shadow: none;
    background-color: white !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0px !important;
    padding-left: 10px !important;
    font-weight: 300 !important;
    position: initial !important;
    margin-top: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#signUpStep4 > .slideWrap > #wizard_slide2 > .gtBtnBar {
    background-color: white !important;
    text-align: center !important;
}

.cont {
    top: 177px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*start nutrition-meal-plan  ap-01.06.2015*/

#meal-plan {
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    height: 660px;
    background-color: white;
}

#meal-plan-cont {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: auto;
    margin-top: 190px;
    width: 614px;
    height: 300px;
    position: relative;
}

#meal-plan-cont > #left-side > h1 {
    color: black;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding-top: 18px;
}

#meal-plan-cont > #left-side > p {
    color: black;
    line-height: 62px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

#meal-plan-cont > #left-side > p > a {
    color: rgb(59, 157, 243);
    line-height: 62px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

#meal-plan-cont > #right-side > h1 {
    color: black;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding: 18px 40px 0px 40px;
}

#meal-plan-cont > #right-side > p {
    color: black;
    line-height: 18px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    padding: 10px 30px 0px 30px;
}

#left-side {
    width: 305px;
    height: 300px;
    border: 1px solid rgb(202, 202, 202);
    float: left;
    background-color: white;
    text-align: center !important;
}

#left-side:hover {
    background-color: rgb(245, 245, 245);
}

#right-side {
    width: 305px;
    height: 300px;
    float: left;
    background-color: white;
    border: 1px solid rgb(202, 202, 202);
    border-left: none;
    text-align: center !important;
    cursor: pointer;
}

#right-side:hover {
    background-color: rgb(245, 245, 245);
}

.circle-or {
    width: 57px;
    height: 57px;
    margin-top: 115px;
    text-align: center;
    border-radius: 50%;
    line-height: 57px;
    z-index: 188;
    border: 1px solid rgb(202, 202, 202);
    color: black;
    font-size: 18px;
    margin-left: 276px;
    background-color: white;
    position: absolute;
}

#meal-plan-cont img {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-top: 60px;
}

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

#new-meal-plan {
    /*width: 442px;
    height: 188px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 235px;
    padding-left: 15px;
    padding-right: 15px;*/
    padding-left: 10px;
    padding-right: 23px;
}

.new-meal-plan-overlay {
    background: rgba(20, 21, 24, 0.9) !important;
    opacity: 1 !important;

}

#new-meal-plan h1 {
    font-size: 20px;
    line-height: 70px;
    color: rgb(43, 44, 47);
    display: block;
    text-align: left;
    font-weight: 300;
}

#new-meal-plan input {
    width: 100%;
    height: 46px;
    color: rgb(36, 36, 36);
    font-size: 18px;
    border-radius: 3px;
    display: block;
    margin-top: -10px;
    border: 1px solid #d9d9d9;
    max-width: 432px;
    padding-left: 10px;
}

#new-meal-plan > input::-webkit-input-placeholder {
    font-size: 14px;
    color: rgb(210, 210, 210);
    margin-left: 10px;
}

#new-meal-plan > input::-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    color: rgb(210, 210, 210);
    margin-left: 10px;
}

#new-meal-plan > input::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
    color: rgb(210, 210, 210);
    margin-left: 10px;
}

#new-meal-plan > input::-ms-input-placeholder {
    font-size: 14px;
    color: rgb(210, 210, 210);
    margin-left: 10px;
}

#drop-animation-container {
    background-color: rgba(20, 21, 24, 0.9) !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    display: none;
    text-align: center !important;
}

#drop-animation-container > div {
    width: 363px;
    height: 363px;
    border-radius: 50%;
    border: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
    pointer-events: none;
}

#drop-animation-container > div > img {

    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    pointer-events: none;
}

#drop-animation-container > div > h1 {
    color: white;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 34px;
    font-weight: 300;
    pointer-events: none;
}

#meal-plan-cont [type=file] {
    display: block;
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}


#div_freePlan {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

#div_freePlan h1 {
    color: rgb(255, 152, 0);
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    font-weight: normal;
}

#div_freePlan h2 {
    font-size: 16px;
    color: rgb(131, 131, 131);
    text-align: center;
    line-height: 26px;
    font-weight: 300;
    width: 418px;
    margin: auto;
}

.gtBtnXXL, .gtBtnXXL:hover {
    padding: 17px 50px 14px 50px !important;
    font-size: 20px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* end nutrition-meal-plan  ap-01.06.2015*/

/*globals*/
.pull-left {
    float: left;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

/* import Youtube wigdet */
#importYoutubeDlg #dlg_importYoutube_toolbar #gtToolbar_import {
    margin-left: 8px;
}

#importYoutubeDlg .videoRow {
    border-bottom: 1px solid #CCC;
    padding: 4px;
    position: relative;
    height: 26px;
}

#importYoutubeDlg .videoRow input[type=checkbox] {
    position: absolute;
    top: 8px;
    left: 3px;

}

#importYoutubeDlg .ytImportThumb {
    height: 24px;
    width: 36px;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #999;
    float: left;
    margin: 0 8px 0 23px;
    display: inline-block;
}

#importYoutubeDlg .ytTitleLab {
    font-size: 15px;
    line-height: 27px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#importYoutubeDlg .ytLinked {
    font-size: 13px;
    float: right;
    margin-top: 6px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(../../images/EN/user_synced.png) 0% 50% no-repeat;
    color: #AAA;
    font-size: 13px;
    padding-left: 18px;
}

#importYoutubeDlg #youTubeToolTip {
    opacity: 0.2;
}

#b_workoutplan_build {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* dropZones */
#dropZoneOverlay {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 1px 1px rgba(0, 163, 247, 0.7) inset;
    -moz-box-shadow: 0 0 1px 1px rgba(0, 163, 247, 0.7) inset;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 163, 247, 0.7) inset;
    display: none;
}

#dropZoneOverlay #dropIcon {
    background-image: url(../../images/workoutBuilder/dragOver.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 145px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -72px;
}

/* Intercom */
#intercom-container .intercom-launcher-button {
    background-color: #05a9f5 !important;
    border-color: #05a9f5 !important;
}

/* Client page */


/* Small screens support */
@media only screen and (max-width: 1024px) {

    .ui-button-text-icon-primary .ui-button-text {
        width: 0px;
        overflow: hidden;
        text-indent: -9999px;
    }

}

@media only screen and (max-width: 1279px) {

    #groupLogo h1 {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 50px;
        max-height: 50px;
    }

    #loginDiv h1 {
        max-width: 330px;
    }

}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

#clientGridDiv #gtToolbar_import {
    width: 24px;
}

#clientGridDiv #gtToolbar_import .ui-icon-triangle-1-s {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* Dialog photo viewer */

.photoViewButtons {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: white;
    font-weight: 100;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.5s;
    border-radius: 5px;
    position: relative;
}

#btn_photoAttachement_download:before {
    position: absolute;
    left: -13px;
    top: 4px;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url(../../images/UI/icons/download.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
}

#btn_photoAttachment_attach:before {
    position: absolute;
    left: -13px;
    top: 4px;
    height: 16px;
    width: 16px;
    content: ' ';
    background-image: url(../../images/UI/icons/paperclip.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
}

/* Payments.aspx */
.payments-subPages {
    overflow: hidden;
    background: #fff;
}

.payments-subPages li {
    margin-left: 20px;
    box-sizing: border-box;
}

.payments-subPages li a {
    padding: 6px 4px 6px 9px;
}

.payments-subPages li .tr-icon {
    margin-left: 6px;
}

.payments-indicator {
    display: inline-block;
    min-width: 12px;
    height: 12px;
    border: none;
    border-radius: 50%;
    margin-right: 12px;
    background-color: #ff5d6f;
}

#sideMenu_gateway_status {
    border-radius: 4px;
    background-color: white;
    height: 14px;
    font-size: 11px;
    color: #797c80;
    text-transform: uppercase;
    border: solid 1px #dae0e6;
    padding: 4px 6px;
}

#sideMenu_gateway_status .not-live-text {
    color: #c2c6cc;
}

.shape-circle {
    display: inline-block;
    min-width: 10px;
    height: 10px;
    border: solid 1px #ced3d9;
    border-radius: 50%;
    margin-right: 5px;
}

.circle-green {
    background-color: #8cc34b;
}

.circle-red {
    background-color: #ff5d6f;
}

.circle-orange {
    background-color: #ffb400;
}

.circle-white {
    background-color: #ffffff;
}

.gt-done-animation {
    height: 53px;
    width: 53px;
}

.gt-done-animation-small {
    height: 24px;
    width: 24px;
}

.disabled-no-opacity-change {
    zoom: 1;
    cursor: default !important;
    pointer-events: none;
}

.panel_RecentActivity_turnOnOffLink {
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #1eb6f8;
    cursor: pointer;
}

/* Purchase and Invoice Status Colors */
.payment-status-active {
    color: #97ca55 !important;
}
.payment-status-canceled, .payment-status-failing, .payment-status-refundCanceled {
    color: #ffb400 !important;
}
.payment-status-failed, .payment-status-refundFailed {
    color: #ff5366 !important;
}

.payment-transaction-fee-labels {
    color: #ffb400 !important;
    font-size: 12px;
    line-height: 1.1;
}

.tr-orange-text {
    color: #ffb400 !important;
}

@charset "UTF-8";

/* General */
a:focus, button:focus { outline: 0;}
.p0, noPad { padding:0 !important; }
.p2 { padding:2px !important;}
.p4 { padding:4px !important; }
.p8 { padding:8px !important; }
.p16 { padding:16px !important; }
.p32 { padding:32px !important; }

.p2b { padding-bottom:2px !important; }
.p4b { padding-bottom:4px !important; }
.p8b { padding-bottom:8px !important; }
.p16b { padding-bottom:16px !important; }
.p32b { padding-bottom:32px !important; }

.p2t { padding-top:2px !important; }
.p4t { padding-top:4px !important; }
.p8t {padding-top:8px !important; }
.p16t {padding-top:16px !important; }
.p32t {padding-top:32px !important; }

.pr2{padding-right:2px !important;}
.pr4{padding-right:4px !important;}
.pr8{padding-right:8px !important;}
.pr16{padding-right:16px !important;}
.pr32{padding-right:32px !important;}

.pl2{padding-left:2px !important;}
.pl4{padding-left:4px !important;}
.pl8{padding-left:8px !important;}
.pl16{padding-left:16px !important;}
.pl32{padding-left:32px !important;}

.pr8{padding-right:8px !important;}
.pr4{padding-right:4px !important;}

.pl8{padding-left:8px !important;}
.pl4{padding-left:4px !important;}

.h4{height:4px;line-height:0;font-size:0;}
.h8{height:8px;line-height:0;font-size:0;}
.h16{height:16px;line-height:0;font-size:0;}
.h26{height:26px;line-height:0;font-size:0;}
.h32{height:32px;line-height:0;font-size:0;}
.h64{height:64px;line-height:0;font-size:0;}
.h96{height:96px;line-height:0;font-size:0;}
.hidden { visibility:hidden; }

.m0 {margin:0 !important;}
.m8{margin:8px;}
.m16{margin:16px;}

.mr8{margin-right:8px !important;}
.mr4{margin-right:4px !important;}
.mr16{margin-right:16px !important;}

.ml8{margin-left:8px !important;}
.ml4{margin-left:4px !important;}
.ml16{margin-left:16px !important;}

.m0b { margin-bottom:0 !important; }
.m4b { margin-bottom:4px !important; }
.m8b { margin-bottom:8px !important; }
.m16b { margin-bottom:16px !important; }
.m32b { margin-bottom:32px !important; }

.m4t { margin-top:4px !important; }
.m8t { margin-top:8px !important; }
.m16t { margin-top:16px !important; }
.m32t { margin-top:32px !important; }

.cent { text-align:center; }

.clb{clear:both;}
textarea { resize: none; }
button {width:auto;overflow:visible;*width:1;}
.cursorHand { cursor:pointer; }
.cursorDef, .cursorDef:hover { cursor:default !important; }
.capitalize { text-transform:capitalize; }
/* site wide */

a.greyLink:link, a.greyLink:visited, a.greyLink:active { color:#9B9B9B;opacity:0.8; text-decoration:none; }
	a.greyLink:hover { color:#97CF30;opacity:1;}
.noUnderline, a.greyLink:link, a.greyLink:visited, a.greyLink:hover,a.greyLink:active  { text-decoration:none !important; }

.greenText { background: #D3EE96; border: 1px solid #AED657; color: #4B9706;}
.grayText { background: #EEEEEE; border: 1px solid #CCCCCC; color: #666;}
.hintText{color:#CCC !important;font-weight:normal;}
.errorLab{color:#FF5366 !important;}
	.tr-dialog .errorLab { font-size:12px;}
.errorBorder{border:1px solid #FF5366 !important;}
.warningLab { color:#B22107 !important;}

.icon88 {	width:88px; height:88px; }
/* piknik */
.picnikBar {
	font-size:11px;
}

/* disabled */

.disabled50, .disabled50 span, .disabled50 div, .disabled50 input, .disabled50 td {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;
	cursor:default !important;
}
.disabled80, .disabled80 span, .disabled80 div, .disabled80 input, .disabled80 td {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	zoom: 1;
	cursor:default !important;
}

.opacity20 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;

}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}

/* jquery overrides */
.ui-dialog .ui-dialog-buttonpane button { margin: .5em 1em .5em 0; cursor: pointer; }

.tr-noTitleBar .ui-dialog-titlebar {
	display:none;
}
.tr-noClose .ui-dialog-titlebar-close {
	display:none;
}
.ui-accordion .ui-accordion-content {
	padding:0;
}
.ui-accordion .ui-accordion-header a {
	padding:4px 4px 4px 16px; font-size:13px;
}
.ui-accordion .ui-accordion-header .ui-icon {
	left:0;
}
/* mp-dialog new defs */
#MP_dialog, .tr-dialog {overflow:hidden;}
.mp-body, .tr-dialog .ui-dialog-content {background:#FFFFFF; color:#444; font-size:13px !important; font-family: Helvetica,Arial,sans-serif !important; overflow:hidden;}

.mp-body, .tr-dialog .ui-dialog-content p{
    letter-spacing: 0.1px;
    text-align: left;
}

.tr-dialog .ui-dialog-content .greyLarge {font-size:14px; color:#787878;}

.mp-body small, .tr-dialog .ui-dialog-content small, .ui-menu-item a > small, small {font-size:12px; font-weight:100; color:#888; line-height: 125%; }
.mp-body small, .tr-dialog .ui-dialog-content small, .ui-menu-item a > small { display: inline-block; padding: 2px 0 4px 0; }

.tr-closeBtn { 	width:10px; height:10px; background:url(../images/gt-close.png) top left no-repeat transparent;  cursor:pointer;}
.tr-lightBox  {background:none; border:none; }
.tr-lightBox .ui-dialog-content { overflow:hidden; }
.tr-lightBox .ui-dialog-titlebar { width:28px ; height:28px; position:absolute; top:0px; right:0px; background:none; padding:0 !important; margin:0 !important; z-index:100; }
.tr-lightBox .ui-dialog-titlebar .ui-dialog-title { display:none; }
.tr-lightBox .ui-dialog-titlebar-close span { margin:0!important; }
.tr-lightBox .ui-dialog-titlebar-close { margin:0 !important;padding:0 !important;  position: absolute;right: 0; top:0; width:16px; height:16px; transform:translate(-60px, 30px);}
.tr-lightBox .ui-widget-header .ui-state-hover { padding:0 !important; margin:0 !important; background:none; border:none;  }
.tr-lightBox .ui-dialog-titlebar-close .ui-icon, .tr-lightBox .ui-state-hover .ui-icon { width:40px ; height:40px; background:url(../images/close_white.png) no-repeat; background-size:16px;background-position-x:8px;background-position-y:8px;}
.tr-lightBox .ui-dialog-titlebar-close .ui-icon:hover, .tr-lightBox .ui-state-hover .ui-icon:hover { opacity: 1;}
.tr-lightBox .tr-youtubeFrame { width:720px; height:404px; }

/* mp-dialog waiting */
#MP_dialog_loading{background:url(../images/spinnerSnakeDark.gif) no-repeat 8px 6px;color:#666;position:absolute;background-color:#222;color:#FFF;padding:8px;bottom:0;right:0; -moz-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; border-radius:3px 0 0 0; }
#MP_dialog_loading span{padding-left:24px;}
/* gt btn */
.c1, a.c1:link, a.c1:visited, a.c1:active, a.c1:hover {
	color:#dcfc35;
}
.c2, a.c2:link, a.c2:visited, a.c2:active, a.c2:hover {
	color:#1B79FF ;
}
.c3, a.c3:link, a.c3:visited, a.c3:active, a.c3:hover {
	color:#2196F3;
}

.slate { background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.gtHeader-orange {
  font-size: 30px !important;
  line-height: 120%  !important;
  color: rgb(255,152,0) !important;
  font-weight:500  !important;
}
.gtHeader-orange {
  font-size: 30px !important;
  line-height: 120%  !important;
  color: rgb(255,152,0) !important;
  font-weight:500  !important;
}
.gtBtn-spaceRight {
	margin-right:0px;
	*margin-right:8px;
}
.gtBtn-green {
	background-color: #8cc34b !important;
	border:1px solid #7EAF43 !important;
	color: white !important;
}
.gtBtn-green:hover {
	background-color: #79a841 !important;
	border:1px solid #7EAF43 !important;
	color: white !important;
}
.gtBtn-green span {
	color: white!important;
}
.gtBtn-blue {
	background-color:#03a9f5 !important;
	border:1px solid #0398DC !important;
	color: white !important;
}
.gtBtn-blue:hover {
	background-color:#0993d2 !important;
	border:1px solid #0398DC !important;
	color: white !important;
}
.gtBtn-blue span {
	color: white!important;
}

.gtBtn-red {
	background-color:#ff5265 !important;
	border:1px solid #E54A5B !important;
	color: white !important;
}
.gtBtn-red:hover{
	background-color:#d33b4b !important;
	border:1px solid #E54A5B !important;
	color: white !important;
}
.gtBtn-red span {
	color: white!important;
}

.gtBtn-orange {
	background-color:#FF9801 !important;
	border:1px solid #FF9801 !important;
	color: white !important;
}
.gtBtn-orange:hover{
	background-color:#ec8d01 !important;
	border:1px solid #ec8d01 !important;
	color: white !important;
}
.gtBtn-red span {
	color: white!important;
}


.gtBtn-white {
	background-color: #fff !important;
	border: 1px solid #eee !important;
	color: #444 !important;
}

.gtBtn-white:hover {
	background-color: #eee !important;
	border: 1px solid #ddd !important;
	color: #444 !important;
}

.gtBtn-center {
	margin: 0 auto;
}

.gtBtn-icon-text {
  margin: -1px 3px auto auto;
}

.gtBtn-no-outline
    :focus { outline:none; }
    ::-moz-focus-inner { border:0; }


/* zendesk */
#zenbox_tab { left:-16px !important; top:140px !important; }
#ui-datepicker-div { display: none; }


/* qtip */
.largeQtip{width:200px;font-size:13px;line-height:16px;}
.largeQtip .small{font-size:11px;line-height:12.5px;}


.ui-tooltip-tr .ui-tooltip-content,
.tr-tooltip {
	background:#FFF !important;
	color:#7B7B7B !important;
	font-size:13px;
	line-height:16px; 
	padding:16px;
}
.ui-tooltip-tr .ui-tooltip-content h1 {
	font-size:18px;
	line-height:120%;
	font-weight:400;
	margin:0 0 4px 0;
	padding:0;
	color:rgb(51, 51, 51);
}
.ui-tooltip-tr .ui-tooltip-content h2 {
	font-size:14px;
	line-height:120%;
	font-weight:400;
	margin:0 0 4px 0;
	padding:0;
	color:rgb(51, 51, 51);
}
.ui-tooltip-tr .ui-tooltip-content h4 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333333;
}
.ui-tooltip-tr .ui-tooltip-content p,
.ui-tooltip-tr .ui-tooltip-content span,
.ui-tooltip-tr .ui-tooltip-content ul li{
	font-size:13px;
	line-height:120%;
	font-weight:100;
	color:#919599;
}
.ui-tooltip-tr .ui-tooltip-content button {margin-top:16px; }
.ui-tooltip-tr-dialogs { z-index:2000 !important; }

.jpopup { }
.jpopup .ui-dialog-titlebar { display: none; }
.jpopup table { width: 100%; }
.jpopup table TD { padding: 16px 16px 16px 0px; }
.jpopup table TH { padding: 16px; }

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun Jun 26 06:08:03 PDT 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	z-index: 780;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
		border-width: 1px;
		border-style: solid;
		
		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;
		
		border-width: 1px 1px 0;
		border-style: solid;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
	max-width: 400px;
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;

	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-content{
		background-color: white;
	}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-content{
		background-color: #505050;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-content{
		background-color: #FBF7AA;
	}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-content{
		background-color: #F78B83;
	}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-content{
		background-color: #CAED9E;
	}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-content{
		background-color: #E5F6FE;
	}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
}

	.ui-tooltip-youtube .ui-tooltip-titlebar,
	.ui-tooltip-youtube .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, 0.85);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: white;
		border-color: #CCCCCC;
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-content{
		background-color: #D9D9C2;
		color: #111;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	border: 0;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar,
	.ui-tooltip-tipsy .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, .87);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
		
		color: white;
		border: 0px transparent;

		font-size: 11px;
		font-family: 'Lucida Grande', sans-serif;
		font-weight: bold;
		line-height: 16px;
		text-shadow: 0 1px black;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{

}
	
	.ui-tooltip-tipped .ui-tooltip-titlebar,
	.ui-tooltip-tipped .ui-tooltip-content{
		border: 3px solid #959FA9;

		filter: none; -ms-filter: none;
	}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

		color: white;
		font-weight: normal;
		font-family: serif;

		border-bottom-width: 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.ui-tooltip-tipped .ui-tooltip-content{
		background-color: #F9F9F9;
		color: #454545;

		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}
		
		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}
/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(../images/uniform/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px;
  background: url('../images/uniform/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('../images/uniform/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* Selectmenu*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 24px; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow-y: auto ; overflow-x: hidden; } 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 16px; display: block; padding: 4px 8px; outline:none; text-decoration:none; font-size:12px; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 16px; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 16px; display:block; padding: 4px 4px 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }
/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 540px;
    border: 1px solid #bbb;
    cursor: text;
    font-size: 12px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    box-sizing: border-box;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 4px 0;
    -webkit-appearance: caret;
    font-size:14px;
    font-family:Helvetica, Arial, Sans Serif;
    font-weight: 100;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 18px;
    margin: 4px;
    padding: 1px 3px;
    background-color:#D6F1FD;
    color: #000;
    cursor: default;
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #bbb;
    margin-left: 5px;
    font-weight: 100;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #D8E5EE;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 540px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    z-index: 1;
    text-align:left;
    box-sizing: border-box;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: 400;
    color: #999;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
    max-height:300px;
    overflow: scroll;
    box-sizing: border-box;

}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
	color:#444;
    padding: 5px 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #D6F1FD;
    color: #444;
}

div.datepicker {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 196px;
  height: 147px;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none;
}
.datepickerContainer {
  position: absolute;
}

/* Hide border divs by default */
.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
  display:none;
}

.datepickerHidden {
  display: none;
}
div.datepicker table {
  border-collapse:collapse;
}
div.datepicker a {
  color: black;
  text-decoration: none;
  cursor: default;
  outline: none;
}
div.datepicker table td {
  text-align: center;
  padding: 0;
  margin: 0;
}
div.datepicker th {
  text-align: center;
  color: #666666;
  font-weight: normal;
  padding:0;
}
div.datepicker tbody a {
  display: block;
}
.datepickerDays a {
  width: 20px;
  line-height: 16px;
  height: 16px;
  padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
  width: 39px;
  line-height: 36px;
  height: 36px;
  text-align: center;
}
.datepickerMonths td:first-child a,
.datepickerMonths td:last-child a,
.datepickerYears td:first-child a,
.datepickerYears td:last-child a {
  width:38px;
}
td.datepickerNotInMonth a {
  color: #666666;
}
tbody.datepickerDays td.datepickerSelected{
  background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
  background: #17384d;
}
div.datepicker td.datepickerSelected a {
  color:white;
}
div.datepicker a:hover,
div.datepicker a:hover {
  color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
  color: #999999;
}
.datepickerSpace div {
  width: 20px;
}
.datepickerBlock {
  vertical-align:top;
}
a.datepickerGoNext,
a.datepickerGoPrev,
a.datepickerMonth {
  text-align: center;
  height: 20px;
  line-height: 20px;
  float:left;
}
div.datepicker th a.datepickerGoNext,
div.datepicker th a.datepickerGoPrev {
  width: 18px;
  color: #666666;
  display:none;
}
div.datepicker th a.datepickerMonth {
  width:114px;
  display:block;
}
/* Only display the previous/next arrows on the first/last calendars */
div.datepicker .datepickerFirstView th a.datepickerGoPrev,
div.datepicker .datepickerLastView th a.datepickerGoNext {
  display:block;
}
/* Compensate for the space lost by not having a previous arrow */
div.datepicker th a.datepickerMonth {
  margin-left:20px;
}
div.datepicker .datepickerFirstView th a.datepickerMonth {
  margin-left:0;
}
/* Day mode calendar body */
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none;
}
/* Month mode calendar body */
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none;
}
/* Year mode calendar body */
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
  color: #555555;
  visibility:hidden;
}
td.datepickerDisabled a:hover {
  color: #333333;
}
/* Not used by default, calendar cells can be marked as special if desired (doesn't seem to be totally working) */
div.datepicker tbody.datepickerDays td.datepickerSpecial a {
  background: #770000;
  color:white;
}
div.datepicker tbody.datepickerDays td.datepickerSpecial.datepickerSelected a {
  background: #aa0000;
}

/* style the 'not in month' day cell away */
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background-color:transparent;
}
div.datepicker td.datepickerNotInMonth a span {
  display:none;
}
div.datepicker td.datepickerNotInMonth a:hover span {
  display:none;
}
div.datepicker tbody.datepickerDays td.datepickerNotInMonth:hover {
  background-color: transparent;
}
/* Datepicker border styling */
.datepicker {
  
}

/* Tighten up the spacing between multiple calendars */
.datepickerSpace div {
  width:2px;
}

/* Grey background behind Month Name row, and blue text */
div.datepicker th {
  background-color:#DDDDDD;
}
div.datepicker th a.datepickerMonth {
  color:#666;
  font-weight:normal;
  font-size:14px;
}

/* style the day of week header cells */
div.datepicker th {
  color: #666;
  font-weight: normal;
  border:1px solid #D6D6D6;
}
/* grey underline beneath day of week row */
div.datepicker table thead tr.datepickerDoW th {
  
}

/* Black text, white background, and grey borders around day cells */
div.datepicker a,
div.datepicker a:hover {
  color: #777;
}
div.datepicker table.datepickerViewDays,
div.datepicker table.datepickerViewMonths,
div.datepicker table.datepickerViewYears {
  background-color:white;
}
div.datepicker table tbody.datepickerDays td {
  border: 1px solid #D6D6D6;
}

/* blue cell color for selected days */
tbody.datepickerDays td.datepickerSelected {
  background-color:#72A0E4 !important;
  color:#FFF !important;
}
tbody.datepickerDays td.datepickerSelected a, tbody.datepickerDays td.datepickerSelected a:hover {
  color:#FFF !important; 
}
tbody.datepickerDays td.datepickerHasOverride a {
	color:#444 !important; 
}


/* Grey out dates in the future */
div.datepicker td.datepickerFuture a {
  
}

/* yellow cell background on hover */
div.datepicker tbody.datepickerDays td:hover {
  background-color: #B8CFF1;
  cursor:pointer;
}

/* Bold today's date */
div.datepicker td.datepickerToday a {
	background-size:16px 16px !important; 
	background-repeat:no-repeat !important;
	background-position:center !important;
	font-weight:bold; 
	color:#000;
	font-size:11px;
}
div.datepicker td.datepickerToday a span {
	color:#000;
}

div.datepicker tbody.datepickerDays td.datepickerShade, div.datepicker tbody.datepickerDays td.datepickerShade:hover {
	background:#F2F2F2 !important;
	color:#CCC;
	cursor:normal !important;
}
div.datepicker td.datepickerShade a {
	color:#CCC !important;
}

/* cells are wider in the clean style */
.datepickerYears a, .datepickerMonths a {
  width: 42px;
}
.datepickerMonths td:first-child a,
.datepickerYears td:first-child a {
  width:39px;
}
div.datepicker th a.datepickerMonth {
  width:121px;
}

/**
 * onoff.css
 * Author: http://proto.io/freebies/onoff/
 * Author: Timmy Willison
 */
.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in;
  transition: margin 0.2s ease-in;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  padding: 0;
  width: 50%;
  height: 18px;
  color: white;
  font: normal 10px/18px Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 6px;
  color: #FFFFFF;
  background-color: #86C33B;
}

input[type=checkbox][disabled]+.onoffswitch-label .onoffswitch-inner:before {
  content: "ON";
  padding-left: 6px;
  color: #FFFFFF;
  background-color: #999;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 8px;
  color: #999;
  background-color: #DDD;
  text-align: right;
}

.onoffswitch-switch {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 29px;
  width: 14px;
  margin: 2px;
  background: white;
  border: 1px solid #999999;
  border-radius: 11px;
  -webkit-transition: right 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
  transition: right 0.2s ease-in, box-shadow 0.2s ease-in;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

/*****GG-CUSTOM-CSS*****************************************************/

/* .p32.relative.workoutDetail-container .flex-between.p16b {
    display: none;
} */

.exerciseDescriptions.flex-left.flex-column.fullWidth {
    display: none;
}
/* 
.fullContent.border-box.relative, .workoutDetails .fullContent {
    height: auto !important;
    overflow: initial !important;
} */
/* .workoutDetails-exerciseInline__preview.videoLink.flex-noShrink {
    background-image: none !important;
} */

  /* Popup styling */
  #video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Darker semi-transparent background */
    display: none; /* Hidden by default */
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  /* Fade in and out animations */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
  }

  /* Applying fade in animation to the popup */
  .fade-in {
    animation: fadeIn 0.5s;
  }

  /* Close button styling */
  #close-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    color: white;
    cursor: pointer;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: 0.3s all ease;
  }

  #close-btn:hover {
    opacity: 0.5;
    transition: 0.3s all ease;
  }
  
  /* Play video div styling */
  .play-video {
    cursor: pointer;
    /* Add more styling as needed */
  }

button[title="Print training phase"],
button[title="Print workout"] {
    display: none;
}

button[title="Go back"]{
    padding: 0 !important;    
}

.p32.relative.workoutDetail-container .flex-between.p16b {
    position: absolute;
    left: 12px;
    top: 48.5px;
}


button[title="Go back"] svg {
    display: none;
}

button[title="Go back"]::before {
    content: "\276E";
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    background: transparent;
    font-weight: 300;
    font-size: 16px;
}

.baseGridHeader__search.flex-right.flex-align-center.flex-self-right{
    display: none;
}

.workoutDetails-exerciseInline__repeatCon svg{
    display: none;
}

.workoutDetails-exerciseInline__repeatText{
    display: flex;
    margin: 0;
}

.workoutDetails-exerciseInline__repeatText::before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url(images/repeat.jpg);
    background-size: 100%;
    background-position: center;
}

.workoutDetails-exerciseInline__target{
    align-items: center;
}

/* .workoutDetails-exerciseInline__wrapper{
    height: auto;
}

.videoLink:before, .videoLink:after{
    opacity: 0 !important;
}

.workoutDetails-exerciseInline__preview {
    width: 150px;
    height: 85px;
} */

.sidebar .sidebar-userProgram svg,
.sidebar .section-userProgramTrainingPhase svg {
    display: none;
}

.workoutDetails-exerciseInline__target{
    padding: 10px;
}

.workoutDetails-exerciseInline__wrapper{
    height: auto;
}

.workoutDetails-exerciseInline__targetText {
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}

.mainContent{
    height: 100vh;
}

/* .workoutDetails hr + .fullContent {
    height: initial !important;
    overflow: initial !important;
}

.layout__content.layout__content--sidebarNoPadding.fullContent.border-box.flex-left.flex-column {
    height: initial;
} */

.week-with-back {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.week-with-back button {
    margin-right: 10px;
}

.reactBaseGridWrap .baseGridColumn p {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
}

.baseGridRow.flex-left.flex-align-center.fullWidth {
    max-height: initial !important;
}

.baseGridRow.flex-left.flex-align-center.fullWidth .flex-left.flex-align-center.fullWidth {
    align-items: flex-start;
}

.reactBaseGridWrap .baseGridColumn, .reactBaseGridWrap .baseGridColumn div {
    overflow: initial;
}

.week-with-back button{
    display: none;
}

.tooltip{
    position: relative;
    margin-left: 5px;
}

.tooltip-text {
    position: absolute;
    top: 0;
    left: 0;
}

.workoutDetails-exerciseInline__name.workoutDetails-exerciseInline__name--noSuperSet.flex-noShrink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
}

.workoutDetails-exerciseInline__content.flex-left.fullWidth {
    overflow: initial;
}

.tooltip-text p {
    margin: 0;
}

.tooltip-text {
    position: absolute;
    top: 28px;
    left: 0;
    background: #5f6369;
    width: 200px;
    color: #fff;
    line-height: normal;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
    transform: scale(0);
    transform-origin: top left;
    opacity: 0;
    transition: 0.3s opacity ease-in-out;
    z-index:1;
}

.tooltip:hover .tooltip-text{
    transform: scale(1);
    opacity: 1;
    transition: 0.3s opacity ease-in-out;
}

.tooltip-icon img {
    position: relative;
    top: 2px;
}

.workoutDetails-exerciseList.flex-left.flex-column.flex-align-center.fullWidth.p16b.p8t .workoutDetails-exerciseInline__targetText {
    line-height: 20px;
}

.workoutDetails-exerciseInline__wrapper.flex-left.flex-align-center.fullWidth,
.workoutDetails-exerciseInline__title.flex-left.flex-align-center.fullWidth,
.workoutDetails-exerciseInline__wrapper--small.workoutDetails-exerciseInline--borders.flex-left.flex-align-center.fullWidth {
    position: relative;
}

.workoutDetails-exerciseInline__wrapper.flex-left.flex-align-center.fullWidth .workoutDetails-exerciseInline__superSet,
.workoutDetails-exerciseInline__title.flex-left.flex-align-center.fullWidth .workoutDetails-exerciseInline__superSet,
.workoutDetails-exerciseInline__wrapper--small.workoutDetails-exerciseInline--borders.flex-left.flex-align-center.fullWidth .workoutDetails-exerciseInline__superSet{
    position: absolute;
    top: 0;
    left: -5px;
    height: 100%;
}

@media (max-width:991px){
    *{
        white-space: normal !important;
    }
    .main_leftMenu_Left, .revLeft {
        position: static;
        width: 100%;
        height: auto;
        min-width: auto;
    }

    .layout__content.layout__content--sidebarNoPadding.fullContent.border-box.flex-left.flex-column {
        padding: 0;
        min-width: initial;
    }

    .sidebar--expanded.sidebar-userProgram--expanded.flex-left.flex-column.appear-done.enter-done {
        overflow: initial !important;
        min-height: initial !important;
    }

    .rightPanel.programSidebar .border-box.flex--1 {
        overflow: initial !important;
    }

    .rightPanel.programSidebar {
        height: auto;
    }

    .week-with-back button{
        display: block;
    }

    .baseGridRow.flex-left.flex-align-center.fullWidth .flex-noShrink.clickable {
        width: 60px !important;
        height: 34px !important;
    }

    .baseGridRow.flex-left.flex-align-center.fullWidth .flex-left.flex-column.pl16 p.tz-sp.p4t {
        display: none;
    }

    .baseGridRow.flex-left.flex-align-center.fullWidth .flex-self-right.flex-noShrink.pl8 {
        display: none;
    }

    .designSystem h6, .modal h6, .tz-lp, p.tz-lp{
        font-size:14px;
    }

    .fullContent.p32.border-box.relative{
        padding: 20px !important;
    }

    .p32.relative.workoutDetail-container,
    .workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box {
        padding: 10px !important;
    }

    .sidebar .sidebar-userProgram--expanded a.section-link{
        padding-left: 10px !important;
    }

    .revLeft {
        display: none;
    }

    .baseGridRow.flex-left.flex-align-center.fullWidth{
        padding-left: 0;
        padding-right: 0;
    }

    .workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box h3 {
        padding-left: 40px;
        font-size:18px;
    }

    .p32.relative.workoutDetail-container .flex-between.p16b {
        position: absolute;
        left: 20px;
        top: 20px;
    }

    .layout__content.layout__content--sidebarNoPadding.fullContent.border-box.flex-left.flex-column h1.week-with-back {
        font-size: 18px;
    }

    .workoutDetails-exerciseInline .workoutDetails-exerciseInline__target,
    .workoutDetails-exerciseInline__targetText {
        width: initial;
    }

    .workoutDetails-exerciseInline__target.flex-left {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        align-items: flex-start;
    }

    .workoutDetails-exerciseInline__content {
        align-items: center;
    }

    .workoutDetails-exerciseInline__target,
    .workoutDetails-exerciseInline__name--noSuperSet{
        padding: 0;
    }

    .workoutDetails-exerciseInline__name--noSuperSet{
        width: initial;
        line-height: initial;
    }

    .workoutDetails-exerciseInline__inlineIconCon {
        margin-left: 0;
        margin-right: auto;
        width: auto;
        text-align: left;
    }

    .workoutDetails-exerciseInline__name {
        width: 100%;
        padding: 0 10px;
        white-space: initial;
        overflow: initial;
        height: initial;
        text-overflow: initial;
        flex-shrink: initial;
        line-height: normal;
    }

    .workoutDetails-exerciseInline__target {
        padding-right: 10px;
        width: calc(100% - 62px) !important;
        min-height: initial;
        justify-content: center !important;
        padding-left: 62px;        
    }

    .reactBaseGridWrap .baseGridHeader{
        padding:0;
    }

    hr.divider{
        margin: 10px 0;
    }

    p.tz-p.whiteSpace--preLine.fullWidth {
        white-space: normal;
    }

    .flex-left.flex-column.pl16 {
        padding-left: 10px !important;
    }

    .baseGridRow.flex-left.flex-align-center.fullWidth {
        grid-template-columns: initial !important;
    }

    /* .workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box .flex-left.fullWidth.flex-align-center{
        display: block;
    } */

    .workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box .flex-left.fullWidth.flex-align-center svg{
        display: none;
    }

    .workoutDetails-exerciseInline__superSet.workoutDetails-exerciseInline__noSuperSet {
        display: none;
    }

    p.tz-p.whiteSpace--preLine.p8t.text-left.p16b.flex-noShrink {
        padding-bottom: 8px !important;
    }

    .workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box hr + .flex-left.fullWidth.flex-align-center {
        display: block;
    }

    .flex-align-center.flex-left.play-video,    
    .workoutDetails-exerciseInline__name{
        float: left;
    }


    .workoutDetails-exerciseInline__content.flex-left.fullWidth {
        display: block;
        padding-top:5px;
        padding-bottom:5px;
        overflow: initial;
    }

    .workoutDetails-exerciseInline__name {
        width: calc(100% - 72px);
        line-height:normal;
        padding-right:0 !important;
        margin-bottom:3px;
    }

    .workoutDetails-exerciseInline.flex-left.flex-column.fullWidth {
        position: relative;
    }

    .workoutDetails-exerciseInline__superSet {
        position: absolute;
        left: -6px;
        height: 100%;
        top: 0;
    }

    .workoutDetails-exerciseInline .workoutDetails-exerciseInline__target, .workoutDetails-exerciseInline .workoutDetails-exerciseInline__time{
        border: 0;
    }

    .workoutDetails-exerciseInline__content.flex-left.fullWidth .flex-align-center.flex-left {
        float: left;
        margin-bottom:-15px;
    }

    .workoutDetails-exerciseInline__content.flex-left.flex-align-center.fullWidth .workoutDetails-exerciseInline__preview.flex-noShrink {
        float: left;
    }

    .workoutDetails-exerciseInline__time {
        padding-left: 62px;
    }

    video#video-player {
        width: 90%;
        margin: 0 auto;
        display: block;
        height: auto;
    }

    .tooltip {
        margin-left: 0;
        order: -1;
        margin-right: 5px;
    }

    .tooltip-text {
        top: 22px;
    }

    p, p *,
    .workoutDetails-exerciseList.flex-left.flex-column.flex-align-center.fullWidth.p16b.p8t .workoutDetails-exerciseInline__target,
    .workoutDetails-exerciseList.flex-left.flex-column.flex-align-center.fullWidth.p16b.p8t .workoutDetails-exerciseInline__target *,
    .workoutDetails-exerciseList.flex-left.flex-column.flex-align-center.fullWidth.p16b.p8t .workoutDetails-exerciseInline__name {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .layout__content.layout__content--sidebarNoPadding.fullContent.border-box.flex-left.flex-column p.tz-lp.p8t.inline-block {
        padding-top: 0 !important;
    }
}

.sidebar .sidebar-userProgram--expanded li.section-userProgramTrainingPhase{
    border-bottom: 1px solid #eaeaea;
}

.workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box hr.divider + .fullContent {
    height: initial !important;
    overflow: initial !important;
}

.workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box {
    height: auto;
}

.reactBaseGridWrap .baseGridFooter{
    visibility: hidden;
}

.exerciseDescriptions.flex-left.flex-column.fullWidth{
    display: block;
}

.exerciseDescriptions.flex-left.flex-column.fullWidth{
    display: none;
}

.workoutDetails.flex-left.flex-column.fullContent.designSystem.overflow--hidden.border--gray.p16.border-box .flex-left.fullWidth.flex-align-center svg {
    display: none;
}

span.section-userProgramTrainingPhase-current{
    display: none;
}
/*****GG-CUSTOM-CSS-END*************************************************/