div.passwordField {

  position:relative;

}

  div.passwordField div.passwordStrength p {
      text-align:left;
      margin: 4px 2px;
    }

  div.passwordField div.passwordStrength {
    margin-bottom:16px;

}

  div.passwordField button.show {
    position: absolute;
    top: 5px;
    left: -31px;
    border: none;
    padding: 8px;
    font-size: 16px;
    background: none;
    cursor:pointer;
  }

  div.passwordField button.show:focus {
      outline: none;
    }

  div.passwordField span.message {
    position: absolute;
    top: 0px;
    right: 5px;
    line-height: 40px;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
  }

  div.passwordField div.indicator {
    height: 4px;
    position: absolute;
    bottom: 0px;
    left:0px;
    transition: width .5s ease-out;
  }

  div.passwordField div.suggestionBox {

    position:relative;
  }

  div.passwordField div.suggestionBox div.suggestions {
      position: absolute;
      top: -40px;
      left: 309px;
      width: 200px;
      background-color: white;
      color: black;
      font-size: 12px;
      padding: 8px;
      transition: all .2s ease-in-out;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
      z-index:1;   
    }

  @media (min-width: 0px) and (max-width: 680px) {

  div.passwordField div.suggestionBox div.suggestions {
        position: absolute;
        top: auto;
        top: initial;
        bottom: 50px;
        left: -2px;
        right: -37px;
        width: auto;
        width: initial   
    }
      }


div.notice {
  max-width: 500px;
  color: #333;
  text-align: left;
  padding: 4px 12px;
  position: relative;
  border-left: 2px solid orange;
  background-color: rgba(255, 165, 0, .05);
  margin: auto;
}
  div.notice i {
    position:absolute;
    position: absolute;
    color: #333;
    left: 8px;
    top: 4px;
  }
  div.notice p {
    text-align: left !important;
  }
  div.notice p {
    margin-bottom: 0px;
    margin-top: 4px;
    padding-bottom: 8px;
    font-size: 14px;
  }
  div.notice h2 {
    text-align: left !important;
  }
  div.notice h2 {
    margin-top: 0px;
    text-indent: 25px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 0;
    margin: 0;
  }

div.loginContainer {
  height: 100vh;
}
  /*
    overflow:auto;
    height:100%;
     */
  div.loginContainer div.inner div.under-login {
      padding-bottom:100px;
    }

div.login { 
  padding:20px 20px 90px 20px; /* 30px 20px 30px 20px;*/
	position:relative;

  /*padding-top: 24px;
  padding-bottom: 90px;*/
  border-bottom: 8px solid #D3D5DE;
  background-color: #fffcf4;
  background-position: bottom;
  background-size: cover;

}

div.login div.login-message {
    background: #E6F6D5;
    padding: 16px;
    text-align: center;
    color: #17130D;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

div.login div.login-trusted-access {
    border-radius: 16px;
    border: 1px solid #C7D1D5;
    background: #EEEEF2;
    padding:16px;
    display:flex;
    margin-top:16px;
    margin-bottom:32px;
  }

div.login div.login-trusted-access>div:first-child {
      flex-grow:0;
    }

div.login div.login-trusted-access>div:first-child img {
        width:80px;
        height:64px;
        margin-right:16px;
      }

div.login div.login-trusted-access>div:last-child h3 {
        color: #17130D;
        font-family: Rubik;
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin:0;
      }

div.login div.login-trusted-access>div:last-child p {
        text-align:left;
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin:0;
      }

div.login div.login-trusted-access>div:last-child p a {
          color: #003595;
          font-family: Rubik;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          cursor:pointer;
        }

div.login div.login-hero-image {
    position: absolute;
    z-index: -1;   
    background-image: url('/res_sys/Apple_Header.jpg');
    background-size: cover;
    opacity: 0.15;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

div.login a {
    text-decoration: none;
    color:#243294;
  }

div.login a:visited {
	    text-decoration: none;
	    color:#243294;
    }

div.login a.as-login-btn {
      height: 42px;
      font-size: 18px;
      font-family: 'Open Sans';
      text-align: center;
      background: #243294;
      color: white;
      margin-top: 20px;
      margin-bottom: 8px;
      border-radius: 3px;
      box-sizing: border-box;
      width: 100%;
      cursor: pointer;
      padding: 0;
      border: none;
      display: inline-block;
      line-height: 42px;
    }

div.login input.error {
	  border: 1px solid red;
  }

div.login p.error {
    color:red;
    margin:10px;
  }

div.login .login-box {
    /*width: 540px;  740 - 100 - 100 */
    width: 612px;
    border-top: 8px solid #243294;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0 auto 32px auto;
    /*padding: 16px 100px 36px 100px;*/
    padding:16px 36px 36px 36px;

    background: #fafafa; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fafafa 0%, #f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f4f4f4', GradientType=0);
  }

/* IE6-9 */

div.login .login-box .fields {
      border:none;
    }

div.login .login-box .fields div.passwordField button.show {
          top: 14px;
          left: 0;
        }

div.login .login-box .fields div.passwordField input {
          text-indent: 32px;
        }

div.login .login-box .fields label {
        color: #000;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }

div.login .login-box .fields p.desc {
        color: #5A6268;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin:0;
        text-align:left;

      }

div.login .login-box .fields input {
        /* border:none; */
        padding:0;
        text-indent:10px;
        height:48px;
        line-height: 48px;
        font-family: 'Open Sans';
        font-size: 16px;
        color: #3f3f3f;	
        width:100%;
        margin-top:8px;
        margin-bottom:16px;

      }

div.login .login-box .fields.error {
        border: 1px solid red;
      }

div.login .login-box .fields div.divider {
        height:1px;
        background-color: #bfbfbf;
      }

div.login .login-box p {
      font-family: 'Open Sans';
      font-size: 14px;
      text-align: center;
    }

/*login-box*/

div.login .above-fields {
    margin-bottom:32px;
  }

div.login .above-fields h1 {
      font-weight: 600;
      color: #4B5257;
      font-family: Rubik;
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin: 16px 0 0 0;
    }

div.login .above-fields p {
    	text-align:left;
      margin:0;
    }

div.login div.login-actions {
    margin-top:12px;
    margin-bottom:12px;

  }

div.login div.login-actions.centered {
      text-align:center;
      margin-top:24px;
    }

div.login div.login-actions button.sign-in {
      color: #FFF;
      text-align: center;
      font-family: Rubik;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;

      border-radius: 5px;
      background: #243294;
      height:44px;
      line-height: 44px;

      cursor: pointer;
      padding: 0;
      border: none;
      width:320px;
      margin-top: 16px
    }

div.login div.login-actions a {
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 44px;
      cursor: pointer;
      display:inline-block;
      width:220px;
      text-align:center;
      color:#003595;
    }

div.login div.login-signup {
    margin-top:36px;
    margin-bottom:24px;
    border-radius: 5px;
    border: 1px solid #D8D8D8;
    background: #EEEEF2;
    padding:16px;

    color: #4B5257;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
  }

div.login div.login-signup span {
      padding-right:16px;
    }

div.login div.login-signup a {
      color:#003595;
      font-weight: 500;
      cursor: pointer;
      white-space:nowrap;
    }

div.login div.login-vendor-system {
    margin-top:48px;
    margin-bottom:48px;
    color: #666;

    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

div.login div.login-vendor-system a {
      color:#003595;
    } /* login */


a.go-back,
a.forgot {
  color: #243294;
  font-family: 'Open Sans';
  font-size: 14px;
  text-align: center;
  margin: 14px auto;
  display: block;
  cursor:pointer;
}

a.go-back {
  margin-top:40px;
}

/*

div.under-box-container {
  background-color: #f6faef;
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaea;

}


div.under-box {
	width:360px;
	margin:auto;
  padding-bottom: 15px;
  padding-top: 15px;
  & p.registration {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #3f3f3f;
    text-align:center;
  }
  & p.help {
	  font-family: 'Open Sans';
    font-size: 14px;
    color: #3f3f3f;
    text-align:center;
  }
  & .divider {
	  height: 1px;
    background-color: #bfbfbf;
  }
}
*/


.under-login {
	width:auto;
	margin:auto;
	text-align:center;
  margin-top: 60px;
  padding-bottom: 80px;
}


.under-login p.powered {
	  font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
    color: #666;
    margin-bottom:8px;
  }


.under-login img.strive-logo {
	  height:24px;
	  width:auto;
  }


.under-login p.for-customer {
	  font-family: 'Open Sans';
    font-size: 18px;
    text-align: center;
    color: #666666;
    margin-top:8px;
    margin-bottom:4px;

  }


.under-login img.customer-logo {
  	height:80px;
  	width:auto;
  }


@media (min-width: 0px) and (max-width: 800px) {
	div.login {
    padding:30px 0 0 0;
    /*
    & div.under-box {
      padding-bottom:8px;
      width:unset;
      min-width:300px;
      & p {
        padding: 0 8px;
        text-align: center;
      }
    }

     */
  }
    div.login div.login-box {
      width:auto;
      width:initial;
      padding:30px;
    }
        div.login div.login-box div.login-actions button.sign-in {
          width: 100%;
        }

        div.login div.login-box div.login-actions a {
          width: 100%;
          text-align: center;
          padding-top: 16px;
        }
}

@media (min-width: 0px) and (max-width: 375px) {
  /*snaps the login to the top*/
	div.login {
    padding:0 0 0 0;
  }
}


div.under-login footer {
    margin-top: 32px;
  }
    div.under-login footer a {
      font-family: 'Open Sans';
      font-size: 14px;
      text-align: center;
      padding: 10px;
    }

div.ext-topper div.logo-container {
    width:158px;
    margin:auto;
  }
  div.ext-topper div.company-name {
    margin: 4px auto 0 auto;
    text-align: center;
    color:#4B5257;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
div.under-box {
  background: #EEEEF2;
  padding: 48px 0;
}
  div.under-box div.go-to-login {
    text-align: center;
    color: #4B5257;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
  }
  div.under-box div.go-to-login span {
      padding-right:16px;
    }
  div.under-box div.go-to-login a {
      text-decoration: none;
      color:#003595;
      font-weight: 500;
      cursor: pointer;
      white-space:nowrap;
    }


div.errorBoundary {
  background-color: #5C5A5A;
  color: #7ed321;
  padding: 8px;
  font-family: monospace;
}



div.userAvatarEditor div.avatarContainer {
  width:350px;
  height:350px;
  cursor: pointer;
}

div.userAvatarEditor div.avatarContainer p.uploadMessage {
  text-align: center;
  font-size: 18px;
  line-height: 320px;
  font-family: Roboto;
}


div.userAvatarEditor div.imageEditControls {
  display:flex;
}

div.userAvatarEditor div.imageEditControls div.slider {
  padding-bottom:0px;
  width:280px;
  display:inline-block;
}
div.userAvatarEditor div.imageEditControls div.slider div.rangeslider-horizontal div.rangeslider__fill {
  background-color:transparent;
}
div.userAvatarEditor div.imageEditControls div.slider .rangeslider,
div.userAvatarEditor div.imageEditControls div.slider .rangeslider .rangeslider__fill {
  box-shadow: none;
}

div.userAvatarEditor div.imageEditControls button {
  width: 48px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 24px;
  margin-top: 12px;
  margin-left: 12px;
  color: #333;
}

div.userAvatarEditor button.selectPhoto {
  margin-top:16px;
  width: 350px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 18px;
  font-family: Roboto;
  text-transform: uppercase;
  cursor: pointer;

}

:root {
  --errorColor: #ca0219;
  --grey-1: #3f3f3f;
  --grey-2: #666666;
  --grey-3: #bfbfbf;
  --link-1: #293ccc;
  --link-2: #5968de;
  --purple-1:#243294;
  --purple-2: #7d83b3;
}


div.top-check i {
    font-size: 60px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #7ed321;
  }

div.underFitbitPanel h2, div.underFitbitPanel p {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3f3f3f;
    color: var(--grey-1);
  }

div.underFitbitPanel h2 {
    font-weight: 600;
    margin:0;
  }

div.side-by-side-wrapper {
  display: flex;
}

@media (min-width: 0px) and (max-width: 660px) {

div.side-by-side-wrapper {
      flex-direction: column
}
  }


div.fitbitPanel {
  display:flex;
  padding: 30px 40px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;  
  margin: 32px auto;
  width:480px;
}


@media (min-width: 0px) and (max-width: 680px) {


div.fitbitPanel {
    width:auto;
    width:initial;
    flex-direction: column
}
  }


div.fitbitPanel div.col1 img {
      width: 165px;
    margin-right: 24px;
    }


div.fitbitPanel div.col2 {
    flex-grow: 1;
    text-align: left;

  }


div.fitbitPanel div.col2 h2 {
      font-family: 'Open Sans';
      font-size: 18px;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      color: var(--grey-1);    
      font-weight: 600;
      margin: 0;
    }


div.fitbitPanel div.col2 p {
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      color: var(--grey-1);    
      margin: 0;
    }


div.fitbitPanel div.col2 p.mini {
        font-size: 13px;
        color: #666666;
        color: var(--grey-2);        
      }


div.fitbitPanel div.col2 a {
      display:block;
      margin:16px 0;
      border-radius: 3px;    
      border:1px solid #243294;    
      border:1px solid var(--purple-1);
      background-color:white;
      line-height:40px;
      height:40px;

      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      text-align: center;
      color: #243294;
      color: var(--purple-1);
      text-decoration:none;

    }


div.input-anti-pad.password div.passwordField {
    width: 251px;    
  }


div.input-anti-pad.password div.passwordField input {
      padding-left:32px;
    }


div.input-anti-pad.password div.passwordField div.indicator {
      bottom: 1px;
      left: 1px;
      padding-left: 32px; 
    }


div.input-anti-pad.password div.passwordField span.message {
      right: -25px;
      line-height: 39px;
    }


div.input-anti-pad.password div.passwordField button.show {
      left: 0px;
    }

.steps { fill: #3fc0fc; }



div.signup {
	margin-bottom:200px;
  height: 100vh;
  /*overflow-y: scroll;     */
  position: relative;
  /*overflow: auto;*/
}

div.col {
	max-width:680px;
	padding:20px;
	margin:auto;
	text-align:center;
  background-color: rgba(255,255,255,.95);
}

div.signup-head svg.wellness-concepts-logo {
	  height:110px;
	  width:auto;
  }

div.signup-head h1 {
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 24px;
    margin-top:0;
    margin-bottom:0px;
    color:#3f3f3f;
    text-align:left;
  }

div.signup-head p {
    font-family: 'Open Sans';
    font-size: 16px;
    margin-top:8px;
    margin-bottom:24px;
    color:#3f3f3f;
    text-align:left;
  }

div.signup-head li {
    text-align:left;
    color:#3f3f3f;
    font-size: 16px;
  }

div.signup-head div.line {
    border-top:1px solid #d8d8d8;
    margin-top:20px;
    margin-bottom:20px;
  } 

div.signup-content {
  position:relative;

  padding-top: 24px;
  padding-bottom: 90px;
  border-bottom: 8px solid #D3D5DE;
  background-color: #fffcf4;
  background-position: bottom;
  background-size: cover; 
} 

div.signup-content div.some-transparent-white {
    top:-19px;
    left:0;
    right:0;
    height:72px;
    /*background-color:white;*/
    background-color:#243294;
    position:absolute;
    z-index: -1;
  } 

div.signup-content div.col {
    width:660px;
    padding:20px 26px;
    margin:auto;
    margin-top:16px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  } 

@media (min-width: 0px) and (max-width: 660px) { 

div.signup-content div.col {
      width: auto;
      width: initial
  } 
    }



div.form-element {
  text-align:left;
  position:relative;
  border-bottom: 1px solid rgba(0,0,0,.025);
  margin-bottom: 24px;
  padding-bottom: 0px;



}



div.form-element fieldset {
    border:none;
    margin:0;
    padding:0;
  }



div.form-element fieldset legend {
      margin: 15px 0px 8px 0px;
      font-family: 'Open Sans';
      font-weight: 600;
      font-size: 18px;
      color: #3f3f3f;
      display: block;
    }



div.form-element div.invalidBubble {
    background: none !important;
  }



div.form-element div.invalidBubble {
    pointer-events: none;
    position:absolute;
    top:-8px;
    bottom:-8px;
    left:-8px;
    right:-8px;
    border: 1px solid rgba(255,0,0,.65);
    border-radius:4px;
  }



div.form-element.tight {
    border-bottom: none;
    padding-bottom: 0px;    
  }



div.form-element label {
    margin: 15px 0px 8px 0px;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 18px;
    color:#3f3f3f;
    display:block;
  }



div.form-element p.hint {
    margin:0;
    max-width: 500px;
    font-size: 16px;    
    margin-top:8px;
  }



div.form-element p.hint.right {
      position: absolute;
      top: 32px;
      left: 300px;
    }



div.form-element input {
    font-family: 'Open Sans';
    font-size: 14px;
    color:#000;
    height:40px;
    background-color:white;
    border: 1px solid #bfbfbf;
    border-radius:0;
    line-height:40px;
    padding:0 16px;

  }



div.form-element div.input-anti-pad {
    margin: 8px 32px 0 0;
  }



div.form-element div.input-anti-pad  input {
      min-width: 250px;
      /* width:100%; */
    }



div.form-element div.input-side-by-side {
    margin: 8px 8px 0 0;
  }



div.form-element div.input-side-by-side input {
      min-width: 250px;
    }



div.form-element select {
    font-size:14px;
    padding:0 16px;
    height:40px;
    line-height:40px;
    border: 1px solid #bfbfbf;
    border-radius:0;
    min-width: 250px;
    margin:4px 0;
  }



div.form-element p.error {
    font-family: 'Roboto';
    font-size: 14px;
    color:#ff0000;
    margin: 4px;
  }



div.form-element div.radio {
    display: flex;
    line-height: 40px;
    height: 40px;
    margin-top: 8px;
    font-size:14px;
  }



div.form-element div.radio input {
      margin-right: 8px;
      margin-top: 1px;
    }



div.form-element div.radio label {
      cursor:pointer;
      margin: 0px;
      font-family: 'Open Sans';
      font-weight:normal;
      font-size: 16px;
      color:#3f3f3f;
      display:flex;
    }



div.form-element div.icon-label {
    display:flex;
  }



div.form-element div.icon-label div {
      flex-grow:1;
    }



div.form-element div.icon-label i.icon {
      font-size: 60px;
      line-height:60px;
      margin-top: 15px;
      margin-right: 15px;
      color:#f9b34f;
    }



div.form-element div.icon-label i.icon.success {
        color:#7ed321;
      }



div.form-element div.terms {
    width: 250px;
    margin: 8px 0;
  }



div.form-element div.terms a {
      line-height: 44px;
      color: #243294;
      color: var(--purple-1);
      position:relative;
      text-decoration:none;
    }



div.form-element div.terms a span {
        font-family: 'Open Sans';
        font-size: 16px;
      }



div.form-element div.terms a i {
        position:absolute;
        top:0;
        right:-24px;
      }



div.form-element div.accept {
    padding-left: 30px;
    position: relative;
    margin: 12px 0;
  }



/* max-width: 500px;*/



div.form-element div.accept a {
      color: #3f3f3f;
      color: var(--grey-1);   
      cursor:pointer;
    }



div.form-element div.accept a i {
        color: #3f3f3f;
        color: var(--grey-1);   
        position: absolute;
        top: 0px;
        left: 0px;
      }



div.form-element div.accept.invalid a {
        color:red;
      }



div.form-element.invalid label {
      color:red;
    }



div.form-element.invalid input {
      /*border-color:red;*/
    }



div.form-element.invalid p.error {
      display:block;
    }



div.form-element.invalid div.radio {

      /*
      color:red;
      border:1px solid red;
      margin-bottom: 6px;
       */
    }



@media (min-width: 0px) and (max-width: 660px) {
      div.form-element p.hint.right {
        position: relative;
        top:0;
        left:0;
      }
  }






a.cta-button {
	height: 42px;
	font-size: 18px;
	font-family: 'Open Sans';
	text-align: center;
  background: #243294;
	color: white;
  /*
  background: rgba(0,0,0,.1);
	color:#333;

   */
  border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
	/* border: none; */
	display: block;
	line-height: 42px;

  margin: 48px auto 16px auto;
  width:300px;
}






a.cta-button:focus {
    outline: 2px solid red;
  }

a.bordered-button {
  font-size: 16px;
  font-family: 'Open Sans';
  border: 1px solid #243294;
  color: #243294;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px 16px;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
}
a.bordered-button i {
	margin-right: 8px;
}

.fade a.bordered-button {
	background: transparent;
	border-color: #bfbfbf;
	color:#bfbfbf;
	cursor:default;
}

.fade div.form-element div.icon-label i.icon {
	color:#d9d9d9;
}

.fade div.form-element label {
	color:#808080;
}


.fade div.form-element p.hint {
	color:#808080;
}


.nav {
  transition:all .25s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 100%;
	box-shadow: 2px 0px 8px rgba(0,0,0,.25);
  z-index: 2000;
  overflow-y: auto;
  overflow-x: hidden;

	color:#323232;
	background-color:#FFF;

}
	.nav div.back-to-dash {
		margin: 0 0 20px 0;
	}
	.nav div.back-to-dash button {
			width:100%;
			background-color: #fff;
			border-radius: 0px;
			height: 36px;
			min-width: 24px;
			border: none;
			display: flex;
			padding: 0 0 0 16px;
			cursor: pointer;
			margin-bottom: 0px;
		}
	.nav div.back-to-dash button span.lab {

				font-family: 'Rubik';
				font-style: normal;
				font-weight: 400;
				font-size: 18px;
				letter-spacing: 0.375px;
				color: #003595;

				padding-left: 0px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-right: 12px;
				line-height: 36px;
			}
	.nav div.back-to-dash button:hover {
				background-color: #e4e6f7;
				color:#293ccc;
			}

.visuallyhidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	flex-grow:0;
}



.nav .link.level2 {
	font-weight: normal;
}

.nav a {
	text-decoration: none;
}

.nav .link i {
	padding-right: 8px;
	position: relative;
	top: 2px;
}

.nav .link .right{
	display: table-cell;
	width: 1%;
	white-space: nowrap;
}

.nav img.logo {
	width: 180px;
	margin-top: 10px;
	height: auto;
}
.nav .top {
	text-align:left;
}


/*DEPRECATED?*/
.nav .top.open {
	height:230px;
}



div.nav a.skip-to-main-content-link {
		position: absolute;
		left: -9999px;
		z-index: 999;
		padding: 1em;
		background-color: black;
		color: white;
		opacity: 0;
	}



div.nav a.skip-to-main-content-link:focus {
			left: 50%;
			transform: translateX(-50%);
			opacity: 1;
		}



div.nav h2 {
		font-family: 'Rubik';
		font-style: normal;
		font-weight: 400;
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0.270833px;
		text-transform: uppercase;
		color: #7D2E68;
		padding-left: 16px;
		margin-top: 32px;
	}



/*
  & hr {
    border:none;
    height:1px;
    background-color:#d9d9d9;
	  position:relative;
	  width: 190px;
	  margin-top:16px;
	  margin-bottom:16px;
  }

	&  label {
		height: 18px;
		font-family: 'Open Sans';
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: 0.27px;
		color: #666666;
		margin-left: 16px;
	}
	*/



div.nav div.link {
		display: block;
		height: 36px;
		width: 220px;
		margin: 9px 0;
		cursor:pointer;
		position: relative;
  }



div.nav div.link.selected {
			background-color: rgba(36, 50, 148, 0.06);
		}



div.nav div.link:hover{
			background-color: #e4e6f7;
			color:#293ccc;
		}



div.nav div.link .text {
			font-family: 'Rubik';
			padding-left: 16px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-right: 12px;
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			letter-spacing: 0.375px;
			color: #17130D;
			line-height: 36px;
		}



div.nav div.link span.pill {
			line-height: 22px;
			position: absolute;
			right: 10px;
			top: 7px;
			font-family: 'Roboto Condensed';
			font-size: 13px;
			letter-spacing: 0.3px;
			color: #3f3f3f;
			padding: 0 5px;
			margin-right: 4px;
		}



div.nav div.link span.pill.points {
				border-radius: 14px;
				border: solid 1px #f9b34f;
				color: #000;
				padding: 0 8px;
				margin-right: 10px;
			}



div.nav div.link span.pill.alert {
				background-color: #729839;
				color:white;
				border-radius: 0px;
				font-style: italic;
			}



div.nav div.link.sm {
			margin:0;
		}



div.nav div.link.sm div.text {
				font-size:15px;
				letter-spacing: 0.3125px;
			}



.poweredBy {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
	padding: 5px;
	color: #666;
	font-size: 14px;
}

.poweredBy div img {
	width:60px;
}






@media (min-width: 0px) and (max-width: 900px) {
	.nav .link {
		height: 44px;
		line-height: 26px;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    font-family: 'Open Sans';
		cursor: pointer;
    margin-left:0px;	
	}
}

div.hzad {
  margin-top: 16px;
}

  div.hzad img {
    width: 700px;
    box-shadow: 1px 1px 2px rgba(0,0,0, .25);
  }

  @media (min-width: 0px) and (max-width: 900px) {

  div.hzad img {
			width: 100%;
			max-width:700px
  }
		}

  div.hzad a {
		cursor:pointer;
	}

div.ads {
	position: absolute;
	right: 0;
	padding: 0px; 
	width: 220px;
	height: 100%;
	background-color: white;
	z-index: 10000;
}

div.ads img {
    width: 100%;
    height: auto;    
  }

div.ads a {
		cursor:pointer;
	}
@media (min-width: 900px) and (max-width: 1200px) {
	div.ads {
		visibility:hidden;
	}
}
@media (min-width: 0px) and (max-width: 900px) {
	div.ads {
		visibility:hidden;
	}
}


div.feedItemContainer.post {
  position: relative;

}
  div.feedItemContainer.post .dot {
    display: none;
  }
  div.feedItemContainer.post div.text img {
      max-width: 100%;
    }
  div.feedItemContainer.post.unread .dot {
      display: block;
    }
  div.feedItemContainer.post.unread div.feed-item-content h3.title {
        font-weight: bold;
      }




div.feed-item-content .body {
    overflow: hidden;
  }
  div.feed-item-content h3.title {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    color: #3f3f3f;
    font-weight: normal;
    margin:0;
  }

.content .post .link-with-pic .body{
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

.Library .content .post .link .bottomLinkAction {
  text-decoration: none;
  cursor: pointer;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  color: #293ccc;
  margin: 8px 0px;
  display: inline-block;
}

.Library .content .post .link .body p {
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 1.5;
  color: #3f3f3f;
}



div.quizQuestion {
  margin-bottom: 24px;


}


table.inlineQuiz .body {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 12px;
    padding: 14px;
    margin-top: 11px;
  }
  table.inlineQuiz td {
    width: 99%;
    position:relative;

  }
  table.inlineQuiz td div.question-top-text {
      display:flex;
    }
  table.inlineQuiz td div.question-top-text>p {
        color:#7D2E68;
        font-size:18px;
        font-weight: 600;
      }
  table.inlineQuiz td div.question-top-text h4 {
        font-size:18px;
        font-weight: normal;
        margin:0 10px 10px 0;
        flex-grow:1;
      }
  table.inlineQuiz td div.question-top-text button {
        font-family: "Open Sans";
        background: rgb(113, 153, 50);
        font-weight: bold;
        white-space: nowrap;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        height: 32px;
        line-height: 26px;
        border-radius: 4px;
        color: white;
        display: block;
        padding: 3px 10px;
        border:none;
      }
  table.inlineQuiz td button.submit {
      border: none;
      padding: 0px 16px;
      height: 36px;
      border-radius: 4px;
      color: white;
      background-color:#293ccc;
      font-family: 'Open Sans';
      font-size: 14px;
      cursor:pointer;
    }
  table.inlineQuiz .option span {
      cursor: pointer;
    }
  table.inlineQuiz .option span .question {
      margin-left: 35px;
      padding: 10px;
    }
  table.inlineQuiz .option span .error {
      position: absolute;
      left: 43px;
      top: 10px;
      width: 200px;
      font-size: 16px;
      color: red;
      z-index: 1;
    }
  table.inlineQuiz .option span .square, table.inlineQuiz .option span .circle {
      width: 16px;
      height: 16px;
      background: white;
      border-radius: 10px;
      border: 2px solid #7ED321;
      margin: 8px;
      position: absolute;
      left: 6px;
      top: 0px;
    }
  table.inlineQuiz .option span .square {
      border-radius: 0;
    }


@media (min-width: 0px) and (max-width: 900px) {
    .inlineQuiz .option span .question {
      font-size: 24px;
    }
    .inlineQuiz .option span .square, .inlineQuiz .option .option span .circle {
      margin-top: 13px;
    }
    .inlineQuiz .option span .error {
      top: 11px;
      font-size: 24px;
    }
}

section#fullbrowser div.mask {
  position:absolute;
  top:0;
  left:0;
  background-color: rgba(255,255,255,0);
  opacity:0;
  transition:background-color .25s ease-in-out, opacity .25s ease-in-out;
  z-index:100000;
}
section#fullbrowser div.mask.show {
  background-color: rgba(255,255,255,1);
  opacity:1;
}

section#fullbrowser.show div.mask {
  top:0;
  left:0;
  right:0;
  bottom:0;
}


section#fullbrowser div.mask div.chart {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


section#fullbrowser div.mask div.chart div.title {
  position: absolute;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 40px;
  color: #263692;
  text-align: left;
  top:auto;
  top:initial;
  right:auto;
  right:initial;
  bottom: 0;
  left: 8px;
}
@media (min-width: 0px) and (max-width: 600px) {
  section#fullbrowser div.mask div.chart div.title {
    font-size: 30px;
  }
}



section#fullbrowser div.mask div.chart div.close {
  position: absolute;
  top: 10px;
  right: 16px;
  cursor: pointer;
  text-align: center;
  color: #263692;
  padding: 5px 20px;
}
section#fullbrowser div.mask div.chart a {
  position:absolute;
  top:40%;
  font-size: 48px;
  height: 48px;
  width: 48px;
  text-align: center;
  color: #FDA500;
  cursor:pointer;
}
section#fullbrowser div.mask div.chart a.previous {
  left:16px;
}
section#fullbrowser div.mask div.chart a.next {
  right:16px;
}
section#fullbrowser div.mask div.chart div.noData {
  text-align: center;
  height: 100%;
  top: 40%;
  position: absolute;
  left: 0;
  right: 0;
}




