/* Global TR css */

.block {
	display: block;
}
.inline-block {
	display: inline-block!important;
}
.center {
	margin: 0 auto;
}
.pull-right {
	float: right;
}
.no-border {
    border: none!important;
}
.transparent-bg, .bg--transparent {
    background-color: transparent;
}
.bg--white {
	background-color: white;
}
.noMargin {
	margin:0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.noPadding {
	padding:0!important;
}
.margin-5-right {
	margin-right: 5px !important;
}
.margin-10-right {
    margin-right: 10px !important;
}
.margin-15-right {
    margin-right: 15px !important;
}
.noBackground, li.noBackground, div.noBackground {
	background: transparent;
}
.noBorder-top, li.noBorder-top, div.noBorder-top {
	border-top:none!important;
}
.noBorder-bottom, li.noBorder-bottom, div.noBorder-bottom {
	border-bottom:none!important;
}
.noMouse {
	pointer-events: none;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.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%;
}
.noWidth {
	width: 0 !important;
}
.halfWidth {
	width: 50%;
}
.min-height-fix {
	/* Fix for firefox rendering flex */
	min-height: 0;
}

.linkBtn, .clickable {
	cursor: pointer;
}

div.disableDiv {
	opacity: 0.5;
	pointer-events: none;
}

.halfOpacity {
    opacity: 0.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;
}

/* Text */
h1.trHeading {
	font-size: 26px;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	margin-bottom: 16px;
}
h2.trHeading {
    color: #333;
    font-size: 22px;
    font-weight: normal;
}
h3.trHeading {
    color: #444;
    font-size: 18px;
    font-weight: normal;
}
h4.trHeading {
    color: rgb(51, 51, 51);
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}
h5.trHeading {
    color: rgb(51, 51, 51);
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
}
h6.trHeading {
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-weight: normal;
    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: normal;
	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;
}
/* Font weight definitions */
.fontWeight--100 {
	font-weight: 100!important;
}
.fontWeight--200 {
	font-weight: 200!important;
}
.fontWeight--400 {
	font-weight: 400!important;
}
.fontWeight--600 {
	font-weight: 600!important;
}
.fontWeight--800 {
	font-weight: 800!important;
}

/* Font size definitions */
.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--15 {
	font-size: 15px!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;
}

/* Transform helpers */
.rotate--90 {
	transform: rotate(90deg);
}
.rotate--180 {
	transform: rotate(180deg);
}
.rotate--270 {
	transform: rotate(270deg);
}

/* Null screen text */
h1.trNullScreen,
.nullDash h1 {
	min-width: 700px;
	text-align: center;
	line-height: 140%;
    font-size: 24px;
    color: #4a4a4a;
    font-weight: normal;
}
p.trNullScreen,
.nullDash p {
	font-size: 14px;
    color: #797c80;
    font-weight: 400;
    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: rgb(154,154,154);
}
.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: #999999 !important;
}
.text-light-grey {
    color: #A3A3A3 !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: bold;
}
.text-italic {
    font-style: italic;
}
.no-wrap {
	white-space: nowrap;
}
.loading-overlay {
	opacity: 0.6!important;
	pointer-events: none;
}
.trError {
	padding-top: 15px;
	display: inline-block;
}

