/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1216,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1228,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(1232,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(1240,28): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(1248,28): run-time error CSS1039: Token not allowed after unary operator: '-invertable-bg'
(1249,17): run-time error CSS1039: Token not allowed after unary operator: '-invertable-fg'
 */
/*#region Body / General */
:root {
    --color-blue: oklch(0.37 0.1 254.66);
    --color-green: oklch(0.65 0.08 252.84 / .6);
    --color-yellow: oklch(0.85 0 140.91 / .3); 
    --color-orange: oklch(0.85 0.15 75 / .6);
    --color-red: oklch(0.85 0.2 75);
    --invertable-bg: transparent;
    --invertable-fg: #333333;
}

html {
    -ms-overflow-style: scrollbar;
}

body {
    overflow-y: scroll;
}

.btn {
    font-family: Arial, Helvetica, sans-serif;
}

.modal-body {
    border: none;
}

#MainContentCont {
    margin-top: 10px;
}

#AjaxLoader {
    position: absolute;
    background-image: url("/Content/Images/ajax_load.gif");
    height: 150px;
    width: 150px;
}

#loadingDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 164px;
    height: 164px;
    margin-top: -82px; /*set to a negative number 1/2 of your height*/
    margin-left: -82px; /*set to a negative number 1/2 of your width*/
    background: url("/Content/Images/spinner.gif");
    display: none;
    z-index: 2000;
}

#recaptcha_area {
    margin: 0 auto;
}

.ErrorMessage {
    margin: 0 0 3px;
    font-size: 80%;
    color: #ff0000;
}

.SuccessMessage {
    margin: 0 0 3px;
    font-size: 80%;
    color: #3dce00;
}

.ErrorMessage2 {
    margin: 0 0 3px;
    font-size: 80%;
    color: #ff8686;
    font-weight: bold;
}

.SuccessMessage2 {
    margin: 0 0 3px;
    font-size: 80%;
    font-weight: bold;
    color: #3dce00;
}

#LoginErrors {
    margin-bottom: 10px;
    margin-left: 10px;
}

.ErrorHolder {
    display: inline-block;
}

    .ErrorHolder.Block {
        display: block;
    }

    .ErrorHolder > span {
        border: solid 1px #2D2A2A;
        background-color: #5a5a5a;
        padding: 3px 7px 3px 7px;
        border-radius: 5px;
        min-height: 40px;
        min-width: 100%;
    }

#ErrorMessagesModal {
    position: relative;
    right: 50px;
}

.table th {
    min-width: 45px;
}

.HRDark {
    border-color: #bbb;
}

.big {
    font-size: 120%;
    font-weight: bold;
}

/*#endregion */

/*#region Header Style */
/*#endregion */

/*#region  Menu Nav Styling*/

#LoginPasswordField, #EmailField {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

#LoginFormFields {
    display: inline;
}

#LoginFormArrow {
    padding: 2px 6px 2px 6px;
}

#login_User {
    font-size: 11px;
    height: 30px;
    width: 100px;
}

#login_Pass {
    font-size: 11px;
    height: 30px;
    width: 100px;
}

#LoginCont {
    margin-right: 14px;
    float: right;
    height: 80px;
}

#loginJumbo {
    width: 90px;
    padding: 6px 10px 6px 10px;
}

#RegisterCont {
    margin-top: 3px;
}

/*#endregion */


/*#region Admin*/

#AIErrors > span, #UDErrors > span {
    margin-left: 5px;
}

#AIErrors, #UDErrors {
    margin-bottom: 10px;
}

#AdminIndexCont p, #IndexCont p {
    font-size: 13px;
}

#IndexCont > div {
    max-width: 500px;
}

#UserDetailRowTable {
    height: 250px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 0px;
    padding-bottom: 4px;
}

#UserDetailModalBody {
    padding-bottom: 10px;
}

#UserDetailModalFooter {
    margin-top: 0px;
}

#AddRoleBtn {
    padding: 3px 7px 3px 7px;
    margin-bottom: 3px;
}

.TableIconLink {
    margin-left: 5px;
}

.TableCategory {
    font-size: 14px;
    text-align: center;
    background-color: #888686 !important;
}

.panel-darkgrey {
    border: 1px solid #888686;
}

    .panel-darkgrey > .panel-heading {
        color: #fff;
        background-color: #888686;
        border-color: #888686;
    }

.AdminRows > td {
    background-color: #fff;
}

#RotationSpeed {
    margin-left: 8px;
    width: 22px;
    text-align: center;
}

#ICSave {
    margin-top: 8px;
    margin-right: 20px;
}

.SaveFooter {
    margin-top: 12px;
    border-top: solid 1px #808080;
}

#RotationPanelCont {
    padding-left: 5px;
}

.Small {
    font-size: 75%;
}

.jumbotron p.Medium {
    font-size: 90%;
}

.jumbotron {
    margin: 0;
    padding: 30px;
}

.table-white tbody tr > td {
    background-color: #fff;
}
/*#endregion*/

/*#region Classroom*/
#EULACont {
    max-height: 500px;
    overflow: scroll;
    border: 1px groove black;
    padding: 4px;
    overflow-x: hidden;
}

    #EULACont > span {
        font-weight: 200;
        font-size: 21px;
    }

    #EULACont > p {
        font-weight: normal;
        font-size: 12px;
    }

        #EULACont > p > span {
            font-weight: 800;
            font-size: 14px;
        }

#PrefCont {
    float: right;
}

    #PrefCont > button > span {
        font-size: 18px;
        font-weight: 800;
    }

    #PrefCont > button {
        padding-top: 5px;
    }

#Heading2 {
    font-size: 30px;
    width: 100%;
    text-align: center;
}

#StreamModal {
    display: none;
    height: 800px;
    width: 600px;
    background-color: white;
    border-radius: 7px;
}

/*#endregion*/

/*#region classroom admin*/
#ClassroomAdminCont {
    padding: 4px;
}

    #ClassroomAdminCont > #CAContent {
        padding: 20px 20px 50px 20px;
    }

    #ClassroomAdminCont > div > ul > li {
        padding: 0px 4px 0px 4px;
    }

#UnregisteredEmail {
    width: 150px;
}

#UnregisteredEmail, #AddUnregisteredUser {
    margin: 10px 4px 10px 4px;
    float: right;
}

#URUPanel .panel-body {
    padding-left: 4px;
    padding-right: 4px;
}

#URUPanel {
    margin-top: 10px;
}

.ActionTitle {
    display: inline;
    margin: 0 10px;
}

.ActionTitleWButton {
    line-height: 1.4;
}

#AssignNext {
    margin-left: 5px;
}

#AssignObjectType {
    margin-left: 15px;
}

.Clickable, .ClickableRow {
    cursor: pointer;
}

    .ClickableRow:hover td {
        background-color: #f5b702 !important;
    }

.SelectedRow td {
    background-color: #c7c7c7 !important;
}

.p2 {
    display: none;
}

#AssignHeader {
    min-height: 40px;
}

#GoBackRoster, #GoBackTrack, #GoBackBeta {
    margin-right: 5px;
}

#AddStudentTable > tbody > tr > td, #AddVideoTable > tbody > tr > td {
    padding: 4px;
    line-height: 1.0;
    font-size: 12px;
    vertical-align: middle;
}

#PermissionsUser {
    float: left;
    min-width: 400px;
    width: 50%;
    border: 1px black solid;
}

#NotesUserSelect {
    float: left;
    min-width: 645px;
    width: 50%;
    border: 1px black solid;
}

#PermissionDetails {
    float: right;
    min-width: 400px;
    width: 49%;
    border: 1px black solid;
}

#NotesDetails {
    float: right;
    min-width: 400px;
    width: 49%;
    border: 1px black solid;
}

#PermissionsDetailsTable {
    margin-top: 27px;
}

#UnregisteredContainer {
    max-width: 500px;
}

#PermissionHeaderCont, .SuperHeader {
    height: 56px;
    border-radius: 4px;
    margin-bottom: 5px;
    padding-top: 10px;
    background-color: #888686;
    color: white;
    font-weight: 400;
}

    #PermissionHeaderCont h2, .SuperHeader h2 {
        margin: 0px;
        padding: 0px;
    }

#DCSV_Button {
    margin-right: 8px;
}
/*#endregion*/

/*#region Images*/
.ActionImageSpacer_24 {
    display: inline-block;
    vertical-align: text-top;
    margin-left: 2px;
    margin-right: 2px;
    width: 24px;
}

.ActionImage {
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
}

.ActionExp {
    display: none;
}

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

    .ActionCol > div {
        font-size: 2em;
        padding-top: 3px;
        cursor: pointer;
    }

@media (min-width: 900px) {
    .ActionExp {
        display: inline-block;
        float: right;
    }

    .ActionCol {
        display: none;
    }
}

.StaticImage {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
}

.ActionImage > a > span {
    font-size: 11px;
}

.Image_16 {
    height: 16px;
    width: 16px;
    border-style: none;
    border: 0;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.Image_32 {
    height: 32px;
    width: 32px;
    border-style: none;
    border: 0;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.Image_24 {
    height: 24px;
    width: 24px;
    border-style: none;
    border: 0;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.Image_12 {
    height: 12px;
    width: 12px;
    border-style: none;
    border: 0;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.Filter_24 {
    height: 24px;
    width: 24px;
    border-style: none;
    border: 0;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -296px -266px;
}

.Close_32 {
    height: 32px;
    width: 32px;
    border-style: none;
    border: 0;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -83px -949px;
    float: right;
    cursor: pointer;
}

.AddImage_24 {
    background: url("/Content/Images/IconSprite.png");
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.AddImage_16 {
    background: url("/Content/Images/IconSprite.png");
    background-position: -103px 0;
    width: 16px;
    height: 16px;
}

.AddImage_24_dis {
    background: url("/Content/Images/IconSprite.png");
    background-position: -25px 0;
    width: 24px;
    height: 24px;
}

.Check_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -25px -983px;
    width: 24px;
    height: 24px;
}

.Check_16 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -62px -987px;
    width: 16px;
    height: 16px;
}

.X_16 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -967px;
    width: 16px;
    height: 16px;
}

    .X_16.disabled {
        background: url(/Content/Images/IconSprite.png) no-repeat;
        background-position: -19px -968px;
        width: 16px;
        height: 16px;
    }

.Requeue_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -43px -895px;
    width: 24px;
    height: 24px;
}

.View_24 {
    background: url("/Content/Images/IconSprite.png");
    background-position: -52px 0;
    width: 24px;
    height: 24px;
}

.Menu_32 {
    background: url("/Content/Images/IconSprite.png");
    background-position: -36px -305px;
    width: 32px;
    height: 32px;
}

.Password_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -1132px;
    width: 24px;
    height: 24px;
}

.EditImage_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -1010px;
    width: 24px;
    height: 24px;
}

.EditImage_16 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: -37px -1037px;
    width: 16px;
    height: 16px;
}

.EditImage_White_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: -27px -1010px;
    width: 24px;
    height: 24px;
}

.Save_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -80px -1011px;
    width: 24px;
    height: 24px;
}

.Rotate_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: -197px -621px;
    width: 24px;
    height: 24px;
}

.DeleteImage_24, .X_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -939px;
    width: 24px;
    height: 24px;
}

    .DeleteImage_24.disabled, .X_24.disabled {
        background: url("/Content/Images/IconSprite.png") no-repeat;
        background-position: -68px -915px;
        width: 24px;
        height: 24px;
    }

.Calc_16 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -80px -306px;
    width: 24px;
    height: 24px;
}

.Name_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -271px -187px;
    width: 24px;
    height: 24px;
}

.CopyImage_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -128px -1010px;
    width: 24px;
    height: 24px;
}

.CopyImage_16 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -160px -1017px;
    width: 16px;
    height: 16px;
}

.TVImage_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -55px -1010px;
    width: 24px;
    height: 24px;
}

.TVRemove_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -129px -1036px;
    width: 24px;
    height: 24px;
}

.TVHasVid {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -102px -1037px;
    width: 26px;
    height: 24px;
}

.NoVid {
    display: none;
}

.UpArrow_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -201px -189px;
    width: 24px;
    height: 24px;
}

.DownArrow_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -232px -190px;
    width: 24px;
    height: 24px;
}

.Refresh_32 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -1097px;
    width: 32px;
    height: 32px;
}

.StreamImage_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -1070px;
    width: 24px;
    height: 24px;
}

.DownloadImage_24 {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: 0 -985px;
    width: 24px;
    height: 24px;
}

.BlackMenu {
    background: url("/Content/Images/IconSprite.png") no-repeat;
    background-position: -158px -306px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

/*#endregion Images*/

.calendarImage {
    width: 16px;
    height: 16px;
    cursor: pointer;
    left: -4px;
    float: right;
    border-style: none;
}

#VerifyLabel {
    display: inline;
    margin-left: 12px;
}

#ValidationCodeBox {
    width: 75px;
    display: inline;
}

.FullWidth {
    width: 100%;
}

.vdivider {
    border-right: 2px ridge #aeaeae;
    min-height: 200px;
    height: 100%;
}

.WithLabel {
    max-width: 60%;
    display: inline;
}

#ManageAccountCont {
    margin-left: 15px;
}

#CloseVerification {
    font-weight: bolder;
    cursor: pointer;
    padding: 1px 6px 1px 6px;
    border: 1px solid black;
    border-radius: 4px;
}

#PopupTitle {
    float: left;
}

#VerificationPopup {
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 8px;
    background-color: #f8e38e;
    border-radius: 8px;
    z-index: 10000;
    right: 0;
}

.QuestionButton {
    color: #004b8c;
    font-size: 22px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

.QuestionButton2 {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    margin-top: 1px;
    cursor: pointer;
}

    .QuestionButton2 > span {
        background-color: #144173;
        border-radius: 13px;
    }

.QBBlue {
    color: #144173;
    font-size: 22px;
    display: inline-block;
    margin-top: 1px;
    cursor: pointer;
}

    .QBBlue > span {
        background-color: #fff;
        border-radius: 13px;
    }

.InputLabel {
    font-family: Verdana;
    font-size: 16px;
    font-weight: bolder;
}

#HeartRateLeft {
    margin-left: 200px;
}

    #HeartRateLeft .InputLabel, #SubjectiveLeft .InputLabel {
        display: inline-block;
        padding-right: 10px;
    }

    #HeartRateLeft .HeartRateInput {
        display: inline-block;
        width: 350px;
        margin-left: 20px;
    }

#HeartRateRight {
    width: 150px;
}

    #HeartRateRight div {
        padding-bottom: 10px;
    }

#ModalHeartRateLeft {
    float: left;
}

    #ModalHeartRateLeft > div {
        margin-bottom: 10px;
    }

    #ModalHeartRateLeft .InputLabel {
        display: inline-block;
    }

    #ModalHeartRateLeft .HeartRateInput {
        display: inline-block;
        width: 300px;
    }

#SubjSubmit {
    width: 780px;
    margin-top: 30px;
}

    #SubjSubmit > div {
        float: right;
    }

#DateEntered {
    color: black;
}

#HeartRatePanel {
    width: 100%;
    min-height: 400px;
    padding: 50px;
}

#ModalWHR {
    float: left;
    width: 47%;
}

#ModalWOHR {
    float: right;
    width: 47%;
}

    #ModalWHR ol > li, #ModalWOHR ol > li {
        padding-top: 20px;
    }

#HelpModalVertLine {
    height: 400px;
    width: 3%;
    border-right: solid 1px #e0e0e0;
    float: left;
}

.text-right {
    text-align: right;
}

#SubjectiveLeft {
    width: 800px;
    margin: 0;
}