@media (orientation: portrait) {
  div.BarChartContainer div.VictoryContainer {
    width:100%;
  }
    div.BarChartContainer div.VictoryContainer svg {
      width: 100%;
      height: auto;
    }
}

@media (orientation: landscape) {
  div.BarChartContainer div.VictoryContainer {
    height:100%;
  }
    div.BarChartContainer div.VictoryContainer svg {
      height: 100%;
      width: auto;
    }
}


article.feedItem {
  position:relative;
}



h2.date-context-title {
  font-size: 14px;
  color: #808080;
  padding-top: 20px;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: Roboto;
  letter-spacing: 1.25px;
  margin:0;
}


div.codeword-lock {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background-color: rgba(255, 255, 255, .65);
    z-index:1;
}

    div.codeword-lock div.unlock-feed-item {

        margin: 40px 80px 0px 80px;
        padding: 25px 30px 30px 30px;
        border-radius: 15px;
        background: #F0F2F2;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
        text-align:center;
    }

    div.codeword-lock div.unlock-feed-item span.material-icons {
            color: #5A6268;
            font-family: "Material Icons";
            font-size: 30px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
            text-align:center;
        }

    div.codeword-lock div.unlock-feed-item h2 {
            margin-top:8px;
            color: #17130D;
            text-align: center;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 0.021px;
        }

    div.codeword-lock div.unlock-feed-item p {
            color: #17130D;
            text-align: center;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
            margin:3px 0 3px 0;
        }

    div.codeword-lock div.unlock-feed-item p.error {
                color: #800000;
                margin-top:16px;
            }

    div.codeword-lock div.unlock-feed-item div.codeword-form {
            display:flex;
            margin-top:16px;
        }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code {
                flex-grow:1;
                box-sizing: border-box;
                height:44px;
                color: #000;
                font-family: Rubik;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                border: 1px solid #C7D1D5;
                text-indent:10px;
            }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code:focus {
                    border: 1px solid #003595;
                }

    div.codeword-lock div.unlock-feed-item div.codeword-form input.code.error {
                    border: 1px solid #800000;
                }

    div.codeword-lock div.unlock-feed-item div.codeword-form button {
                height:44px;
                flex-grow:0;
                cursor: pointer;
                border-radius: 5px;
                background: #003595;
                color: #FFF;
                text-align: center;
                font-family: Rubik;
                font-size: 15px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                padding:0 15px;
                margin-left:16px;
                border:none;
            }
h1.page-title {

}


div.openNav {
  position: fixed;
  top: 0px;
  left: 0px;
  right:0px;
  z-index: 9000;
  background-color: rgb(250, 250, 250);
  height: 54px;
  padding-left:220px; /* NAV BAR */
  display: flex;
}


div.openNav h1 {
    flex-grow:1;
    padding-left:25px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 54px;
    letter-spacing: 0.375px;
    color: #17130D;
    margin:0;
  }


@media (min-width: 0px) and (max-width: 900px) {

  div.openNav {
    padding-left:0px;
  }
    div.openNav h1 {
      padding-left:0px;
    }
    div.openNav i {
      cursor:pointer;
      flex-grow: 0;
      font-size: 24px;
      width: 54px;
      height: 54px;
      line-height: 54px;
      text-align: center;
      color: #17130D;
    }

}




a.iconBtn {
  display: inline-block;
  height:36px;
  border-radius:18px;
  line-height: 36px;
  width: 36px;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  text-align:center;
}
  a.iconBtn:hover {
    background-color:rgba(0,0,0,.025);
  }
  a.iconBtn i {
    text-align: center;
    color: #5968de;              
    line-height: 36px;
  }
  /* blue on hover */
  a.iconBtn.link2 i {
      color: #bfbfbf;
    }
  a.iconBtn.link2:hover i {
        color:#5968de;
      }
  a.iconBtn.big {
    height:44px;
    border-radius:22px;
    line-height: 44px;
    width: 44px;
  }
  a.iconBtn.big i {
      line-height:44px;
    }

/*Create ripple effect*/

.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .25s, opacity .5s;
}

.ripple:active:after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}

div.mainstage-event {
  display: inline-block;
  height: 72px;
  width:250px;
  text-align: left;
  cursor: pointer;
  /*
  @media (min-width: 0px) and (max-width: 700px) {
    display: block;
    width:unset;
    height:unset;
    text-align: left;
    & div.icon {
      width: 30px;
      text-align:left;
      vertical-align:middle;
      margin-left:8px;
    }
    & div.info {
      width:unset;
      & h3 {
        display:inline;
        margin-right:4px;
      }
      & h4 {
        display:inline;
      }
      & span.live-badge {
        position:relative;
        padding-left:4px;
        right:unset;
        bottom: unset;
      }
    }
  }*/


}
  div.mainstage-event div.icon {
    display: inline-block;
    padding-left:12px;
    padding-right:8px;
    vertical-align: top;
  }
  div.mainstage-event div.icon svg {
      width:35px;
      height:35px;
    }
  div.mainstage-event div.info {
    position:relative;
    font-family:'Open Sans';
    display: inline-block;
    width:176px;
  }
  div.mainstage-event div.info h3 {
      margin:0;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4a4a4a;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  div.mainstage-event div.info h4 {
      margin:0;
      font-size: 13px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #4a4a4a;
    }
  div.mainstage-event div.info span.live-badge {
      position: absolute;
      font-weight: bolder;
      font-size: 14px;
      color: #ed5a5a;
      right: 8px;
      bottom: 0;
      font-family: 'open sans';
    }
  div.mainstage-event.recordings {
    width:100%;
    cursor: default;
  }
  div.mainstage-event.recordings div.info {
      width:auto;
      width:initial;
    }






div.events-bar {
  background-color:#fff;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0px 2px 2px rgba(0,0,0,.20);
  z-index: 3000;
  height: 112px;
}
  div.events-bar h2 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #666666;
    text-transform: uppercase;
    padding:0 0 0 16px;
    margin:0 0 8px 0;
  }
  div.events-bar h2 span.live {
      color:#ed5a5a;
    }
  div.events-bar div.bar-container {
    /* text-align: center; */
    position:absolute;
    padding-left:20px;
    left: 0px;
    right: 0px;
    bottom: 16px;
  }
  div.events-bar div.bar-container.mini {
      bottom: 10px;
    }
  div.events-bar div.bar-container div.moreEvents {
      width:60px;
      padding-left:16px;
      font-family: Roboto;
      font-size: 13px;
      color:#7d83b3;
      text-transform: uppercase;
      display: inline-block;
      font-weight: normal;
      margin:0;
      cursor: pointer;
    }
  div.events-bar div.bar-container>div {
      border-right:1px solid #d8d8d8;
    }
  div.events-bar div.bar-container>div:first-child h2 {
          font-weight: 600;
        }
  div.events-bar div.bar-container>div:last-child {
        border-right:none;
      }
  div.events-bar div.action-button {
    position: absolute;
    right: 0;
    top:33px;
    background-color: transparent;
    width: 68px;
  }
  div.events-bar div.action-button a.ripple {
      overflow:visible;
      overflow:initial;
    }
  @media (min-width: 0px) and (max-width: 900px) {
    div.events-bar div.bar-container {
      padding-left: 0px;
    }
  }

:root {
  --link-1: #293ccc;
}


div.trackersStatusWidgets {
  margin:auto;
}


div.trackersStatusWidgets.countdown {
    padding-left: 35px;
    border-left: 1px solid #d8d8d8;  
  }


div.trackersStatusWidgets div.tracker {
    display:inline-block;
    width:100px;
    padding:0 13px;
    position: relative;
    text-align: center;
    cursor:pointer;
  
  
  }


div.trackersStatusWidgets div.tracker div.readout {
      width: 100px;
      height: 15px;
      line-height:15px;      
      font-family: Roboto;
      font-size: 13px;
      font-weight: normal;
      font-style: normal;
      font-stretch: condensed;
      letter-spacing: 0.3px;
      text-align: center;
      color: #293ccc;
      color: var(--link-1);     
    }


div.trackersStatusWidgets div.tracker div.bar {
      margin-bottom: 10px;
      position: relative;
      width: 100px;
      height: 8px;
      border-radius: 4px;
      background-color: #d9d9d9;
    }


div.trackersStatusWidgets div.tracker div.bar> span {
        transition: width .5s ease-in-out;
        display: block;
        height: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #5aed5a; 
        position: relative;
        overflow: hidden;
      }


div.trackersStatusWidgets div.tracker div.bar> span.full {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }


div.trackersStatusWidgets div.tracker svg.icon {
      width: 44px;
      height: 44px;
    }


div.trackersStatusWidgets.mini div.tracker {
      margin-top:13px;
    }


div.trackersStatusWidgets.mini div.tracker div.bar {
        width:80px;
        margin-left: 20px;
      }


div.trackersStatusWidgets.mini div.tracker svg.icon {
        position: absolute;
        left: 10px;
        top: -7px;      
      }


div.trackers-bar {
	background-color:#fff;	
  box-sizing: border-box;  
  position: relative;
	box-shadow: 0px 2px 2px rgba(0,0,0,.20);
	z-index: 3000;
}
  div.trackers-bar div.bar-container {
    position:absolute;
    left: 0px;
    right: 0px;
    bottom: 24px;
  }
  div.trackers-bar div.bar-container.mini {
      bottom: 10px;
    }
  div.trackers-bar div.my-wellness-button {
    position: absolute;
    right: 0;
    top:0;
    line-height: 130px;
    background-color: white;
    width: 68px;    
  }
  div.trackers-bar div.my-wellness-button a.ripple {
      overflow:visible;
      overflow:initial;
    }
  @media (min-width: 0px) and (max-width: 900px) {

div.trackers-bar {
    margin-top: 60px
}
  }

div.dashboardContainer {
  position:absolute;
  left:0;
  right:0;
  height:200px;
}

div.milestonesDashboard {
  padding: 20px;
  position:absolute;
  bottom:0;

}

div.milestonesDashboard h1 {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  color: #000000;

}
div.milestonesDashboard h2 {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #000000;
}
div.milestonesDashboard span.goal {
  font-style: italic;
}

div.milestonesDashboard span.goal.long {
  font-weight:bold;
}

div.milestonesDashboard a {
  color:#FDA500;
  text-decoration:underline;
  cursor:pointer;
}


div.milestonesDashboard div.widgetContainer {
  display:flex;
  margin: 20px 0 0 0;
}
@media (min-width: 0px) and (max-width: 900px) {
  div.milestonesDashboard div.widgetContainer {
    margin: 8px 0 0 0;
  }
}



div.milestonesDashboard div.statusWidget {
  width:105px;
  height:105px;
  display:inline-block;
  text-align:center;
  padding:0px;
}
div.milestonesDashboard div.widgetContainer.mini div.statusWidget {
  height: 47px;
}


div.milestonesDashboard div.statusWidget a {
  color:#2a2a2a;
  text-decoration: none;
}

div.milestonesDashboard div.statusWidget i {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  display: block;
  background-color: #f9b34f;
  color: #fff;
  line-height: 80px;
  font-size: 25px;
  text-align: center;
  margin-left:12px;
  margin-bottom:8px;
  transition:background-color .1s ease-in-out;
}
div.milestonesDashboard div.widgetContainer.mini div.statusWidget i {
  height: 36px;
  border-radius: none;
  display: block;
  background-color: transparent;
  color: #3f3f3f;
  line-height: 50px;
  font-size: 25px;
  text-align: center;
  margin-left: 12px;
  margin-bottom: 0px;
  transition: color .1s;
}


div.milestonesDashboard div.statusWidget i.milestone {
  font-size: 40px;
  line-height: 88px;
}

div.milestonesDashboard div.statusWidget a:hover i {
  background-color:#FA9200
}

div.milestonesDashboard div.widgetContainer.mini div.statusWidget a:hover i {
  color:#FA9200;
}

div.milestonesDashboard div.statusWidget span.txt	 {
  font-size:14px;
  font-family:'Roboto Condensed';
  color:#3f3f3f;
  transition:color .1s ease-in-out;
}
div.milestonesDashboard div.statusWidget a:hover span.txt {
  color:#000;
}
div.milestonesDashboard div.widgetContainer.mini div.statusWidget  span.txt {
  font-size: 12px;
}



.prizes .content {
	background-color: #f0f0f0;

}
	.prizes .content div.section-container {
		max-width: 840px;
		margin:auto;
		padding: 0 40px;
	}
	.prizes .content div.head {
		padding:15px 0 20px 0;
		background-color:#fafafa;
		margin-bottom:20px;
	}
	.prizes .content div.head div h2 {
				width: 700px;
				font-family: 'Open Sans';
				font-size: 24px;
				font-weight: 600;
				font-stretch: normal;
				font-style: normal;
				line-height: normal;
				letter-spacing: normal;
				color: #4a4a4a;
				margin:0;
			}
	.prizes .content div.head div h2 span {
					font-weight: bold;
				}
	.prizes .content div.head div p {
				font-family: 'Open Sans';
				font-size: 18px;
				color: #4a4a4a;
				margin:4px 0 0 0;
			}
	.prizes .content div.prize {
		border-radius: 12px;
		background-color: #ffffff;
		padding:20px;
		margin-bottom:20px;
	}
	.prizes .content div.prize img {
			width:120px;
			margin-right:20px;
		}
	.prizes .content div.prize h3 {
			margin:0;
			font-family: 'Open Sans';
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			font-size: 18px;
			font-weight: 600;
			color: #273691;
		}
	.prizes .content div.prize h4 {
			margin:0;
			font-family: 'Open Sans';
			font-size: 16px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #000;
		}
	.prizes .content div.prize h5 {
			margin:0;
			font-family: 'Open Sans';
			font-size: 16px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: normal;
			letter-spacing: normal;
			color: #4a4a4a;
		}





div.healthFairPoints h3 {
		font-family: 'Open Sans';
		font-size: 18px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #4a4a4a;
		border-bottom:1px solid #d8d8d8;
		margin:0;
		padding-bottom: 10px;
	}





div.healthFairPoints div.desc {
		display:flex;
		border-bottom:1px solid #d8d8d8;
		padding: 10px;
	}





div.healthFairPoints div.desc div:first-child {
				line-height:32px;
				flex-grow: 1;
				font-family: 'Open Sans';
				font-size: 16px;
				color: #000000;

			}