/* Inputs */
.trTextField {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: block;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    -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 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);
}
.trDialogInput[type="text"]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
}
.trDialogInput[type="text"]::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
}
.trDialogInput[type="text"]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
}
.trDialogInput[type="text"]:-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
}
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 (jQuery) */
.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: 400;
    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;
	/*border-bottom: 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 white!important;
}

/* Icons */
.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-icon-location 							{ background-image: url('/app/images/location/pin-48x48.png'); }
.tr-icon-worldLocation 						{ background-image: url('/app/images/location/icon-location.png'); }
.tr-icon-clock 								{ background-image: url('/app/images/widget/locationsHours.png'); }
.tr-icon-currentLocation					{ background-image: url('/app/images/location/icon-pin.png'); }
.tr-icon-stairsDown							{ background-image: url('/app/images/location/stairs-down.png'); }
.tr-icon-phone 								{ background-image: url('/app/images/location/phone.png'); }
.tr-icon-trainer 							{ background-image: url('/app/images/location/trainers.png'); }
.tr-icon-refresh 							{ background-image: url('/app/images/location/reopen.png'); }
.tr-icon-close 								{ background-image: url('/app/images/UI/close.png')!important; }
.tr-icon-close-white						{ background-image: url('/app/images/UI/close_white.png')!important; }
.tr-icon-close-blue							{ background-image: url('/app/images/UI/close_blue.png')!important; }
.tr-icon-dragdrop 							{ background-image: url('/app/images/UI/dragdrop_80x82.png'); }
.tr-icon-help 								{ background-image: url('/app/images/UI/helpGrey.png'); }
.tr-icon-arrowDown							{ background-image: url('/app/images/UI/icons/arrowDown.png'); }
.tr-icon-helpFilled							{ background-image: url('/app/images/UI/Icon-Help.png'); }
.tr-icon-warn								{ background-image: url('/app/images/UI/icons/warningGray.png'); }
.tr-icon-warnRed							{ background-image: url('/app/images/UI/icons/warningRed.png'); }
.tr-icon-paused								{ background-image: url('/app/images/UI/icons/paused.png'); }
.tr-icon-lastSeen							{ background-image: url('/app/images/UI/icons/lastSignedIn.png'); }
.tr-icon-message							{ background-image: url('/app/images/UI/icons/lastMessaged.png'); }
.tr-icon-response							{ background-image: url('/app/images/UI/icons/lastResponded.png'); }
.tr-icon-message-9b9b9b						{ background-image: url('/app/images/UI/icons/lastMessaged-9b9b9b.png'); }
.tr-icon-plusWhite							{ background-image: url('/app/images/UI/icons/plusWhite.png'); }
.tr-icon-delete-9b9b9b						{ background-image: url('/app/images/UI/icons/delete-9b9b9b.png'); }
.tr-icon-lastConvo							{ background-image: url('/app/images/UI/icons/viewLastConvo.png'); }
.tr-icon-archived							{ background-image: url('/app/images/UI/icons/tagArchived.png'); }
.tr-icon-infinity							{ background-image: url('/app/images/UI/icons/infinite.png'); }
.tr-icon-checkBlue							{ background-image: url('/app/images/UI/icons/checkBlue.png'); }
.tr-icon-clientRegular						{ background-image: url('/app/images/UI/icons/clientRegular.png'); }
.tr-icon-clientTest							{ background-image: url('/app/images/UI/icons/clientTest.png'); }
.tr-icon-clientTraining						{ background-image: url('/app/images/UI/icons/trainingClientGray.png'); }
.tr-icon-clientTrainingNoSignIn				{ background-image: url('/app/images/UI/icons/clientTrainingNoSignIn.png'); }
.tr-icon-clientTrainingWithSignIn			{ background-image: url('/app/images/UI/icons/clientTrainingWithSignIn.png'); }
.tr-icon-clientTrainingWhite				{ background-image: url('/app/images/UI/icons/trainingClientWhite.png'); }
.tr-icon-clientTraining-signinGray			{ background-image: url('/app/images/UI/icons/trainingClientSignInGray.png'); }
.tr-icon-clientTraining-signinWhite			{ background-image: url('/app/images/UI/icons/trainingClientSignInWhite.png'); }
.tr-icon-trainerRegular         			{ background-image: url('/app/images/UI/icons/trainerRegular.png'); height: 50px !important; width: 45px !important; margin: 10px !important; }
.tr-icon-trainerShared		   		    	{ background-image: url('/app/images/UI/icons/trainerShared.png'); height: 50px !important; width: 45px !important; margin: 10px !important; }
.tr-icon-trainerManager	        			{ background-image: url('/app/images/UI/icons/trainerManager.png'); height: 50px !important; width: 45px !important; margin: 10px !important; }
.tr-icon-trainerAdmin	         			{ background-image: url('/app/images/UI/icons/trainerAdmin.png'); height: 50px !important; width: 45px !important; margin: 10px !important; }
.tr-icon-smallCheckmark         			{ background-image: url('/app/images/UI/icons/smallCheckmark.png'); }
.tr-icon-tagStar							{ background-image: url('/app/images/UI/icons/tagStar.png'); }
.tr-icon-tagStarTag							{ background-image: url('/app/images/UI/icons/tagStarTag.png'); }
.tr-icon-tagOrange							{ background-image: url('/app/images/UI/icons/tagOrange.png'); }
.tr-icon-tagRed								{ background-image: url('/app/images/UI/icons/tagRed.png'); }
.tr-icon-tagGray							{ background-image: url('/app/images/UI/icons/tagGrey.png'); }
.tr-icon-tagBlue							{ background-image: url('/app/images/UI/icons/tagBlue.png'); }
.tr-icon-tagWhite							{ background-image: url('/app/images/UI/icons/tagWhite.png'); }
.tr-icon-tagTraining						{ background-image: url('/app/images/UI/icons/tagTraining.png'); }
.tr-icon-tagCardRed							{ background-image: url('/app/images/UI/icons/tagCreditCard.png'); }
.tr-icon-program							{ background-image: url('/app/images/UI/icons/filter-program.png'); }
.tr-icon-plan								{ background-image: url('/app/images/payments/svg/icons-8-plan.svg'); background-repeat: no-repeat; background-position: center; background-size: 17px 21px; }
.tr-icon-package							{ background-image: url('/app/images/payments/svg/icons-8-package.svg'); background-repeat: no-repeat; background-position: center; background-size: 17px 21px; }
.tr-icon-chevronDown						{ background-image: url('/app/themes/glass/images/ui-icons_808080_256x240.png'); background-position: -64px -16px; background-size: 260px; }
.tr-icon-print								{ background-image: url('/app/images/tr-icons-999999.png'); background-position: -127px -25px;  background-size: 180px 170px; }
.tr-icon-print-999999						{ background-image: url('/app/images/tr-icons-999999.png'); background-position: -112px -16px; background-size: 160px 125px; }
.tr-icon-restore-999999						{ background-image: url('/app/images/tr-icons-999999.png')!important; background-position: -16px -65px; background-size: 160px 128px; }
.tr-icon-contact-ffffff						{ background-image: url('/app/images/tr-icons-ffffff.png'); background-position: -50px -66px; background-size: 160px 60px; }
.tr-icon-importFrom                         { background-image: url('/app/images/tr-icon-importFrom.png');}
.tr-icon-syncFrom                         	{ background-image: url('/app/images/tr-icon-syncFrom.png');}
.tr-icon-myFitnessPal                       { background-image: url('/app/images/tr-icon-myFitnessPal.jpeg');}
.tr-icon-fitbit                             { background-image: url('/app/images/tr-icon-fitbit.png');}
.tr-icon-connected                          { background-image: url('/app/images/tr-icon-connected.png');}
.tr-icon-star                               { background-image: url('/app/images/tr-icon-star.png');}
.tr-icon-hits                               { background-image: url('/app/images/UI/icons/tr-icon-hits.png');}
.tr-icon-export								{ background-image: url('/app/images/icons/svg/icon-exportExcel.svg'); background-repeat: no-repeat; background-position: center; background-size: 17px 21px; }
.tr-icon-warningRed                         { background-image: url('/app/images/icons/svg/icon-warningRed.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px; }

.tr-icon-client-archived                    { background-image: url('/app/images/UI/icons/clients/ic-archive.svg');}
.tr-icon-client-coachingClients             { background-image: url('/app/images/UI/icons/clients/ic-coachingClients.svg');}
.tr-icon-client-basicClients                { background-image: url('/app/images/UI/icons/clients/ic-basicClients.svg');}
.tr-icon-client-pending                     { background-image: url('/app/images/UI/icons/clients/ic-pending.svg');}

.tr-icon-filter-allLocation                 { background-image: url('/app/images/clientFilter/filter_allLocation.svg');}
.tr-icon-filter-userGroup                   { background-image: url('/app/images/clientFilter/filter_group.svg');}
.tr-icon-filter-location-submenu            { background-image: url('/app/images/clientFilter/filter_location_submenu.svg');}
.tr-icon-filter-location                    { background-image: url('/app/images/clientFilter/filter_location.svg');}
.tr-icon-filter-plan                     	{ background-image: url('/app/images/clientFilter/filter_product.svg');}
.tr-icon-filter-program                     { background-image: url('/app/images/clientFilter/filter_program.svg');}
.tr-icon-filter-tag                         { background-image: url('/app/images/clientFilter/filter_tag.svg');}
.tr-icon-filter-trainer-submenu             { background-image: url('/app/images/clientFilter/filter_trainer_submenu.svg');}
.tr-icon-filter-trainer                     { background-image: url('/app/images/clientFilter/filter_trainer.svg');}
.tr-icon-filter-role						{ background-image: url('/app/images/clientFilter/filter_role.svg');}

.tr-icon-success-circle       			    { background-image: url('/app/images/UI/icons/operation/success.svg');}
.tr-icon-fail-circle                        { background-image: url('/app/images/UI/icons/operation/fail.svg');}

.ui-icon-closethick, .ui-widget-content .ui-icon-closethick { background-image: url('/app/images/UI/close.png'); background-position: center center; } /* Existing icon overwrite - exists in too many places */

.tr-dialog-close {
	top: 8px;
	right: 8px;
	position: absolute;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background-size: 100%;
	opacity: 0.5!important;
	cursor:pointer;
}
.tr-dialog-close-bg {
	background-color: black;
	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 0.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 0.25s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
}
.tr-dialog-fullscreen {
	background: none!important;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* jQuery widget styles */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog {
	padding:0;
}

/* --- jAlert */
.jpopup.ui-widget-content {
	border: none;
	background: #fff;
	font-weight: 400;
	padding: 8px;
}

.ui-dialog .ui-dialog-buttonpane {
	background: transparent;
	border-width:0;
	padding:0;
}
.ui-dialog .ui.dialog-buttonpane button {
    margin: .4em .4em .4em 0;
}

.jpopup table TH {
    padding: 16px 8px;
}

/* --- button overrides */
.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;
}

/* Dialog styles */

.pDialog, .pDialog--32 {
	padding: 32px 48px 32px 32px!important;
}
.pDialog--16 {
	padding: 16px 32px 16px 16px!important;
}

.trDialog {
	/*padding: 16px;*/
	background: white;
}
.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: white;
}
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: white;
}
div.trUIAlertDialogLarge {
	width: 520px!important;
}