.padRows .row {
    margin-bottom: 5px;
}

.subjPad {
    padding-top: 40px;
}

#DataEntryCalCont {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

#SubjQuestHeader, #HRheader {
    margin-left: 22%;
    float: left;
}

/******TRAC**********/
#TracNavPills {
    margin-bottom: 10px;
}

    #TracNavPills > li {
        padding: 0 4px 0 4px;
    }

#TracNavTabs {
    margin-bottom: 20px;
}

#TracReportPanel {
    min-height: 400px;
    padding: 40px;
    width: 100%;
}


#TrainingRecommendation {
    width: 900px;
    margin: 0 auto;
    border: 1px solid #144173;
}

    #TrainingRecommendation .Pbody {
        font-size: 20px;
    }

.RTSPanel.TracSubSec {
    width: 400px;
    text-align: center;
    margin: 10px;
    display: inline-block;
    border: 1px solid #144173;
}

.TracSubSec .Pbody {
    font-size: 18px;
}

.TssRight {
    float: right;
}

.panel-rtsYellow > .panel-heading {
    color: #000;
    background-color: #f5b701;
    border-color: #f5b701;
}

.panel-rtsYellow {
    border-color: #f5b701;
}

.RTSPanel.WPan {
    box-shadow: 3px 4px 3px #333;
}

.RTSPanel {
    border: none;
    margin-bottom: 20px;
    box-shadow: 0px 4px 3px #888;
}

    .RTSPanel .Pbody {
        background-color: #fff;
        padding: 3px;
        font-size: 12px;
        color: #144173;
    }

    .RTSPanel .Pheading .ActionTitle {
        font-size: 14px;
    }

@media(min-width: 400px) {
    .RTSPanel .Pbody {
        padding: 15px;
        font-size: 14px;
    }

    .RTSPanel .Pheading .ActionTitle {
        font-size: 18px;
    }
}

.RTSPanel.grn {
    border: 1px solid #00a651;
}

    .RTSPanel.grn > .Pheading {
        background: #00a651;
    }

.RTSPanel.blu {
    border: 1px solid #0054a6;
}

    .RTSPanel.blu > .Pheading {
        background: #0054a6;
    }

.RTSPanel.yell {
    border: 1px solid #beb400;
}

    .RTSPanel.yell > .Pheading {
        background: #beb400;
    }

.RTSPanel.rd {
    border: 1px solid #9e0b0f;
}

    .RTSPanel.rd > .Pheading {
        background: #9e0b0f;
    }

.RTSPanel > .Pheading {
    color: #fff;
    padding: 10px 15px;
    background: -moz-radial-gradient(50% 50%, circle farthest-corner, rgba(60, 105, 156, 1) 0%, rgba(20, 65, 115, 1) 100%);
    background: -webkit-radial-gradient(50% 50%, circle farthest-corner, rgba(60, 105, 156, 1) 0%, rgba(20, 65, 115, 1) 100%);
    background: -webkit-gradient(radial,50% 50%,0, 50% 50%, 491.8,color-stop(0,rgba(60, 105, 156, 1) ),color-stop(1,rgba(20, 65, 115, 1) ));
    background: -o-radial-gradient(50% 50%, circle farthest-corner, rgba(60, 105, 156, 1) 0%, rgba(20, 65, 115, 1) 100%);
    background: -ms-radial-gradient(50% 50%, circle farthest-corner, rgba(60, 105, 156, 1) 0%, rgba(20, 65, 115, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Stlye=2);";
    background: radial-gradient(50% 50%, circle farthest-corner, rgba(60, 105, 156, 1) 0%, rgba(20, 65, 115, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Stlye=2);
}

#TracSubSectionCont {
    margin: 0 auto;
    width: 900px;
}

.table.rts-table {
    color: #144173;
}

    .table.rts-table > thead th {
        color: black;
        background-color: #144173;
        color: white;
    }

        .table.rts-table > thead th a {
            color: white;
        }

    .table.rts-table > tbody > tr:nth-of-type(odd) {
        background-color: #f9f9f9;
    }

    .table.rts-table .ColHeader {
        font-weight: bold;
        border-right: 2px solid #144173;
        width: 50px;
    }

/******TRAC**********/

.errorBox {
    background-color: #f6acd3 !important;
}

#SevenDayR, #SevenDayTR, #Chartstf, #Chartdf, #Chartltf {
    width: 900px;
    display: inline-block;
}

.Legend_long {
    display: inline-block;
    margin-bottom: 75px;
}

.Legend {
    display: inline-block;
    margin-bottom: 120px;
}

    .Legend td, .Legend_long td {
        padding: 10px 10px 0 0;
    }

.ChartCont {
    width: 1200px;
    margin: 0 auto 50px auto;
    position: relative;
}

.swatch {
    height: 20px;
    width: 45px;
}

.swatchCircle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.red {
    background-color: var(--color-red);
}

.green {
    background-color: var(--color-green);
}

.GreenText {
    color: #28e812;
}

.black {
    background-color: black;
}

.yellow {
    background-color: var(--color-yellow);
}

.blue {
    background-color: var(--color-blue);
}

.gold {
    background-color: #ffc000;
}

.orange {
    background-color: var(--color-orange);
}

.grey {
    background-color: #aaaaaa1a;
}

.table-heatmap {
    background-color: var(--invertable-bg);
    color: var(--invertable-fg);
}

.table-heatmap > thead > tr > th {
    border-bottom: 0px solid transparent;
}

.table-heatmap > tbody > tr > td {
    padding: 3px;
}

.table-heatmap > tbody > tr > td {
    border-top: none;
}

.table-heatmap th {
    text-align: center;
}

.table-heatmap td.LeftHead {
    vertical-align: middle;
}

.toggle-switch {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 45px;
    height: 26px;
    background-color: #ccc;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .icon {
    position: absolute;
    top: 3px;
    left: 3px;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    transition: transform 0.3s ease;
    content: "☀️";
}

.toggle-switch .icon::before {
    content: "☀️";
    display: block;
}

.toggle-switch input:checked + .icon {
    transform: translateX(19px);
}

.toggle-switch input:checked + .icon::before {
    content: "🌙";
}


.HelpImage {
    margin: 0 auto;
}

#AirSquat {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -1276px;
    transform: scale(1);
    zoom: 2;
    width: 133px;
    height: 129px;
}

#RotatePerson {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -188px -863px;
    transform: scale(1);
    zoom: 2;
    width: 100px;
    height: 100px;
}

#StretchPerson {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -188px -964px;
    transform: scale(1);
    zoom: 2;
    width: 98px;
    height: 134px;
}

#RecoveryPerson {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -189px -761px;
    transform: scale(1);
    zoom: 2;
    width: 112px;
    height: 101px;
}

#Train {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -68px -682px;
    transform: scale(1);
    zoom: 2;
    width: 119px;
    height: 95px;
}

#Sleepy {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -189px -685px;
    transform: scale(1);
    zoom: 2;
    width: 84px;
    height: 75px;
}

#AudioCont {
    display: none;
}

#tracFeedback {
    font-size: 16px;
}

.PaddedList > li {
    margin-bottom: 10px;
}

#TracViewEntries {
    max-width: 500px;
}

.skittle {
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.table-heatmap .skittle {
    width: 100%;
    height: 50px;
    border-radius: 10px;
}

.SkittlesLegend > span {
    vertical-align: top;
}

.SkittlesLegend > div {
    display: inline-block;
    margin: 0 5px;
}

.SkittlesLegend {
    float: right;
}

.errorSpacer {
    margin-bottom: 10px;
}

.disabledCal > .ui-state-default {
    background: #ff8f8f;
    color: black;
}

.table > tbody > tr > .MidAllign {
    vertical-align: middle;
}

.FormDiv > .row {
    margin: 15px 0;
}

/*.InHeaderDD {
    float: right;
    margin: 5px 20px 0 0;
    color: black;
    display: inline-block;
    min-width: 100px;
}*/

.InHeaderLabel {
    float: right;
    margin: 5px 8px 0 0;
}

.ChartEmptyOverlay, .ChartEmptyOverlayText {
    position: absolute;
    left: 38%;
    top: 33%;
    width: 300px;
    height: 80px;
    margin-left: -150px;
}

.ChartEmptyOverlay {
    background-color: #f5b701;
    opacity: .5;
}


.ChartEmptyOverlayText {
    text-align: center;
    padding-top: 22px;
    z-index: 10;
    font-size: 16px;
    font-weight: bold;
}

#Recalc {
    float: right;
}

#FileForm > input, #CSVForm > input {
    display: inline-block;
}

.chartTitle {
    width: 90%;
    text-align: center;
}

.CompChartTitle {
    text-align: center;
    font-size: 22px;
    margin: 10px 0;
}

#AddNoteText {
    width: 100%;
    margin-top: 5px;
}

#NotesList {
    list-style: none;
}

.NoteContent {
    padding: 12px;
    margin-top: 10px;
    margin-right: 15px;
    background-color: #eeeeee;
    border-radius: 12px;
}

.NoteMeta > .Author {
    font-size: 12px;
    color: #52bad5;
}

.NoteMeta > .MetaSeperator {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.NoteMeta > .Date {
    font-size: 12px;
    color: #868686;
    font-style: italic;
}

.NoteMeta {
    margin-left: 25px;
}

#NotesBody {
    max-height: 660px;
    min-height: 30px;
    overflow-y: scroll;
}

.list-group > .list-group-item.disabled {
    cursor: not-allowed;
    background-color: #eeeeee;
}

body {
    background-color: #000;
}

#MainCont {
    max-width: 1680px;
    min-width: 980px;
    margin: 0 auto;
}

#MainCont_M {
    margin: 0 auto;
    max-width: 1680px;
}

#MainContMarket {
    max-width: 1680px;
    min-width: 1180px;
    margin: 0 auto;
}

.Content {
    max-width: 1170px;
    min-width: 980px;
    margin: 0 auto;
}

#Section1 {
    width: 100%;
    height: 645px;
    background: url(/Content/Images/Section1Background.png) no-repeat;
}

#ASection1 {
    width: 100%;
    height: 645px;
    background: url(/Content/Images/about-us.png) no-repeat center center;
    background-color: black;
}

#Section2 {
    width: 100%;
    height: 464px;
    background: url(/Content/Images/Section2Background.png) no-repeat;
}

#Section2_3 {
    width: 100%;
    height: 60px;
    background: url(/Content/Images/Section2Connect3.png) no-repeat;
}

#Section3 {
    width: 100%;
    height: 732px;
    background: url(/Content/Images/Section3Background.png) no-repeat;
}

#Section3_4 {
    width: 100%;
    height: 60px;
    background: url(/Content/Images/Section3Connect4.png) no-repeat;
}

#Section4 {
    width: 100%;
    height: 693px;
    background-color: white;
}

#Section4_5 {
    width: 100%;
    height: 60px;
    background: url(/Content/Images/Section4Connect5.png) no-repeat;
}

#Section5 {
    width: 100%;
    height: 698px;
    background: url(/Content/Images/Section5Background.png) no-repeat;
}

#Section5_6 {
    width: 100%;
    height: 60px;
    background: url(/Content/Images/Section5Connect6.png) no-repeat;
}

#Section6 {
    width: 100%;
    height: 613px;
    background-color: white;
}

#Section7 {
    width: 100%;
    background-color: black;
}

    #Section7 .Cont {
        padding-top: 15px;
    }

#Section8 {
    width: 100%;
    height: 77px;
    background-color: black;
}

#BttnOuter {
    width: 100%;
    padding-top: 35px;
}

#ReadMoreBtn {
    width: 177px;
    height: 46px;
    border: 2px solid white;
    margin: 0 auto;
}

    #ReadMoreBtn:hover {
        Background-Color: #f5b701;
        cursor: pointer;
        border: none;
    }

        #ReadMoreBtn:hover > span {
            top: 13px;
            left: 28px;
        }

    #ReadMoreBtn > span {
        color: white;
        position: relative;
        top: 11px;
        left: 26px;
        font-size: 14px;
        font-family: Verdana;
        font-weight: bold;
        letter-spacing: 3px;
    }

#Sec2Cont {
    padding-top: 100px;
    color: white;
}

#Sec2Left {
    float: left;
    height: 230px;
    text-align: right;
    width: 520px;
}

    #Sec2Left > div > span {
        font-family: Calibri;
        font-size: 42px;
        font-weight: bold;
        line-height: 50px;
    }

#Sec2YellowLine {
    border-bottom: solid 5px #f5b701;
    width: 85px;
    float: right;
    height: 50px;
}

#Sec2Right {
    float: right;
    width: 595px;
    font-size: 18px;
    font-family: Calibri;
}

#Sec2Phrase2 {
    margin-top: 30px;
}

#Sec2ReadMoreBtn {
    height: 46px;
    width: 177px;
    margin-top: 50px;
    margin-left: 30px;
}

    #Sec2ReadMoreBtn > span {
        color: white;
        position: relative;
        top: 10px;
        left: 27px;
        font-size: 14px;
        font-family: Verdana;
        font-weight: bold;
        letter-spacing: 3px;
    }

    #Sec2ReadMoreBtn:hover {
        background-color: #f5b701;
        cursor: pointer;
    }

#Sec3Header {
    padding-top: 70px;
    color: white;
}


#Sec3HorLineCont {
    width: 100%;
    height: 6px;
}

#Sec3Body {
    margin-top: 50px;
    padding-left: 92px;
    padding-right: 92px;
}

#Sec3Box1Cont {
    float: left;
    background-color: white;
    height: 450px;
    width: 480px;
}

#Sec3Box2Cont {
    float: right;
    background-color: white;
    height: 450px;
    width: 480px;
}

.Sec3ModuleBody {
    height: 350px;
}

.Sec3Angled {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -93px;
    width: 340px;
    height: 87px;
    margin-top: 20px;
}

    .Sec3Angled > span {
        color: white;
        font-family: Calibri;
        font-size: 68px;
        font-weight: bolder;
        margin-right: 45px;
        float: right;
        line-height: 85px;
    }

.Sec3Footer {
    height: 100px;
    width: 100%;
    background-color: #f5b701;
}

.Sec3Header {
    font-family: Calibri;
    font-size: 26px;
    padding: 30px 20px 0 40px;
    line-height: 30px;
}

#Sec3Newsletter {
    width: 380px;
}

#Sec3Input {
    width: 400px;
}

    #Sec3Input > input {
        display: block;
        width: 100%;
        margin: 15px 40px 20px 40px;
        height: 35px;
        padding: 10px;
    }

.Sec3SubmitButton {
    height: 45px;
    width: 175px;
    margin-left: 45px;
    background-color: #ffbe00;
    top: 28px;
    position: relative;
}

    .Sec3SubmitButton:hover {
        background-color: black;
        cursor: pointer;
    }

    .Sec3SubmitButton > span {
        color: white;
        position: relative;
        font-size: 14px;
        font-family: Verdana;
        font-weight: bold;
        letter-spacing: 3px;
        top: 11px;
    }

#Sec3Bttn1 > span {
    left: 48px;
}

#Sec3Bttn2 > span {
    left: 29px;
}


#Sec3Box2Text {
    font-family: Calibri;
    font-size: 18px;
    margin: 10px 20px 0 40px;
}

.SecHeader {
    font-family: Calibri;
    font-size: 46px;
    font-weight: bold;
    text-align: center;
}

#Sec4Header {
    padding-top: 70px;
    color: black;
}

#Sec5Header {
    padding-top: 70px;
    color: white;
}

#Sec6Header {
    padding: 70px 0 20px 0;
    color: black;
}

/*I don't like the way I did this the name should be left line not grey*/
.leftGrey {
    height: 4px;
    border-bottom: 2px solid #70bed6;
    width: 540px;
    float: left;
}