div.healthFairPoints div.desc div:first-child i {
					color:#f9b34f;
					font-size: 16px;
					vertical-align: middle;
					padding-right:8px;
				}





div.healthFairPoints div.desc div:last-child {
				flex-grow: 0;
			}





div.healthFairPoints div.desc div:last-child div.circ {
					width: 32px;
					height: 32px;
					border-radius:16px;
					background-color:#78a22f;
					display:inline-block;
					font-family: Roboto;
					font-size: 16px;
					line-height:32px;
					font-weight: bold;
					color: #ffffff;
					text-align:center;
					margin-left:5px;
				}





div.healthFairPoints div.desc div:last-child i {
					font-size: 16px;
					color: #78a22f;
				}

@media only screen and (max-width: 600px) {
	.prizes .content {
		background-color:white;
	}
			.prizes .content div div.head {
				padding: 15px;
				margin-bottom: 0;
			}
				.prizes .content div div.head h2 {
					font-size: 16px;
				}

				.prizes .content div div.head p {
					font-size: 13px;
				}

		.prizes .content div.section-container {
			padding:0;
		}
		.prizes .content div.prize {
			border-bottom:1px solid #d8d8d8;
			border-radius:0;
			padding:15px;
			margin-bottom:0;
		}
			.prizes .content div.prize img {
				width:100px;
				margin-right:10px;
			}
			.prizes .content div.prize h3 {
				font-size:13px;
			}
			.prizes .content div.prize h4 {
				font-size:13px;
			}
			.prizes .content div.prize h5 {
				font-size:13px;
			}
			.prizes .content div.healthFairPoints h3 {
				padding:10px 15px 10px 15px;
			}
			.prizes .content div.healthFairPoints div.desc {
				padding:10px 15px 10px 10px;
			}
					.prizes .content div.healthFairPoints div.desc div:first-child {
						font-size: 14px;
					}
}



/*




.rewards .top-circle {
	border-radius: 14px;
	border-style: solid;
	border-width: 5px;
	border-color: #76A320;
	width: 20px;
	height: 20px;
	padding: 0;
	position: relative;
	left: 74px;
	background: #fafafa;
}
.rewards .top-progress {
	padding: 0;
	width: 5px;
	height: 40px;
	background-color: #76A320;
	position: relative;
	left: 86px;
}
.rewards .content {
	padding-top: 20px;
}
.rewards .reward-group {
	padding: 23px 40px 0 24px;
	position: relative;
}
.rewards .reward-group > div {
	position: relative;
	width: 100%;
}
.rewards .reward-group .number {
  width: 37px;
  text-align: center;
  position: absolute;
  left: -6px;
  top: -12px;
  font-size: 18px;
  color: #9B9B9B;
}
.rewards .reward-group.completed .number {
	color: #5EA02F;
}
.rewards .reward-group .progress {
	position: absolute;
	top: 15px;
	left: 62px;
	width: 5px;
	bottom: 0;
}
.rewards .reward-group .progress > div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ccc;
}
.rewards .reward-group .progress > div:last-child {
	background: #76A320;
	height: 50%;
}
.rewards .reward-group.completed .progress > div:last-child {
	height: 100%;
}
.rewards .icon {
	position: absolute;
	left: 40px;
	top: -24px;
	z-index: 1000;
}
.rewards .reward-group .rw-details {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 0 40px 20px 88px; 
	font-size: 18px;
	max-width:800px;
	& div.more {
		max-width:400px;
	}
}
.rewards .reward-group .expander {
	display:none;
}
.rewards .reward-group .expander i {
	display:none;
}

.rewards .reward-group .rw-details h2.title {
	font-weight: bold;
	border-style: solid;
	border-width: 0;
	border-top-width: 2px;
	border-color: rgba(202, 202, 202, 0.25);
	padding-top: 8px;
	font-size:18px
}
.rewards .reward-group .rw-details p.text {
	color: #5C5A5A;
	font-size: 14px;
	margin: 4px 0px;
}
.rewards .reward-group .rw-details > * {
	padding-left: 30px;
}
.rewards .content-header {
	position: absolute;
	padding: 25px 30px 25px 153px;
	box-sizing: border-box;
	width: 100%;
	top: 0;

 	height:70px;
 	background-color:#fafafa;
 	font-size:18px;
 	color:#4A4A4A;
 	font-family: "Roboto";
   @media (min-width: 0px) and (max-width: 680px) {
     padding: 60px 30px 25px 142px;     
   }
}

.rewards .content-header .points {
	font-weight: bolder;
	font-family: arial;
}

.rewards .content-header .program-overview-button {
	position:absolute;
	right:20px;
	top:19px;
}
.rewards .content-header .program-overview-button a {
	font-size:16px;
	cursor:pointer;
	height:26px;
	line-height:26px;
	border-radius:4px;
	color:white;
	background-color:#293ccc;
	display:block;
	padding:3px 10px;
	font-family:"Open Sans"
}

.rewards .content-body {
	background-color:white;
}

.reward-container {
	display: inline-block;
}
.reward {
	position: relative;
	width: 48px;
	height: 48px;
}
.home .reward {
	width: 45px;
	height: 45px;
	margin-right: 8px;
}

@media (min-width: 0px) and (max-width: 900px) {
	.home .reward {
		width: 45px;
		height: 45px;
		margin-right: 0px;
	}	
}

.home .reward i {
	font-size: 150%;
}
.home .reward-container {
	position: relative;
	top: -3px;
}
.reward i{
	font-size: 200%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.reward svg {
	width: 100%;
	height: 100%;
}
.reward #hexagon {
	stroke: #ccc;
	stroke-width: 5px;
	fill: #fafafa;
}
.home .content .reward {
	width: 35px;
	height: 35px;
	font-size: 12px;
}
.completed .reward #hexagon{
	fill: white;
	stroke: #729839;
}
.reward i {
	color: #9B9B9B;
	font-size: 24px;
}
.completed .reward i {
	color: #729839;
}
.reward-group img{
	height: 150px;
	padding: 10px;
}

.milestoneFeedItems {
	margin-left:20px;
}
.milestoneFeedItems h3 {
	font-size:.9em;
	font-weight:normal;	
	margin:0;
	border-bottom: 1px solid rgba(0,0,0,.05);
  padding-bottom: 5px;
}
.milestoneFeedItems h3 em {
	float:right;
	font-size:.8em;
}
.milestoneFeedItems table {
	width:100%;
    border-spacing: 0;
}
.milestoneFeedItems table tr td {
	font-family: Roboto;
	font-size: 14px;	
	padding: 5px;
	color:#333;
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.milestoneFeedItems table tr td i {
	color: #F5A623;
	margin-right:5px;
}
.milestoneFeedItems .points > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.milestoneFeedItems .points {
  font-family: arial;
  font-size: 10px;
  color: #5EA02F;
  font-weight: bold;
  line-height: 20px;
  float:right;
}
.milestoneFeedItems .points .circ {
  color: white;
  border-radius: 50%;
  background: #5EA02F;
  width: 20px;
  height: 20px;
}



 */




div.myWellnessTabBar {
  position: fixed;
  top: 0;
  left: 220px;
  z-index:1;
  /* position: absolute;
  top: 0;
  left: 0; */
  right: 0;
  height:60px;
  padding: 4px 0 0 8px;
  background-color: #fafafa;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);

}
  div.myWellnessTabBar button {
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #243294;
    height: 60px;
    padding: 0 16px;
    cursor:pointer;
  }
  div.myWellnessTabBar button:focus { 
      outline: none; 
    }
  div.myWellnessTabBar button.selected {
      border-bottom: 4px solid #243294;
    }
  div.myWellnessTabBar button i {
      margin-right:4px;
    }
  @media (min-width: 0px) and (max-width: 900px) {


div.myWellnessTabBar {
    top: 64px;
    left: 0px

}
  }

.ios div.myWellnessTabBar {
  position:relative;
  top:0;
  left:0; 
}


div.dailyTracker {
  display: flex;
  width: 560px;
  margin:auto;
  border-bottom: 2px solid #d8d8d8; 
  margin-top:16px;
  padding-bottom: 13px;
  /* & button {
    border:none;
    background:none;
    padding:0;
    cursor:pointer;
    line-height:44px;
    width:44px;
    height:44px;

    & i {
      font-size:16px;
      line-height:16px;
      color:#293ccc;          
    }
  }  */

}

  div.dailyTracker i.drag {
    line-height: 16px;
    font-size: 16px;
    padding: 14px;
    color:#5968de;
  }

  div.dailyTracker svg.icon {
    width: 35px;
    height: 35px;
    margin-top: 4px;
    margin-left: 4px;
  }

  div.dailyTracker svg.icon.fitbit {
      width:16px;
      height:16px;
      margin-left:8px;
      margin-top: 14px;    
    }

  div.dailyTracker div.name {
    flex-grow:2;
    margin-left:16px;
  }

  div.dailyTracker div.name h3 {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      margin:0;
    }

  div.dailyTracker div.name h4 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      margin: 0;
    }

  /* name */

  div.dailyTracker div.data {
    margin-top: 4px;
    position:relative;
  }

  div.dailyTracker div.data input {
      width:160px;
      height:36px;
    }

  div.dailyTracker div.data div.input {
      width: 160px;
      height: 36px;
      border-radius: 4px;
      border: solid 1px #bfbfbf;

    }

  /* margin-top: 4px; */

  div.dailyTracker div.data div.input div.readout {
        line-height: 36px;
        font-family: Roboto;
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #3f3f3f;
        padding-left:10px;
      }

  /*
        This can be used to identify a locked manual value
        */

  div.dailyTracker div.data div.input div.readout.manualValue {
          /* color:#f9b34f; */
        }

  /*input*/

  div.dailyTracker div.data div.units {
      position:absolute;
      height:36px;
      line-height:36px;
      font-family: Roboto;
      font-size: 13px;
      font-stretch: condensed;
      letter-spacing: 0.3px;
      color: #666666;      
      top: 0;
      right: 10px;
    }

  div.dailyTracker div.data a.revert {
      cursor:pointer;
      position:absolute;
      line-height:36px;
      top:2px;
      right:0;
      color:#ed5a5a;
      height: 36px;
      width: 36px;
      text-align: center;
    }

  div.dailyTracker div.data a.revert i {
        font-size:16px;
      }

  div.dailyTracker div.data.dirty div.units {
        right: 32px;
        color:#243294
      }

  /* data */

  div.dailyTracker div.action {
    width: 120px;
  }

  div.dailyTracker div.action button {
      height:38px;
      margin-left:16px;
      margin-top:4px;
    }


input.textInput {
  height: 34px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 0;
  font-family: 'Open Sans';
  font-size: 16px;
  border-color: #d8d8d8;            
  text-indent: 8px;
}
  input.textInput:focus {
    outline: none;
  }
  input.textInput.edit {
    border-color:#5968de;
  }



button.btn {
  border:none;
  padding: 0 16px;
  height: 36px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: center;                            
  color: #ffffff;    
  background-color:#293ccc;
  border-radius:6px;
  text-transform:uppercase;
  cursor:pointer;
}
  button.btn.big {
    height: 44px;
  }
  button.btn:focus {
    outline: none;
  }
  button.btn.cancel {
    background-color:#ed5a5a;
  }
  button.btn.disabled  {
    background-color: #d8d8d8;
    border:none;
    cursor: inherit;
  }
  button.btn.flat {
    color:#5968de;
    background-color:rgba(0,0,0,0);
    border: none;
  }
  button.btn.flat.cancel {
      color:#ed5a5a;
    }
  button.btn.flat:hover {
      background-color:rgba(0,0,0,.025);
      transition: background-color 250ms ease-in-out;
    }


div.graphedTracker {
  width:756px;
  margin:auto;
  display:flex;
  border-bottom:2px solid #d8d8d8;

}
  
  div.graphedTracker div.name {
    width: 170px;
    margin-top:24px;
    text-align:center;
  }
  
  div.graphedTracker div.name svg.icon {
      width: 24px;
      height: 24px;      
      margin:auto;
    }
  
  div.graphedTracker div.name h3 {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      margin:0;
    }
  
  div.graphedTracker div.name h4 {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      margin: 0;
    }
  
  /* name */
  
  div.graphedTracker div.detailNav {
    margin-top: 42px;
    width: 64px;
    text-align:right;

  }
  
  div.graphedTracker div.detailNav a.iconBtn {
      display: inline-block;
    }
  
  div.graphedTracker div.trackerWeeklyGraph {
    width:523px;
    background-color:white;
  }




div.dayLabels {
  padding-left: 42px;
  width: 481px;
  background-color:white;
  margin: auto;
}

  div.dayLabels div.day {
    display:inline-block;
    width:68px;
    /*
    & div.vline {
      height: 16px;
      width: 1px;
      background-color: #979797;
      margin: auto;        
    }
    */
  }

  div.dayLabels div.day h3 {
      text-transform:uppercase;
      font-family: Roboto;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: condensed;
      line-height: normal;
      text-align: center;
      color: #666666;
      margin:0;
    }

  div.dayLabels div.day h3.today {
        font-weight:bold;
      }


div.graphNav {
  width:200px;
  height:56px;
  margin:auto;
  display:flex;
}
  div.graphNav div.status {
    flex-grow:1;
    line-height:56px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-align: center;
    color: #243294;
  }
  div.graphNav button {
    width: 44px;
    height: 44px;
    margin-top: 5px;
    border: none;
    background: none;
    cursor:pointer;    
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #293ccc;    
  }
  div.graphNav button.disabled {
      opacity: 0.5;
      cursor:default;
    }
  div.graphNav button:focus { 
      outline: none; 
    }


div.trackersZero {
  background-color: #e6e6e6;
}
  div.trackersZero div.zcontent {
    width:560px;
    margin:auto;
    padding:24px 0 16px 0;
  }
  div.trackersZero div.zcontent p {
      margin-top: 0;
      font-family: 'Open Sans';
      font-size: 16px;
      color: #000;    
    }

div.managerTracker {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 100px;
}

div.managerTracker button {
    position:relative;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #293ccc;
    border: none;
    border-radius:4px;
    background: none;
    height: 44px;
    line-height: 44px;
    padding: 0;
    padding:0 16px 0 44px;
    cursor:pointer;  
  }

div.managerTracker button:hover {
      background-color:rgba(0,0,0,.025);
      transition: background-color 250ms ease-in-out;
    }

div.managerTracker button i {
      width: 44px;
      height: 44px;
      line-height: 44px;
      position: absolute;
      left: 0;
      top: 0;
    }

div.dailyTrackers {
  width:560px;
  margin:auto;
}

div.trackersTabBar {
  text-align:center;  
  height: 44px;
  background-color: #e6e6e6; 
}

div.trackersTabBar button {
    border: none;
    background: none;
    height: 44px;
    line-height: 44px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #666666;
    text-transform: uppercase;
    padding: 0 16px;    
    cursor:pointer;
  }

div.trackersTabBar button:focus { 
      outline: none; 
    }

div.trackersTabBar button i {
      font-size:16px;
      margin-right:4px;      
    }

div.trackersTabBar button.selected {
      background-color: #f0f0f0;
      color:#243294;
    }

div.trackersNav {
  width:200px;
  height:56px;
  margin:auto;
  display:flex;
}

div.trackersNav div.status {
    flex-grow:1;
    line-height:56px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-align: center;
    color: #243294;
  }

div.trackersNav button {
    width: 44px;
    height: 44px;
    margin-top: 5px;
    border: none;
    background: none;
    cursor:pointer;    
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #293ccc;    
  }

div.trackersNav button.disabled {
      opacity: 0.5;
      cursor:default;
    }

div.trackersNav button:focus { 
      outline: none; 
    }

div.graphedTopper {
  display:flex;
  width: 756px;
  margin: auto;
  border-top: 2px solid #d8d8d8;
  margin-bottom: 8px;
  padding-top: 8px;
}

div.graphedTopper div.leftPush {
    width:170px;
  }

div.graphedTopper div.graphNavWrapper {
    width: 236px;
  }

div.graphedTopper div.dayLabels {
    height: 56px;
    line-height: 52px;
    margin:0;
    padding-left: 41px;
  }  




div.titleBar {
  position: fixed;
  top: 0;
  left: 220px;
  right: 0;
  height:64px;
  padding: 0;
  background-color: #fafafa;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  display:flex;


}
  @media (min-width: 0px) and (max-width: 900px) {

div.titleBar {
    margin-top: 60px;
    left:0


}
  }
  div.titleBar button {
    margin:10px;
    width:44px;
    height:44px;
    background: none;
    border: none;
    cursor:pointer;
    text-align:center;
  }
  div.titleBar button:focus { 
      outline: none; 
    }
  div.titleBar button i {
      color:#293ccc;
      line-height:44px;
      font-size: 24px;
    }
  div.titleBar h1 {
    margin-right:8px;
    margin-left:8px;
    flex-grow:1;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #666666;
    margin:0;
    line-height:64px;
  }

div.subpage div.trackerDetail div.top {
      background-color:white;
      margin-bottom:0px;
    }

div.trackerDetail {
  padding-bottom:100px;

}

div.trackerDetail h2 {
    width: 562px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #666666;
    margin: 32px auto 16px auto;
    padding-left:2px;
  }

div.trackerDetail div.srcTabs {
    height:44px;
    text-align:center;
    background-color:#e6e6e6;
  }

div.trackerDetail div.srcTabs a {
      position:relative;
      display: inline-block;
      cursor:pointer;
      line-height:44px;
      font-family: Roboto;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.3px;
      color:#243294;
      padding: 0px 16px 0 32px;
      text-align:center;
    }

div.trackerDetail div.srcTabs a i {
        font-size:16px;
        position: absolute;
        left: 10px;
        top: 13px;
      }

div.trackerDetail div.srcTabs a.fitbit i {
          color: #02b0b9;
        }

div.trackerDetail div.srcTabs a.manual i {
          color: #f9b34f;
        }

div.trackerDetail div.srcTabs a.selected {
        color:#3f3f3f;
        background-color:#f0f0f0;
      }

div.trackerDetail div.trackerWeeklyGraph {
    width:523px;
    background-color:white;
    margin:auto;
  }



div.weekTrackerBlock {
  width: 564px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 0 auto 0 auto;
}

div.dayLine {
  padding:8px 16px 0 16px;
}

div.dayLine.editing {
    background-color:#f4f4f4;
    padding-top:24px;
  }

div.dayLine.editing div.inner {
      border-bottom:solid 1px transparent; 
      padding-bottom:22px;
    }

div.dayLine.nextEditing div.inner {
      border-bottom:solid 1px transparent; 
    }

div.dayLine div.inner {
    display:flex;
    border-bottom:solid 1px #d8d8d8;    
    padding-bottom:8px; /* data */

  }

div.dayLine div.inner h3 {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      color: #3f3f3f;      
      margin:0;     
      width:100px;
      line-height: 36px;
    }

div.dayLine div.inner h4 {
      flex-grow:1;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.3px;
      color: #666666; 
      margin:0;     
      line-height: 36px;
    }

div.dayLine div.inner div.bar {
      margin-top: 15px;
      margin-left:32px;
      margin-right:30px;
      position: relative;
      width: 100px;
      height: 8px;
      border-radius: 4px;
      background-color: #d9d9d9;
    }

div.dayLine div.inner div.bar> span {
        transition: width .5s ease-in-out;
        display: block;
        height: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #f9b34f; 
        position: relative;
        overflow: hidden;
      }

div.dayLine div.inner div.bar> span.full {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }

div.dayLine div.inner div.bar.fitbit> span {
        background-color: #02b0b9; 
      }

div.dayLine div.inner button {
      line-height: 38px;
      height: 38px;
      margin-left: 8px;        
    }

div.dayLine div.inner div.data {
      position:relative;
    }

div.dayLine div.inner div.data input {
        width:160px;
        height:36px;
      }

div.dayLine div.inner div.data div.units {
        position:absolute;
        height:36px;
        line-height:36px;
        font-family: Roboto;
        font-size: 13px;
        font-stretch: condensed;
        letter-spacing: 0.3px;
        color: #666666;      
        top: 0;
        right: 10px;
      }

div.dayLine div.inner div.data a.revert {
        cursor:pointer;
        position:absolute;
        line-height:36px;
        top:2px;
        right:0;
        color:#ed5a5a;
        height: 36px;
        width: 36px;
        text-align: center;
      }

div.dayLine div.inner div.data a.revert i {
          font-size:16px;
        }

div.dayLine div.inner div.data.dirty div.units {
          right: 32px;
          color:#243294
        }

/* inner */

div.dayLine:last-child div.inner {
      border-bottom: none;
    }
:root {
  --errorColor: #ca0219;
  --grey-1: #3f3f3f;
  --grey-2: #666666;
  --grey-3: #bfbfbf;
  --link-1: #293ccc;
  --link-2: #5968de;
}


div.goalsSubPage div.top {
    text-align:center;
  }


div.goalsSubPage div.top i {
      display:block;
      color:#7d83b3;
      font-size:80px;
    }


div.goalsSubPage div.top span {
      font-family: 'Open Sans';
      font-size: 22px;
      color: #000000;      
    }


div.goalsSubPage div.actionBar {
    width: 524px;
    margin:32px auto;
    padding-top:16px;
    border-top: solid 1px #d8d8d8;

    display:flex;

  }


div.goalsSubPage div.actionBar button {
      border: none;
      background: none;
      height: 44px;
      line-height: 44px;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.3px;
      color: #293ccc;
      text-transform: uppercase;
      padding: 0;    
      cursor:pointer;
    }


div.goalsSubPage div.actionBar button:disabled {
        color:rgba(0,0,0,.25);
        cursor:default;
      }


div.goalsSubPage div.actionBar button.revert {
        color:#991212;
      }


div.goalsSubPage div.actionBar div {
      flex-grow:1;
    }


div.goalsSubPage div.block {
    max-width: 524px;
    margin:auto;
    padding: 0 16px;

  }


div.goalsSubPage div.block.ltgoal {
      margin-bottom: 36px;
      margin-top: 24px;
    }


div.goalsSubPage div.block h2 {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: #3f3f3f;
      color: var(--grey-1);    
      margin:0;
    }


div.goalsSubPage div.block p {
      font-family:'Open Sans';
      font-size:14px;
      font-style:italic;
      color: #333;
          margin: 8px 0;
    }