/* Loader */
.tr-loader {
	z-index: 100;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.trBtnLoader {
	position: relative;
	background-color: rgba(255,255,255,0.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 white;
    background-color: rgba(255,255,255,0.7);
}

/* No connection */
.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;
}

/* No data */
.noDataTile {
	width: 100%;
	height: 100%;
	background: #eee;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	color: #777;
	text-align: center;
	/*padding: 40px 0 35px 0;*/
	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;
}

/* Bacgkround colors */
.bg-grey {
	background-color: rgba(250,250,250,1);
}


/* Border colors */
.border-grey {
	border: 1px solid #ebebeb;
}
.border-bottom-grey {
	border-bottom: 1px solid #ebebeb;
}
.border-top-grey {
	border-top: 1px solid #ebebeb;
}

/* Text colors */
.workout-green {
	color: #8cc34b;
}
.workout-blue {
	color: #05A9F5;
}
.workout-grey {
	color: #d9d9d9;
}
.color-protein {
    color: #37A16C;
}
.color-fat {
    color: #FFA450;
}
.color-carbs {
    color: #64BBE1;
}
.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;
}

/* Flex helpers */
.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;
}
.flex-middle {
	display: flex;
	align-items: center;
}

/* Banners */
.fullWidth-leaderboard {
	width:100%;
	height:80px;
	background: #fafafa;
	border: 1px solid #ebebeb;
}
.fullWidth-banner {
	width:100%;
	height:180px;
	background: #ffffff;
	border: 1px solid #ebebeb;
}