.midYellow {
    height: 6px;
    background-color: #f5b701;
    float: left;
    width: 90px;
}

.rightGrey {
    height: 4px;
    border-bottom: 2px solid #70bed6;
    width: 540px;
    float: right;
}

.VarMidLineCont {
    width: 1170px;
    margin: 0 auto;
}

#OuterBody {
    background-color: white;
    padding-bottom: 40px;
}

#Sec4HorLineCont > .leftGrey, #Sec4HorLineCont > .rightGrey {
    border-color: #e0e0e0;
}

#Sec5HorLineCont > .leftGrey, #Sec5HorLineCont > .rightGrey {
    border-color: #292929;
}

#Sec6HorLineCont > .leftGrey, #Sec6HorLineCont > .rightGrey {
    border-color: #e0e0e0;
}

#Sec4HorLineCont {
    width: 100%;
    height: 6px;
    margin-top: 10px;
}

.Sec4GroupCont {
    float: left;
    height: 420px;
    width: 370px;
    margin-top: 50px;
    background-color: white;
}

    .Sec4GroupCont:hover .Sec4Overlay {
        visibility: visible;
    }

    .Sec4GroupCont:hover {
        cursor: pointer;
        background-color: #1d1d1d;
        color: white;
    }

.Sec6GroupCont {
    float: left;
    height: 304px;
    width: 369px;
    margin-top: 50px;
    background-color: white;
}

    .Sec6GroupCont:hover .Sec6Overlay {
        visibility: visible;
    }

#Sec6G1, #Sec6G2 {
    margin-right: 30px;
}


#Sec4G1, #Sec4G2 {
    margin-right: 30px;
}

#Sec4Group1Pic {
    height: 265px;
    width: 370px;
    background: url(/Content/Images/Sec4Pic1.png) no-repeat;
}

#Sec4Group2Pic {
    height: 265px;
    width: 370px;
    background: url(/Content/Images/Sec4Pic2.png) no-repeat;
}

#Sec4Group3Pic {
    height: 265px;
    width: 370px;
    background: url(/Content/Images/Sec4Pic3.png) no-repeat;
}

#Sec6Group1Pic {
    height: 216px;
    width: 369px;
    background: url(/Content/Images/Sec6Pic1.png) no-repeat;
}

#Sec6Group2Pic {
    height: 216px;
    width: 369px;
    background: url(/Content/Images/Sec6Pic2.png) no-repeat;
}

#Sec6Group3Pic {
    height: 216px;
    width: 369px;
    background: url(/Content/Images/Sec6Pic3.png) no-repeat;
}

.Sec4Angle {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -29px;
    width: 278px;
    height: 59px;
    color: white;
    font-family: Calibri;
    font-size: 24px;
    font-weight: bold;
}

    .Sec4Angle > span {
        position: relative;
        top: 10px;
        left: 10px;
    }

.Sec4GroupText {
    padding: 22px 15px 0 15px;
    font-family: Calibri;
    font-size: 16px;
}

.Sec6GroupText {
    padding: 22px 15px 0 15px;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bolder;
}

.Sec4Overlay {
    position: absolute;
    height: 265px;
    width: 370px;
    background-color: #2a2a2a;
    opacity: .8;
    filter: alpha(opacity=80);
    visibility: hidden;
}

.Sec6Overlay {
    position: absolute;
    height: 304px;
    width: 369px;
    visibility: hidden;
}

.Sec6OverlayCont {
    height: 214px;
    width: 100%;
    background-color: #1f1f1f;
    opacity: .90;
    filter: alpha(opacity=90);
}

.Sec6OverlayFooter {
    height: 90px;
    width: 100%;
    background-color: #f5b701;
}

.OverlayContText {
    font-size: 15px;
    font-family: Verdana;
    padding: 0 15px 0 15px;
}

.Sec6OverlayCont {
    text-align: center;
    color: white;
}

.OverlayContHeader {
    font-size: 18px;
    padding: 40px 0 20px 0;
}

#Sec5SubHeader {
    margin-bottom: 20px;
    color: white;
}

#ContactSubHeader {
    width: 900px;
    margin: 40px 0 40px 140px;
}

#ContactUsHeader {
    margin-bottom: 20px;
    padding-top: 20px;
}

.GreyFormHeader {
    color: #9a9a9a;
}

.SecSubHeader {
    font-family: Calibri;
    font-size: 18px;
    text-align: center;
    font-style: italic;
}

.Sec5MainCont {
    background-color: white;
    height: 298px;
    margin-top: 45px;
}

#Sec5Footer {
    height: 100px;
    background-color: #f5b701;
}

.Sec5Text {
    padding: 60px 73px 0 73px;
    text-align: center;
}

    .Sec5Text > div {
        margin: 10px 60px 0 60px;
    }

        .Sec5Text > div > span {
            font-size: 20px;
            text-align: center;
            font-style: italic;
        }

.Sec5QuoteRight {
    float: left;
    margin-right: 20px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -679px;
    width: 24px;
    height: 24px;
}

.Sec5QuoteLeft {
    float: right;
    margin-left: 20px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -302px;
    width: 24px;
    height: 24px;
}

.RTSYellow {
    color: #f5b701;
}

.RTSGray {
    color: gray;
}

.RTSWhite {
    color: white;
}

.QuoteSig {
    margin: 50px 0 0 0;
    width: 100%;
    text-align: center;
}

.QuoteAuthor {
    color: #33cccc;
    font-weight: bolder;
    font-family: Verdana;
}

.QuoteDate {
    font-style: italic;
    font-family: Verdana;
}

#Sec5RMBttn {
    height: 45px;
    width: 270px;
    margin: 0 auto;
    background-color: #ffbe00;
    top: 28px;
    position: relative;
}

    #Sec5RMBttn:hover {
        background-color: black;
        cursor: pointer;
    }

    #Sec5RMBttn > span {
        color: white;
        position: relative;
        font-size: 12px;
        font-family: Verdana;
        font-weight: bold;
        letter-spacing: 3px;
        top: 11px;
        left: 18px;
    }

.Sec6RMBttn {
    height: 45px;
    width: 170px;
    margin: 0 auto;
    background-color: #ffbe00;
    top: 28px;
    position: relative;
}

    .Sec6RMBttn:hover {
        background-color: black;
        cursor: pointer;
    }

    .Sec6RMBttn > span {
        color: white;
        position: relative;
        font-size: 12px;
        font-family: Verdana;
        font-weight: bold;
        letter-spacing: 3px;
        top: 11px;
        left: 32px;
    }

#Copyright {
    color: white;
    padding-top: 30px;
    width: 100%;
    float: left;
    font-size: .7em;
}

#TopOfPageArrow {
    font-size: 52px;
    height: 78px;
    width: 78px;
    float: right;
    background-color: #f5b701;
    color: white;
}

    #TopOfPageArrow span {
        margin-left: 15px;
        margin-top: 12px;
    }

#LogoCont {
    display: none;
    vertical-align: top;
}

#FooterLogo {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -331px;
    height: 125px;
    width: 250px;
    cursor: pointer;
}

#TopOfPageArrow:hover {
    cursor: pointer;
}

.Section1Bold {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 46px;
    font-family: Calibri;
}

#QuickLinksCont {
    display: inline-block;
    vertical-align: top;
}

#VertLineCont {
    display: none;
}

#VertLine {
    height: 175px;
    border-left: 1px solid white;
}

#FollowUsCont {
    display: block;
    color: white;
    vertical-align: top;
    margin-left: 40px;
}

#FollowUs {
    font-family: Verdana;
    font-weight: bold;
    font-size: 22px;
}

#FollowUsImgCont {
    margin-top: 10px;
}

@media (min-width: 992px) {
    #LogoCont {
        display: inline-block;
        width: 25%;
    }

    #QuickLinksCont {
        width: 20%;
        max-width: 300px;
    }

    #FollowUsCont {
        width: 20%;
        max-width: 300px;
    }

    #FollowUs {
        float: right;
    }
}

@media (min-width: 400px) {
    #VertLineCont {
        width: 10px;
        margin: 0 20px;
        display: inline-block;
    }

    #FollowUsCont {
        display: inline-block;
        margin-left: 0;
    }
}

#QuickLinks ul {
    list-style-type: none;
}

    #QuickLinks ul li {
        padding-bottom: 8px;
    }

#QuickLinks .Header {
    color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 8px;
}

#QuickLinks ul a, #QuickLinks ul a:visited, #QuickLinks ul a:active, #QuickLinks ul a:focus {
    font-weight: bold;
    color: #52bad5;
}

#Facebook:hover {
    cursor: pointer;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -265px;
    width: 32px;
    height: 32px;
}

#Twitter:hover {
    cursor: pointer;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -780px;
    width: 32px;
    height: 32px;
}

#Youtube:hover {
    cursor: pointer;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -881px;
    width: 32px;
    height: 32px;
}

#Facebook {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -228px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
}

#GooglePlus {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -32px -743px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
}

    #GooglePlus:hover {
        cursor: pointer;
        background: url(/Content/Images/IconSprite.png) no-repeat;
        background-position: -32px -780px;
        width: 32px;
        height: 32px;
    }

#Twitter {
    height: 32px;
    width: 32px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -743px;
    float: left;
    margin-right: 8px;
}

#Youtube {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -844px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
}

.clearfix {
    clear: both;
}


/******MAIN MENU*******/
#Header {
    height: 250px;
}

#Header2 {
    height: 150px;
}

#HeaderSmall {
    height: 62px;
    padding-top: 10px;
}

#MenuLeft {
    display: inline-block;
}

#MenuSmall {
    display: none;
}

    #MenuSmall > li > a > span, #MenuRight > li > a > span, #MenuLeft > li > a > span {
        display: none;
    }

#InnerMenuSmall {
    padding-left: 10px;
}

#SmallMenuDD {
    display: none;
    z-index: 2;
    background-color: white;
    position: relative;
    border: 2px solid #f5b701;
    color: #144173;
    width: 300px;
    top: 1px;
}

    #SmallMenuDD > ul > li {
        padding-bottom: 5px;
    }

    #SmallMenuDD ul ul li a {
        color: #144173;
        font-size: 14px;
    }

    #SmallMenuDD > ul > li > a {
        font-size: 18px;
        color: #144173;
        width: 100%;
        display: inline-block;
    }

        #SmallMenuDD > ul > li > a > span {
            font-size: .8em;
        }

    #SmallMenuDD ul {
        list-style: none;
        padding: 10px;
    }

        #SmallMenuDD ul > li > ul {
            display: none;
        }

#SmallMenuButton {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    padding: 8px;
    cursor: pointer;
}

#ActiveIconTextCont #ActiveSubText {
    display: block;
    font-size: 13px;
    font-style: italic;
    vertical-align: middle;    
}
#ActiveIconTextCont.HasExtraData {
    padding-top: 8px;
}


@media (min-width: 768px) {
    #ActiveIconTextCont.HasExtraData {
        padding-top: 18px;
    }

    #ActiveIconTextCont #ActiveSubText {
        margin-left: 8px;
        display: inline;
    }

    #InnerMenuSmall {
        width: 790px;
        margin: 0 auto;
        display: block;
        padding-left: 0;
    }

    #MenuSmall {
        display: inline-block;
    }

    #SmallMenuButton {
        display: none;
    }
}

#InnerHeader {
    text-align: center;
}

#MenuRight {
    display: inline-block;
}

.RTSMenu > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .RTSMenu > ul > li > ul {
        list-style-type: none;
        z-index: 1;
    }

    .RTSMenu > ul > li {
        display: inline;
        padding: 7px;
        position: relative;
    }

        .RTSMenu > ul > li > a > span {
            font-size: 12px;
        }

        .RTSMenu > ul > li:hover > a {
            color: #52bad5;
        }

        .RTSMenu > ul > li:hover a:hover {
            text-decoration: none;
        }

        .RTSMenu > ul > li > ul {
            position: absolute;
            left: 0px;
            display: none;
            margin: 0;
            padding: 0;
            background-color: rgb(50,50,50);
        }

            .RTSMenu > ul > li > ul > li > a {
                display: block;
                width: 175px;
                padding: 5px 5px 5px 8px;
                text-align: left;
            }

                .RTSMenu > ul > li > ul > li > a:hover {
                    text-decoration: none;
                }

            .RTSMenu > ul > li > ul > li:hover {
                background-color: #f5b701;
            }

        .RTSMenu > ul > li:hover > ul {
            display: block;
        }

.RTSMenu a {
    color: white;
}

.Active > a {
    color: #52bad5;
}

#MenuLogo {
    padding: 0 30px 0 30px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -331px;
    width: 250px;
    height: 125px;
}

#MenuLogoSmall {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -25px -180px;
    width: 77px;
    height: 36px;
}

.MenuUnderline {
    height: 15px;
    width: 30px;
    border-bottom: 3px solid #52bad5;
    position: absolute;
    z-index: 0;
    display: none;
    bottom: -10px;
}

.RTSMenu > ul > li:hover > .MenuUnderline {
    display: block !important; /*Important isn't necessary just to make sure it shows in each browser*/
}

.Active > .MenuUnderline {
    display: block !important; /*Important isn't necessary just to make sure it shows in each browser*/
}

#Underline1 {
    left: 15px;
}

#Underline2 {
    left: 32px;
    width: 50px;
}

#Underline3 {
    left: 18px;
}

#Underline4 {
    left: 18px;
    width: 50px;
}
#Underline6 {
    left: 22px;
    width: 40px;
}

#Underline7 {
    left: 10px;
}

#Underline8 {
    left: 25px;
    width: 60px;
}

/******MAIN MENU*******/


/*********Login*********/
#ClosedStuff {
    width: 100%;
    height: 100%;
}

#OpenStuff {
    display: none;
    width: 100%;
    height: 100%;
}

.Closed {
    width: 80px;
    height: 28px;
}

.Open {
    width: 450px;
    height: 85px;
}

#FixedLogOut {
    position: absolute;
    top: 1em;
    right: 2em;
    color: white;
    z-index: 15;
}

#FixedLogin {
    background-color: #f5b701;
    position: absolute;
    top: 1em;
    right: 2em;
    color: white;
    z-index: 15;
    border-radius: 4px;
    font-size: 12px;
}

.Closed:hover {
    cursor: pointer;
}

#ClosedStuff span {
    float: right;
}

#LoginArrow {
    margin-top: 5px;
}

#LoginArrowClose {
    float: left;
    font-size: 35px;
    margin: 2px 0 0 5px;
    padding: 18px 8px 18px 5px;
    cursor: pointer;
}

#loginText {
    text-align: right;
    padding: 4px;
    margin-right: 10px;
    font-weight: bold;
    font-family: Verdana;
}

#LoginFields {
    margin: 5px;
}

    #LoginFields > input {
        width: 190px;
    }

#RegisterCont {
    display: inline-block;
}

/*********Login*********/


/********* Classroom *********/
#CRSection1 {
    width: 100%;
    background-color: white;
}

#CRSection2 {
    background: url(/Content/Images/CRSection2BG.png) no-repeat;
    height: 1082px;
    color: white;
}

#CRSection4 {
    background-color: white;
}

#CRSection2Connect3 {
    background: url(/Content/Images/CRSection2Connect3.png) no-repeat;
    height: 265px;
}

#CRSection5 {
    background: url(/Content/Images/CRSection5BG.png) no-repeat;
    height: 879px;
}

#CRSection6 {
    background-color: white;
    font-size: 16px;
}

#CRSection7 {
    background-color: white;
    font-size: 16px;
}

#CRSection8 {
    background-color: white;
    font-size: 16px;
}