div.goalsSubPage div.block button.add {
      border: none;
      background: none;
      height: 44px;
      line-height: 44px;
      font-family: Roboto;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.3px;
      color: #293ccc;
      text-transform: uppercase;
      padding: 0 16px 0 0;    
      cursor:pointer;
    }


div.goalsSubPage div.block button.add:focus { 
        outline: none; 
      }


div.goalsSubPage div.block button.add i {
        font-size: 18px;
        line-height: 44px;
        width: 44px;
        display: inline-block;
        height: 44px;
        text-align: center;        
      }


div.goalsSubPage div.block div.goals {
      /* background-color: #ffffff; */
      /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); */
      margin: 0 auto 0 auto;
    }


div.goalsSubPage div.block div.goals div.goal {
        display: flex;
        border-bottom: solid 1px #d8d8d8;
        padding-bottom: 24px;
        padding-top: 24px;
      }


div.goalsSubPage div.block div.goals div.goal button {
          border: none;
          background: none;
          height: 44px;
          width: 44px;
          line-height: 44px;
          color: #bfbfbf;
          cursor:pointer;
        }


div.goalsSubPage div.block div.goals div.goal button:hover {
            color:#293ccc;
            background-color:rgba(0,0,0,.005);
          }


div.goalsSubPage div.block div.goals div.goal button:focus { 
            outline: none; 
          }


div.goalsSubPage div.block div.goals div.goal button i {
            font-size: 24px;
            line-height: 44px;            
          }


div.goalsSubPage div.block div.goals div.goal input {
          background:transparent;
          flex-grow:1;
          border:1px solid #bfbfbf;
          box-shadow: inset 0px 0px 0px 0px red;
          border-radius:4px;
          line-height: 36px;
          font-family: Roboto;
          font-size: 16px;
          letter-spacing: 0.3px;
          color: #3f3f3f;
          padding-left: 10px;
        }


div.goalsSubPage div.block div.goals div.goal input:focus {
            background:white;
            border: solid 1px #293ccc;
            outline: none; 
          }


div.goalsSubPage div.block div.goals div.goal:last-child {
          border-bottom: none;
        }


/* goal */


div.goalsSubPage div.block div.goals.accomplished div.goal {
          position:relative;
          border:none;
          padding:0;
        }


div.goalsSubPage div.block div.goals.accomplished h4 {
          line-height: 44px;
          font-family: Roboto;
          font-size: 16px;
          letter-spacing: 0.3px;
          color: #3f3f3f;
          margin:0;
          font-weight:normal;
        }


div.goalsSubPage div.block div.goals.accomplished h5 {
          font-size: 12px;
          position: absolute;
          top: 28px;
          left: 44px;
          color: #999;
          font-weight: 100;
          font-style: italic;
          margin: 0;
          padding: 0;         
        }
[dir="ltr"] div.profileSubPage div.para {
    margin-left: 0px;
}

  [dir="rtl"] div.profileSubPage div.para {
    margin-right: 0px;
}

  [dir="ltr"] div.profileSubPage div.para {
    margin-right: 0px;
}

  [dir="rtl"] div.profileSubPage div.para {
    margin-left: 0px;
}

  div.profileSubPage div.para {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  div.profileSubPage hr {
    max-width: 524px;
    margin: 24px auto;
    border: none;
    background-color: #d8d8d8;
    height: 1px;
  }

  div.profileSubPage div.top div.block {
      display: flex;
    }

  div.profileSubPage div.top div.name-and-email {
      margin-left: 20px;
    }

  div.profileSubPage div.top div.name-and-email h2 {
        text-align: left;
        margin-top: 8px;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        padding: 0;
      }

  div.profileSubPage div.top div.name-and-email h3 {
        text-align: left;
        margin-top: 0px;
        font-family: 'Open Sans';
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        padding: 0;
      }

  div.profileSubPage div.block {
    margin:auto;
    position: relative;
    max-width: 524px;
    padding: 0 16px;

  }

  div.profileSubPage div.block textarea {
      width:100%;
      height:60px;
      font-family: "open sans";
      font-size: 14px;
      border-radius:4px;
      margin-top:1em;
      margin-bottom:1em;
      
    }

  div.profileSubPage div.block input {
      height: 36px;
      font-family: "open sans";
      font-size: 14px;
      border-radius: 2px;
      margin-bottom: 8px;
      border: none;
      width: 200px;
      text-indent: 4px; 
    }

  div.profileSubPage div.block button, div.profileSubPage div.block a.button {
      text-decoration: none;
      display: inline-block;
      line-height: 32px;
      color: #293ccc;
      cursor:pointer;
      border: none;
      background: none;
      height: 32px;
      font-size: 16px;
    }

  div.profileSubPage div.block button.simple, div.profileSubPage div.block a.button.simple {
        background-color: #ddd;
        color: #222;
        border-radius: 2px;
        padding: 0px 16px;
        height: 36px;      
        transition:.25s;
      }

  div.profileSubPage div.block button.simple:hover, div.profileSubPage div.block a.button.simple:hover {
          background-color: #293ccc;
          color:white;
        }

  div.profileSubPage div.block button.edit, div.profileSubPage div.block a.button.edit {
        width: 32px;
      }

  div.profileSubPage div.block button.edit i, div.profileSubPage div.block a.button.edit i {
          font-size: 16px;
          line-height: 32px;            
        }

  div.profileSubPage div.block button.cancel, div.profileSubPage div.block a.button.cancel {
        color:#444;
      }

  div.profileSubPage div.block button:focus, div.profileSubPage div.block a.button:focus { 
        outline: none; 
      }

  div.profileSubPage div.block div.action {
      position:absolute;
      top:0;
      right:0;
    }

  div.profileSubPage div.block h2 {
      line-height:32px;
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      color: #3f3f3f;      
    }

  div.profileSubPage div.block p {
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000;
    }

  div.profileSubPage div.block p.error {
        color:red;
      }


div.nav-avatar {
  display:inline-block;
  flex-grow: 0;
  flex-shrink: 0;
}
  div.nav-avatar img {
    height:100%;
    width:100%;
    border-radius: 50%;
    border:1px solid #D8D8D8;
    box-sizing: border-box;
  }
  div.nav-avatar span {
    display:block;
    width:100%;
    height:100%;
    background-color: #4B5257;
    color: white;
    text-align:center;
    border-radius: 50%;
    text-transform: uppercase;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    border:1px solid #D8D8D8;
  }
  div.nav-avatar.xsmall {
    width:22px;
    height:22px;
    line-height: 22px;
    font-size: 12px;
  }
  div.nav-avatar.small {
    width:30px;
    height:30px;
    line-height:30px;
    font-size: 14px;
  }
  div.nav-avatar.medium {
    width:34px;
    height:34px;
    line-height:34px;
    font-size: 16px;
  }
  div.nav-avatar.large {
    width:46px;
    height:46px;
    line-height:46px;
    font-size: 20px;
  }
  div.nav-avatar.xlarge {
    width:70px;
    height:70px;
    line-height:70px;
    font-size: 32px;
  }
  div.nav-avatar.boxy {
    width:42px;
    height:42px;
    line-height:42px;
    font-size: 20px;
  }
  div.nav-avatar.boxy img {
      border-radius: 8px;
    }
  div.nav-avatar.boxy span {
      border-radius: 8px;
    }


:root {
  --errorColor: #ca0219;
  --grey-1: #3f3f3f;
  --grey-2: #666666;
  --grey-3: #bfbfbf;
  --link-1: #293ccc;
  --link-2: #5968de;
  --purple-2: #7d83b3;
}


div.journal {
  padding-bottom: 100px;
}


div.journal div.zero {
    width:560px;
    margin:auto;
    margin-top: 16px;
  }


div.journal div.zero div.item {
      display:flex;
      margin-bottom:20px;
    }


div.journal div.zero div.item img {
        width:48px;
        height:48px;
        margin-right:8px;
      }


div.journal div.zero div.item p {
        font-family: 'Open Sans';
        font-size: 18px;
        color: #666666;
        color: var(--grey-2);        
        margin:0;
        display:inline-block;
        width:500px;
      }

div.addJournalEntry {
  padding-top:32px;

}

div.addJournalEntry div.centerBox {
    position:relative;
    width: 560px;
    margin:auto;
    padding-bottom:0px;
  }

div.addJournalEntry div.centerBox textarea {
      position:relative;
      width: 540px;
      padding:10px;
      height: 24px;
      border-radius: 4px;
      background-color: #ffffff;
      font-family: 'Open Sans';
      font-size: 16px;
      line-height: 24px;
      color: #666666;
      color: var(--grey-2);
      border: 1px solid rgba(89,104,222, 0.5);
    }

div.addJournalEntry div.centerBox div.controls {
      display:flex;
      margin-top: 16px;
    }

div.addJournalEntry div.centerBox div.controls a.photo {
        margin: 0 16px;
      }

div.addJournalEntry div.centerBox div.controls img.photo {
        margin: 0 16px;
        height: 36px;        
      }

div.addJournalEntry div.centerBox div.controls div.moodSelector {
        background-color: white;
        display: inline-block;
        margin: 0 8px;
        height: 36px;
        border-radius: 5px;
        padding: 0 8px;
      }

div.addJournalEntry div.centerBox div.controls div.moodSelector span {
          line-height:36px;
          font-family: 'Open Sans';
          font-size: 14px;
          color: #3f3f3f;
          color: var(--grey-1);
          vertical-align:top;
          padding-right:12px;
        }

div.addJournalEntry div.centerBox div.controls div.moodSelector i {
          cursor:pointer;
          height:36px;
          width:36px;
          text-align:center;
          line-height:36px;
          color: #666666;
          color: var(--grey-2);
        }

div.addJournalEntry div.centerBox div.controls div.moodSelector i.selected {
            color: #5968de;
            color: var(--link-2);
          }

div.addJournalEntry div.centerBox div.controls button.submit {
        padding: 0 32px;        
      }

div.addJournalEntry div.centerBox div.controls button.cancel {
        margin-left: auto;
      }

div.addJournalEntry div.centerBox i.write {
      position:absolute;
      top:4px;
      left:-32px;
      width:32px;
      height:32px;
      color: #5968de;
      color: var(--link-2);
    }

div.addJournalEntry.activated {
    background-color:#f7f7f7;
    margin-bottom:16px;
  }

div.addJournalEntry.activated div.centerBox {
      padding-bottom:32px;      
    }

div.addJournalEntry.activated div.centerBox textarea {
        height:72px;
      }




div.journalHeadline {
  width:560px;
  margin:auto;;
  font-family: Roboto;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #666666;
  color: var(--grey-2);
  margin-bottom: 8px;
  margin-top:32px;
  text-transform:uppercase;
}



div.journalEntry {
  width:560px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff; 
  margin:auto;
  margin-bottom:16px;
  display:flex;
  align-items: flex-start;
}



div.journalEntry table {
    width:100%;
    border-collapse: collapse;
  }



div.journalEntry table thead {
      background-color:#e6e6e6;
    }



div.journalEntry table thead tr {
        height:44px;
      }



div.journalEntry table thead tr th {
          padding: 0;
          border:none;
          width:50px;          
          flex:0;
          line-height:44px;
          font-family: Roboto;
          font-weight: normal;
          font-size: 13px;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #3f3f3f;
          color: var(--grey-1);
        }



div.journalEntry table thead tr th:first-child {
            width:126px;
            font-weight: 500;
            text-align:left;
            padding-left:16px;
          }



div.journalEntry table tbody tr {
        border-bottom:1px solid #d8d8d8;
        line-height:44px;
      }



div.journalEntry table tbody tr td {
          text-align:center;
          position:relative;
          padding: 0;
          font-family: 'Open Sans';
          font-size: 16px;
          color: #666666;
          color: var(--grey-2);
        }



div.journalEntry table tbody tr td svg.icon {
            position:absolute;
            top: 11px;
            left: 16px;
            width: 24px;
            height: 24px;
          }



div.journalEntry table tbody tr td:first-child {
            text-align:left;
            padding-left:49px;
            font-family: 'Open Sans';
            font-size: 16px;
            color: #7d83b3;
            color: var(--purple-2);
          }



div.journalEntry div.meta { 
    padding: 16px;
    min-width: 32px;
    flex:0;    
  }



div.journalEntry div.meta div.date {
      font-family: Roboto;
      font-size: 13px;
      color: #666666;
      color: var(--grey-2);
    }



div.journalEntry div.meta div.mood {
      text-align: center;
      margin-top: 4px;
      color: #666666;
      color: var(--grey-2);
    }



div.journalEntry div.guts {
    flex:0;
    width: 400px;
    margin: 16px 0;
  }



div.journalEntry div.guts>div.text {
      width:400px;
      font-family: 'Open Sans';
      font-size: 16px;
      color: #000000;
      margin-bottom:8px;
    }



div.journalEntry div.guts>div.photo img {
        width:400px;
        height:auto;
      }



div.journalEntry div.guts>div.goal {
      width: 400px;
      position:relative;
    }



div.journalEntry div.guts>div.goal h2 {
        height: 24px;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #3f3f3f;
        color: var(--grey-1);
        padding-left: 60px;
      }



div.journalEntry div.guts>div.goal p {
        font-family: 'Open Sans';
        font-size: 16px;
        color: #3f3f3f;
        color: var(--grey-1);        
        margin:0;
        padding-left: 60px;
      }



div.journalEntry div.guts>div.goal i {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 50px;
        color: #f9b34f;
      }



div.journalEntry div.actions {
    margin:4px;
    width: 72px;
    flex:0;
    margin-left:auto;
  }



div.journalEntry div.actions div.delete {
      width: 36px;
      height: 36px;
      font-size: 16px;
      text-align: center;
      color: #bfbfbf;
      color: var(--grey-3);
    }



div.journalEntry div.actions div.delete a.iconBtn i {
          color: #bfbfbf;
          color: var(--grey-3);
        }



div.journalEntry div.actions div.delete a.iconBtn i:hover {
            color: #5968de;
            color: var(--link-2);
          }


div.bubbleWrapper {
	margin-top:10px;
}


section#popup div.pcontainer {
    position: fixed;
    top: 0;
    width: 100%;    
    z-index: 10000;
  }

  section#popup div.poverlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.25);
    z-index:10000;
  }

  section#popup div.pcontent {
    z-index:10000;
    position: relative;
    margin: auto;
    width: 300px;
    top: 24px;
  }

  section#popup div.alert, section#popup div.confirm {
    background-color: white;
    padding: 16px;
    font-family:'Open Sans';
    min-width: 300px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  }

  section#popup div.alert h1, section#popup div.confirm h1 {
      font-family: 'Open Sans';
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;
      margin: 0px;
    }

  section#popup div.alert p, section#popup div.confirm p {
      font-family: 'Open Sans';
      color: #3f3f3f;
      margin-top: 4px;
    }

  section#popup div.alert div.btns, section#popup div.confirm div.btns {
      height:36px;
    }

  section#popup div.alert div.btns button, section#popup div.confirm div.btns button {
        float:right;
        margin-left:32px;
      }
:root {
  --errorColor: #ca0219;
  --grey-1: #3f3f3f;
  --grey-2: #666666;
  --link-1: #293ccc;
  --link-2: #5968de;
}

.tracker-mom-content {
  margin: auto;
  background: none;
  width: auto;
  width: initial;
  padding: 0;
  cursor: pointer;
}

div.manageTrackers div.table {
    width:840px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius:6px;
    margin: 24px auto;
  }

div.manageTrackers div.table div.head {
      border-bottom: 1px solid #7d83b3;
      padding:0;
      height:30px;
    }

div.manageTrackers div.table div.head>div {
        line-height:30px;
        background-color:#ffffff;
        font-family: Roboto;
        font-size: 13px;
        color:#243294;
        border-radius: 6px 6px 0 0;
      }

div.manageTrackers div.table div.head>div.opts {
          text-align:right;
        }

/* head */

div.manageTrackers div.table div.foot {
      height:36px;
      padding: 16px;
    }

div.manageTrackers div.table div.item {
      height: 36px;
      padding: 16px 0;
    }

div.manageTrackers div.table div.item>div {
        color:#3f3f3f;
        vertical-align:top;
      }

div.manageTrackers div.table div.item>div span.txt {
          font-family: 'Open Sans';
          line-height: 36px;
          font-size: 16px;
          padding-left: 7px;
        }

div.manageTrackers div.table div.item>div.icon a {
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            width: 35px;
            height: 31px;
            background-color: white;
            line-height: 35px;
            display: inline-block;
            text-align: center;
            padding-top: 4px;
            cursor: pointer;            
          }

div.manageTrackers div.table div.item>div.icon div {
            width:36px;            
            height:32px;            
            line-height:36px; 
            text-align: center;
            padding-top: 4px;        
          }

/* width:26px;
          height:26px;
          padding:5px; */

div.manageTrackers div.table div.item>div.icon svg.icon {
            width:24px;
            height:24px;
          }

div.manageTrackers div.table div.item>div.icon.editable {
            width:24px;
            height:24px;
            border: 1px solid #d8d8d8;
            border-radius: 4px;
            background-color: white;            
          }

div.manageTrackers div.table div.item>div.unit input {
            width: 118px;
          }

div.manageTrackers div.table div.item>div.src {
          line-height: 36px;
        }

div.manageTrackers div.table div.item>div.goal input {
            width: 68px;
          }

div.manageTrackers div.table div.item>div.name input {
            width: 158px;
          }

div.manageTrackers div.table div.item>div.drag {
          width:40px;
          padding-left:4px;
        }

div.manageTrackers div.table div.item>div.drag i {
            cursor:grab;
            line-height:36px;
            width:36px;
            text-align:center;
            color:#5968de;
          }

div.manageTrackers div.table div.item>div.opts {
          margin:0;
          border: none;

        }

div.manageTrackers div.table div.item>div.opts a.iconBtn {
            float: right;
          }

div.manageTrackers div.table div.item>div.opts button {
            float: right;
          }

div.manageTrackers div.table div.item.odd {
        background-color:#f0f0f0;
      }

div.manageTrackers div.table div.item.even {
        background-color:#fafafa;
      }

div.manageTrackers div.table div.item.edit {
        background-color:#e6e8fa;
      }

/* item */

div.manageTrackers div.table div.tchild>div {        
      display:inline-block;
      margin-right:16px;
    }

div.manageTrackers div.table div.tchild>div.drag {
        width:44px;
      }

div.manageTrackers div.table div.tchild>div.track {
        width:60px;
      }

div.manageTrackers div.table div.tchild>div.icon {
        width:36px;
      }

div.manageTrackers div.table div.tchild>div.name {
        width:160px;
      }

div.manageTrackers div.table div.tchild>div.goal {
        width:70px;
      }

div.manageTrackers div.table div.tchild>div.unit {
        width:120px;
      }

div.manageTrackers div.table div.tchild>div.src {
        width:142px;
      }

div.manageTrackers div.table div.tchild>div.opts {
        width:80px;
      }





div.MOMLauncher {
  width: 36px;
    /* display: inline-block; */
  float: right;
  margin-top: 6px;
  cursor: pointer;
}


div.MOM {
  width: 280px;
  background-color:white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding:16px;
  margin: 4px;
}


div.MOM hr {
    border:none;
    background-color:#d8d8d8;
    height:2px;
  }


div.MOM p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #666666;
    color: var(--grey-2);
  }


div.MOM div.option {
    cursor:pointer;
    height:32px;
    line-height:32px;
    font-family: Roboto;
    font-size: 16px;    
    position: relative;
    padding-left:32px;
    color: #3f3f3f;
    color: var(--grey-1);
  }


div.MOM div.option:hover {
      color:#293ccc;
      color:var(--link-1);
      transition: color 125ms ease-in-out;
    }


div.MOM div.option i {
      text-align:center;
      height:32px;
      width:32px;
      line-height:32px;
      font-size:20px;
      position:absolute;
      top:0;
      left:0;
    }



div.toggleButton {
  width:60px;
  height:36px;
  border-radius:18px;
  background-color:#bfbfbf;
  position: relative;
  cursor:pointer;
}
  div.toggleButton div.indicator {
    height:32px;
    width:32px;
    border:2px solid #bfbfbf;
    background-color: white;
    border-radius: 18px;
    position: absolute;
    top:0;
    left:0;
    transition: left .15s ease-in-out;
  }
  div.toggleButton div.indicator i {
      color: #666666;
      position: absolute;
      top: 4px;
      left: 4px;
    }
  div.toggleButton.on {
    background-color:#5968de;
  }
  div.toggleButton.on div.indicator {
      border-color:#5968de;
      top: 0;
      left: 24px;
    }
  div.toggleButton.on div.indicator i {
        color: #293ccc;
      }




div.fitbitBanner {
  position: relative;
  margin:auto;
  width: 806px;
  padding: 0;
}
  div.fitbitBanner svg.icon.fitbit {
    width:24px;
    height:24px;
    position:absolute;
    left:0px;
    top:6px;
  }
  div.fitbitBanner div.status {
    margin-left:36px;    
  }
  div.fitbitBanner div.status h3 {
      font-family: 'Open Sans';
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 36px;
      letter-spacing: normal;
      color: #000000;      
      margin:0;
    }
  div.fitbitBanner div.action {
    position:absolute;
    right:0;
    top:0;
  }
  div.fitbitBanner div.action span.disconnecting {
      display: block;
      line-height: 36px;
      height: 36px;
      position: relative;
      color: #666666;
    }
  div.fitbitBanner div.action span.disconnecting i.material-icons {
        position: absolute;
        top: 7px;
        left: -25px;
      }
  div.fitbitBanner div.action a.dis {
      height: 34px;
      border: 1px solid #bfbfbf;
      border-radius: 6px;
      display: block;
      padding: 0 16px 0 38px;
      text-decoration: none;
      color: #666666;
      line-height: 34px;
      position: relative;      
    }
  div.fitbitBanner div.action a.dis i.material-icons {
        position: absolute;
        top: 5px;
        left: 9px;        
      }
  div.fitbitBanner div.action a.con {
      display:block;
      line-height:36px;
      height: 36px;
      text-decoration: none;
      padding: 0 52px 0 16px; 
      color: #5968de;
    }
  div.fitbitBanner div.action a.con i.material-icons {
        position: absolute;
        top: 10px;
        right: 31px;
        font-size: 18px;
      }