/* Add buttons */

.trAddButton {
	display: flex;
	align-items: center;
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    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;
}

/* New client menu */

.custom_dropdown_menu_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 85px;
	background-color: #ffffff;
	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: normal;
	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;
}


/* Search Input */
.searchBar-container {
	width: 100%;
    position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 2px 10px 2px 3px;
    background: white;
    border: 1px solid #ebebeb;
    border-radius: 20px;
	transition: all 0.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 0.4s;
	flex-shrink: 0;
}

.searchBar-input {
	border: none;
	box-shadow: none;
    outline: none;
	transition: all 0.4s;
	font-size: 12px;
	width: 100%;
}
.searchBar-input::placeholder {
  color: #ccc;
  font-weight: 400;
}
.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: 0.7;
	transition: opacity 0.4s;
}

.searchBar-container.closed {
	background-color: transparent;
	border: 1px solid transparent;
}
.searchBar-container.closed .searchBar-input{
	width: 0px;
	background-color: transparent;
}
.searchBar-container.open .searchBar-input{
	width: 100%;
	background-color: #fff;
}
.searchBar-container.closed .searchBar-clear{
	width: 0px;
	opacity: 0;
}
.searchBar-container.open .searchBar-clear{
	opacity: 0.7;
}

/* Unread */
.unread-bubble-withNumber {
	top: 15px;
	right: 15px;
	font-size: 11px;
	min-width: 11px;
	height: 11px;
	text-align: center;
	border-radius: 10px;
	background: #FF5366;
	color: white;
	padding: 0px 3px 0px 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: white;
	padding: 0px 3px 0px 3px;
	box-sizing: border-box;
	margin: 0 8px;
}