#CRSection9 {
    background-color: white;
    font-size: 16px;
}

#CRSection10 {
    background-color: white;
    font-size: 16px;
}

#CRSection11 {
    background-color: white;
    font-size: 16px;
    padding-top: 80px;
}

#CRSection12 {
    background-color: white;
    font-size: 16px;
}

#CRSection13 {
    background-color: white;
    font-size: 16px;
}

#CRSection8Bg {
    background: url(/Content/Images/CRSection8BG.png) no-repeat;
    height: 1038px;
}

#CRSection12Bg {
    background: url(/Content/Images//CRSection12BG.png) no-repeat;
    height: 1021px;
}

#CRSection1Header {
    width: 900px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

#CRSection2Header {
    margin: 0 auto;
    padding-top: 80px;
}

.CRHeaderWhite {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 46px;
    font-family: Calibri;
}

.CRHeaderBlack {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 46px;
    font-family: Calibri;
}

#Sec1LeftCont {
    float: left;
    width: 600px;
    margin-top: 30px;
}

#CRSec1body {
    margin-top: 40px;
    font-size: 16px;
    padding-bottom: 60px;
}

#Sec1LeftCont p {
    margin-bottom: 20px;
}

#Sec1RightCont {
    background: url(/Content/Images/CRSection1.png) no-repeat;
    height: 454px;
    width: 329px;
    float: right;
}

#CRSection2LineCont > .leftGrey, #CRSection2LineCont > .rightGrey {
    border-color: #2c2c2c;
}

#CRSection1LineCont > .leftGrey, #CRSection1LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#CRSection4LineCont > .leftGrey, #CRSection4LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#CRSection7LineCont > .leftGrey, #CRSection7LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#CRSection10LineCont > .leftGrey, #CRSection10LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#CRSection11LineCont > .leftGrey, #CRSection11LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#CRSection2LineCont {
    margin: 40px 0;
}

#CRSection2TextCont1, #CRSection2TextCont2 {
    width: 665px;
    margin: 60px 0 0 68px;
    font-size: 16px;
}

    #CRSection2TextCont1 p, #CRSection2TextCont2 p {
        margin-bottom: 30px;
    }

#CRSec2BlackBox {
    background-color: black;
    width: 970px;
    height: 172px;
    padding: 20px;
}

#CRSec2YellowBox {
    background-color: #f5b701;
    height: 132px;
    width: 930px;
    font-size: 24px;
    text-align: center;
    padding-top: 30px;
}

.ColorWhite {
    color: white;
}

#CRSection3Header {
    padding-top: 50px;
    font-size: 60px;
}

#CRSection3 {
    background-color: white;
    padding-top: 60px;
}

#CRSec3Pic1 {
    background: url(/Content/Images/CRSection3Pic1.png) no-repeat;
    height: 365px;
    width: 929px;
    margin: 0 auto;
}

#CRSec4Head {
    padding-top: 170px;
}

#Sec3SubHead {
    font-size: 28px;
    padding: 60px 0 40px 0;
}

#Sec1LeftSubHead {
    font-size: 28px;
    margin-bottom: 30px;
}

.RTSBlue {
    color: #52bad5;
}

#CRSubPoints > div {
    margin-bottom: 40px;
    width: 690px;
    font-size: 16px;
}

    #CRSubPoints > div:last-child {
        margin-bottom: 0;
    }

.Indented {
    margin-left: 168px;
    font-size: 16px;
}

.HalfIndent {
    margin-left: 80px;
    font-size: 16px;
}

#CRSection4LineCont {
    margin: 40px 0;
}

#CRSec4InnerCont {
    padding: 40px 0 60px 0;
    width: 690px;
}

    #CRSec4InnerCont > div {
        margin-bottom: 20px;
    }

        #CRSec4InnerCont > div:last-child {
            margin-bottom: 0;
        }


#CRSec4BlackBox {
    background-color: black;
    color: white;
    width: 930px;
    height: 135px;
    margin-left: 99px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

    #CRSec4BlackBox > div {
        padding-top: 32px;
    }

#CRApproachCont {
    padding-top: 40px;
    padding-bottom: 80px;
    font-size: 22px;
}

#CRSec5Head {
    padding-top: 90px;
    padding-bottom: 20px;
}

#CRSec5WhiteBox {
    background-color: white;
    font-size: 16px;
}

#CRSec5Img1 {
    background: url(/Content/Images/CRSection5Pic1.png) no-repeat;
    height: 405px;
    width: 330px;
}

#CRSec5Left {
    width: 475px;
}

#CRSec5InnerBox {
    padding: 70px;
}

.RTSList {
    list-style-image: url(/Content/Images/RTSBullet.png);
}

    .RTSList > li {
        margin-bottom: 20px;
    }

        .RTSList > li > span {
            position: relative;
            left: 25px;
            bottom: 2px;
        }

#CRSec5SubHead {
    font-size: 26px;
    text-align: left;
    margin-bottom: 35px;
    padding-left: 20px;
    font-family: Calibri;
}

.CRSec5LeftNum {
    width: 110px;
    background-color: #f5b701;
    color: white;
    float: left;
    font-family: Calibri;
    font-size: 52px;
    font-weight: bolder;
    line-height: 85px;
    text-align: center;
}

.CRSec5RightArrow {
    background: url(/Content/Images/IconSprite.png) no-repeat left center;
    background-position: 0 -817px;
    width: 11px;
    height: 22px;
    display: inline-block;
}

.CRSec5RightText {
    background-color: #52bad5;
    color: white;
    width: 950px;
    height: 85px;
    float: left;
    font-size: 32px;
    padding: 20px 0 0 0px;
}

.CRSec6Subtext {
    padding: 60px 0;
    width: 590px;
}

#CRSec6Header {
    font-size: 28px;
    padding: 80px 0 40px 0;
}

#CRSec6Footer {
    width: 640px;
    padding: 40px 0 80px 0;
}

#CRSec7Head {
    padding-bottom: 40px;
}

#CRsec7Text1 {
    padding-top: 40px;
}

#CRsec7Text2 {
    padding: 20px 0 40px 0;
}

#CRSection7Box {
    height: 100px;
    background-color: #f5b701;
    width: 100%;
    padding-top: 30px;
    padding-left: 40px;
    margin-bottom: 40px;
}

    #CRSection7Box > span {
        font-size: 32px;
        font-weight: bold;
        color: white;
        font-family: Calibri;
    }

#CRSec7List {
    padding-bottom: 60px;
}

#CRSection801 {
    padding-top: 75px;
}

#CRSection1201 {
    padding-top: 55px;
}

#CRSection8 .ColorWhite, #CRSection12 .ColorWhite {
    font-family: Calibri;
    font-size: 52px;
    font-weight: bolder;
    line-height: 85px;
    display: block;
}

.CRS8Text, .CRS12Text {
    width: 500px;
    display: block;
    margin-top: 18px;
}

#CR8Indented, #CR12Indented {
    padding-left: 400px;
}

#CRSection802 > span:first-child, #CRSection1202 > span:first-child {
    padding-left: 60px;
    padding-top: 25px;
}

#CRSection803 > span:first-child {
    padding-left: 95px;
    padding-top: 30px;
}

#CRSection1203 > span:first-child {
    padding-left: 95px;
    padding-top: 40px;
}

#CRSection804 > span:first-child, #CRSection1204 > span:first-child {
    padding-left: 125px;
    padding-top: 30px;
}

.Bold {
    font-weight: bold;
}

#CR8LeftHeading {
    position: absolute;
    width: 210px;
    text-align: right;
    margin-left: 100px;
    margin-top: 324px;
}

#CR12LeftHeading {
    position: absolute;
    width: 270px;
    text-align: right;
    margin-left: 60px;
    margin-top: 224px;
}

#CR8YellowLine {
    border-bottom: 4px solid #f5b701;
    width: 70px;
    margin: 40px 0 0 130px;
}

#CR9Text, #CR13Text {
    padding-top: 60px;
    padding-bottom: 100px;
    width: 715px;
}

    #CR9Text p, #CR13Text p {
        padding-bottom: 10px;
    }

#CR9Heading {
    padding-bottom: 40px;
}

#CRSection10Pic1 {
    margin: 40px 0 0 100px;
    height: 365px;
    width: 929px;
    background: url(/Content/Images/CRSection10pic1.png) no-repeat;
}

#CR10Text {
    padding: 80px 0;
}

    #CR10Text p {
        padding-bottom: 10px;
    }

    #CR10Text ul {
        padding-top: 40px;
        padding-bottom: 40px;
    }

.BuyNowButton {
    background-color: #f5b701;
    height: 116px;
    color: white;
    font-size: 38px;
    font-family: Calibri;
    text-align: center;
    padding-top: 35px;
    cursor: pointer;
}

.BuyNowLink, .BuyNowLink:hover {
    text-decoration: none;
}

#CR11Header {
    padding-bottom: 20px;
}

#CR11Text {
    padding: 80px 0 30px 0;
    width: 560px;
}

#CR10BlueBox {
    background-color: #52bad5;
    color: white;
    height: 125px;
    font-size: 32px;
    font-family: Calibri;
    text-align: center;
    padding-top: 18px;
}

    #CR10BlueBox span {
        display: inline-block;
        width: 650px;
    }

#CR11Text2 {
    padding: 40px 0 80px 0;
    width: 650px;
}

    #CR11Text2 p {
        padding-bottom: 10px;
    }

#TheEnd {
    padding: 60px 0 80px 0;
}

    #TheEnd p {
        padding-bottom: 10px;
    }

.RTSSig {
    font-weight: bold;
    font-size: 28px;
    font-family: Calibri;
}

/********* Classroom *********/

/********* About Us *********/

#ASection2 {
    background-color: white;
    font-size: 16px;
    padding-top: 80px;
}

#ASection3 {
    background: url(/Content/Images/ASection3BG.png) no-repeat;
    height: 1125px;
    padding-top: 30px;
}

#ASection4 {
    background-color: white;
    font-size: 16px;
    padding-top: 80px;
}

#ASection5 {
    background: url(/Content/Images/ASection5BG.png) no-repeat;
    padding-top: 40px;
    height: 1365px;
    color: white;
}

#ASection6 {
    background: url(/Content/Images/ASection6BG.png) no-repeat;
    padding-top: 40px;
    height: 724px;
    color: white;
    font-size: 18px;
}

#ASection7 {
    background-color: white;
    padding: 40px 0 80px 0;
    font-size: 16px;
}

#A1Text {
    width: 100%;
    height: 441px;
    padding-top: 270px;
    font-size: 62px;
}

#Header3 {
    height: 210px;
}

#A1YellowLine {
    border-bottom: solid 3px #f5b701;
    width: 115px;
    height: 20px;
    margin: 0 auto;
}

#A2Header {
    width: 440px;
    font-size: 26px;
    padding-bottom: 30px;
}

#A2Footer {
    padding: 20px 0 80px 0;
}

#A3Pic1 {
    background: url(/Content/Images/ASection3Pic1.png) no-repeat;
    height: 365px;
    width: 927px;
    margin: 0 auto 30px auto;
}

#ASection3LineCont > .leftGrey, #ASection3LineCont > .rightGrey {
    border-color: #2c2c2c;
}

#ASection4LineCont > .leftGrey, #ASection4LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#ASection5LineCont > .leftGrey, #ASection5LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#ASection6LineCont > .leftGrey, #ASection6LineCont > .rightGrey {
    border-color: #e0e0e0;
}

#A3Header {
    padding: 20px 0 40px 0;
}

#A3Text {
    color: white;
    padding-top: 50px;
    font-size: 18px;
}

    #A3Text > p {
        padding-bottom: 20px;
    }

#A4Header {
    padding-bottom: 20px;
}

#A4Text {
    padding: 80px 0 80px 0;
    font-size: 18px;
}

    #A4Text p {
        padding-bottom: 10px;
    }

#A4Pic1 {
    margin: 0 auto 30px auto;
    height: 365px;
    width: 926px;
    background: url(/Content/Images/ASection4Pic1.png) no-repeat;
}

#A5Pic1 {
    margin: 40px auto 30px auto;
    height: 365px;
    width: 929px;
    background: url(/Content/Images/CRSection10pic1.png) no-repeat;
}

#A5Header {
    padding-bottom: 30px;
}

#A5Content {
    padding-top: 80px;
}

    #A5Content > div {
        width: 310px;
        height: 600px;
        background-color: black;
        float: left;
        margin-right: 30px;
    }

        #A5Content > div:last-child {
            margin-right: 0px;
        }

.A5boxContent {
    padding: 20px;
}

    .A5boxContent ul {
        width: 98%;
        padding-top: 30px;
    }

        .A5boxContent ul > li > span {
            left: 8px;
        }

.A5OuterBox {
    background-color: black;
    width: 100%;
    height: 85px;
}

.A5InnerBox {
    color: white;
    font-family: Calibri;
    font-size: 52px;
    font-weight: bolder;
    line-height: 85px;
    text-align: center;
    width: 120px;
    background-color: #52bad5;
    float: left;
}

.A5Arrow {
    background: url(/Content/Images/IconSprite.png) no-repeat center left black;
    background-position: 0 -201px;
    width: 12px;
    height: 22px;
    margin-top: 31px;
    float: left;
}

.A5BoxBold {
    font-size: 18px;
    font-weight: bold;
}

#A5Line {
    height: 20px;
    border-bottom: 2px groove #1d1d1d;
    width: 80%;
    margin: 30px auto 50px auto;
}

#A5Box1SubText {
    margin-bottom: 40px;
}

#A5Box1Input input {
    margin-bottom: 15px;
    width: 95%;
}

#A5Box1Button {
    background-color: #f5b701;
    width: 170px;
    height: 48px;
    text-align: center;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing: 3px;
    padding-top: 15px;
    cursor: pointer;
}

#A6Header {
    padding-bottom: 30px;
}

#A6Text {
    padding-top: 30px;
}

.Heading {
    font-weight: bold;
    font-size: 24px;
    padding-top: 40px;
}

#A6TextCont {
    width: 430px;
    float: left;
    font-size: 20px;
}

    #A6TextCont p {
        padding-bottom: 30px;
    }

#A6OuterPic {
    background-color: #75c8dd;
    height: 494px;
    width: 369px;
    float: right;
    padding: 20px;
    margin-right: 85px;
}


#A6Pic1 {
    background: url(/Content/Images/CRSection1.png) no-repeat;
    height: 454px;
    width: 329px;
}

#A7List1 {
    margin-top: 20px;
}

#A7BlackBox {
    height: 85px;
    background-color: black;
    color: white;
    font-size: 38px;
    padding: 15px 0 0 20px;
    margin: 80px 0 0 0;
}

#A7BlackArrow {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -185px;
    width: 25px;
    height: 11px;
    margin-left: 80px;
    margin-bottom: 60px;
}

#A7Text1 p {
    padding-bottom: 20px;
}

#A7Text2 {
    margin-top: 50px;
}

.LeftListCont {
    width: 380px;
    float: left;
    padding-top: 40px;
}

#A7Text3 {
    margin-top: 100px;
}

    #A7Text3 p {
        padding-bottom: 20px;
    }


#A7BlueBox {
    background-color: #52bad5;
    height: 255px;
    color: white;
    font-size: 20px;
    text-align: center;
    padding-top: 60px;
}

    #A7BlueBox > div {
        margin: 0 auto;
        width: 750px;
    }

#A7Input {
    height: 50px;
    margin-top: 20px;
}

    #A7Input > input {
        height: 100%;
        float: left;
        width: 550px;
        font-size: 24px;
    }

    #A7Input > div {
        display: inline-block;
        background-color: #f5b701;
        height: 100%;
        width: 170px;
        text-align: center;
        padding-top: 15px;
        letter-spacing: 2px;
        font-family: Verdana;
        font-weight: bold;
        font-size: 14px;
        float: left;
        margin-left: 10px;
        cursor: pointer;
    }