div.trackerPopup {
  width:560px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #f4f4f4;
}
  div.trackerPopup h1 {
    background-color:#ffffff;
    height:64px;
    line-height:64px;
    margin:0;
    padding:0;
    text-indent:16px;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #666666;   
  }
  div.trackerPopup div.popupBody {
    background-color:#f4f4f4;
    padding:16px 32px 32px 32px;
  }
  div.trackerPopup div.popupBody h2 {
      margin:0;
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #3f3f3f;          
    }
  div.trackerPopup div.popupBody p {
      color: #3f3f3f;
      font-family: 'Open Sans';
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      margin: 0;
    }
  div.trackerPopup div.popupBody hr {
      height: 2px;
      background-color: #d8d8d8;      
      border:none;
      margin: 16px 0;
    }
  div.trackerPopup div.popupBody div.errorMessage {
      margin-bottom:16px;
    }
  div.trackerPopup div.popupBody div.inputLabel {
      margin-top:16px;
    }
  div.trackerPopup div.popupBody div.inputLabel label {
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        text-align: right;
        width:100px;
        color:#243294;
        display:inline-block;
        padding-right:16px;
      }
  div.trackerPopup div.popupBody div.inputLabel span.hint {
        margin-left: 4px;
        color: #3f3f3f;
      }
  div.trackerPopup div.popupBody div.iconChoices {
      margin-top:16px;
    }
  div.trackerPopup div.popupFooter {
    height: 32px;
    background-color: #e6e6e6;
    padding: 16px;
  }
  div.trackerPopup div.popupFooter button {
      float:right;
      margin-left:36px;
    }


:root {
  --errorColor: #ca0219;
  --grey-1: #3f3f3f;
  --grey-2: #666666;
}

div.errorMessage {
  position:relative;
  border-left: 4px solid #ca0219;
  border-left: 4px solid var(--errorColor);
  background-color:white;
  padding:16px 16px 16px 56px;
  border-radius: 2px 6px 6px 2px;
}

div.errorMessage i {
    position:absolute;
    top:16px;
    left:16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    color: #ca0219;
    color: var(--errorColor);
  }

div.errorMessage h2 {
    margin:0;
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 600;
    color: #ca0219;
    color: var(--errorColor);  
  }

div.errorMessage h3 {
    margin:0;
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 16px;
    color: #000000;
  }

div.errorMessage p {
    margin-top:16px !important;
    margin-bottom:16px !important;
  }

div.errorMessage p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3f3f3f;
    color: var(--grey-1);
  }

div.iconChoice {
  cursor:pointer;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  margin: 0 16px 16px 0;
  padding: 8px;
}  
  div.iconChoice svg.icon {
    width: 26px;
    height: 26px;
  }  
  div.iconChoice.selected {  
    background-color: #e6e9fa;    
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    border-color:#5968de;
  }


div.subpage div.top {
    background-color:#e6e6e6;
    padding:24px;
    margin-bottom:16px;
  }

div.my-wellness.not-ios>div.content {
    background-color: #f0f0f0;
    margin-top: 64px;
  }

@media (min-width: 0px) and (max-width: 900px) {

div.my-wellness.not-ios>div.content {
      margin-top: 128px
  }
    }

div.my-wellness>div.content {
    background-color: #f0f0f0;
    margin-top: 64px;
  }



div.pwn-content {
    background-color: rgba(0, 0, 0, 0.65);
    height: 360px;
}

/**

 */
div.pwn-under-content {
    max-width:840px;
    margin:auto;
    padding:16px;
}
div.pwn-under-content div.block {
        padding:30px;
        background-color: #f7f7f7;
        border-radius: 15px;
        box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }
div.pwn-under-content div.block h2 {
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color:#243294;
            margin-bottom: 15px;
        }


div.pwn-presenter {
    position: relative;
    display:flex;
    min-height: 48px;
    margin-bottom: 10px;
}


div.pwn-presenter div.name_title {
        font-family: 'Open Sans';
        font-size: 15px;
        color: #4a4a4a;
    }


div.pwn-presenter div.name_title span.name {
            font-weight: 600;
            display:block;
        }


& div.avatar {
    display: block;
    margin: auto;
    width:72px;
    height:72px;
}


& div.avatar img {
        position: absolute;
        top:0px;
        border-radius: 50%;
        width: 72px;
        height: 72px;
    }


& div.avatar span.initials {
        position: absolute;
        top:0px;
        font-size: 32px;
        display:block;
        border-radius: 50%;
        width: 72px;
        height: 72px;
        text-align: center;
        background-color: #2a2a2a;
        color: white;
        line-height: 72px;
    }

a.boothHandout {
    position:relative;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size: 15px;
    line-height:24px;
    font-weight: 600;
    color:#5968de;
    padding-left:44px;
    margin-bottom:16px;
}
    a.boothHandout i {
        position:absolute;
        top:0;
        left:0;
        font-size:24px;
        line-height:24px;
        width:44px;
        height:44px;
        margin-right: 10px;
        vertical-align: top;
    }
    a.boothHandout:visited {
        color:#5968de;
    }



div.badgeInfoBock {
  border-radius:15px;
  background-color:#F7F7F7;
  display:flex;
  padding:15px;


}
  div.badgeInfoBock div.solution-badge {
    flex-grow:0;
    padding-right:15px;
  }
  div.badgeInfoBock div.solution-badge img {
      width:76px;
      height:76px;
    }
  div.badgeInfoBock div.solution-badge-info {
    flex-grow: 1;
    margin:auto;
  }
  div.badgeInfoBock div.solution-badge-info h3 {
      margin:0;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 500;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #17130D;
    }
  div.badgeInfoBock div.solution-badge-info h4 {
      color: #7D2E68;
      font-family: Rubik;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:4px 0 0 0;
    }
  div.badgeInfoBock div.solution-badge-info h4 strong {
        font-weight: 500;
      }
  div.badgeInfoBock div.solution-badge-info p {
      margin:0;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #4B5257;
    }

div.overview-html-block > :first-child {
    margin-top:0;
  }
  div.overview-html-block p {
    font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: normal !important;
    color: #4B5257 !important;
  }
  div.overview-html-block p strong {
      font-weight: 700 !important;
    }
  div.overview-html-block li {
    font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    color: #4B5257 !important;
  }
  div.overview-html-block h4 {
    font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    letter-spacing: 0.021px !important;
    color: #7D2E68 !important;
  }
  div.overview-html-block h3 {
    font-family: 'Rubik' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    letter-spacing: 0.021px !important;
    color: #4B5257 !important;
    margin-bottom: 18px !important;
  }


div.solution-overview {
  margin:30px auto;
  padding:30px;
  background: #F0F2F2;
  border-radius: 15px;
}

/*

div.booth-content {
  background-color: rgba(0, 0, 0, 0.65);
  height: 360px;
}

 */



div.onsite-checkin {
  border-radius: 15px;
  background: #F0F2F2;
  padding:30px;

}



div.onsite-checkin h3 {
    color: #17130D;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
  }



div.onsite-checkin div.oc-options {
    display:flex;
    margin-bottom:30px;
  }



div.onsite-checkin div.oc-options div.oco-scan {
      border-radius: 16px;
      border: 1px solid #C7D1D5;
      background: #EEEEF2;
      display:flex;
      padding:8px 2px;
      justify-content: center;
      align-items: center;
      margin-right:30px;
    }



div.onsite-checkin div.oc-options div.oco-scan img {
        width:140px;
      }



div.onsite-checkin div.oc-options div.oco-scan p {
        color: #17130D;
        font-family: Rubik;
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0 20px;
      }



div.onsite-checkin div.oc-options div.oco-manual p {
        margin: 0 0 5px 0;
      }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form {
        display:flex;
      }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form input[type='text'] {
          padding: 10px;
          border-radius: 4px;
          border: 1px solid #C7D1D5;
          background: #FFF;
          margin-right: 15px;
          width:230px;
          height:24px;
          font-size:16px;
        }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form button {
          color: #FFF;
          text-align: center;
          font-family: Rubik;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          border-radius: 5px;
          background: #003595;
          border: none;
          cursor:pointer;
          padding:0 12px;
        }



div.onsite-checkin div.oc-options div.oco-manual div.ocom-form button.disabled {

          }



div.onsite-checkin div.oco-after-checkin-items p {
      margin-bottom:5px;
    }



div.onsite-checkin div.oco-after-checkin-items ul {
      margin:0;
      padding-left: 20px;
    }