/* Drop Area */
.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,0.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
 * z-index is set high here for dialog qTip cases
 */
.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:0.8
}
.qtip-trigger:hover {
  opacity:1
}
.qTip p,
.ui-tooltip-content p {
	font-weight: 400;
    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: 400;
}
.qtip {
	z-index: 2001!important;
}

/* dropdown dialogs
 * Standardized styles for our dropdown dialogs
 */
 .trDropdown {
	 position: absolute;
	background: white;
	z-index: 100;
 }
.trDropdown .sub-nav,
.trDropdown .sub-nav-links {
	width: 150px;
	box-shadow: 0px 0px 7px 0 rgba(0,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: 400;
	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: 400;
    padding: 6px 10px;
    overflow: hidden;
}
.trDropdown .sub-nav li p {
    font-size: 12px;
    color: #9a9a9a;
}
.trDropdown .sub-nav li:hover p {
    color: #06a9f6;
}

/* Need a class for keeping the hover appearance for the nested context menus. */
.trDropdown .sub-nav li.trDropdownItemHover {
    cursor: pointer !important;
    background-color: #f2f2f2;
    color: #06a9f6;
}
.trDropdown .sub-nav li.trDropdownItemHover p {
    color: #06a9f6;
}

/* Dropdown specific item styles */
.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;
}

/* 3 dot vertical icon */
.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 definitions */
.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;
}


/* Radio Button restyling */
.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: 400!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: 0px;
    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 0.2s ease;
    transition: all 0.2s ease;
}
.fancy-radio-container input[type="radio"]:not(:checked) + label:before {
    border: 1px solid #A3A3A3; /* gray80 */
}
.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);
}

/* Video Image Links */
.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: white;
	background-color: rgba(255, 195, 53, 0.8);
	border: 1px solid #ffffff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 200ms;
}
.videoLink:after {
	position: absolute;
	content: ' ';
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	display: block;
	background-color: rgba(0,0,0,0.3);
}
.videoLink--noBackground:after {
	background-color: transparent;
}
.videoLink:hover:before {
	background-color: rgba(255, 195, 53, 0.9);
}

/* Start Billing form styles */
.billingForm input[type="text"],
.billingForm .recurly-hosted-field {
	height: 36px;
	border:1px solid #e8e8e8;
	border-radius: 2px;
    outline: none;
    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,
select.trSelect, .trSelect {
	width: 100%;
    border: 0;
    outline: none;
    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: 400;
	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;
}
select.trSelect.trSelect--small, .trSelect.trSelect--small {
	height: 24px;
    line-height: 23px;
}
select.trSelect.trSelect--med, .trSelect.trSelect--med {
	height: 26px;
    line-height: 25px;
}
select.trSelect, .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;
}

select.trSelect:focus, select.trSelect:hover,
.trSelect:focus, .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;
}

/* End Billing form styles */


/* Sidebar Collapsable Style */
.collapsableSidebar__header {
	height: 50px;
	padding: 0 8px 0 10px;
	width: 100%;
	background-color: white;
    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; /* firefox fix for flex */
  }
  .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;
  }

  /* Selectable Items Widget */
  .selectableItems__container li:hover {
	background-color: #ebebeb;
	color: #2196f3;
  }
  .selectableItems__container {
	  overflow: auto;
  }


/* Icon definitions */
.tr-icon-verticalMenu > .icon--hover {
	display: none;
}
.tr-icon-verticalMenu:hover > .icon--hover {
	display: block;
}
.tr-icon-verticalMenu:hover > .icon--display {
	display: none;
}

/* Misc */
#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");
}

.background-color-mfp {
	background-color: #0066EE;
}