/********* About Us *********/

.sprite-ShoppingCart {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -708px;
    width: 38px;
    height: 30px;
}

#MyWorkCont {
    height: 110px;
    background-color: white;
    border: 1px solid black;
    overflow-y: scroll;
    padding-top: 5px;
    text-align: left;
}

.MyWorkTitleStyled {
    display: inline-block;
    padding: 8px;
    margin-right: 285px;
    font-size: 24px;
}

#TLCal {
    float: left;
}

#TlDatepick {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin-left: 5px;
}

#MyWorkTitle:hover {
    cursor: pointer;
}

#MyWorkOuter {
    margin-bottom: 30px;
    text-align: center;
}

#ExerciseListOuter {
    background-color: white;
    border: solid 1px black;
}

#ExerciseSearch {
    float: left;
    margin-top: 10px;
}

#ExerciseList .Category-Header {
    border-bottom: solid 4px #f5b701;
    padding-left: 10px;
    background-color: #144173;
    color: white;
}

    #ExerciseList .Category-Header h4 {
        display: inline-block;
    }

.Expand {
    font-size: 12px;
    padding: 5px;
    top: 0;
}

.Category-Header {
    cursor: pointer;
}

.AddWMod {
    height: 16px;
    width: 16px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -104px -985px;
    margin: 7px;
}

.ModOuter:hover .AddWMod {
    background-position: -120px -985px;
}

.AddMod_32 {
    height: 32px;
    width: 32px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -152px -946px;
    margin-right: 5px;
}

.WPImg_32 {
    height: 32px;
    width: 32px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -32px -935px;
    margin-right: 5px;
}

.WPImg_24, .CalWPImg_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -52px -958px;
}

.MeetImg_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -30px -1133px;
}

.CalTracImg_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -302px -301px;
}

.CalNotesImg_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -28px -1011px;
}

.CalBodyWeightImg_24 {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -105px -1067px;
}

.WPImg_24 {
    height: 24px;
    width: 24px;
    margin-top: 3px;
    margin-right: 5px;
}

.StickyImg, .OrderedStickyImg {
    height: 16px;
    width: 16px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -78px -1037px;
}

.NotStickyImg {
    height: 16px;
    width: 16px;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -57px -1037px;
}

.Sticky {
    display: inline-block;
    margin-right: 10px;
}

.ExercisePill {
    margin: 5px 4px;
    display: inline-block;
    white-space: nowrap;
}

.tlTooltipMultiCont {
    max-width: 500px;
    border: 1px dashed grey;
    padding: 5px 0;
}

.tlTooltipPillCont {
    text-align: center;
    padding: 5px 0;
}

.tlTooltipLabel {
    vertical-align: middle;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-right: 10px;
}

.tlTooltipPill {
    margin: 5px;
    display: inline-block;
}

.tlTooltipCont {
    padding: 0 5px;
    max-width: 500px;
    overflow-y: scroll;
}

.tlTooltipEx, .tlTooltipNone {
    border: 1px solid black;
    border-radius: 6px;
    display: inline-block;
    color: white;
    padding: 5px 10px;
    overflow: hidden;
    min-width: 100px;
}

.tlTooltipEx {
    background-color: #144173;
}

.tlTooltipNone {
    background-color: #888686;
}

    .tlTooltipEx > div, .tlTooltipNone > div {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

.PopupContentR .ExerciseName {
    height: 25px;
}

.ExerciseName, .ExerciseNameNIA {
    background-color: #1f63b0;
    box-shadow: 2px 2px 4px #888;
    display: inline-block;
    color: white;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    min-width: 100px;
}

    .ExerciseName.CompInd {
        white-space: normal;
        height: unset;
    }

    .ExerciseName:hover {
        cursor: pointer;
        background-color: #f5b701;
        color: #144173;
    }

.PopupContentR .ModOuter {
    height: 25px;
}

.PopupContentR .AddWMod {
    margin: 4px;
}

.ModOuter {
    background-color: #1f63b0;
    box-shadow: 2px 2px 4px #888;
    display: inline-block;
    color: white;
    overflow: hidden;
    height: 30px;
    margin-left: 2px;
}

    .ModOuter:hover {
        cursor: pointer;
        background-color: #f5b701;
        color: #144173;
    }

.ExerciseName > div, .ExerciseNameNIA > div {
    margin: 4px;
    text-align: center;
}

.Tlpills {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .Tlpills li {
        margin: 0;
        padding: 0;
        display: inline-block;
    }

#DeleteMenu {
    position: absolute;
    border: 1px solid black;
    border-radius: 6px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #a1a1a1;
    color: white;
    height: 0;
    text-align: center;
    padding-top: 5px;
}

    #DeleteMenu:hover {
        cursor: pointer;
        background-color: #868686;
    }

#TrashCan {
    padding: 4px;
    height: 48px;
    width: 48px;
    float: right;
    background: url(/Content/Images/IconSprite.png) no-repeat center;
    background-position: -45px -834px;
    cursor: pointer;
}

    #TrashCan.TrashCanActive {
        background: url(/Content/Images/IconSprite.png) no-repeat center;
        background-position: -99px -834px;
    }

#EditTitle {
    margin-left: 8px;
}

.WorkoutTitleInput {
    color: black;
    font-size: .8em;
}

.ActionMenu {
    position: absolute;
    color: #144173;
    border: solid 1px #144173;
    width: 200px;
    z-index: 1002;
}

    .ActionMenu > ul {
        list-style: none;
        margin: 0;
        padding: 5px 0;
        background-color: white;
    }

        .ActionMenu > ul > li {
            background-color: white;
            width: 100%;
        }

            .ActionMenu > ul > li:hover {
                cursor: pointer;
                background-color: #c19104;
            }

            .ActionMenu > ul > li > div {
                margin-left: 5px;
                height: 100%;
                padding: 10px;
            }

            .ActionMenu > ul > li:hover > div {
                background-color: #f5b702;
            }

#TlContinue {
    float: right;
    margin-bottom: 10px;
}
/******************************************/
.rtsaccordion {
    /*-webkit-box-shadow: 0px 75px 35px -55px rgba(10, 30, 65, 0.6);
    -moz-box-shadow: 0px 75px 35px -55px rgba(10, 30, 65, 0.6);
    box-shadow: 0px 75px 35px -55px rgba(10, 30, 65, 0.6);*/
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    height: 350px;
}

#TwoBladeAccordion, #TwoBladeHeader, #TwoBladeFooter {
    width: 573px;
}

#ThreeBladeAccordion, #ThreeBladeHeader, #ThreeBladeFooter {
    width: 608px;
}

#FourBladeAccordion, #FourBladeHeader, #FourBladeFooter {
    width: 644px;
}

#FiveBladeAccordion, #FiveBladeHeader, #FiveBladeFooter {
    width: 679px;
}

#SixBladeAccordion, #SixBladeHeader, #SixBladeFooter {
    width: 714px;
}

#SevenBladeAccordion, #SevenBladeHeader, #SevenBladeFooter {
    width: 749px;
}

#EightBladeAccordion, #EightBladeHeader, #EightBladeFooter {
    width: 784px;
}

.rtsaccordion > ul > li,
.rtsaccordion-title,
.rtsaccordion-content,
.rtsaccordion-separator {
    float: left;
    /*box-sizing: content-box;*/
}

.rtsaccordion > ul > li {
    background-color: #ccc;
    margin-right: -500px;
    margin-bottom: -0px;
}

.rtsaccordion-select:checked ~ .rtsaccordion-separator {
    margin-right: 500px;
    margin-bottom: 0px;
}

.rtsaccordion-title,
.rtsaccordion-select {
    background-color: #383838;
    color: #ffffff;
    width: 35px;
    height: 350px;
    font-size: 15px;
    font-weight: bold;
}

    .rtsaccordion-title span {
        margin-top: 18px;
        margin-left: 20px;
    }

    .rtsaccordion-select:hover ~ .rtsaccordion-title,
    .rtsaccordion-select:checked ~ .rtsaccordion-title {
        background-color: #144173;
        color: #fff;
    }

    .rtsaccordion-title span {
        transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-writing-mode: lr-bt;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        margin-left: 0px;
        line-height: 35px;
    }

.rtsaccordion-content {
    background-color: #eee;
    color: #454545;
    height: 350px;
    width: 500px;
}

.rtsaccordion-title,
.rtsaccordion-select:checked ~ .rtsaccordion-content {
    margin-right: 1px;
    margin-bottom: 1px;
}

/* Do not change following properties, they aren't 
generated automatically and are common for each slider. */
.rtsaccordion {
    overflow: hidden;
}

    .rtsaccordion > ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 101%;
    }

        .rtsaccordion > ul > li,
        .rtsaccordion-title {
            position: relative;
        }

.rtsaccordion-select {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;
}

.rtsaccordion-title span {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    white-space: nowrap;
    letter-spacing: .06em;
}

.rtsaccordion-content {
    position: relative;
    overflow: auto;
}

.rtsaccordion-separator {
    transition: margin 0.3s ease 0.1s;
    -o-transition: margin 0.3s ease 0.1s;
    -moz-transition: margin 0.3s ease 0.1s;
    -webkit-transition: margin 0.3s ease 0.1s;
}
/**********************************************************/
.BladeHeader {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    height: 50px;
    background-color: #454545;
    border-bottom: 1px #ccc solid;
}

.BladeFooter {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    height: 50px;
    background-color: #454545;
    border-top: 1px #ccc solid;
}

    .BladeFooter > div {
        float: right;
        padding-top: 7px;
    }

        .BladeFooter > div > button {
            margin-right: 7px;
            width: 80px;
        }

.ModContHeader {
    border-bottom: 1px #454545 solid;
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
}

.ModContInner {
    padding: 20px;
}

    .ModContInner > div, .ModContInner > .ModContCat > div {
        display: inline-block;
        margin-bottom: 10px;
    }

    .ModContInner label {
        margin-right: 15px;
        cursor: pointer;
    }

    .ModContInner input[type=checkbox], .ModContInner input[type=radio] {
        margin-right: 5px;
        cursor: pointer;
    }

.ModContCat {
    width: 100%;
}

.ModCatHeader {
    padding-bottom: 10px;
    border-bottom: 1px dashed #144173;
    margin-bottom: 20px;
    width: 100%;
}

.ModContInner label {
    font-weight: normal;
}

#ExerciseTitle {
    margin-bottom: 15px;
    width: 200px;
}

#ExerciseCat {
    height: 28px;
    width: 150px;
    padding-left: 7px;
}

.ModInputHolder > div {
    display: inline-block;
}

.ModInputHolder {
    margin-bottom: 15px;
}

#BladeTitle {
    color: white;
    padding: 10px;
    font-size: 20px;
}

#SaveNewExercise {
    margin-left: 15px;
    cursor: pointer;
}

.ModContHeader > img {
    float: right;
    right: 0;
    cursor: pointer;
}

#ChainWeight, #WRWeight {
    width: 85px;
    color: black;
    padding-left: 3px;
}

.PopupOuter {
    position: absolute;
    background-color: #fff;
    box-shadow: 3px 3px 20px #000;
    z-index: 1001;
    color: #fff;
    border: solid 2px #144173;
    min-width: 350px;
}

.PopupHeader {
    font-weight: bold;
    padding: 8px;
    background-color: #144173;
}

.PopupContentR {
    font-size: .8em;
    overflow: auto;
}

.PopupContent, .PopupContentR {
    background: #fff;
    color: black;
}

.PopupContent {
    padding: 20px 10px 20px 10px;
}

    .PopupContent label {
        color: #144173;
    }

.PopupFooter {
    padding: 10px;
    margin-top: 5px;
    clear: both;
    border-top: solid 1px #144173;
}

    .PopupFooter > .PFRight {
        float: right;
    }

    .PopupFooter > div > button {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .PopupFooter > .PFLeft {
        float: left;
    }

@media(max-width: 600px) {
    .PopupFooter button {
        font-size: 12px;
    }
}

.ttwhite > .tooltip-inner {
    background-color: white;
    color: black;
}

#ModificationCont > div > label.Ind, #ModificationCont input[type=checkbox] {
    margin-left: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

#ModificationCont .pull-right {
    margin-right: 25px;
}

#ExerciseTitle {
    color: black;
}

#ModCategory, #ModSubCategory {
    height: 28px;
}

#ModActiveCont {
    padding-left: 0;
}

#EditModOuter > div {
    margin-bottom: 10px;
}

#ShowInactiveCont > label, #ShowInactiveCont > input[type=checkbox] {
    margin-left: 5px;
    cursor: pointer;
}

.ExtraData {
    color: black;
    width: 55px;
}

#InlineDay {
    padding-left: 0;
    padding-right: 0;
    background-color: white;
}

#WorkoutPopupMenu {
    cursor: pointer;
    padding: 5px;
}

    #WorkoutPopupMenu:hover {
        color: #f5b701;
    }

#WorkoutPopupNav {
    display: inline-block;
    float: left;
}

    #WorkoutPopupNav div {
        display: inline-block;
        cursor: pointer;
    }

        #WorkoutPopupNav div:hover {
            color: #f5b701;
        }

#ICalHeader {
    background-color: #144173;
    color: white;
}

    #ICalHeader > div {
        font-size: 32px;
    }

#InlineWorkout {
    padding: 5px 5px 5px 5px;
}

.PopupOuter #InlineWorkout {
    padding: 5px 5px 5px 5px;
}

@media (min-width: 900px) {
    #InlineWorkout {
        padding: 5px 35px 5px 20px;
    }
}

#IWorkoutHeader {
    text-align: center;
}

#IWorkoutHeader, .IExercise, #SummaryHeader {
    width: 100%;
}

#IWorkoutHeader, #SummaryHeader {
    border: 1px solid grey;
    background-color: #144173;
    color: #fff;
}

    #IWorkoutHeader > div#MyWorkTitle, #IWorkoutHeader > div#ViewMyWorkTitle {
        font-size: 24px;
        margin: 2px 0 2px 15px;
    }

#IAddExerciseBtn {
    margin-left: 5px;
}

.IExercise {
    border: 1px solid grey;
    border-top: none;
}

.IRow {
    border-bottom: 1px solid grey;
    padding: 5px 5px;
    background-color: #ddd;
}

.IInlineContainer {
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
}


.IExerciseTitle {
    font-size: 13px;
    display: none;
    width: 48%;
    margin-bottom: -5px;
}

.IExerciseTitleShort {
    font-size: 13px;
    display: inline-block;
    width: 48%;
}

.InlineActions {
    float: right;
    width: 50px;
}

.ISmallInput, .IMedInput {
    font-size: 14px;
    text-align: center;
}

.ISmallInput {
    width: 55px;
}

.TLLargeLabel {
    display: none;
}