div.onsite-checkin div.oco-after-checkin-items p, div.onsite-checkin div.oco-after-checkin-items li {
      color: #4B5257;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }



div.booth {
  background-color: #e6e6e6;
}



div.booth div.content-body {
    /* background-color: #e6e6e6; */
  }

div.strv_col p.bio {
    font-family: 'Open Sans';
    font-size: 15px;
    color: #000000;
  }


div.boothPageContent div.pwn-content>div {
      position: relative;
      display:flex;
    }


div.boothPageContent div.pwn-content>div>div {
        position:relative;
        margin:auto;
        height: 360px;
      }


div.boothPageContent div.pwn-content>div>div img {
          height:360px;
        }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box {
          box-sizing: border-box;
          position: absolute;
          top: 130px;
          width:100%;
        }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div {
            margin: 30px 0;
            background: rgba(255, 255, 255, .9);
            border-radius: 15px;
            padding: 30px 30px 0 30px;
            margin: 0 30px;
          }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div h2 {
              font-family: 'Rubik';
              font-style: normal;
              font-weight: 500;
              font-size: 16px;
              line-height: 19px;
              letter-spacing: 0.021px;
              color: #7D2E68;
              margin:0 0 0 0;
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-status {
              height: 30px;
              text-align: center;
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-status span {
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                color: #4B5257;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link {
              display: flex;
            }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link span {
                flex-grow: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 36px;
                letter-spacing: 0.021px;
                color: #4B5257;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button {
                cursor:pointer;
                flex-grow: 0;
                white-space: nowrap;
                border: none;
                color: #003595;
                background-color: transparent;
                border-radius: 4px;
                padding: 0 18px;
                height: 36px;
              }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button:hover {
                  background-color: rgba(0,53,149,0.2);
                }


div.boothPageContent div.pwn-content>div>div div.zoom-link-box > div div.copy-link button:active {
                  background-color: rgba(125,46,104,0.10196);
                }


div.reservations-block {

}

div.reservations-block div.rb-header {
    display:flex;
    margin-bottom:10px;
}

div.reservations-block div.rb-header h3 {
        flex-grow:1;
        color: #17130D;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin:0;
    }

div.reservations-block div.rb-header button {
        display:flex;
        align-items: center;
        flex-grow:0;
        margin:0;
        padding:0;
        border:none;
        background:none;
        color: #003595;
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.02px;
        cursor: pointer;
    }

div.reservations-block div.rb-header button span {
            padding-left:4px;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }


div.reservations-block div.rb-reserve-now {
    display:flex;
    border-radius: 8px;
    background: #FFF;
    padding:15px;
}


div.reservations-block div.rb-reserve-now > div:first-child {
        flex-grow:0;
    }


div.reservations-block div.rb-reserve-now > div:first-child div.photo-rendered div.imgSmall {
            display: flex;
        }


div.reservations-block div.rb-reserve-now > div:first-child div.photo-rendered div.imgSmall img {
                width: 40px;
            }


div.reservations-block div.rb-reserve-now > div:nth-child(2) {
        flex-grow:1;
        padding-left:8px;
        display:flex;
        flex-direction: column;
        justify-content: center;
    }


div.reservations-block div.rb-reserve-now > div:nth-child(2) h4 {
            margin:0 0 2px 0;
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }


div.reservations-block div.rb-reserve-now > div:nth-child(2) p {
            margin:0;
            color: #4B5257;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }


div.reservations-block div.rb-reserve-now > div:last-child {
        flex-grow:0;
    }


div.reservations-block div.rb-reservations {
    display: flex;
    flex-direction: column;

}

div.reservation-block-item-complete {
    padding:15px;
    display: flex;
    margin-bottom:8px;
    border-radius: 8px;
    background: #F7F7F7;

}

div.reservation-block-item-complete div.rbic-icon {
        flex-grow: 0;
        margin-right:6px;
    }

div.reservation-block-item-complete div.rbic-icon span { /* event_available */
            color: #5A6268;
            text-align: center;
            font-family: "Material Icons";
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item-complete div.rbic-date {
        flex-grow: 1;
        color: #17130D;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

div.reservation-block-item-complete div.rbic-points {
        flex-grow:0;
        color: #7D2E68;
        text-align: right;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

div.reservation-block-item-complete div.rbic-did-not-attend {
        color: #17130D;
        text-align: right;
        font-family: Rubik;
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
    }

div.reservation-block-item {

    padding:15px;
    display: flex;
    margin-bottom:8px;
    border-radius: 8px;
    background: #FFF;
}

div.reservation-block-item div.rbi-icon {
        flex-grow: 0;
    }

div.reservation-block-item div.rbi-icon span { /* event_available */
            color: #61A60E;
            text-align: center;
            font-family: "Material Icons";
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item div.rbi-details {
        flex-grow: 1;
        margin-left: 10px;

    }

div.reservation-block-item div.rbi-details div.rbi-details-line1 {
            color: #17130D;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

div.reservation-block-item div.rbi-details div.rbi-details-line1 strong {
                font-weight: 600;
            }

div.reservation-block-item div.rbi-details div.rbi-details-line2 {
            color: #4B5257;
            font-family: Rubik;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.021px;
        }

div.reservation-block-item div.rbi-details div.rbi-details-line2 strong {
                font-weight: 700;
            }

div.reservation-block-item div.rbi-details div.rbi-details-line2 em {
                font-weight: 500;
            }

div.reservation-block-item div.rbi-details div.rbi-join-now a {
                color: #FFF;
                font-family: Rubik;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                letter-spacing: 0.02px;
                border-radius: 4px;
                background: #003595;
                padding: 0px 8px;
                line-height: 28px;
                text-decoration: none;
                margin-top: 10px;
                display: inline-block;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link {
            display:flex;
            margin-top:14px;

        }

div.reservation-block-item div.rbi-details div.rbi-copy-link > div:first-child {
                flex-grow:0;
                color: #17130D;
                font-family: Rubik;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                letter-spacing: 0.02px;
                border-radius: 4px;
                border: 1px solid #D8D8D8;
                background: #F7F7F7;
                height: 28px;
                line-height: 28px;
                padding:0 8px;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link button {
                flex-grow:0;
                border:none;
                color: #003595;
                font-family: Rubik;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.02px;
                margin-left:8px;
                padding:0 8px;
                cursor: pointer;
                background:white;
            }

div.reservation-block-item div.rbi-details div.rbi-copy-link button:active {
                    background: #e5e5e5;
                    /*
                    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
                    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
                    box-shadow: inset 0px 0px 5px #c1c1c1;
                    outline: none;

                     */
                }


div.join-live-button-box {
  position:relative;
  display: inline-block;
  cursor:pointer;
}

  div.join-live-button-box div.jl-live-badge {
    position:absolute;
    position: absolute;
    top: -17px;
    left: -38px;
  }

  div.join-live-button-box div.join-live-button {
    display: inline-flex;
    align-items: center;
    border: 1px solid #003595;
    border-radius: 8px;
    padding: 0 16px;
    height: 42px;
    background-color:white;
  }

  div.join-live-button-box div.join-live-button span.text {
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.021px;
      color: #003595;
    }

  div.join-live-button-box div.join-live-button span.material-icons {
      font-size: 16px;
      color: #003595;
      margin-left: 5px;
    }

span.live-badge {
  padding: 5px 8px;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 8px;

  background: #ED5A5A;
  border-radius: 16px;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  letter-spacing: 0.021px;
  color: #FFFFFF;
}



div.booth-page div.bp-top-right {
    position:absolute;
    top:10px;
    right:10px;
    z-index:1000;
    padding: 20px;
  }


div.mainstage div.content-body {
    background-color: #e6e6e6;

  }

div.mainstage div.pwn-content div.next {
      height: 360px;
      margin: auto;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: cover;
    }

div.mainstage div.pwn-content div.next div.banner {
        background-color: #243294;
        width: 430px;
        padding: 20px;
      }

div.mainstage div.pwn-content div.next div.banner h2 {
          margin: 0;
          color: white;
          font-size: 32px;
          font-family: 'open sans';
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
        }

div.mainstage div.pwn-content div.next div.banner h3 {
          margin: 0;
          color: white;
          font-size: 24px;
          font-family: 'open sans';
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
        }

div.mainstage div.pwn-content div.next div.banner h4 {
          margin: 0;
          color: white;
          font-family: 'open sans';
          font-size: 21px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
        }

@media (min-width: 0px) and (max-width: 510px) {
        div.mainstage div.pwn-content div.next div.banner {
          width:auto;
          width:initial;
          margin:0 16px;

        }
          div.mainstage div.pwn-content div.next div.banner h2 {
            font-size:24px;
          }
          div.mainstage div.pwn-content div.next div.banner h3 {
            font-size:18px;
          }
          div.mainstage div.pwn-content div.next div.banner h4 {
            font-size:16px;
          }
      }

div.mainstage div.pwn-content div.next.vimeoBlock {
        position:relative;
      }

div.mainstage div.pwn-content div.next.zoomLink div.banner p {
            color:white;
            margin-top:12px;
          }

div.mainstage div.pwn-content div.next.zoomLink div.banner a {
            color:white;
          }

div.mainstage-under-content {
  max-width:840px;
  margin:auto;
  padding:16px;
}

div.mainstage-under-content div.block {
    padding:30px;
    background-color: #f7f7f7;
    border-radius: 15px;
    box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
  }

div.mainstage-under-content div.block h2 {
      font-family: 'Open Sans';
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color:#243294;
      margin-bottom: 15px;
    }


div.reloadTheBroEast {
  color:#333;
  font-size:.85em;
  font-family:'Open Sans';
  font-style: italic;
  padding:8px 8px 0 8px;
  margin:auto;
  text-align:center;
}



div.mainstage-schedule-item {
  border-top: 1px solid #d8d8d8;
  margin-top: 40px;
  padding-top: 40px;
}
  div.mainstage-schedule-item div.strv_col {
    margin-bottom:15px;
  }
  div.mainstage-schedule-item div.session-info {
    font-family: 'open sans';
    font-size: 18px;
    color: #4a4a4a;
  }
  div.mainstage-schedule-item div.session-info strong {
      font-weight: 700;
      margin-right:8px;
    }
  div.mainstage-schedule-item div.session-info span.title {
      font-weight:600;
    }
  div.mainstage-schedule-item div.session-details div.title {
      font-family:'open sans';
      font-size:15px;
      color:#4a4a4a;
      margin-bottom:5px;
    }
  div.mainstage-schedule-item div.session-details div.title span.date {
        font-weight: 600;
      }
  div.mainstage-schedule-item div.session-details p {
      margin-top:5px;
      margin-bottom:10px;
      font-size: 15px;
      color: #000;
    }
  div.mainstage-schedule-item div.session-details ul {
      margin-top:5px;
      margin-bottom:5px;
      font-size: 15px;
      color: #000;
    }



div.mainstage-question div.form {
        text-align:right;
    }
        div.mainstage-question div.form textarea {
            width:100%;
            height:66px;
        }
    div.mainstage-question div.desc p {
            font-family: 'Open Sans';
            font-size: 16px;
            color:#000;
        }
    div.mainstage-question div.submitted {
        border: solid 1px #719932;
        border-radius: 4px;
        text-align:left;
        padding:12px 16px;
    }
    div.mainstage-question div.submitted h4 {
            font-family: Roboto;
            font-size:14px;
            color: #666666;
            margin: 2px 0;
        }
    div.mainstage-question div.submitted p {
            font-family: Roboto;
            font-size:14px;
            color: #666666;
            margin: 2px 0;
        }



div.mainstage-status {
  background-color:#ffffff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  border-left:6px solid transparent;
  padding:16px;
  margin-bottom: 16px;
}
  div.mainstage-status.normal {
    border-left:6px solid #7d83b3;
  }
  div.mainstage-status i.fa {
    display:none;
  }
  div.mainstage-status.alert {
    border-left:6px solid #d0021b;
  }
  div.mainstage-status.alert i.fa {
      display: inline;
      position: absolute;
      top: 16px;
      right: 16px;
      font-size: 32px;
      color: #d0021b;
    }
  div.mainstage-status div.host {
    display:flex;
  }
  div.mainstage-status div.host div.nav-avatar.large {
      margin-right: 16px;
    }
  div.mainstage-status div.host div.name {
      font-family:'Open Sans';
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #000000;
    }
  div.mainstage-status div.host div.timestamp {
      font-family: Roboto;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.29px;
      color:#666666;
    }
  div.mainstage-status p.message {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 8px 0 0 0;
  }


div.mainstage-questions {
    padding:8px;
}

    div.mainstage-questions div.content.static h2 {
            font-size: 20px;
        }

    div.mainstage-questions div.content.static a {
            text-decoration: none;
            text-transform: uppercase;
        }

    div.mainstage-questions table.questions {
        width:100%;
        border-collapse: collapse;
    }

    div.mainstage-questions table.questions td {
            vertical-align: top;
            padding:3px;
        }

    div.mainstage-questions table.questions td:nth-child(1) {
            width:40px;
        }

    div.mainstage-questions table.questions td:nth-child(2) {
            width:40px;
        }

    div.mainstage-questions table.questions td:nth-child(3) {
            width:40px;
        }

    div.mainstage-questions table.questions td:nth-child(4) {
            width:180px;
        }

    div.mainstage-questions table.questions td:nth-child(5) {
            width:80px;
        }

    div.mainstage-questions table.questions tr:nth-child(even) {background-color: #fafafa; }

    div.mainstage-questions table.questions tr:nth-child(odd) {background-color: #eaeaea; }



div.clp {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  max-width:500px;
  background-color:rgba(255,255,255,.90);
  margin:auto;
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.25);
  border-radius:4px;
  width:90%;
  padding: 20px;
}

  div.clp div.title {
    text-align:center;
    font-family:'Open Sans';
    font-weight:900;
    font-size:32px;
    color:#263692;
    padding-top:20px;
    padding-bottom:25px;
    line-height:32px;
  }

  div.clp div.logoWrapper {
    text-align:center;
  }

  div.clp div.logoWrapper img {
      width:108px;
      height:auto;
    }

  div.clp div.headline {
    font-size:18px;
    font-family:'Open Sans';
    font-weight:300;
    font-style:normal;
    color:#263692;
    text-align:center;
    padding-bottom:30px;
  }

  div.clp div.paragraph {
    font-size:14px;
    font-family:'Open Sans';
    font-weight:300;
    font-style:normal;
    color:#222;
    padding-bottom:30px;
  }

  div.clp div.buttonWrapper {
    text-align:center;
    margin-top:0px;
    margin-bottom:25px;
  }

  div.clp div.buttonWrapper a {
      display: inline-block;
      text-decoration: none;
      background: #719932;
      height: 40px;
      font-size: 20px;
      color: white;
      border-radius: 5px;
      text-align: center;
      line-height: 40px;
      margin: 0 auto 20px 0;
      cursor: pointer;
      padding: 0 20px;
    }

  div.clp div.tagLine {
    font-size:18px;
    font-family:'Open Sans';
    font-weight:600;
    font-style:italic;
    color:#4A4A4A;
    text-align:center;
    padding-bottom:30px;
  }

  div.clp div.htmlBlock h1 {
      margin-top: 0;
      margin-bottom: 0;
    }

  div.clp div.htmlBlock h4 {
      color: #333;
      margin-top: 0;
      margin-bottom: 0;
    }

  div.clp div.htmlBlock ol {
      margin-bottom: 8px;
      margin-top: 8px;
    }

  div.clp div.htmlBlock li {
      font-weight: normal;
      color: #333;
      font-size: 13px;
    }

  div.clp div.htmlBlock p {
      color: #333;
      margin-top:2em;
      margin-bottom:2em;
    }

  div.clp div.htmlBlock p.noTopMargin {
        margin-top:0;
      }

  div.clp div.htmlBlock p.noBottomMargin {
        margin-bottom:0;
      }

div.manager-pill {
    border-radius: 24px;
    background: #F7F7F7;
    display:flex;
    height:44px;
    padding:10px;
    box-sizing: border-box;
    margin-right: 16px;
    cursor:pointer;
}
    div.manager-pill span.manager-button-text {
        color: #003595;
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.021px;
        margin:0 7px;
        white-space: nowrap;
    }

@media (max-width: 600px) {
    div.manager-pill {
        height:34px;
        width:34px;
        padding:4px;
        margin-right: 10px;
    }
       div.manager-pill span.manager-button-text {
        display:none;
       }
}



div.dashboardTopBar {
  height: 48px;
  background-color:rgba(255,255,255,0.25098);
  padding:15px;
  display:flex;
}

  div.dashboardTopBar div.lft {
    display:flex;
    flex-grow: 1;
    margin:auto;
  }

  div.dashboardTopBar div.lft svg {
      height: 48px;
      margin-right:15px;
    }

  div.dashboardTopBar div.lft h1 {
      flex-grow:1;
      margin:auto;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.021px;
      color: #000000;
    }

  div.dashboardTopBar div.lft h1 span.wellness-concepts {
        white-space: nowrap;
        font-weight: 600;
        color: #003595;
      }

  div.dashboardTopBar div.rt {
    display:flex;
    align-items: center;
  }

  div.dashboardTopBar div.rt a {
      height:34px;
      cursor:pointer;
    }

@media (max-width: 600px) {
        div.dashboardTopBar div.lft h1 span {
          display:block;
        }
}


div.solutionCard {
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  margin-top: 15px;
  display: flex;
  position:relative;
}

  div.solutionCard div:first-child {
    flex-grow: 0;
    height: 110px;
  }

  div.solutionCard div:first-child img {
      height: 110px;
      border-radius: 8px;
      margin-right: 15px;
    }

  div.solutionCard div:last-child {
    display:flex;
    flex-grow: 1;
  }

  div.solutionCard div:last-child div:first-child {
      flex-grow: 1;
      margin: 0;
      margin: initial;
    }

  div.solutionCard div:last-child div:first-child h3 {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.021px;
        color: #17130D;
        margin: 0;
        font-size: 18px;
        line-height: 21px;
      }

  div.solutionCard div:last-child div:first-child p {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.021px;
        color: #17130D;
        margin: 0;
        font-size: 16px;
        line-height: 16px;
        margin-top: 4px;

      }

  div.solutionCard div:last-child div:first-child p.sc-status {
          font-weight: 500;
          font-size: 15px;
          line-height: 15px;
          margin-top: 8px;
          color: #7D2E68;
        }

  div.solutionCard div:last-child div:first-child p.sc-status.live {
            color: #B30000;
          }

  div.solutionCard div:last-child div:first-child span.live-badge {
        padding: 5px 8px;
        box-sizing: border-box;
        display: inline-block;
        margin-top: 8px;

        background: #ED5A5A;
        border-radius: 16px;
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 15px;
        text-align: center;
        letter-spacing: 0.021px;
        color: #FFFFFF;
      }

  div.solutionCard div:last-child div:last-child {
      flex-grow: 0;
      margin: auto;
      margin-right: 0;
    }

  div.solutionCard div.cardButton button span.lab {
          text-transform:Capitalize;
          white-space: nowrap;
        }

  div.solutionCard.registerNow div:first-child {
      height:44px;
    }

  div.solutionCard.registerNow div:first-child img {
        width: 44px;
        height: 44px;
        border-radius:5px;
        margin-right:10px;
      }

  div.solutionCard.registerNow div:nth-child(2) {
      margin:auto;
    }

  div.solutionCard.registerNow div:nth-child(2) h3 {
        font-size: 16px;
        line-height: 19px;
        color: #17130D;
      }

  div.solutionCard.registerNow div:nth-child(2) p {
        font-size: 16px;
        line-height: 19px;
      }

  div.solutionCard.registerNow div:nth-child(2) span.live-badge {
        position: absolute;
        top: 0;
        left: 4px;
      }

@media (max-width: 600px) {
    div.solutionCard div:first-child {
      height: auto;
    }

      div.solutionCard div:first-child img {
        width: 36px;
        height: 36px;
        border-radius: 5px;
        margin-right: 10px;
      }
        div.solutionCard div:last-child div:first-child h3 {
          font-size: 15px;
          line-height: 17px;
        }

        div.solutionCard div:last-child div:first-child p {
          font-size: 15px;
          line-height: 17px;
        }

    /*
      Hide the arrow and shrink the button when the
      browser goes mobile;

    & div.cardButton {
      & button {
        height:36px;
        border-radius: 20px;
        & span {
          line-height: 36px;
          &.lab {
            font-size: 12px;
            padding-left: 10px;
            padding-right: 10px;
            white-space: nowrap;
          }
          &:last-child {
            visibility: hidden;
            display: none;
          }
        }
      }
    }
    */
    div.solutionCard.registerNow {
      background-color: transparent;



    }
}

div.outlined-card-button {
  flex-grow: 0;
}

  div.outlined-card-button button {
    cursor:pointer;
    background-color: transparent;
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 15px;
    border: 1px solid #003595;
  }

  div.outlined-card-button button span {
        color: #003595;
        text-align: center;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.021px;

    }


div.cardButton {
  flex-grow: 0;
}


div.cardButton button {
    background-color: #F7F7F7;
    border-radius: 24px;
    height: 44px;
    min-width: 24px;
    border: none;
    display: flex;
    padding:0;
    cursor:pointer;
  }


div.cardButton button span {
      line-height:44px;
      color: #003595;
    }


/*var(--color-egyptian-blue);*/


div.cardButton button span.lab {
        font-family: 'Rubik';
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.021px;
        padding-left:14px;
          text-transform:Capitalize;
          white-space: nowrap;
      }


div.cardButton button span:last-child {
        width:44px;
      }


div.cardButton button:hover {
      background-color: rgba(0,53,149,0.2);
    }


@media (max-width: 600px) {
         /*
         Hide the arrow and shrink the button when the
         browser goes mobile;
       */
           div.cardButton button {
             height:36px;
             border-radius: 20px;
           }
             div.cardButton button span {
               line-height: 36px;
             }
               div.cardButton button span.lab {
                 font-size: 12px;
                 padding-left: 10px;
                 padding-right: 10px;
                 white-space: nowrap;
               }
               div.cardButton button span:last-child {
                 visibility: hidden;
                 display: none;
               }
               div.cardButton button span.arrow-only:last-child {
                 visibility: visible;
                 display: inline-block;
               }
       }

div.allYearCard {
  flex-grow:0;
  margin-right:15px;
  display: flex;
  flex-direction:column;
  background-color:white;
  border-radius:15px;
  padding:15px;
  width:240px;
  margin-top:10px;
}
  div.allYearCard div.svgIcon {
    background-color: rgba(125,46,104,0.10196);
    border-radius: 8px;
    height:34px;
    padding:8px;
    margin-bottom:15px;
    display: flex;
    justify-content: center;
  }
  div.allYearCard div.svgIcon svg {
      height:34px;
      width:auto;
    }
  div.allYearCard div.imgSmall {
    flex-grow:0;
    margin-bottom:15px;
    height:50px;
    overflow:hidden;
  }
  div.allYearCard div.imgSmall img {
      height:50px;
    }
  div.allYearCard > div:nth-child(2) {
    display:flex;
  }
  div.allYearCard > div:nth-child(2) > div:nth-child(1) {
      flex-grow:1;
      margin:auto;
    }
  div.allYearCard > div:nth-child(2) > div:nth-child(1) h3, div.allYearCard > div:nth-child(2) > div:nth-child(1) p {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #17130D;
        letter-spacing: 0.021px;
        margin: 0;
      }
  div.allYearCard > div:nth-child(2) > div:nth-child(1) p {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
      }

@media (max-width: 600px) {
               /*
               height: 36px;
               border-radius: 20px;
                */
                 div.allYearCard div.cardButton button span:last-child {
                   visibility: visible;
                   display: inline-block;
                 }
       }

div.dashboard {
  position: relative;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding-bottom: 80px;
  background-color: rgba(238,238,242,0.90196);
  max-width: 1200px;
  margin: auto;
}

  /*
  &::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:white;
    z-index:-1;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  &::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: 50% top;
    background-size: cover;
    z-index:-1;

    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    opacity:.25;
  }
  */

  div.dashboard div.cont {
    z-index:1;
    max-width:840px;
    margin:auto;
    /*
    & div.badged-solutions {
      border-radius: 15px;
      background-color: #F7F7F7;
      margin-top: 15px;
      padding-top:15px;
      & h2 {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0.021px;
        margin: 0px 0 0 15px;
        color: $Shadow;
      }
      & ul {
        display: flex;
        flex-wrap: wrap;
        & li.end div.badgedSolutionCard {
          margin-right: 0;
        }
      }
    }

     */


  }

  div.dashboard div.cont h2 {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.021px;
      margin:30px 0 0 15px;
      color: #000; /*$Shadow;*/
    }


ul.available-all-year {
  display:flex;
  flex-wrap: wrap;
}


ul.available-all-year li.end div.allYearCard {
    margin-right:0;
  }



svg.my-movie-svg {
  width:50px;
  height:50px;
  color:red;
/*
  & stop:nth-child(1) {
    stop-color: #60c50b;
  }
  & stop:nth-child(2) {
    stop-color: #139a26;
  }
 */
}

@media (max-width: 900px) {
    div.dashboard:before {
      background:none;
    }
    div.dashboard div.cont {
      padding:0 8px;
    }
}


div.badge-count {
    display:inline-block;
    position:relative;
    margin-right:21px;
}
    div.badge-count img {
        width:40px;
        height:40px;
    }
    div.badge-count div.badge-count-text {
        position:absolute;
        bottom:0;
        right:0;
        width:20px;
        height:20px;
        background: linear-gradient(155deg, #7D2E68 17.06%, #003595 84.13%);
        border-radius: 10px;


        color: #FFF;
        text-align: center;
        font-family: Rubik;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }
div.dashboard-badge-block {
    border-radius: 15px;
    background-color: #FFF;
    padding:15px;
    margin-top: 15px;
}
    div.dashboard-badge-block>div {
        display:flex;
        align-items: center;
    }
    div.dashboard-badge-block>div>div:first-child {
            flex-grow:1;
        }
    div.dashboard-badge-block>div div.cardButton {
            flex-grow:0;
        }
    div.dashboard-badge-block div.dbb-badges {
        margin-top:10px;
        margin-bottom:20px;

    }
    div.dashboard-badge-block h3 {
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.021px;
        margin:0;
        color:#17130D;
    }
    div.dashboard-badge-block p {
        color: #4B5257;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
        margin:0;
    }
    div.dashboard-badge-block p.ps {
            font-size: 16px;
            font-weight: 400;
            margin-top:10px;
        }
    div.dashboard-badge-block div.dbb-no-badges {
        border-radius: 8px;
        border: dashed 2px #BFBFBF;
        background: #F7F7F7;
        margin-top:10px;
        display:inline-block;
        color: #4B5257;
        font-family: Rubik;
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
        padding:18px 25px;
    }




div.badgeCard {
    display:flex;
    padding:15px;


}
    div.badgeCard div.solution-badge {
        flex-grow:0;
        padding-right:15px;
    }
    div.badgeCard div.solution-badge img {
            width:76px;
            height:76px;
        }
    div.badgeCard div.solution-badge-info {
        flex-grow: 1;
        margin:auto;
    }
    div.badgeCard div.solution-badge-info h3 {
            margin:0;
            font-family: 'Rubik';
            font-style: normal;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            letter-spacing: 0.021px;
            color: #17130D;
        }
    div.badgeCard div.solution-badge-info p {
            margin:0;
            font-family: 'Rubik';
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            letter-spacing: 0.021px;
            color: #4B5257;
        }

div.platform-admin-notification {
  margin-top:30px;
  border-radius: 15px;
  background: #FFF;
  display:flex;
  align-items: center;
  gap:10px;
  padding:18px;
  box-sizing: border-box;
}
  div.platform-admin-notification>div:first-child {
    flex-grow:0;
  }
  div.platform-admin-notification>div:nth-child(2) {
    flex-grow:1;
  }
  div.platform-admin-notification>div:nth-child(2) h2 {
      color: #17130D;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:0;
    }
  div.platform-admin-notification>div:nth-child(2) p {
      color: #17130D;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:0;
    }
  div.platform-admin-notification>div:last-child {
    flex-grow:0;
  }
  div.platform-admin-notification>div:last-child button {
      height:43px;
      box-sizing: border-box;
      padding: 12px;
      border-radius: 8px;
      background: #EEEEF2;
      color: #003595;
      text-align: center;
      font-family: Rubik;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: -0.02px;
      border:none;
      cursor: pointer;
    }
  div.platform-admin-notification>div:last-child button:hover {
        background-color: rgba(0,53,149,0.2);
      }
div.dashboard div.cont div.not-open-yet {
  margin-top: 30px;
  border-radius: 15px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 30px 38px 30px;
  box-sizing: border-box;

}
  div.dashboard div.cont div.not-open-yet img {
    flex-grow:0;
    height:92px;
    width:auto;
    margin-bottom:15px
  }
  div.dashboard div.cont div.not-open-yet h2 {
    color: #17130D;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.02px;
    margin:0 0 4px 0;
  }
  div.dashboard div.cont div.not-open-yet p {
    color: #4B5257;
    font-family: Rubik;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.02px;
    margin:0;
  }


div.secondary-bar {
  height: 48px;
  background-color:white;
  padding:15px;
  display:flex;
}

  div.secondary-bar div.lft {
    display:flex; /* div.lft-head */
  }

  div.secondary-bar div.lft div.lft-back {
      flex-grow: 0;
      margin-right:15px;
    }

  div.secondary-bar div.lft div.lft-back button {
        background-color: #F7F7F7;
        border-radius: 24px;
        height: 44px;
        min-width: 24px;
        border: none;
        display: flex;
        padding: 0;
        cursor: pointer;
      }

  div.secondary-bar div.lft div.lft-back button span {
          line-height: 44px;
          color: #003595;
          width: 36px;
          padding-left: 8px;
        }

  div.secondary-bar div.lft div.lft-back button:hover {
          background-color: rgba(0,53,149,0.2);
        }

  /* div.lft-back */

  div.secondary-bar div.lft div.lft-head {
      display: flex;
      flex-direction: column;
    }

  div.secondary-bar div.lft div.lft-head h1, div.secondary-bar div.lft div.lft-head p {
        flex-grow: 1;
        align-content: center;

        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        margin:0;
        color: #17130D;
      }

  div.secondary-bar div.lft div.lft-head p {
        font-weight: 400;
      }

  /* div.lft */

  div.secondary-bar div.rt {
    text-align: right;
    flex-grow: 1;
  } /* div.secondary-bar */




@media (max-width: 600px) {
         div.secondary-bar {

         }
       }


/*
    TODO: this is a modifier used o adjust SolutionOverview rendering. Need to consider whether it should be  removed or made universal
  */
  div.video-collection div.topper {
    margin:auto;
    max-width:800px;
  }
  div.video-collection div.topper p {
      margin-top:0;
    }
  div.video-collection div.topper div.solution-overview {
    }
  div.video-collection ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, max-content));
    grid-gap: 16px;
    justify-content: center;
    padding: 0;
    padding: initial;
  }
  /*
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

     */
  div.video-collection ul li {
      list-style-type: none;
      padding: 5px;
      width: 250px;
    }
  div.video-collection ul li div.bundle-card {
        margin-top:0;
      }


@media (min-width: 0px) and (max-width: 900px) {
  div.video-collection.content {
    margin-top: 0px;
  }
}

div.primary-layout {
  position: relative;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding-bottom: 80px;
  margin-bottom: 100px;
  background-color: #E6E6E6;
}
  div.primary-layout.content {
    overflow-y: hidden;
  }
  div.primary-layout div.pl-inner {
    max-width:840px;
    margin:auto;
  }
div.primary-footer {
  height:200px;
}



div.bundle-card {
  margin:30px 30px 0 0;
  max-width:250px;

}
  div.bundle-card div.bc-preview {
    padding: 0;
    width: 250px;
    height: 153px;
    background: #F0F2F2;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
  }
  div.bundle-card div.bc-preview button.button-action {
      border-radius: 6px;
    }
  div.bundle-card div.bc-preview button.button-action div.bc-preview-image {
        width: 250px;
        height: 153px;
        background-size: cover;
      }
  div.bundle-card div.bc-info {
    max-width:250px;
    margin-top:8px;
  }
  div.bundle-card div.bc-info h2,div.bundle-card div.bc-info p {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #17130D;
    }
  div.bundle-card div.bc-info p {
      font-weight: 500;

    }
  div.bundle-card div.bc-info p.bci-points-awarded {
        display:flex;
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #4B5257;
      }
  div.bundle-card div.bc-info p.bci-points-awarded span.material-icons {
          font-family: 'Material Icons';
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          color: #61A60E;
          margin-right: 2px;
          padding-top: 1px;
        }
  div.bundle-card div.bc-info p.bci-points-awarded span.bci-points {
          margin-left: 4px;
          font-weight: 100;
        }
  div.bundle-card div.bc-info p.bci-points-available {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #4B5257;
      }

button.button-action {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  /* outline: inherit; */
  margin: 0;
}


div.bundle-library div.filters {
    display: flex;
  }
    div.bundle-library div.filters input, div.bundle-library div.filters label {
      cursor:pointer;
    }

  div.bundle-library ul {
    display:flex;
    flex-wrap: wrap;
  }


div.registered-status-box {
  display: inline-flex;
  align-items: center;
  border: 1px solid #61A60E;
  border-radius: 8px;
  padding:0 16px;
  height:42px;
}
  div.registered-status-box span.text {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.021px;
    color: #17130D;
  }
  div.registered-status-box span.material-icons {
    font-size: 16px;
    color: #61A60E;
    margin-right: 5px;
  }



@media (min-width: 0px) and (max-width: 900px) {
  div.bundle.video.content {
    margin-top: 0px;
  }
  div.bundle.webinar.content {
    margin-top: 0px;
  }
}


/*
    TODO: this is a modifier used o adjust SolutionOverview rendering. Need to consider whether it should be  removed or made universal
  */
  div.onsite-health-fair div.topper {
    margin:auto;
    max-width:800px;
  }
  div.onsite-health-fair div.topper p {
      margin-top:0;
    }
  div.onsite-health-fair div.topper div.solution-overview {
    }
  div.onsite-health-fair ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, max-content));
    grid-gap: 16px;
    justify-content: center;
    padding: 0;
    padding: initial;
  }
  /*
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

     */
  div.onsite-health-fair ul li {
      list-style-type: none;
      padding: 5px;
      width: 250px;
    }
  div.onsite-health-fair ul li div.bundle-card {
        margin-top:0;
      }
  div.onsite-health-fair div.ohf-footer {
    margin-top:30px;
    padding:30px;
    border-radius: 15px;
    background-color: #F0F2F2;
  }
  div.onsite-health-fair div.ohf-footer h2 {
      color: #4B5257;
      font-family: Rubik;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
  div.onsite-health-fair div.ohf-footer h2.points-title {
        border-bottom:1px solid #D8D8D8;
        padding-bottom:10px;
      }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes {
      margin-bottom:25px;
      padding:0;
      display:flex;
      flex-direction: column;
    }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize {
        margin:5px 0;
        padding:20px;
        border-radius: 12px;
        background: #FFF;
        display:flex;
      }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-photo {
          width:120px;
          height:80px;
          flex-grow:0;
          flex-shrink:0;
          margin-right:20px;
        }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-photo img {
            width: 120px;
          }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content {
          flex-grow:1;
        }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h3,div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h4,div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h5 {
            font-family: Rubik;
            margin:0;
            font-style: normal;
            line-height: normal;
            font-size: 16px;
            font-weight: 400;
          }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h3 {
            color: #003595;
            font-size: 18px;
            margin-bottom:4px;
          }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h4 {
            color: #17130D;
          }
  div.onsite-health-fair div.ohf-footer div.ohff-prizes div.ohff-prize div.ohffp-content h5 {
            color: #5A6268;
          }
  div.onsite-health-fair div.ohf-footer div.points-earned {
      display:flex;
      align-items: center;
      height:34px;
      border-bottom:1px solid #D8D8D8;
      padding:12px;
    }
  div.onsite-health-fair div.ohf-footer div.points-earned h3 {
        flex-grow:1;
        color: #17130D;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin:0;
        padding-left:10px;
      }
  div.onsite-health-fair div.ohf-footer div.points-earned span {
        color: #61A60E;
        flex-grow:0;
        text-align: center;
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-right:8px;
      }
  div.onsite-health-fair div.ohf-footer div.points-earned div.pe-points {
        flex-grow:0;
        background-color: #61A60E;
        color: #FFF;
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        border-radius:16px;
        width:32px;
        height:32px;
      }


@media (min-width: 0px) and (max-width: 900px) {
  div.onsite-health-fair.content {
    margin-top: 0px;
  }
}



div.solution-bundle-card {
  margin:30px 30px 0 0;
  max-width:250px;

}

  div.solution-bundle-card div.sbc-preview {
    position: relative;
    padding:0;
    width: 250px;
    height: 153px;
    background: #F0F2F2;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    overflow:hidden;
    cursor:pointer;
  }

  div.solution-bundle-card div.sbc-preview img {
      max-width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 6px;
    }

  div.solution-bundle-card div.sbc-preview div.completed-panel {
      position:absolute;
      top:24px;
      left:63px;
      right:63px;
      bottom:24px;
      border-radius: 16px;
      opacity: 0.8999999761581421;
      background: #F0F2F2;
      display:flex;
      flex-direction: column;
      justify-content: center;
    }

  div.solution-bundle-card div.sbc-preview div.completed-panel span.check_circle {
        text-align: center;
        color: #61A60E;
        font-size: 30px;
        font-weight:400;
        margin-bottom:4px;

      }

  div.solution-bundle-card div.sbc-preview div.completed-panel p {
        margin:0;
        color: #4B5257;
        text-align: center;
        font-family: Rubik;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.021px;
      }

  div.solution-bundle-card div.sbc-preview div.locked-panel {
      position:absolute;
      top:24px;
      left:24px;
      right:24px;
      bottom:24px;
      border-radius: 16px;
      opacity: 0.8999999761581421;
      background: #F0F2F2;
      display:flex;
      flex-direction: column;
      justify-content: center;
    }

  div.solution-bundle-card div.sbc-preview div.locked-panel span.lock {
        text-align:center;
        color:#5A6268;
        font-size: 30px;
        font-weight:400;
        margin-bottom:4px;
      }

  div.solution-bundle-card div.sbc-preview div.locked-panel p {
        color: #4B5257;
        text-align: center;
        font-family: Rubik;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
        margin:0 10px;
      }

  div.solution-bundle-card div.sbc-info {
    max-width:250px;
    margin-top:8px;
  }

  div.solution-bundle-card div.sbc-info h2,div.solution-bundle-card div.sbc-info h3,div.solution-bundle-card div.sbc-info h4 {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0;
      font-family: Rubik;
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 18px;
      letter-spacing: 0.021px;
      color: #17130D;
    }

  div.solution-bundle-card div.sbc-info h3 {
      font-weight: 400;
    }

  div.solution-bundle-card div.sbc-info h4 {
      margin-top:4px;
      font-weight: 500;
      color:#7D2E68;
    }

  div.solution-bundle-card div.sbc-info h4.locked {
        opacity: 0.5;
      }

  div.solution-bundle-card div.sbc-info h4.complete {
        color: #4B5257;
        font-weight: 400;
      }


div.profile div.secondary-bar div.rt {
  display:flex;
  flex-grow: 1;
}
  /*
  & button {
    margin-left: auto;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: blue;
  }*/
  div.profile div.secondary-bar div.rt a {
    margin-left: auto;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: blue;
    text-decoration: none;
    font-size: 14px;
    line-height: 48px;
    margin-right:4px;
  }


div.profile div.profile-help {
        margin-top:30px;
        text-align: center;
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
    }
        div.profile div.profile-help strong {
            font-weight: 500;
        }
        div.profile div.profile-help a {
            color: #003595;
            text-decoration-line: underline;
            text-decoration-style: solid;
            -webkit-text-decoration-skip: ink;
                    text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }
    div.profile div.secondary-bar div.rt {
        display: flex;
        flex-grow: 1;
    }
    /*
        & button {
          margin-left: auto;
          border: none;
          background-color: transparent;
          cursor: pointer;
          color: blue;
        }*/
    div.profile div.secondary-bar div.rt a {
            margin-left: auto;
            border: none;
            background-color: transparent;
            cursor: pointer;
            color: blue;
            text-decoration: none;
            font-size: 14px;
            line-height: 48px;
            margin-right: 4px;
        }

div.profile-nav-card div.pnc-main {
        display: flex;
        align-items: center;
        gap: 15px;
    }

div.account-sub-container {
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    padding: 15px;
}
    div.account-sub-container div.pnc-main-body {
        flex-grow:1;
    }
    div.account-sub-container div.pnc-main-body h3 {
          margin: 0;
        }
    div.account-sub-container div.pnc-main-body p {
            margin: 0;
        }
div.circle-container {
    border-radius: 24px;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;
}
div.profile-content-container {
    display: flex;
    width: 840px;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    border-radius: 40px;
    margin: auto;

}

    div.profile-content-container h2 {
        color: #4B5257;
        font-family: Rubik;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
    }

    div.profile-content-container p {
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
        margin-top:0;
        margin-bottom: 15px;
    }

    div.profile-content-container p.error {
            color:#7d2e2e;
        }

    div.profile-content-container p.important {
            color: #17130D;
            font-size: 18px;
        }

    div.profile-content-container p ul {
            margin-top:16px;
        }

    [dir="ltr"] div.profile-content-container ul {
        padding-left: 22px;

}

    [dir="rtl"] div.profile-content-container ul {
        padding-right: 22px;

}

    div.profile-content-container ul {
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.021px;
        margin-top:0;
        margin-bottom: 15px;
    }

    div.profile-content-container fieldset {
        width:100%;
        box-sizing: border-box;
        border:none;
        padding:0;
    }

    div.profile-content-container fieldset input[type=password] {
            height: 44px;
            box-sizing: border-box;
            text-indent: 8px;
            width: 100%;
        }

    div.profile-content-container fieldset input[type=text] {
            height: 44px;
            box-sizing: border-box;
            text-indent: 8px;
            width: 100%;
        }

    div.profile-content-container fieldset label {
            color:#4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 8px;
            display:block;
        }

    div.profile-content-container div.action-buttons {
        display: flex;
        height: 44px;
        padding: 0px 12px;
        justify-content: center;
        align-items: center;
        gap: 30px;
        align-self: stretch;

    }

    div.profile-content-container div.action-buttons div.spacer {
            flex-grow:1;
        }

    div.profile-content-container div.action-buttons a {
            cursor: pointer;
            border:none;
            border-radius: 8px;
            flex-grow:0;
            color: #003595;
            text-align: center;
            font-family: Rubik;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.021px;
            height:44px;
            line-height: 44px;
            box-sizing: border-box;
            padding: 0 12px;
            text-decoration: none;
        }

    div.profile-content-container div.action-buttons a.primary {
                background: #003595;
                color: #FFF;
            }

    div.profile-content-container div.action-buttons button {
            cursor: pointer;
            border:none;
            border-radius: 8px;
            flex-grow:0;
            color: #003595;
            text-align: center;
            font-family: Rubik;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: 0.021px;
            height:44px;
            line-height: 44px;
            box-sizing: border-box;
            padding: 0 12px;
        }

    div.profile-content-container div.action-buttons button.secondary {
            }

    div.profile-content-container div.action-buttons button.primary {
                background: #003595;
                color: #FFF;
            }

div.account-logout {
  margin: auto;
}
  div.account-logout a {
    display: flex;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 15px;
    border: 1px solid #003595;
    background: #F7F7F7;

    color: #003595;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.021px;
    text-decoration:none;
  }


fieldset.account-profile-nickname>div {
      display:flex;
      align-items: center;
    }
      fieldset.account-profile-nickname>div div {
        margin-right:9px;
        color: #4B5257;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        flex-grow:0;
      }

fieldset.account-profile-email div {
    display: flex;
    height: 44px;
    align-items: center;
    border: 1px solid #BFBFBF;
    padding-left:9px;
    color: #4B5257;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height:  16px;
    letter-spacing: 0.021px;
  }

fieldset.account-profile-email p {
    margin-top:12px;
    color: #5A6268;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }


div#fullbrowserbody div.settings {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  padding: 16px;
  z-index: 100000;
  overflow: scroll;
}

div.settings div.innerForm {
  width:360px; 
  margin:auto;
}

div.settings div.innerForm input,
div.settings div.innerForm textarea {
  background-color: #eee;
  border: none;
  padding: 8px;
  font-size: 16px;
  display: block;
  margin: 0 0 12px 0;
  width: 334px;
}
div.settings div.innerForm textarea.bio {
  height:100px;
}
div.settings div.innerForm input.name {
  height: 32px;
}




/*

div.settings div.innerForm div.avatarContainer {
  width:350px;
  height:350px;
}

div.settings div.innerForm div.avatarContainer p.uploadMessage {
  text-align: center;
  font-size: 18px;
  line-height: 320px;
  font-family: Roboto;
}


div.settings div.innerForm div.imageEditControls {
  display:flex;
}

div.settings div.innerForm div.imageEditControls div.slider { 
  padding-bottom:0px;
  width:280px;
  display:inline-block;
}
div.settings div.innerForm div.imageEditControls div.slider div.rangeslider-horizontal div.rangeslider__fill {
  background-color:transparent;
}
div.settings div.innerForm div.imageEditControls div.slider .rangeslider, 
div.settings div.innerForm div.imageEditControls div.slider .rangeslider .rangeslider__fill {
  box-shadow: none;
}

div.settings div.innerForm div.imageEditControls button {
  width: 48px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 24px;
  margin-top: 12px;
  margin-left: 12px;
  color: #333;
}

div.settings div.innerForm button.selectPhoto {
  margin-top:16px;
  width: 350px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 18px;
  font-family: Roboto;
  text-transform: uppercase;
  cursor: pointer;

}
*/




div.settings div.innerForm div.bottomBar {
  width:350px;
  height:48px;
  margin-top:32px;
  margin-bottom:32px;
  padding-top:16px;
  border-top:1px solid #eee;
}

div.settings div.innerForm button.save {
  float:right;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 18px;
  font-family: Roboto;
  text-transform: uppercase;
  padding: 0 24px;
  cursor: pointer;
}

div.settings div.innerForm button.cancel {
  float:left;
  height: 48px;
  border: none;
  background-color:none;
  font-size: 18px;
  font-family: Roboto;
  text-transform: uppercase;
  cursor: pointer;
}

div.settings button.iconButton {
  width: 48px;
  height: 48px;
  border: none;
  background-color: #eee;
  font-size: 24px;
  color: #333;
  cursor:pointer;
  padding: 0;
  display: inline-block;
  flex-shrink:0;
  outline: none;
  position:relative;
}

div.participation-removed {
  display:flex;
}
  div.participation-removed div.pr-icon {
    flex-grow:0;
    margin-right:15px;
  }
  div.participation-removed div.pr-message {
    flex-grow:1;
  }
  div.participation-removed div.pr-message h2 {
      color: #4B5257;
      font-family: Rubik;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:0;
    }
  div.participation-removed div.pr-message p {
      color: #4B5257;
      font-family: Rubik;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.021px;
      margin:0;
    }



div.material-cbx {
  display: flex;
  gap: 8px;
  align-items: center;
}
  div.material-cbx label {
    cursor:pointer;
    color: #4B5257;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.021px;
  }
  div.material-cbx button {
    display: flex;
    cursor:pointer;
    border: none;
    background-color: transparent;
    align-items: center;
    padding: 0;
  }
  div.material-cbx button span.material-icons {
      color:#003595;
    }


div.solution-register div.secondary-bar div.rt button {
        border:none;
        background-color: #003595;
        border-radius: 8px;
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        letter-spacing: 0.021px;
        color: #FFFFFF;
        height: 44px;
        padding:0 16px;
        cursor:pointer;
      }



  div.solution-register div.full-width-preview {
    height: 360px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.65);
  }



  div.solution-register div.full-width-preview img {
      height:360px;
      margin: auto;
    }



  div.solution-register div.sr-bottom {
    text-align: center;
  }



  div.solution-register div.sr-bottom div.registered {
      display: inline-flex;
      align-items: center;
    }



  div.solution-register div.sr-bottom div.registered span.text {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.021px;
        color: #17130D;
      }



  div.solution-register div.sr-bottom div.registered span.material-icons {
        font-size: 16px;
        color: #61A60E;
        margin-right: 5px;
      }




@media (min-width: 0px) and (max-width: 900px) {
  div.solution-register.content {
    margin-top: 0px;
  }
}
div.hub div.login-error {
    margin: 20px 30px 0 30px;
    background-color: #9c0000;
    border-radius: 16px;
    padding: 16px;
    color: white;
  }
    div.hub div.login-error h1 {
      margin-top: 0;
      margin-bottom: 8px;
    }
    div.hub div.login-error p {
      text-align:left;
      margin-top: 0;
      margin-bottom: 8px;
    }

  /*
    padding:32px;
    background: $SpaBlue;
    margin:0;
    text-align:center;
    height:100%;
    & svg.wellness-concepts-logo {
      width:160px;
      margin:30px 0;
    }
    */

  div.hub div.sso-panel div.sso-panel-card {
      margin:auto;
      max-width:540px;
      border-radius: 15px;
      /*background: #F7F7F7;*/
      /* padding:30px; */
      padding:0;
    }

  div.hub div.sso-panel div.sso-panel-card h1 {
        margin: 16px 0 8px 0;
        /*margin-top:0px;
        margin-bottom:8px;*/
        text-align:left;
        color: #17130D;
        font-family: Rubik;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
      }

  div.hub div.sso-panel div.sso-panel-card p {
        margin-top:8px;
        text-align:left;
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
      }

  div.hub div.sso-panel div.sso-panel-card p strong {
          font-weight:500;
        }

  div.hub div.sso-panel div.sso-panel-card a {
        margin-top:30px;
        display:block;
        width:100%;
        color: #FFF;
        text-align: center;
        font-family: Rubik;
        font-size: 18px;
        line-height:42px;
        height:44px;
        font-style: normal;
        font-weight: 500;
        text-decoration:none;
        margin-bottom:30px;
      }


div.badge-history-inner {
    border-radius: 15px;
    background: #F0F2F2;
    max-width: 840px;
    padding:15px 22px;
    margin: auto;
}
    div.badge-history-inner div.badge-group h2 {
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0.021px;
        }
    div.badge-history-inner div.badge-group h2 span.not-bold {
                font-weight: 400;
            }

div.hr-alert {
  opacity:0;
  background-color:rgba(0,0,0,.65);

//transition: background-color .15s ease-in, opacity .15s ease-in;
}
  div.hr-alert.opened {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    opacity:1;
    animation: fadeInAnimation ease 100ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
  div.hr-alert div.hr-panel {
    background-color:white;
    width: 300px;
    padding:16px;
    margin: 32px auto;
  }

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


div.hr-title-bar {
  padding:8px;
  display:flex;
  background-color:#fff;
}
  div.hr-title-bar div.left {
    flex-grow:1;
    height:45px;
    display:flex;
    align-items: center;

  }
  div.hr-title-bar div.left div.dashboard-button {
      border-radius: 24px;
      background: #F7F7F7;
      display:flex;
      height:44px;
      padding:10px;
      box-sizing: border-box;
      margin-right: 32px;
      cursor:pointer;
      display:flex;
      align-items: center;
    }
  div.hr-title-bar div.left div.dashboard-button span {
        color: #003595;
      }
  div.hr-title-bar div.left div.dashboard-button span.material-symbols-outlined {
          font-size: 24px;
          text-align:center;
          width:34px;
        }
  div.hr-title-bar div.left div.dashboard-button span.dashboard-button-text {
          font-family: Rubik;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          letter-spacing: 0.021px;
          margin-right:6px;
        }
  div.hr-title-bar div.left img.logo {
      margin-left:12px;
      flex-grow:0;
      height: 34px;
      width: auto;
    }
  div.hr-title-bar div.left div.text {
      margin-left:12px;
    }
  div.hr-title-bar div.left div.text h1 {
        color: #4B5257;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0;
      }
  div.hr-title-bar div.left div.text h2 {
        color: #4B5257;
        font-family: Rubik;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
      }


@media (max-width: 600px) {
             div.hr-title-bar div.left div.dashboard-button {
               margin-right:16px;
               padding-left: 14px;
               padding-right: 5px;
             }
               div.hr-title-bar div.left div.dashboard-button span.material-symbols-outlined {
                 width:24px;
               }
               div.hr-title-bar div.left div.dashboard-button span.dashboard-button-text {
                 display:none;
               }
       }


div.hr-footer {
  text-align:center;
  margin-top: 80px;
  font-size: 12px;
}

div.hr-tool-card {
  background-color:#EEEEF2;
  border-radius:20px;
  margin:auto;
  max-width:800px;
}
  div.hr-tool-card h2 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgba(0,53,149,0.06667);
    padding: 8px 16px;
    font-size:16px;
    font-weight:400;
    color:#17130D;
  }
  div.hr-tool-card div.hr-card-body {
    padding: 0px 16px 16px 16px;
  }


a.hr-tab {
  text-decoration: none;
  padding:4px 2px;
  margin-right:8px;
  display:inline-block;
  color:rgba(0,0,0,.8);
}
  a.hr-tab:visited {
    color:rgba(0,0,0,.8);
  }
  a.hr-tab.selected {
    color:#003595;
    border-bottom:2px solid #003595;
  }
  /* Tab Variant for main tabs */
  a.hr-tab.hr-main {
    color: rgba(255,255,255,.9);
    margin-right:16px;
    font-size: 18px;
    padding: 4px 4px 8px 4px;
  }
  a.hr-tab.hr-main:visited {
      color: rgba(255,255,255,.9);;
    }
  a.hr-tab.hr-main.selected {
      color:white;
      border-bottom:1px solid white;
    }


div.hr-registerChart div.recharts-responsive-container {

  }
  div.hr-registerChart h3 {
    font-size:16px;
    font-weight:400;
    text-align: center;
  }
  div.hr-registerChart span.legend-label-color {
    color:black;
  }




h3 {
  font-weight: normal;
}

table.hr-reports {
  width:100%;
  border-collapse: collapse;
}

table.hr-reports th {
    padding:4px 10px;
    font-weight:normal;
    text-align:right;
    text-transform: uppercase;
    font-size:12px;
    border-bottom:1px solid rgba(0,0,0,.1);
  }

table.hr-reports th:first-child {
        text-align:left;
    }

table.hr-reports tbody td {
      padding:4px 12px;
      text-align: right;
      border-bottom:1px solid rgba(0,0,0,.1);
    }

table.hr-reports tbody td:first-child {
        text-align: left;
      }



div.hr-form-block {
  margin-bottom:20px;
}
  div.hr-form-block h3 {
    margin: 0;
  }
  div.hr-form-block h4 {
    margin: 0;
    font-weight: normal;
  }
  div.hr-form-block div.help-toggle {
    font-size: 14px;
    color: #7D2E68;
    cursor: pointer;
    margin-left: 1px;
    margin-bottom: 2px;
  }
  div.hr-form-block div.help {
    border-left:2px solid #003595;
    background-color: rgba(0,53,149,0.06667);
    padding:8px;
    margin-bottom:8px;
  }
  div.hr-form-block div.help p {
      margin-top:0;
    }
div.hr-custom-recipients {
  display:flex;
  height:200px;
}

  div.hr-custom-recipients textarea {
    width:300px;
    height:165px;
  }

  div.hr-custom-recipients div.email-table-wrapper {
    border: 1px solid rgba(0, 0, 0, .05);
    margin-left: 16px;
    flex-grow:1;
  }

  div.hr-custom-recipients div.email-table-wrapper table.email-table {
      table-layout: auto;
      table-layout: initial;
      border-collapse: collapse;
      width:100%;
    }

  div.hr-custom-recipients div.email-table-wrapper table.email-table tbody {
        display: block;
        overflow-y: scroll;
        height: 200px;
        background-color: white;
      }

  div.hr-custom-recipients div.email-table-wrapper table.email-table tbody td {

          padding: 0 8px;
          text-align: left;
          border-bottom: 1px solid rgba(0, 0, 0, .05);
        }

  div.hr-custom-recipients div.email-table-wrapper table.email-table tbody td:nth-child(2) {
            width:100%;
          }

  div.hr-custom-recipients div.email-table-wrapper table.email-table tbody td:last-child span {
              line-height: 32px;
            }
div.hr-email-tool textarea.body {
    width: 100%;
    height: 100px;
  }
  div.hr-email-tool input.subject {
    width:50%;
  }
  div.hr-email-tool label {
    cursor: pointer;
    padding: 4px 16px 4px 4px;
    margin: 4px 4px 4px 0;

    border-radius:4px;
    display: inline-block;
    background-color:white;
  }
  div.hr-email-tool label[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] {
      background-color:rgba(0,0,200,.15);
    }
  div.hr-email-tool label:has(input[type="radio"]:checked) {
      background-color:rgba(0,0,200,.15);
    }
  div.hr-email-tool label:hover {
      background-color:rgba(0,0,200,.15);
    }

div.hr-send-block {
  text-align:center;
  padding:16px;

}

div.hr-send-block button {
    border:none;
    color:white;
    background-color:#7D2E68;
    padding:8px 24px;
    cursor:pointer;
  }

div.hr-send-block button:disabled {
      color:#666666;
      background-color:#fafafa;
    }
div.hr-main div.hr-tab-bar {
    padding:8px;
    background: #003595;
  }

button.small-icon-button {
  display:flex;
  border:none;
  background:none;
  cursor:pointer;
  border-radius:15px;
  height:30px;
  min-width:30px;
  padding:0;
  text-align:center;
  line-height:30px;
  color: #7D2E68;
}
  button.small-icon-button span {
    display:inline-block;
    text-align:center;
    width:30px;
    line-height: 30px;

  }
div.hr-email-history table {
    width:100%;
    border-collapse: collapse;
  }
    div.hr-email-history table th {
      text-align: left;
      padding: 4px 10px;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 12px;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    div.hr-email-history table td {
      padding: 4px 12px;
      text-align: left;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    div.hr-email-history table td:first-child {
        width:160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    div.hr-email-history table td:nth-child(2) {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    div.hr-email-history table td:nth-child(3) {
        width:60px;
        text-align:right;
      }
    div.hr-email-history table td:nth-child(4) {
        width:40px;
        text-align: right;
      }

div.hr-email-detail div.nav-back {
    margin:16px auto 0 auto;
    max-width:800px;
  }
div.hr-app a {
        cursor:pointer;
    }

    div.hr-app input[type=radio] {
        cursor:pointer;
    }

    div.hr-app button {
        font-size: 16px;
        cursor:pointer;
    }





div.hub {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.strv_row {
    display: flex;
}

div.strv_row div.strv_col {
        flex-grow:1;
        flex-basis: 0;
        margin-right:30px;
    }

div.strv_row div.strv_col:last-child {
            margin-right: 0;
        }


@media (min-width: 0px) and (max-width: 640px) {
    div.strv_row {
        display: block;
    }
        div.strv_row div.strv_col {
            flex-grow:-1;
            flex-basis:-1;
            margin-right:0;
        }
}


div.modal {
  position: fixed;
}
  div.modal div.modal-header {
    display:flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color:white;
    height:105px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
    padding: 0px 15px;
    box-sizing: border-box;
  }
  div.modal div.modal-header div.mh-left {
      flex-grow:0;
      display:flex;
      align-self: center;
    }
  div.modal div.modal-header div.mh-left a {
        display: block;
        width: 44px;
        height: 44px;
        background-color: #F7F7F7;
        /* background: #F7F7F7; */
        border-radius: 24px;
        line-height: 44px;
        text-align: center;
      }
  div.modal div.modal-header div.mh-left a span {
          line-height: 44px;
          color:#003595;
        }
  div.modal div.modal-header div.mh-middle {
      display:flex;
      flex-grow:1;
    }
  div.modal div.modal-header div.mh-middle div.mh-avatar {
        flex-grow:0;
        margin-left: 16px;
        display:flex;
        align-self: center;
      }
  div.modal div.modal-header div.mh-middle div.mh-title {
        flex-grow:1;
        margin-left: 16px;
        align-self: center;
      }
  div.modal div.modal-header div.mh-middle div.mh-title h1 {
          margin:0;
          font-family: 'Montserrat';
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 22px;
          letter-spacing: 0.021px;
          color:#17130D;
        }
  div.modal div.modal-header div.mh-middle div.mh-title h2 {
          margin:0;
          font-family: 'Montserrat';
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 22px;
          letter-spacing: 0.021px;
          color:#17130D;
        }
  div.modal div.modal-header div.mh-middle div.mh-title h2 span.verified {
            font-size: 15px;
            padding-right: 3px;
            vertical-align: middle;
            padding-bottom: 3px;
            color:#7D2E68;
          }
  div.modal div.modal-header div.mh-middle div.mh-title h2 span.name {
            color:#7D2E68;
            font-weight: 500;
          }
  div.modal div.modal-header div.mh-right {
      flex-grow:0;
    }
  div.modal div.body {
    margin-top:104px;
    padding-top:0;
    padding-bottom: 104px;
  }

@media (max-width: 900px) {
    div.modal div.modal-header {
      height:68px;
    }
    div.modal div.body {
      margin-top:68px;
    }
}



.page-exit-active .dim,
.page-exit .dim {
  opacity: 0;
}
.page-enter-active .dim,
.page-enter .dim {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: .4;
  z-index: 100000;
}



div.comment {
  position: relative;
  display: flex;
  margin-bottom: 8px;


}

  div.comment span.ago {
    margin-left:4px;
  }

  div.comment div.comment-avatar {
    flex-shrink:0;
    flex-grow:0;
    margin:8px 8px 0 0;

  }

  div.comment div.comment-body {
    flex-grow: 1;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #4B5257;
    background: #FFFFFF;
    border-radius: 8px;
    padding:8px;
  }

  div.comment div.comment-body h4.cb-name-and-date {
      font-size: 13px;
      font-weight:300;
      margin:0;
    }

  div.comment div.comment-body h4.cb-name-and-date strong {
        font-weight: 500;
      }

  div.comment div.comment-body h4.cb-name-and-date.verified strong {
          color:#7D2E68;
        }

  div.comment div.comment-body h4.cb-name-and-date span.verified {
        font-size: 15px;
        padding-right: 3px;
        vertical-align: middle;
        padding-bottom: 2px;
        line-height: 15px;
        color:#7D2E68;
      }

  div.comment div.comment-body p.cb-text {
      margin:0;
    }

  div.comment div.comment-body img {
      width: 100%;
      margin-top: 4px;
    }


div.comment-reply {
  display:flex;
  border-left:1px solid #C7D1D5;
  padding-bottom: 16px;

}

  div.comment-reply span.ago {
    margin-left:4px;
  }

  div.comment-reply div.crep-avatar {
    flex-grow:0;
    flex-shrink:0;
    margin: 0 8px 0 16px;
  }

  div.comment-reply div.crep-body {
    flex-grow:1;
    color: #4B5257;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
  }

  div.comment-reply div.crep-body h4.crep-name-and-date {
      font-weight: 300;
      font-size: 13px;
      line-height: 15px;
      margin:0;
    }

  div.comment-reply div.crep-body h4.crep-name-and-date strong {
        font-weight: 500;
      }

  div.comment-reply div.crep-body h4.crep-name-and-date.verified strong {
          color:#7D2E68;
        }

  div.comment-reply div.crep-body h4.crep-name-and-date span.verified {
        font-size: 15px;
        padding-right: 3px;
        vertical-align: middle;
        padding-bottom: 2px;
        line-height: 15px;
        color:#7D2E68;
      }

  div.comment-reply div.crep-body p.crep-text {
      margin:0;
    }

div.comment-reply-add {
  margin-bottom: 16px;
  border-left: 1px solid #C7D1D5;
}

  div.comment-reply-add h3 {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 8px 16px;
  }

  div.comment-reply-add.active {
    margin-bottom: 32px;
    border-color: #003595;
  }

  div.comment-reply-add a.cra-reply {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-left:16px;
    text-decoration: none;
    display:block;
    color: #003595;
  }

  div.comment-reply-add a.cra-reply:visited {
      color: #003595;
    }

  div.comment-reply-add .cra-form {
    display: flex;
  }

  div.comment-reply-add .cra-form div.craf-avatar {
      flex-grow: 0;
      flex-shrink: 0;
      margin: 0 8px 0 16px;
    }

  div.comment-reply-add .cra-form div.craf-inputs {
      flex-grow: 1;

    }

  div.comment-reply-add .cra-form .cra-textarea {
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      resize: none;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4B5257;
      cursor: text;
      padding: 8px;
      border: 1px solid #003595;
      border-radius: 8px;
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      position: relative;
      min-height: 72px;
    }

  div.comment-reply-add .cra-form .cra-actions {
      flex-grow: 1;
      text-align: left;
      margin-top: 8px;
    }

  div.comment-reply-add .cra-form .cra-actions .cra-btn {
        display: inline-block;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        letter-spacing: 0.358974px;
        text-transform: uppercase;
        padding: 0 24px;
        line-height: 36px;
        height: 36px;
        margin-right: 8px;
        cursor: pointer;

      }

  div.comment-reply-add .cra-form .cra-actions .cra-btn.cancel {
          color: #ED5A5A;
          background-color: transparent;
        }

  div.comment-reply-add .cra-form .cra-actions .cra-btn.reply {
          color: white;
          background: #003595;
          border-radius: 6px;
        }

div.comment-replies {

  margin-left: 38px;
  margin-top:16px;
}
  div.comment-replies.no-replies {
    margin-top:0;
  }
div.add-comment h3.ac-label {
    height: 21px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #17130D;
  }

  div.add-comment .ac-content {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #C7D1D5;
    border-radius: 8px;

  }

  div.add-comment .ac-content div.ac-content-top {
      margin: 12px;
      display: flex;
    }

  div.add-comment .ac-content div.ac-content-top .ac-username {
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
        color: #17130D;
        margin-left: 12px;
        color: #17130D;
      }

  div.add-comment .ac-content div.ac-content-top .ac-actions {

        flex-grow: 1;
        text-align: right;
      }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn {
          display:inline-block;
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          text-align: center;
          letter-spacing: 0.358974px;
          text-transform: uppercase;
          padding:0 24px;
          line-height: 36px;
          height:36px;
          margin-right:8px;
          cursor:pointer;

        }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn.cancel {
            color:#ED5A5A;
            background-color:transparent;
          }

  div.add-comment .ac-content div.ac-content-top .ac-actions .ac-btn.post {
            color:white;
            background: #003595;
            border-radius: 6px;
          }

  div.add-comment .ac-content .ac-textarea {
      box-sizing: border-box;
      display: block;
      overflow: hidden;
      resize: none;

      font-family: 'Rubik';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #4B5257;
      border:none;

      position: absolute;
      top: 12px;
      left: 50px;
      line-height: 32px;
      right: 56px;
      min-width: 0;
      min-width: initial;
      max-width: none;
      max-width: initial;
      width: auto;
      width: initial;
      cursor: text;
    }

  div.add-comment .ac-content .ac-textarea[contenteditable]:empty::before {
      content: "enter text...";
      color: #595959;
    }

  div.add-comment .ac-content .ac-textarea[contenteditable]:focus {
      content: "enter text...";

      border: none;
      overflow: auto;
      outline: none;
      box-shadow: none;

      resize: none; /*remove the resize handle on the bottom right*/

    }

  div.add-comment .ac-content a.ac-image-btn {
      position:absolute;
      top:0;
      right:0;
      padding: 16px;
    }

  div.add-comment .ac-content span.material-icons.icon-spin.resizing {
      position:absolute;
      bottom: 0;
      left: 0;
      padding: 16px;
    }

  div.add-comment .ac-content div.ac-image {
      margin: 0 12px 8px 12px;
      position: relative;
    }

  div.add-comment .ac-content div.ac-image img {
        min-width:100%;
        max-width:100%;
      }

  div.add-comment .ac-content div.ac-image a.ac-image-btn-clear {
        position: absolute;
        top: 8px;
        height: 34px;
        width: 34px;
        line-height: 34px;
        background: #000000;
        border-radius: 4px;
        color: white;
        right: 8px;
        text-align:center;
      }

  div.add-comment .ac-content div.ac-image a.ac-image-btn-clear span {
          line-height: 34px;
        }

  div.add-comment .ac-content a.ac-btn {
      background: #003595;
      border-radius: 6px;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.358974px;
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: center;
    }

  div.add-comment .ac-content a.ac-btn.disabled {
        opacity: .5;
      }

  div.add-comment .ac-content img {

    }

  div.add-comment .ac-content.active {
    border-color: #003595;
  }

  div.add-comment .ac-content.active .ac-image-btn {
      top: auto;
      top: initial;
      bottom: 0;
      left: 0;
      right: auto;
      right: initial;
    }

  div.add-comment .ac-content.active .ac-textarea {
      padding: 4px 12px 4px 12px;
      border-color: #003595;
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      line-height: 19px;
      min-height: 40px;
      position: relative;
      top: auto;
      top: initial;
      left: auto;
      left: initial;
      right: auto;
      right: initial;
    }

  div.add-comment .ac-content.active .ac-textarea.no-image {
        padding-bottom:64px;
      }



div.comment-block {
  max-width:740px;
  margin:auto;

}
  div.comment-block h2 {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: bold;
    color: #17130D;
    margin-bottom:10px;
  }
  div.comment-block div.cb-body {
    box-sizing:border-box;
    background-color:#f4f4f4;
    padding:16px;
    margin-bottom: 40px;
  }


@media (max-width: 900px) {
    div.comment-block h2 {
      margin-left:16px;
    }
}



div.full-post-modal div.fpm-topper {
    display: flex;
    flex-grow: 1;
    margin-top:8px;
  }
    div.full-post-modal div.fpm-topper div.fpm-topper-avatar {
      flex-grow: 0;
    }
    div.full-post-modal div.fpm-topper div.fpm-topper-title {
      flex-grow: 1;
      margin-left: 16px;
    }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h1 {
        margin: 0;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        color:#17130D;
      }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h2 {
        margin: 0;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.021px;
        color:#17130D;
      }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h2 span.verified {
          font-size: 15px;
          padding-right: 3px;
          vertical-align: middle;
          padding-bottom: 3px;
          color:#7D2E68;
        }
    div.full-post-modal div.fpm-topper div.fpm-topper-title h2 span.name {
          color:#7D2E68;
          font-weight: 500;
        }

div.badge-achieved-modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4);

} /* Black w/ opacity */

  div.badge-achieved-modal > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #888;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    min-width: 200px;
    max-width: 600px;
    border-radius: 0 20px;


  }

  div.badge-achieved-modal > div h1 {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-size: 25px;
      letter-spacing: 0.021px;
      color: #17130D;
      margin-top: 10px;
    }

  div.badge-achieved-modal > div div.badgedSolutionCard {
      border: 1px solid rgba(0,0,0,.05);
      border-radius: 5px;
    }

  div.badge-achieved-modal > div button {
      border:none;
      box-sizing: border-box;
      height: 44px;
      line-height:44px;
      background: #003595;
      border-radius: 8px;
      padding-left:20px;
      padding-right:20px;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      letter-spacing: 0.021px;
      color: #FFFFFF;
      min-width: 150px;
      cursor: pointer;
      margin: 24px 0 10px 0;
    }


div.badge-achieved-modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4);

} /* Black w/ opacity */

  div.badge-achieved-modal > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #888;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    min-width: 200px;
    max-width: 600px;
    border-radius: 20px;


  }

  div.badge-achieved-modal > div h1 {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-size: 25px;
      letter-spacing: 0.021px;
      color: #17130D;
      margin-top: 10px;
    }

  div.badge-achieved-modal > div div.badgedSolutionCard {
      border: 1px solid rgba(0,0,0,.05);
      border-radius: 5px;
    }

  div.badge-achieved-modal > div button {
      border:none;
      box-sizing: border-box;
      height: 44px;
      line-height:44px;
      background: #003595;
      border-radius: 8px;
      padding-left:20px;
      padding-right:20px;
      font-family: 'Rubik';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      letter-spacing: 0.021px;
      color: #FFFFFF;
      min-width: 150px;
      cursor: pointer;
      margin: 24px 0 10px 0;
    }

div.scheduler-modal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.7);

} /* Black w/ opacity */

    div.scheduler-modal div.white-button-stack {
        display:flex;
        flex-direction: column;
    }

    div.scheduler-modal button.white {
        cursor:pointer;
        text-align:left;
        border:none;
        background:white;
        background:white;
        margin-bottom:3px;
        color: #003595;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        padding:15px;
        display:flex;
    }

    div.scheduler-modal button.white:hover {
            background:rgba(0,53,149,0.2);
        }

    div.scheduler-modal button.white.disabled {
            color:#17130D;
        }

    div.scheduler-modal button.white.full {
            display:flex;
        }

    /* display:block;*/

    div.scheduler-modal button.white.full.disabled {
                cursor: not-allowed;
                color: #17130D;
            }

    div.scheduler-modal button.white.full.disabled span {
                    flex-grow:0;
                }

    div.scheduler-modal button.white.full.disabled span.none-available {
                        flex-grow: 1;
                        color: #5A6268;
                        font-style: italic;
                        text-align: right;
                    }

    div.scheduler-modal button.white span.material-icons {
            flex-grow:1;
            text-align:right;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

    div.scheduler-modal div.scheduler-starting-header {
        margin-bottom:16px;
    }

    div.scheduler-modal div.scheduler-starting-header h1 {
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin:0;
        }

    div.scheduler-modal div.scheduler-starting-header p {
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin:0;
        }

    div.scheduler-modal div.scheduler-nav {
        display:flex;
        margin:16px;
        height:30px;
    }

    div.scheduler-modal div.scheduler-nav button {
            border:none;
            background:none;
            cursor:pointer;
        }

    div.scheduler-modal div.scheduler-nav>div:first-child {
                flex-grow: 0;
                width:36px;
            }

    div.scheduler-modal div.scheduler-nav>div:first-child span.material-icons {
                    font-size: 24px;
                }

    div.scheduler-modal div.scheduler-nav>div:nth-child(2) {
                flex-grow: 1;
                text-align:center;
            }

    div.scheduler-modal div.scheduler-nav>div:nth-child(2) h1 {
                    margin:0;
                    padding: 0;
                    font-size: 16px;
                    line-height: 30px;
                    color: #4B5257;
                    font-family: Rubik;
                    font-style: normal;
                    font-weight: 400;
                }

    div.scheduler-modal div.scheduler-nav>div:last-child {
                flex-grow: 0;
                width:36px;
            }

    div.scheduler-modal div.scheduler-nav>div:last-child span.material-icons {
                    font-size: 24px;
                }

    div.scheduler-modal div.scheduler-widget-container {
        box-sizing: border-box;
        border: none;
        margin: 20px auto 0 auto;
        padding: 1px;
        width:460px;
        height:600px;
        border-radius: 16px;
        overflow:hidden;
        position: relative;
    }

    div.scheduler-modal div.scheduler-scroll-wrapper {
        box-sizing: border-box;
        border: none;
        background-color: #F0F2F2;
        margin: 0 auto 0 auto;
        padding: 1px;
        width:460px;
        height:600px;
        border-radius: 8px;
        overflow:hidden;
        position: relative;
    }

    div.scheduler-modal div.scheduler-scroll-wrapper div.scheduler-scroll-content {
            box-sizing: border-box;
            display: block;
            /* height:538px; */
            padding:0px 30px 16px 30px;
            overflow-y:auto;
            position:absolute;
            top:62px;
            left: 0;
            right: 0;
            bottom: 0;
        }


div.scheduler-agreed {
    margin-top: 8px;
}


div.scheduler-agreed div.scheduler-agreed-terms {
        margin-bottom:13px;
        overflow: auto;
        max-height: 288px;
    }


div.scheduler-agreed div.scheduler-agreed-terms p {
            font-size:15px;
            color: #17130D;
            font-family: Rubik;
            margin-bottom: 8px;
        }


div.scheduler-agreed div.scheduler-agreed-terms strong {
            font-weight:500;
        }


div.scheduler-agreed div.scheduler-agreed-cbx {
        height:52px;
        border-radius: 8px;
        background: #F7F7F7;
        margin-bottom:8px;
    }


div.scheduler-agreed div.scheduler-agreed-cbx div.accept {
            display: flex;
            line-height: 52px;
        }


div.scheduler-agreed div.scheduler-agreed-cbx div.accept a {
                align-items: center;
                display: flex;
                cursor:pointer;
            }


div.scheduler-agreed div.scheduler-agreed-cbx div.accept i {
                height: 52px;
                width: 40px;
                text-align: center;
                line-height: 52px;
                padding-left: 8px;
            }
button.time-slot {
    border:none;
    background:none;

    width:100px;
    height:44px;
    line-height:44px;

    color: #17130D;
    text-align: center;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display:flex;
}

    button.time-slot.reserved {
        font-weight:bold;
    }

    button.time-slot span.material-icons {
        color: #61A60E;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.021px;
        line-height: 43px;
        margin-right: 2px;
    }


div.available-slots div.available-slots-timezone {
        text-align:center;
        color: #17130D;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top:44px;
    }

    div.available-slots div.available-slots-single-day h2 {
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-top:30px;
            margin-bottom:8px;
        }

    div.available-slots div.available-slots-day-nav {
        display:flex;
        margin-bottom:10px;

    }

    div.available-slots div.available-slots-day-nav>div:first-child {
               flex-grow:1;
                text-align:right;
            }

    div.available-slots div.available-slots-day-nav>div:last-child {
                flex-grow:1;
                text-align:left;
            }

    div.available-slots div.available-slots-day-nav h2 {
            color: #4B5257;
            text-align: center;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin:0;
            padding: 0 8px;
        }

    div.available-slots div.available-slots-day-nav button {
            border:none;
            cursor:pointer;
        }

    div.available-slots div.available-slots-day-nav button.disabled span {
                    color: rgba(0, 0, 0, .15);
                }

    div.available-slots div.available-slots-day-nav span.material-icons {
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            color:#003595;
        }

    div.available-slots div.available-slots-times {
        background:white;
        padding:15px;
        display:flex;
        flex-wrap: wrap;
    }

    div.available-slots div.available-slots-times button {
            flex:  0 0 33.333333%;
            cursor:pointer;
        }

    div.available-slots div.available-slots-times button:hover {
                background:rgba(0,53,149,0.2);
            }

div.no-slots-available {
    background-color:white;
    padding: 26px;
}
    div.no-slots-available p {
        color: #5A6268;
        text-align: center;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }
div.scheduler-overview h3 {
        color:#17130D;
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin:30px 0 0 0;
    }


    div.scheduler-overview div.so-reservations {
        margin-top: 40px;
    }


    div.scheduler-overview div.so-reservations div.so-res-item {
            margin-bottom: 30px;
        }


    div.scheduler-overview div.so-reservations div.so-res-item div.so-res-item-head {
                display:flex;
            }


    div.scheduler-overview div.so-reservations div.so-res-item div.so-res-item-head > div:first-child {
                    flex-grow:0;
                }


    div.scheduler-overview div.so-reservations div.so-res-item div.so-res-item-head > div:first-child span {
                        color: #61A60E;
                        text-align: center;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 400;
                        letter-spacing: 0.021px;
                        line-height:20px;
                    }


    div.scheduler-overview div.so-reservations div.so-res-item div.so-res-item-head h3 {
                    flex-grow:1;
                    margin:0;
                    line-height:20px;
                    margin-left:5px
                }

div.scheduled-slot > div p {
        color: #17130D;
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin:0 0 10px 0;

    }
        div.scheduled-slot > div p strong {
            color: #4B5257;
            font-family: Rubik;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

    div.scheduled-slot > div.white-button-stack {
        margin-top:26px;
    }
@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

div.scheduler-msg {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background: white;
    border-radius: 16px;
    padding: 16px;
    animation: .1s ease-out 0s 1 slideInFromBottom;
}

div.scheduler-msg h2 {
        color: #000;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin:0 0 15px 0;
    }

div.scheduler-msg p {
        color: #000;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding:0 16px 0 0;
        margin:0;
    }

div.scheduler-msg button {
        background:none;
        border:none;
        padding:16px;
        color: #000;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        flex-grow:0;
        cursor:pointer;
    }

div.scheduler-msg button:hover {
            background:#F0F2F2;
        }

div.scheduler-msg div.scheduler-msg-actions {
        display:flex;
    }

div.scheduler-msg div.scheduler-msg-actions div.spacer {
            flex-grow:1;
        }

div.scheduler-msg div.scheduler-msg-actions button {
            color:#003595;
        }

div.scheduler-msg div.scheduler-msg-actions button.sma-cancel {
            color: #000;
            font-weight: 400;
        }

div.scheduler-msg-wrapper {
    position:absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
}
:root {
  --bg-image:'';
}

::-ms-clear {
  display: none;
}

body {
  margin:0;
  background-image: '';
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: cover;
}