/*Not needed??*/
.FieldLabels, .ViewLabels {
    padding-bottom: 0;
    color: #144173;
    white-space: nowrap;
}
    /*Not needed??*/
    .FieldLabels .Category, .ViewLabels .Category {
        display: inline-block;
        min-height: 40px;
        vertical-align: top;
    }

        .FieldLabels .Category.CatIndented {
            margin-right: 32px;
        }

        .ViewLabels .Category.CatIndented {
            margin-right: 3px;
        }

        .FieldLabels .Category > div:first-child, .ViewLabels .Category > div:first-child {
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            border-bottom: solid 1px #bbb;
        }

    .FieldLabels .weightLabel {
        margin: 0 10px 0 10px;
    }

    .ViewLabels .weightLabel {
        margin: 0 43px 0 10px;
    }

    .FieldLabels .repsLabel {
        margin: 0 8px 0 8px;
    }

    .ViewLabels .repsLabel {
        margin: 0 55px 0 0;
    }

    .FieldLabels .rpeLabel {
        margin: 0 17px 0 12px;
    }

    .ViewLabels .rpeLabel {
        margin: 0 60px 0 0;
    }

    .FieldLabels .distanceLabel {
        margin: 0 55px 0 10px;
    }

    .ViewLabels .distanceLabel {
        margin: 0 30px 0 0;
    }

    .FieldLabels .timeLabel {
        margin: 0 165px 0 5px;
    }

    .ViewLabels .timeLabel {
        margin: 0 35px 0 0;
    }


.IExpandable {
    margin-bottom: 8px;
    overflow: auto;
}

    .IExpandable .IInnerRow {
        border-top: 1px dashed black;
        border-bottom: 1px dashed black;
        padding: 8px 15px 8px 5px;
        white-space: nowrap;
        display: inline-block;
        min-width: 100%;
    }

    .IExpandable > .IInnerRow ~ .IInnerRow {
        border-top: none;
    }

.LiftStats label:first-child {
    margin-left: 8px;
}

.LiftStats label {
    font-size: 12px;
    padding-right: 5px;
    margin-left: 8px;
}

.LiftStats .StressLabel {
    display: none;
}

.Intended, .Actual {
    display: inline-block;
}

.TLUserValue {
    width: 84px;
    display: inline-block;
    margin-left: 8px;
}

.TLUserSetValue {
    display: inline-block;
    margin-left: 9px;
}

.LiftStats .LiftStatsInner {
    display: block;
}

@media (min-width: 900px) {
    .LiftStats .LiftStatsInner {
        display: inline-block;
    }

    .TLLargeLabel {
        display: inline-block;
    }

    .FieldLabels .weightLabel {
        margin: 0 38px 0 15px;
    }

    .FieldLabels .repsLabel {
        margin: 0 14px 0 16px;
    }

    .FieldLabels .rpeLabel {
        margin: 0 18px 0 22px;
    }
}

@media (min-width: 650px) {
    .LiftStats label.StressLabel {
        display: inline;
    }

    .LiftStats label.ShStressLabel {
        display: none;
    }
}

.InlineActionCol {
    display: none;
}

.InlineEditActionCont {
    display: inline-block;
    margin-left: 10px;
}

.RowSeperator {
    display: inline-block;
    margin: 0 2px;
    height: 31px;
    width: 26px;
    border-style: none;
    border: 0;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -170px -183px;
    vertical-align: middle;
    cursor: pointer;
}

@media (max-width: 750px) {
    .InlineEditActionCont {
        display: none;
    }

    .InlineActionCol {
        display: inline-block;
        cursor: pointer;
        margin: 2px 0;
        font-size: 1.2em;
    }
}

@media (max-width:650px) {
    .TLTabHidden {
        display: none;
    }

    .TLTabInactive {
        background-color: #ececec;
        padding: 0 5px;
        box-shadow: inset 0 0 8px #bbb;
    }

    .Category {
        cursor: pointer;
    }

    .FieldLabels .Category.CatIndented {
        margin-right: 0px;
    }

    .FieldLabels .Intended label:first-child:not(.weightLabel) {
        margin-left: 10px;
    }

    .FieldLabels .weightLabel {
        margin-left: 10px;
    }

    .RowSeperator {
        margin-right: 20px;
    }

    .Actual .TLUserValue:first-child {
        margin-left: 68px;
    }
}

.IExercise input[type=number] {
    text-align: center;
    padding: 5px;
    border: 1px solid;
    border-radius: 4px;
}

.SetInput {
    font-size: 12px;
    width: 45px;
}

.View.IExercise {
    max-width: 800px;
}

@media (min-width: 500px) and (max-width: 900px) {
    .IExerciseTitle {
        display: inline-block;
    }

    .IExerciseTitleShort {
        display: none;
    }
}

@media (min-width: 900px) {
    .IExerciseTitle {
        font-size: 16px;
        display: inline-block;
        width: 450px;
        margin-bottom: -5px;
    }

    .IExerciseTitleShort {
        display: none;
    }

    .SetInput {
        width: 45px;
        font-size: 14px;
    }

    .IInlineContainer {
        margin-left: 10px;
    }
}

@media (min-width: 1100px) {
    .IExerciseTitle {
        width: 650px;
    }

    .View .IExerciseTitle {
        width: 450px;
    }
}

@media (min-width: 1400px) {
    .IExerciseTitle {
        width: 800px;
    }

    .View .IExerciseTitle {
        width: 450px;
    }
}

.IMedInput {
    width: 65px;
}

.IWeightLabel {
    margin-left: 4px;
    font-weight: bold;
}

.exp {
    height: 24px;
    width: 24px;
    border-style: none;
    border: 0;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -1px;
    margin-right: 3px;
    cursor: pointer;
    vertical-align: top;
}

.exp-exp {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -39px -1096px;
}

.exp-col {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -66px -1096px;
}

#IButtonHeader {
    margin: -2px 0 0 5px;
    display: inline-block;
    float: left;
}

#WorkoutDateText {
    display: none;
}

#DateHolder {
    display: inline-block;
    text-align: left;
    margin-left: 5px;
}

@media (min-width: 750px) {
    #WorkoutDateText {
        display: inline;
    }

    #WorkoutDateTiny {
        display: none;
    }

    #DateHolder {
        margin-left: 15px;
    }
}

#ICalOuterDiv {
    padding-bottom: 4px;
    text-align: center;
}

    #ICalOuterDiv > .ui-datepicker-trigger {
        position: static;
        margin-left: 10px;
        cursor: pointer;
    }

.IRow > .ActionImage {
    float: right;
}

#IExerciseList {
    list-style: none;
    padding: 0;
}

.IDragPlaceholder {
    height: 40px;
}

#inlineAddExCont {
    padding: 5px 2px;
}
/*Calendar*/
#CalOuter {
    margin: 0 auto;
}

#Calendar {
    width: 100%;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 auto;
}

    #Calendar tbody {
        box-shadow: 3px 3px 3px #111;
    }

    #Calendar th {
        width: 14%;
        text-align: center;
        color: white;
    }

    #Calendar td {
        height: 120px;
        background-color: white;
        vertical-align: top;
        border: solid 1px black;
    }

        #Calendar td > strong {
            margin-left: 2px;
        }

    #Calendar .CalOOM {
        background-color: lightgray;
    }

.CalOOM .CalBub {
    background-color: #8f8f8f;
    color: #464646;
    border-color: gray;
    box-shadow: none;
    background-image: none;
}

.CalBub {
    width: 95%;
    margin: 0 auto 6px auto;
    text-align: center;
    cursor: pointer;
    max-height: 85px;
    overflow-y: hidden;
    padding: 2px;
    box-shadow: 0 2px 4px #888;
    color: white;
    min-height: 16px;
}

    .CalBub .CalItemText {
        display: none;
    }

.CalMeet {
    background-color: darkorange;
}

.CalNote {
    background: #a612b3;
}

.CalWorkout {
    background: #8dc73f;
}

.CalBodyEntry {
    background: #3d6b9e;
}

.CalTracEntry {
    background: #b71319;
}

#Calendar td.CalToday {
    background-color: #617e9f;
}

.CalHeader {
    width: 100%;
    height: 55px;
    text-align: center;
    background: #144173;
    color: white;
    border-bottom: 8px solid #f5b702;
    font-size: 20px;
    margin-bottom: 5px;
}

    .CalHeader div {
        display: inline-block;
        height: 100%;
        padding-top: 10px;
    }

    .CalHeader .CalText {
        display: none;
    }

#Calendar .FullText {
    display: none;
}

#AppBody {
    width: 100%;
    min-height: 300px;
    background: url(/Content/Images/bckimgfade.png) no-repeat #88888a /*#4c4d4f*/;
    padding: 10px 3px;
}

@media (min-width: 600px) {

    #AppBody {
        padding: 20px 10px;
    }

    .CalHeader .CalText {
        display: inline-block;
        width: 300px;
        /* height: 100px;
        margin-bottom: 30px;*/
        font-size: 30px;
    }

    .CalHeader div {
        padding-top: 3px;
    }

    .CalHeader .CalTextShort {
        display: none;
    }

    #Calendar {
        width: 90%;
    }

        #Calendar .FullText {
            display: inline;
        }

        #Calendar .ShortText {
            display: none;
        }
}

.CalIcon {
    margin: 0 auto;
    height: 24px;
    width: 24px;
}

@media (min-width: 600px) {
    .CalBub .CalItemText {
        display: inline;
    }

    .CalIcon {
        display: none;
    }
}

/*Calendar*/
.PopupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1000;
}
/*Profile*/
.CoachOuter ul {
    list-style: none;
    padding: 0 0 0 10px;
}

.CoachOuter li {
    border: solid 1px black;
    padding: 5px;
    display: inline-block;
    border-radius: 4px;
    background-color: #144173;
    color: white;
    cursor: pointer;
}

    .CoachOuter li:hover {
        background-color: #f5b701;
    }

#ProOuter {
    min-height: 500px;
    display: table;
    width: 100%;
    background-color: #fff;
    box-shadow: 3px 4px 3px #333;
}

#ProSideOuter {
    display: none;
    width: 160px;
    min-height: 400px;
    border: black solid 1px;
    z-index: 1001;
    background-color: white;
}

#ProMainOuter {
    height: 100%;
    min-height: 500px;
    border: 1px solid black;
    border-left: none;
    display: table-cell;
}

#ProSideHeader, #ProMainHeader {
    font-size: 18px;
    color: #383838;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 12px;
    border-bottom: 1px solid black;
}

#ProSide > ul {
    list-style: none;
    padding: 0;
}

    #ProSide > ul > li {
        border-radius: 8px;
        padding: 6px 0 6px 6px;
        font-size: 15px;
        margin: 2px;
        color: #144173;
    }

        #ProSide > ul > li:hover {
            cursor: pointer;
            background-color: #144173;
            color: white;
        }

        #ProSide > ul > li.Active {
            background-color: #144173;
            color: white;
        }

#ProMain {
    padding: 10px 0;
}

    #ProMain label {
        color: #144173;
    }

#MenuExpand {
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    margin-right: 10px;
}

    #MenuExpand:hover {
        background-color: #f5b702;
    }


.ProfilePageContent {
    padding-left: 5px;
}

#ProMain .InputHolder label {
    display: inline;
}

@media (min-width: 768px) {
    #ProSideOuter {
        display: table-cell;
    }

    #MenuExpand {
        display: none;
    }

    .ProfilePageContent {
        padding-left: 15px;
    }
}
/*Profile*/
/*New Header_M*/

#LCalOuter .row {
    margin-left: 0;
}

#AppCont_M {
    background-color: #144173;
    height: 62px;
    width: 100%;
    border: 3px solid white;
    position: relative;
}

.HamburgerIcon {
    height: 32px;
    width: 34px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -39px -267px;
}

.HamburgerIconSmall {
    height: 24px;
    width: 26px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -118px -305px;
}


.DashboardIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -94px -217px;
}

.TrainingLogIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -142px -214px;
}

.TracIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -193px -216px;
}

.ReportingIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -238px -212px;
}

.ClassroomIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -287px -212px;
}

.CalendarIcon {
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -247px -301px;
}

#ActiveIconCont {
    padding: 5px 10px 0 15px;
}

.ActiveIconText {
    color: white;
    font-size: 18px;
}

#ActiveIconTextCont {
    padding-top: 18px;
    vertical-align: top;
}

#AppMenuDD {
    position: absolute;
    background-color: #fcfcfb;
    z-index: 1002;
    top: 56px;
    left: 13px;
    box-shadow: 3px 4px 6px #444;
    display: none;
}

#ClickOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1;
}

#ActiveIconCont, #ActiveIconTextCont {
    display: inline-block;
    height: 100%;
}

.AppProfileIcon {
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -81px -265px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.AppProfileText {
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    width: 165px;
    overflow: hidden;
}

#AppProfileCont {
    float: right;
    border-left: 3px solid white;
    color: white;
    padding: 7px 0 0 8px;
    font-size: 16px;
    cursor: pointer;
    height: 100%;
}

@media (max-width: 600px) {
    #AppProfileCont .AppProfileText {
        display: none;
    }

    #AppProfileCont {
        padding: 7px 10px 0 8px;
    }
}

@media (max-width: 450px) {
    #ActiveIconTextCont {
        display: none;
    }
}

#AppMenuDD {
    border: solid 2px #f5b701;
}

#AppIconCont_M {
    padding: 12px 10px 10px 10px;
    margin-left: 30px;
    border-left: 3px solid white;
    border-right: 3px solid white;
    background-color: #f5b702;
    cursor: pointer;
    display: inline-block;
    height: 100%;
}

.AppMenuHeader_M {
    color: #144173;
    font-size: 18px;
    padding-top: 5px;
}

    .AppMenuHeader_M div {
        display: inline-block;
    }

.MenuIcon {
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
}

.SmallDashboard_M {
    background-position: -40px -233px;
}

.SmallCalendar_M {
    background-position: -262px -264px;
}

.SmallTrainingLog_M {
    background-position: -116px -266px;
}

.SmallTrac_M {
    background-position: -152px -266px;
}

.SmallReporting_M {
    background-position: -185px -264px;
}

.SmallClassroom_M {
    background-position: -224px -263px;
}

.AppMenuHeaderText {
    vertical-align: top;
    line-height: 32px;
}

.MenuSec.Active {
    background-color: #fae7af;
}

.MenuSec.lgl {
    border-top: none;
    border-left: none;
}

.MenuSec {
    min-width: 190px;
    border-top: 2px #f5b701 solid;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
    .MenuSec {
        border-left: 2px #f5b701 solid;
    }

        .MenuSec.sml {
            border-left: none;
        }

        .MenuSec.sm1 {
            height: 150px;
            border-top: none;
        }

        .MenuSec.sm2 {
            height: 200px;
        }

        .MenuSec.sm3 {
            height: 175px;
        }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .MenuSec {
        border-left: 2px #f5b701 solid;
    }

        .MenuSec.mdl {
            border-left: none;
        }

        .MenuSec.med1 {
            height: 130px;
            border-top: none;
        }

        .MenuSec.med2 {
            height: 200px;
        }
}

@media (min-width: 1200px) {
    .MenuSec {
        height: 200px;
        border-top: none;
        border-left: 2px #f5b701 solid;
    }
}

#AppCont_M {
    min-width: 300px;
}

    #AppCont_M .MenuSec ul {
        list-style: none;
        padding: 0;
    }

        #AppCont_M .MenuSec ul li {
            padding-top: 3px;
        }

    #AppCont_M .MenuSec.Active ul li.Active {
        font-weight: bold;
    }

    #AppCont_M .MenuSec ul li a {
        color: #656877;
        font-size: 14px;
    }
/*New Header_M*/
span.form-control-static {
    display: inline-block;
}

.ProfileInput {
    max-width: 300px;
}

#ProfileBirthMonth, #ProfileBirthDay, #ProfileBirthYear {
    width: auto;
    display: inline-block;
    cursor: pointer;
}

#ProfileSave {
    margin-top: 20px;
}

#LoginErrors {
    height: 25px;
}

    #LoginErrors > span {
        margin-right: 3px;
    }

.UnitHelp {
    color: #52bad5;
    cursor: pointer;
    font-size: 22px;
}

.NROdd {
    background-color: #eee;
}

.NotiRow, .NotiRow input, .NotiRow label {
    cursor: pointer;
}

    .NotiRow .InputHolder {
        margin-right: 10px;
        padding: 20px;
        display: inline-block;
    }

#ProMain .page-header {
    margin-top: 10px;
}

    #ProMain .page-header > h3 {
        margin-left: 15px;
    }

    #ProMain .page-header > h3, #ProMain .page-header > h5 {
        display: inline-block;
    }

    #ProMain .page-header > h5 {
        color: darkgray;
        font-style: italic;
    }

#ProMain > .form-horizontal {
    margin-left: 15px;
}

#NButton {
    margin: 10px;
}

#ModBetaProj {
    min-width: 350px;
}

    #ModBetaProj div {
        margin-bottom: 5px;
    }

.CheckHolder {
    padding: 10px;
    display: inline-block;
}

    .CheckHolder, .CheckHolder > input {
        cursor: pointer;
    }

#NoContentCont {
    margin-left: 20px;
}

.BetaSubtext {
    margin: -15px 0 0 80px;
    padding-bottom: 10px;
}

.NoteText {
    color: #aaa;
    font-style: italic;
}

#BetaDescription {
    resize: none;
}

.FullPannel {
    min-width: 710px;
}

.TinyWidget {
    display: inline-block;
}

    .TinyWidget .Pheading {
        text-align: center;
    }

    .TinyWidget .Pbody > div {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
    }

@media(min-width: 400px) {
    .TinyWidget .Pbody > div {
        font-size: 22px;
    }
}

.form-group .ui-spinner-input {
    padding: 6px 12px;
    margin: 0;
}

.WidgetCont {
    position: relative;
    padding-bottom: 30px;
    font-size: 12px;
    min-height: 200px;
}

    .WidgetCont label.radio-inline {
        line-height: 1.5;
    }

.WidgetOverlay {
    display: none;
    position: absolute;
    bottom: 0;
    height: 50px;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    margin-left: -15px;
}

.WidgetCont:hover .WidgetOverlay {
    display: block;
}

.WidgetOverInCont {
    width: 215px;
    margin: 10px auto 0 auto;
    text-align: center;
}

.BodyWeightWidget {
    cursor: pointer;
}

.DashboardHeading {
    font-size: 20px;
}

#SVLCont {
    max-width: 500px;
}
#SVLCont .form-horizontal .form-group{
    margin: 10px;
}

.VidIndicator {
    display: inline-block;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 8px;
    padding: 5px 10px;
    margin-left: 20px;
    box-shadow: 2px 2px 4px #888888;
    font-size: 12px;
}

.RemoveIndicator {
    color: red;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    margin-left: 8px;
}

#NewsWidgetCont > ul {
    list-style: none;
    padding: 0;
}

    #NewsWidgetCont > ul > li {
        border-bottom: groove 2px #eee;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

.RTSNewsTitle {
    font-size: 16px;
    font-weight: bold;
}

    .RTSNewsTitle .NewsDate {
        font-size: 12px;
        color: #888;
        font-style: italic;
        font-weight: lighter;
        vertical-align: middle;
    }

#ModRTSNews {
    width: 500px;
}

#ClassroomWidgetCont {
    margin-bottom: 20px;
}

.TableCont {
    max-height: 500px;
    overflow-y: auto;
}

#ClassroomWidgetCont table tbody {
    font-size: 12px;
}

#TracGaugeWidgetCont .RTSPanel .Pheading div {
    font-size: 14px;
    text-align: center;
}

#TracGaugeWidgetCont .RTSPanel {
    border: 1px solid #144173;
}

.WidgetGuage {
    text-align: center;
}

.TLUserLabel {
    font-weight: 700;
    display: inline-block;
}

.InlineLink {
    color: blue;
    text-decoration: underline;
}

#ImpersonationCont {
    background-color: #fae88b;
    padding: 10px 0 4px 10px;
    font-size: 12px;
    color: #8a6d3b;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.IInputLabel {
    font-size: 13px;
}

.ITimeInput {
    width: 45px;
    text-align: center;
}

.CustomInput {
    border-radius: 4px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .CustomInput:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

.DDLabel, .CustomDropDown {
    margin-left: 5px;
    border-radius: 4px;
    padding: 2px;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px solid #ccc;
    vertical-align: middle;
}

    .DDLabel:focus, .CustomDropDown:focus {
        box-shadow: 0 0 8px rgba(102,175,233,.6);
        outline: 0;
        border-color: #66afe9;
    }

@media (min-width: 900px) {
    .IInputLabel {
        font-size: 14px;
        margin-left: 15px;
    }
}

#AddExFieldsHeader {
    width: 100%;
    border-bottom: dashed 1px black;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 20px;
}

#InlineButtonCont {
    margin: 0 0 10px 0;
    padding: 0;
}

#SaveWorkoutCont {
    margin: 0 5px 0 10px;
}

#InlineCancel {
    margin-left: 5px;
}

#OuterCatEdit > div {
    margin-bottom: 5px;
}

    #OuterCatEdit > div label {
        margin-right: 5px;
    }

#OuterCatEdit #OrderNum {
    width: 90px;
}

#CatChName {
    display: inline-block;
    float: right;
}

#TwoColCont, #ThreeColCont {
    display: none;
}

.ChCompLift {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -128px -616px;
    zoom: .8;
    transform: scale(.8);
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: text-bottom;
    cursor: pointer;
    margin-right: 3px;
}

    .ChCompLift:hover {
        background-position: -128px -648px;
    }

#CompRangeSelect {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

    #CompRangeSelect input[type='radio'] {
        vertical-align: text-top;
        float: none;
        cursor: pointer;
    }

#CompPadTop {
    margin-top: 40px;
}

#DeadliftChart {
    margin-bottom: 20px;
}

.NDChartOverlay {
    position: absolute;
    background: rgba(12,12,12,.35);
    text-align: center;
    font-size: 32px;
    color: #5f5f5f;
    border-radius: 5px;
}

    .NDChartOverlay:hover {
        color: #eee;
    }

.CompPanelCont {
    cursor: pointer;
}

.ExercisePillCenter {
    text-align: center;
    width: 100%;
}

#CSVSubText {
    color: gray;
    font-style: italic;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    text-align: center;
}

#CSVForm {
    margin: 0 auto 120px auto;
    max-width: 1000px;
}

.HRLine {
    width: 100%;
    border-bottom: solid 2px gray;
    margin-bottom: 60px;
}

#SpreadSheetID {
    width: 45px;
    text-align: center;
}

.center {
    text-align: center;
}

#SummaryList {
    list-style: none;
    width: 100%;
    padding: 0;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

    #SummaryList > li table.ExpandableTable {
        border-bottom: 1px solid grey;
        margin-bottom: 0;
    }

#SummaryHeader {
    text-align: center;
    height: 35px;
    font-size: 22px;
}

.ExWeek {
    margin-bottom: 25px;
}

.ExDay {
    margin-bottom: 10px;
    font-weight: bold;
}

.ExPrint {
    margin: 0 0 5px 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted gray;
}

.CompareOuter {
    display: flex;
    flex-wrap: nowrap;
}

#TDPullOut {
    position: fixed;
    right: 0px;
    top: 6%;
    height: 88%;
    z-index: 1001;
}

#TDPullOuter {
    background-color: #0f0f0f;
    padding: 15px;
    overflow: auto;
    height: 100%;
    display: none;
}

.WeekTitle {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
    background-color: #eee;
    color: #144173;
    margin-bottom: 20px;
    border-radius: 4px;
}

#TDTab {
    height: 100%;
    width: 22px;
    float: left;
    position: relative;
}

    #TDTab > .PullCircle {
        position: absolute;
        top: 45%;
        width: 18px;
        height: 40px;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        padding: 6px 0 0 0px;
        color: white;
        font-size: 20px;
        border: 1px solid black;
        border-right: none;
        background-color: #144173;
        cursor: pointer;
        right: 6px;
    }

    #TDTab .PullBar {
        width: 8px;
        height: 100%;
        float: right;
        border-left: 1px black solid;
        background-color: #144173;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        cursor: pointer;
    }


@media (min-width: 900px) {
    #TDTab {
        width: 38px;
    }

        #TDTab .PullCircle {
            width: 31px;
            height: 60px;
            border-top-left-radius: 27px;
            border-bottom-left-radius: 27px;
            font-size: 28px;
            padding: 13px 0 0 3px;
            left: 0;
        }
}

.PulloutLifterNote {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #144173;
}

    .PulloutLifterNote .LifterNoteTitle {
        border-bottom: solid gray 1px;
        padding: 0 0 5px 10px;
        margin-bottom: 5px;
        font-size: 18px;
    }

.DayOuter {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.DayTitle {
    border-bottom: solid gray 1px;
    padding: 0 0 5px 10px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #144173;
}

.ExerciseList {
    list-style: none;
    padding-left: 0;
}

.TDClose {
    float: right;
    margin-right: 20px;
}

.TDLiCont {
    width: 80%;
    min-width: 300px;
    cursor: pointer;
    display: inline-block;
    color: #144173;
    text-indent: -18px;
    margin-left: 18px;
}

@media (min-width: 675px ) {
    .TDLiCont {
        width: 90%;
        min-width: 600px;
    }
}

.TDLiCont:hover {
    color: #52bad5;
}

.TDComplete:hover {
    color: #55ea64;
}

.TDLiBut {
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
}

.TDLiBut_dis {
    display: inline-block;
}

.TDComplete {
    color: #40ba4c;
}

.ENotes {
    border-bottom: none !important;
    display: block !important;
}

    .ENotes > label {
        vertical-align: top;
        margin-left: 10px;
    }

    .ENotes div {
        width: 80%;
        display: inline-block;
        margin-left: 10px;
    }

    .ENotes textarea {
        width: 100%;
        min-height: 50px;
    }

@media (min-width: 650px) {
    .ENotes div {
        width: 90%;
    }
}

#ExNotesAr {
    width: 100%;
    height: 85px;
}

.RPEInput td input {
    width: 45px;
    text-align: center;
    border: 1px solid lightgrey;
}

#RpeChart th, #RpeChart td {
    text-align: center;
}

#RpeChart td {
    padding: 6px 4px;
}

#SelectedRPE {
    min-width: 150px;
    height: 32px;
}

#RPETitleCont {
    width: 200px;
    margin: 0 auto;
    font-size: 18px;
    margin-bottom: 10px;
}

#RPEName {
    padding: 2px;
}

#RPEBtnCont {
    margin-top: 10px;
}

#RPETableCont {
    overflow: auto;
}

.CalHasVid {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: -80px -0px;
    float: right;
    margin-right: 1px;
}

.CalAdd {
    float: right;
    height: 22px;
    width: 24px;
    margin-bottom: 2px;
}

    .CalAdd > div {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
        cursor: pointer;
    }

#Calendar td:hover .CalAdd > div {
    visibility: visible;
    opacity: 1;
}

#AthleteMeetOuter {
    padding: 20px 10px;
}

#CalNoteOuter {
    height: 250px;
    margin: 10px;
}

@media(min-width: 550px) {
    #CalNoteOuter {
        width: 400px;
    }
}

#CalNoteTitle, #MeetTitle {
    width: 100%;
    padding: 3px 5px;
    border-radius: 3px;
    border: solid 1px rgb(169,169,169);
}

#CalNoteNote {
    margin-top: 30px;
    width: 100%;
    height: 150px;
    padding: 3px 5px;
    border-radius: 3px;
    resize: none;
}

#DCalNote, #DAthleteMeet {
    color: maroon;
    margin-top: 20px;
    font-size: 12px;
    display: block;
}

.WWLabelCont {
    text-align: center;
}

    .WWLabelCont > label {
        margin-right: 10px;
    }

.WidgetError {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}

.ListItemSubText {
    font-style: italic;
}

#EventList {
    min-width: 350px;
    list-style: none;
    padding-left: 10px;
}
/**********Workout Planner**********/
#WPOuter {
    display: none;
    background-color: #454545;
    border: black 1px solid;
    border-radius: 5px;
    color: white;
    z-index: 100;
    min-width: 350px;
}

@media(min-width:650px) {
    #WPOuter {
        min-width: 600px;
    }
}

.WPInnerCont {
    padding: 10px;
}

#WPInputCont {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#WPExTitleShort {
    display: inline-block;
    color: #52bad5;
    font-size: 1.5em;
    width: 68%;
}

#WPExTitle {
    display: none;
    width: 68%;
    color: #52bad5;
    font-size: 22px;
}

.WPRowLName {
    display: none;
}

@media (min-width: 900px) {
    #WPExTitleShort {
        display: none;
    }

    #WPExTitle {
        display: inline-block;
    }

    .WPRowSName {
        display: none;
    }

    .WPRowLName {
        display: block;
    }
}

#WPHeadFilter {
    display: inline-block;
    text-align: right;
    width: 30%;
    vertical-align: top;
}

#WPFilterDate {
    width: 90px;
    text-align: center;
}

#WPProtOuterCont {
    margin: 20px 0 0 20px;
}

#WPProtCont {
    float: left;
    width: 48%;
}

.WPSubHeader {
    font-size: 18px;
}

    .WPSubHeader label {
        font-size: 14px;
    }

#WPPercentCont {
    float: right;
    width: 40%;
}

#WPProtCont table td {
    padding: 2px;
}

#WPRecInner {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
}

#WPFooter {
    border-top: solid 1px black;
}

#WPHistoryTitle:hover {
    background: #52bad5;
    cursor: pointer;
}

#WPHistory {
    border-top: 1px solid black;
    width: 100%;
    position: absolute;
    background-color: #454545;
    bottom: -325px;
}

#WPHistoryInner {
    padding: 10px;
    height: 262px;
    overflow: auto;
}

    #WPHistoryInner table td:nth-of-type(5), #WPHistoryInner table td:nth-of-type(6) {
        text-align: center;
    }

#WPSlideOuter {
    overflow: hidden;
    position: relative;
}

#WPHistoryTitle {
    border-bottom: 1px solid black;
    padding: 10px;
}

#WPRecCont {
    padding-bottom: 50px;
}

#WPHistoryInner table {
    width: 100%;
}

    #WPHistoryInner table th {
        border-bottom: 1px dashed black;
        padding-bottom: 3px;
    }

    #WPHistoryInner table tbody td {
        padding-top: 2px;
    }

    #WPHistoryInner table tbody tr:hover {
        cursor: pointer;
    }

#WPTab tr.WPTDHover {
    background-color: #52bad5;
}

#WPTab tr td:last-child:hover {
    color: #52bad5;
}

.WPFilter {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid black;
    margin: 5px 4px 0 0;
    border-radius: 4px;
    cursor: pointer;
}

    .WPFilter:hover, .WPFilterSelected:hover {
        background-color: #52bad5;
    }

.WPFilterSelected {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid black;
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    cursor: pointer;
    padding-bottom: 8px;
    position: relative;
    background-color: #454545;
    z-index: 2;
}

.WPFilterEx {
    position: absolute;
    margin-top: -1px;
    width: 80px;
    height: 0;
    border: solid black 1px;
    background-color: #454545;
    z-index: 1;
    box-shadow: 3px 3px 8px #222;
    display: none;
}

    .WPFilterEx input, .WPFilterEx select {
        color: black;
    }

#WPFilterCont {
    padding-left: 10px;
    position: relative;
}

.WPSelectedRow {
    background-color: #222;
}

#WPTab:before {
    content: "-";
    display: block;
    line-height: 0;
    color: transparent;
}

#WPTab td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#WPTab td:first-child {
    padding-left: 5px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

#WPCont input {
    color: black;
}

#WPRecCont input {
    padding-left: 5px;
}

.RadioLabel {
    cursor: pointer;
}

.CustomCheckLabel {
    display: inline-block;
    padding-left: 15px;
    text-indent: -15px;
    cursor: pointer;
}

    .CustomCheckLabel input {
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0 5px 0 0;
        vertical-align: bottom;
        position: relative;
        top: -2px;
        *overflow: hidden;
    }

#RoundRecLbl {
    font-size: 14px;
}

.ProtoInput {
    width: 60px;
}

.WPRecInput {
}

.RecInput {
    width: 70px;
}

.RecInputSmall {
    width: 40px;
}

#WPPercent {
    font-weight: bold;
    margin-left: 10px;
}

#WPHeader {
    cursor: move;
}

.WPdisabled {
    cursor: not-allowed !important;
    background-color: #eee;
}

.WPCloseCont {
    float: right;
    color: #c83131;
    font-size: 22px;
    margin: 4px;
    cursor: pointer;
}

.FilterBody {
    margin: 10px 0 5px 10px;
    overflow: hidden;
}

    .FilterBody input[type=text] {
        width: 50px;
    }

    .FilterBody select {
        padding: 4px;
        margin: 10px 20px;
    }

#LoadAnd, #RepAnd {
    margin-top: 12px;
}

select.DisabledSelect {
    background-color: rgb(134,134,134);
    border-color: rgb(134,134,134);
    color: rgb(106,106,106);
}

.WPFilterShort {
    width: 300px;
}

.WPFilterLong {
    float: right;
    margin-right: 5px;
}

.FilterHeader {
    height: 1px;
}

.FilterSet {
    background-color: #ac7474;
}

#WPExListCont {
    height: 128px;
    overflow-y: auto;
}

#WPExerciseList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #WPExerciseList li {
        border-radius: 4px;
        padding: 1px 5px;
        cursor: pointer;
    }

        #WPExerciseList li:hover {
            background-color: #52bad5;
        }

.WPSelectedEx {
    background-color: #222;
}

#WPClearAllFilter {
    color: #c83131;
    font-size: 22px;
    margin-right: 10px;
    cursor: pointer;
}
/**********Workout Planner**********/
#Timezone {
    max-width: 400px;
}

#APDataDrop {
    height: 27px;
}

#skteamonlycont {
    float: right;
}

#CopyWorkoutCont td {
    padding: 8px;
}

#AMCOuter {
    width: 350px;
}

#AMCCharCount {
    font-size: 12px;
    color: #bbb;
}

#AMCCharLeft {
    color: #2ddc12;
}

#AMCNote {
    width: 100%;
    height: 75px;
}

#AMCError {
    display: inline-block;
    margin-left: 10px;
}

#MFChooser input {
    display: inline-block;
    margin: 0 0 25px 10px;
}

#MFileLeftIn, #MFileRightIn {
    padding: 10px;
    overflow: auto;
    border: 3px inset #d4d4d4;
    width: 350px;
    height: 650px;
    font-size: 12px;
}

#MFileLeft {
    float: left;
    margin-left: 20px;
    text-align: center;
}

    #MFileLeft label {
        color: #dd1414;
    }

#MFileRight {
    float: right;
    margin-right: 20px;
    text-align: center;
}

    #MFileRight label {
        color: #21c415;
    }

#MFilePending, #MFileComplete {
    list-style: none;
    text-align: left;
    padding: 0;
}

    #MFilePending li, #MFileComplete li {
        border: 1px solid black;
        padding: 5px 5px 5px 25px;
        display: block;
        border-radius: 12px;
        margin-bottom: 5px;
        box-shadow: 2px 2px 2px #888;
        background: linear-gradient(#1395b6, #46c0e0);
        color: white;
    }

        #MFilePending li.MUFailed, #MFileComplete li.MUFailed {
            background: linear-gradient(#aa0f0f, #f67777);
        }

#PFileProgCont {
    width: 300px;
    float: left;
    margin-top: 250px;
}

#MFCont {
    min-width: 1100px;
}

#PFileProgCont .ui-progressbar {
    position: relative;
}

#PFileProg .progress-label {
    position: absolute;
    left: 40%;
    top: 4px;
    font-weight: bold;
    text-shadow: 2px 2px 0 #000;
    color: white;
}

#PFileProgCont .ui-progressbar-value {
    background: #52bad5;
}

.PillModImg {
    margin: 7px 7px;
}

.text-xs-center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}

.Post-Content p {
    color: black;
    font-weight: normal;
}

    .Post-Content p img {
        max-width: 100%;
    }

.CheckLabel {
    cursor: pointer;
}


.sprite-delete_icon_sm {
    background: url(/Content/Images/IconSprite.png) no-repeat;
    background-position: 0 -968px;
    width: 16px;
    height: 16px;
}

.APItemList li {
    border: dashed 1px #666;
    padding: 6px;
    margin: 5px;
    border-radius: 5px;
    background-color: #ccc;
}

.ExBlOuter div {
    display: inline-block;
}

.ExBlOuter .Action {
    display: inline-block;
    float: right;
    cursor: pointer;
}

#APAvalibleEquipment, #APExBlacklist {
    list-style: none;
    padding: 0;
    max-width: 450px;
    height: 300px;
    overflow-y: scroll;
    background: #eee;
    border: solid 1px #ccc;
}

#AddEquipOuter {
    height: 350px;
    overflow: auto;
    max-width: 450px;
}

#ProfileExBlackList {
    max-width: 400px;
    padding: 3px;
}

#Errorjumbo {
    min-height: 400px;
}

.PrefSubHead {
    font-size: 12px;
    color: #a5a5a5;
    margin-left: 10px;
}

.SpanLabel {
    font-weight: bold;
    margin-right: 5px;
}

.SpanValue {
    margin-right: 15px;
}

#ScoreCardData {
    min-height: 400px;
    background: white;
    width: 100%;
    margin-top: 10px;
}

#progressbar, #progressbar2 {
    width: 500px;
}

#NoteInputCont {
    margin-left: 10px;
}

.Empty {
    font-style: italic;
    color: #aaa;
}

/*****NEW MODIFIER*****/
#ModCont {
    color: white;
    width: 100%;
    max-width: 700px;
    background: #454545;
}

#ModHeader {
    font-size: 1.4em;
    text-align: center;
    border-bottom: solid 2px white;
    margin-bottom: 5px;
}

#ModFooter {
    margin-top: 3px;
    padding: 2px 5px 5px 0;
}

#ModTabs {
    display: flex;
    flex-wrap: wrap-reverse;
    padding: 0 3px;
}

.ModTab {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: solid 1px white;
    border-bottom: none;
    padding: 3px 8px;
    min-width: 50px;
    text-align: center;
    background-color: #144173;
    color: white;
    cursor: pointer;
}

    .ModTab.Active {
        background-color: #fff;
        color: black;
    }

#ModBody {
    margin-top: -2px;
    background-color: #fff;
    border: 1px solid #454545;
    height: 275px;
    overflow: auto;
}

.ModTabBody {
    display: none;
    color: black;
}

    .ModTabBody.Active {
        display: block;
    }

.ModBodyHeader {
    padding: 5px 10px;
    border-bottom: 1px solid black;
}

    .ModBodyHeader img {
        float: right;
    }

.ModBodyCont {
    padding: 0 3px;
    display: block;
}

    .ModBodyCont .CheckCont {
        display: inline-block;
        margin-right: 5px;
    }

        .ModBodyCont .CheckCont label {
            font-weight: normal;
            cursor: pointer;
        }

.ModCatHeader span {
    font-weight: bold;
}

#AutoSaveHeader {
    font-size: 12px;
    font-weight: bold;
}

.TLASError {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.row-no-padding {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    .row-no-padding > div {
        padding-right: 0;
    }

#LifterDetails {
    font-size: 12px;
    min-width: 450px;
}

.LifterDetailsCont {
    overflow-x: scroll;
}

#LifterDetails .LName {
    display: none;
}

.control-label {
    padding-left: 3px;
}

@media (min-width: 768px) {
    #LifterDetails .LName {
        display: inline;
    }

    #LifterDetails .SName {
        display: none;
    }

    #LifterDetails {
        font-size: 14px;
    }

    #inlineAddExCont {
        padding: 5px 22px;
        max-width: 875px;
    }
}

#UserDumpOuter .RTSPanel .Pbody {
    min-height: 350px;
}

#UserDumpOuter ul {
    list-style: none;
    padding: 5px;
}

    #UserDumpOuter ul li {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        #UserDumpOuter ul li:hover {
            cursor: pointer;
            background-color: #52bad5;
        }

        #UserDumpOuter ul li.Selected {
            background-color: #f5b702 !important;
        }

#UserDumpOuter li:nth-child(odd) {
    background-color: #eee;
}

#MainColList {
    margin-top: 5px;
}

.IWarningText {
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    display: block;
}

#AdminPassReset {
    margin: 10px;
    font-size: 14px;
}

    #AdminPassReset .Textlabel {
        font-weight: bold;
    }

    #AdminPassReset .btn {
        float: right;
        margin-top: 15px;
    }

.StressLegend {
    margin-top: 8px;
}

    .StressLegend div {
        display: inline-block;
    }

.StressBar {
    width: 25px;
    height: 5px;
    background-color: green;
    vertical-align: middle;
    margin: 0 5px 0 5px;
}

    .StressBar.TStress {
        background-color: #6CBB3C;
    }

    .StressBar.CStress {
        background-color: #FF2400;
    }

    .StressBar.PStress {
        background-color: #1F75FE;
    }

.StressHelp {
    font-size: 22px;
}

.RTSPanel .Pbody .btn.Selected {
    background-color: rgb(230,230,230);
}

.ConfirmationDiv {
    padding: 15px 5px;
}
.StressCont{
    padding: 4px;
}
/******Reporting******/
#ReportWizzard {
    display: none;
    background-color: #fff;
    width: 700px;
    height: 500px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #52bad5;
}

#RWHeader {
    background-color: #52bad5;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.RWContent {
    padding: 0 20px 10px 20px;
    width: 700px;
    float: left;
}

#RWListCont {
    padding: 5px;
    height: 290px;
    background: #ddd;
    border: 2px inset #eee;
    overflow-y: auto;
}

#RWContentHeader {
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #aaa;
}

.StepDot {
    border: 1px solid black;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    margin: 0 auto 8px auto;
    z-index: 2;
    position: relative;
}

.RWHStep {
    display: inline-block;
    height: 55px;
    position: relative;
    padding-right: 10px;
    width: 150px;
    overflow: hidden;
    text-align: center;
}

.StepConnecterR {
    position: absolute;
    width: 80px;
    height: 12px;
    border: 1px solid black;
    right: 0;
    top: 6px;
    z-index: 1;
    border-right: none;
}

.StepConnecterL {
    position: absolute;
    width: 80px;
    height: 12px;
    border: 1px solid black;
    left: 0;
    top: 6px;
    z-index: 1;
    border-left: none;
}

.RWSActive .StepDot, .RWSActive .StepConnecterR, .RWSActive .StepConnecterL {
    background-color: #52bad5;
}

.RWSComplete .StepDot, .RWSComplete .StepConnecterR, .RWSComplete .StepConnecterL {
    background-color: #4dee02;
}

.RWSPending .StepDot, .RWSPending .StepConnecterR, .RWSPending .StepConnecterL {
    background-color: #eee;
}

#StepsOuter {
    width: 500px;
    margin: 30px auto 0 auto;
}

.RWFBtn {
    float: right;
    margin: 0px 8px 8px 0;
}

.RWFNextButton {
    float: right;
    margin: 0px 8px 8px 0;
    display: none;
}

#RWContentContainer {
    height: 290px;
    width: 2160px;
    position: relative;
}

#ExerciseHolder {
    display: none;
}

#ExerciseHolder {
    background-color: white;
    width: 700px;
    height: 380px;
    overflow-y: scroll;
    padding: 20px;
    z-index: 3;
    position: absolute;
    top: -100px;
    left: 698px;
}

#ExSSearch {
    margin-bottom: 5px;
}

#LiftLabel {
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 -1px 4px;
    background-color: white;
}

#LiftAdd {
    display: inline-block;
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    padding: 2px;
    margin: 0 0px -1px 0;
    float: left;
    background-color: white;
    cursor: pointer;
}

#LiftContainer {
    min-height: 50px;
    border: 1px solid #ccc;
    padding-top: 5px;
    max-height: 160px;
    overflow-y: auto;
}

.PLabel {
    font-weight: normal;
    color: #aaa;
}

#PHeader {
    width: 550px;
    margin: 0 auto;
}

#PDate {
    display: inline-block;
    margin-right: 60px;
    width: 240px;
}

#RptNameCont label {
    margin-right: 14px;
}

#RptName {
    width: 120px;
    padding-left: 5px;
}

#PHeader table tr td {
    padding: 8px;
}

#PDropDown {
    display: inline-block;
    width: 210px;
}

#PresetDuration {
    height: 27px;
    width: 100px;
}

#Duration {
    width: 70px;
    padding-left: 4px;
}

#StartDate {
    width: 100px;
    padding-left: 4px;
}

#PLiftSelect {
    margin-top: 20px;
}

#RptReviewTab {
    margin: 0 auto;
}

    #RptReviewTab tr td:first-child {
        font-weight: bold;
        width: 95px;
        text-align: right;
    }

    #RptReviewTab tr td:last-child {
        padding-left: 35px;
        text-align: left;
    }

#ReviewExList {
    height: 205px;
    overflow: auto;
}

    #ReviewExList label {
        margin-left: 12px;
    }

    #ReviewExList ul {
        list-style: none;
        padding: 0;
        border-top: 1px black solid;
        padding-top: 15px;
    }

        #ReviewExList ul li {
            display: inline-block;
            border: 1px solid black;
            border-radius: 8px;
            padding: 6px;
            background: linear-gradient(#1395b6, #46c0e0);
            box-shadow: 2px 2px 2px #888;
            color: white;
            margin: 0 2px 10px 3px;
            min-width: 100px;
            text-align: center;
        }

#MetaBlockSelectCont {
    height: 190px;
    overflow-y: auto;
}

#MetaBlockSelect {
    width: 100%;
    border: solid 1px #ccc;
}

    #MetaBlockSelect tr {
        border-bottom: solid 1px #ccc;
    }

#MetaBlockControls button {
    margin: 10px 10px 10px 0;
}
/******Reporting******/
.TDInputCont{
    display: none;
}
#SaveProtoBtn{
    display: none;
}
#CopyTBOuter{
    padding: 10px;
}
    #CopyTBOuter span {
        font-weight: bold;
        margin-right: 5px;
    }
    
/* ========================================================================
 * bootstrap-tour - v0.10.2
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000;opacity:.8;filter:alpha(opacity=80)}.tour-step-backdrop{position:relative;z-index:1101}.tour-step-backdrop>td{position:relative;z-index:1101}.tour-step-background{position:absolute!important;z-index:1100;background:inherit;border-radius:6px}.popover[class*=tour-]{z-index:1102}.popover[class*=tour-] .popover-navigation{padding:9px 14px}.popover[class*=tour-] .popover-navigation [data-role=end]{float:right}.popover[class*=tour-] .popover-navigation [data-role=prev],.popover[class*=tour-] .popover-navigation [data-role=next],.popover[class*=tour-] .popover-navigation [data-role=end]{cursor:pointer}.popover[class*=tour-] .popover-navigation [data-role=prev].disabled,.popover[class*=tour-] .popover-navigation [data-role=next].disabled,.popover[class*=tour-] .popover-navigation [data-role=end].disabled{cursor:default}.popover[class*=tour-].orphan{position:fixed;margin-top:0}.popover[class*=tour-].orphan .arrow{display:none}