header {
  z-index: 99;
  position: relative;
}

.log-in-header .log__person span, .log-in-header .reg__person span, .log-in-header .log__person i, .log-in-header .reg__person i {
  color: #1a1a1a;
}
.register_bg{
  background: #18aaf0;
}
.amber.accent-3.nav_bg.log-in-header {
  background: #f3f7f9 !important;
}

.log-in-header-logo .brand-logo {
  position: inherit;
}

.log-in-header {
  height: auto;
}

.log-in-header-logo {
  text-align: center;
  padding-top: 65px;
  padding-bottom: 55px;
}

.user_card_image, .member_goal_user_img {
  width: 150px;
  height: 150px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% !important;
  border-radius: 50%;
  /*border: 1px solid silver;*/
  display: block;
  margin: auto;
}

.member_goal_user_img {
  position: relative;
}

.user_card>.card {
  padding: 20px 0 0 0;
}

.user_card .card-content {
  text-align: center;
}

.user_card .card-action a {
  color: #2196F3 !important;
}

.survey_bg .deletePopup, .nach_category_blade .deletePopup, .portal_blade .deletePopup {
  top: -70px;
}

.coach_blade input.valid:not([type]), .coach_blade input.valid:not([type]):focus, .coach_blade input[type=text].valid:not(.browser-default), .coach_blade input[type=text].valid:not(.browser-default):focus, .coach_blade input[type=password].valid:not(.browser-default), .coach_blade input[type=password].valid:not(.browser-default):focus, .coach_blade input[type=email].valid:not(.browser-default), .coach_blade input[type=email].valid:not(.browser-default):focus, .coach_blade input[type=url].valid:not(.browser-default), .coach_blade input[type=url].valid:not(.browser-default):focus, .coach_blade input[type=time].valid:not(.browser-default), .coach_blade input[type=time].valid:not(.browser-default):focus, .coach_blade input[type=date].valid:not(.browser-default), .coach_blade input[type=date].valid:not(.browser-default):focus, .coach_blade input[type=datetime].valid:not(.browser-default), .coach_blade input[type=datetime].valid:not(.browser-default):focus, .coach_blade input[type=datetime-local].valid:not(.browser-default), .coach_blade input[type=datetime-local].valid:not(.browser-default):focus, .coach_blade input[type=tel].valid:not(.browser-default), .coach_blade input[type=tel].valid:not(.browser-default):focus, .coach_blade input[type=number].valid:not(.browser-default), .coach_blade input[type=number].valid:not(.browser-default):focus, .coach_blade input[type=search].valid:not(.browser-default), .coach_blade input[type=search].valid:not(.browser-default):focus, .coach_blade textarea.materialize-textarea.valid, .coach_blade textarea.materialize-textarea.valid:focus, .coach_blade .select-wrapper.valid>input.select-dropdown {
  border-bottom: 1px solid #00a8ff !important;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff !important;
  box-shadow: 0 1px 0 0 #00a8ff !important;
}

.coach_blade input:not([type]).valid+label:after, .coach_blade input:not([type]):focus.valid+label:after, .coach_blade input[type=text]:not(.browser-default).valid+label:after, .coach_blade input[type=text]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=password]:not(.browser-default).valid+label:after, .coach_blade input[type=password]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=email]:not(.browser-default).valid+label:after, .coach_blade input[type=email]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=url]:not(.browser-default).valid+label:after, .coach_blade input[type=url]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=time]:not(.browser-default).valid+label:after, .coach_blade input[type=time]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=date]:not(.browser-default).valid+label:after, .coach_blade input[type=date]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=datetime]:not(.browser-default).valid+label:after, .coach_blade input[type=datetime]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=datetime-local]:not(.browser-default).valid+label:after, .coach_blade input[type=datetime-local]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=tel]:not(.browser-default).valid+label:after, .coach_blade input[type=tel]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=number]:not(.browser-default).valid+label:after, .coach_blade input[type=number]:not(.browser-default):focus.valid+label:after, .coach_blade input[type=search]:not(.browser-default).valid+label:after, .coach_blade input[type=search]:not(.browser-default):focus.valid+label:after, .coach_blade textarea.materialize-textarea.valid+label:after, .coach_blade textarea.materialize-textarea:focus.valid+label:after, .coach_blade .select-wrapper.valid+label:after {
  content: attr(data-success);
  color: #00a8ff !important;
}

.member_goal {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.coach_blade .input-field label {
  color: #99abb4;
}

.coach_blade input:not([type]):focus:not([readonly]), .coach_blade input[type=text]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=password]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=email]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=url]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=time]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=date]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=datetime]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=tel]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=number]:not(.browser-default):focus:not([readonly]), .coach_blade input[type=search]:not(.browser-default):focus:not([readonly]), .coach_blade textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #00a8ff;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff;
  box-shadow: 0 1px 0 0 #00a8ff;
}

.coach_blade input:not([type]):focus:not([readonly])+label, .coach_blade input[type=text]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=password]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=email]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=url]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=time]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=date]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=tel]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=number]:not(.browser-default):focus:not([readonly])+label, .coach_blade input[type=search]:not(.browser-default):focus:not([readonly])+label, .coach_blade textarea.materialize-textarea:focus:not([readonly])+label {
  color: #00a8ff;
}

.coach_blade input.valid:not([type]), .coach_blade input.valid:not([type]):focus, .coach_blade input[type=text].valid:not(.browser-default), .coach_blade input[type=text].valid:not(.browser-default):focus, .coach_blade input[type=password].valid:not(.browser-default), .coach_blade input[type=password].valid:not(.browser-default):focus, .coach_blade input[type=email].valid:not(.browser-default), .coach_blade input[type=email].valid:not(.browser-default):focus, .coach_blade input[type=url].valid:not(.browser-default), .coach_blade input[type=url].valid:not(.browser-default):focus, .coach_blade input[type=time].valid:not(.browser-default), .coach_blade input[type=time].valid:not(.browser-default):focus, .coach_blade input[type=date].valid:not(.browser-default), .coach_blade input[type=date].valid:not(.browser-default):focus, .coach_blade input[type=datetime].valid:not(.browser-default), .coach_blade input[type=datetime].valid:not(.browser-default):focus, .coach_blade input[type=datetime-local].valid:not(.browser-default), .coach_blade input[type=datetime-local].valid:not(.browser-default):focus, .coach_blade input[type=tel].valid:not(.browser-default), .coach_blade input[type=tel].valid:not(.browser-default):focus, .coach_blade input[type=number].valid:not(.browser-default), .coach_blade input[type=number].valid:not(.browser-default):focus, .coach_blade input[type=search].valid:not(.browser-default), .coach_blade input[type=search].valid:not(.browser-default):focus, .coach_blade textarea.materialize-textarea.valid, .coach_blade textarea.materialize-textarea.valid:focus, .coach_blade .select-wrapper.valid>input.select-dropdown {
  border-bottom: 1px solid #00a8ff;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff;
  box-shadow: 0 1px 0 0 #00a8ff;
}

.calendar_blade .monthly-today .monthly-day-number {
  background: #00a8ff;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  line-height: 25px;
}

.mailbox_blade {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.mailbox_blade .mailbox_blade_content {
  border: 1px solid #e9ecee;
  background: #fff;
  padding: 20px 22px 20px 22px;
  margin-top: 30px;
}

.mailbox_blade .tabs .tab a {
  color: #000 !important;
  font-size: 16px;
}

.mailbox_blade .tabs .indicator {
  background-color: #00a8ff;
}

.mailbox_blade .mailbox_blade_email {
  color: #00a8ff;
  text-decoration: underline;
}

.calendar_blade .monthly-day {
  padding-top: 2em;
}

.member_goal .member_goal_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.member_goal .member_goal_user_bg {
  width: 100%;
}

.coach_blade .coach_blade_form2_input {
  margin-left: 4% !important;
  margin-right: 4%;
  display: inline-block;
  float: left;
  margin-top: 14px !important;
  width: 25% !important;
}

.coach_blade .portal_on_off.coach_blade_form2_input {
  margin-top: 35px !important;
  text-align: center;
}

.coach_blade .portal_on_off.coach_blade_form2_input .switch label {
  font-size: 16px;
  color: #1a1a1a;
}

.coach_blade .coach_blade_form2_sub_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-left: 4% !important;
}

.member_goal_user_img {
  margin: auto;
  display: block;
  margin-top: -108px;
}

.nach_goal {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.members_blade .members_blade_content_item>div .members_blade_content_item_delete i {
  color: #F44336 !important;
  cursor: pointer;
}

.members_blade .deletePopup {
  max-width: 93px;
  left: 0;
  right: 0;
  margin: auto;
  color: #000;
}

.result_byid {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.result_byid .result_byid_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.result_byid .result_byid_content {
  background: #fff;
}

.result_byid .result_byid_content_s1, .result_byid .result_byid_content_s2 {
  padding: 40px;
}

#progress8, .progress9 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

#progress8 .circle-text, .progress9 .circle-text {
  line-height: normal !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 55px;
  height: 40px;
}

.nach_goal .nach_goal_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.nach_goal .nach_goal_content {
  border: 1px solid #efefef;
  background: #fff;
  padding: 90px 22px 50px 22px;
}

.nach_goal .nach_goal_content_top>div {
  text-align: left;
}

.nach_goal .nach_goal_content_top {
  font-weight: bold;
  color: #6b767b;
  text-align: center;
}

.nach_goal .nach_goal_content_item {
  border-bottom: 1px solid silver;
  padding-top: 18px;
  padding-bottom: 15px;
}

.nach_goal .nach_goal_content_item:hover {
  background: #F8F8F8;
}

.calendar_blade {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.calendar_blade .calendar_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.calendar_blade .calendar_blade_content {
  border: 1px solid #e9ecee;
  background: #fff;
  padding: 30px 50px 50px 50px;
}

.calendar_blade .monthly-prev, .calendar_blade .monthly-next {
  position: absolute;
  top: 0;
  width: 48px;
  height: 36px;
  opacity: .5;
  background: #ecf0f1;
  box-shadow: 0 0 5px silver;
}

.calendar_blade #globalCalendar {
  max-width: 93%;
  margin: auto;
}

.calendar_blade .monthly-day:before {
  padding-top: calc(58% - 1.2em);
}

.member_survey_byid .member_survey_byid_graphic {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  height: 577px;
}

.member_survey_byid .member_survey_byid_grafik_bg_bg {
  margin: 0 40px 0 70px;
  padding-top: 54px;
}

.member_survey_byid .member_survey_byid_grafik_bg1 {
  height: 367px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  padding-top: 20px;
  padding-right: 20px;
}

.member_survey_byid .member_survey_byid_graphic_result_contents {
  display: none !important;
}

.member_survey_byid .member_survey_byid_grafik_s1_counts {
  display: none;
}

.member_survey_byid .member_survey_byid_graphic_result {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  margin-top: 32px;
  padding-bottom: 75px;
}

.member_survey_byid .member_survey_byid_graphic_result_title {
  color: #6b767b;
  text-transform: uppercase;
  padding: 22px 30px;
}

.member_survey_byid .member_survey_byid_graphic_result_name {
  display: inline-block;
  width: 20%;
  float: left;
}

.member_survey_byid .member_survey_byid_graphic_result_content {
  display: inline-block;
  width: 80%;
  float: left;
  vertical-align: top;
  padding-top: 50px;
  margin-top: -50px;
}

.member_survey_byid .member_survey_byid_graphic_result_name>div {
  display: block;
  width: 100% !important;
  border-bottom: 1px solid #f2f2f2;
  height: 55px;
  line-height: 55px;
  padding: 0 30px !important;
}

.member_survey_byid .member_survey_byid_graphic_result_content_top>div {
  display: inline-block;
  float: left;
  text-align: center;
  font-weight: bold;
}

.member_survey_byid .member_survey_byid_graphic_result_content_top>div>div {
  border-bottom: 1px solid #f2f2f2;
  height: 55px;
  line-height: 55px;
  display: none;
  font-weight: 400;
}

.member_survey_byid .member_survey_byid_graphic_result_content_top>div .resultsById {
  display: block;
  font-weight: bold;
  position: relative;
}

.member_survey_byid .member_survey_byid_graphic_result_content_top>div .resultsById span {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  padding: 0 2px;
  word-wrap: break-word;
  line-height: normal;
}

.member_survey_byid .member_survey_byid_graphic_title {
  color: #6b767b;
  text-transform: uppercase;
  padding: 27px 27px;
}

.member_survey_byid .member_survey_byid_grafik_s1 {
  height: 100%;
  position: relative;
  display: inline-block;
  width: 20%;
  vertical-align: bottom;
  float: left;
  box-sizing: border-box;
}

.member_survey_byid .member_survey_byid_grafik_s1_grafik {
  /*margin: 0 4%;*/
  position: absolute;
  bottom: 0;
  width: 92%;
  background: #00a8ff;
  background-image: linear-gradient(135deg, #28b6ff 25%, transparent 25%, transparent 50%, #28b6ff 50%, #28b6ff 75%, transparent 75%, transparent);
  background-size: 12px 12px;
}

.member_survey_byid .member_survey_byid_grafik_s1_grafik_count_bg {
  /*background: #e6ecf2;*/
  padding: 14px 0 8px 0;
  position: absolute;
  width: 100%;
  top: -68px;
}

.member_survey_byid .member_survey_byid_grafik_s1_margin {
  margin: 0 4%;
  background: #e5ecf1;
  height: 100%;
}

.member_survey_byid .member_survey_byid_grafik_s1_grafik_count {
  max-width: 70px;
  display: block;
  margin: auto !important;
  float: none !important;
  text-align: center;
  background: #1a1a1a;
  color: #fff;
  padding: 12px 5px;
}

.member_survey_byid .member_survey_byid_grafik_s1_grafik_count:before {
  content: "";
  background: #1a1a1a;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(46deg);
}

.nach_goal .nach_goal_content_item>div:nth-child(5), .nach_goal .nach_goal_content_item>div a {
  color: #00a8ff;
}

.nach_goal .nach_goal_content_item>div {
  color: #99abb4;
}

.member_survey_byid {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.member_survey_byid .member_survey_byid_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.member_survey_byid .member_survey_byid_userBg {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  height: 577px;
}

.member_survey_byid .member_survey_byid_user_bg {
  width: 100%;
}

.member_survey_byid .graphic_result_bg {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.member_survey_byid .graphic_result_title {
  color: #6b767b;
  text-transform: uppercase;
  padding: 22px 30px 19px 30px;
  border-bottom: 1px solid #f2f2f2;
}

.member_survey_byid .member_survey_byid_user_img {
  margin: auto;
  display: block;
  margin-top: -108px;
}

.member_survey_byid .member_survey_byid_user_name {
  text-align: center;
  font-size: 24px;
  color: #1a1a1a;
  padding: 28px 10px 31px 10px;
}

.member_survey_byid .member_survey_byid_user_category, .member_survey_byid .member_survey_byid_user_deadline, .member_survey_byid .member_survey_byid_user_test {
  padding: 0 30px 10px 30px;
}

.member_survey_byid .member_survey_byid_user_category_s1, .member_survey_byid .member_survey_byid_user_deadline_s1, .member_survey_byid .member_survey_byid_user_test_s1 {
  display: inline-block;
  font-size: 14px;
  color: #99abb4;
  text-transform: uppercase;
}

.member_survey_byid .member_survey_byid_user_category_s2, .member_survey_byid .member_survey_byid_user_deadline_s2, .member_survey_byid .member_survey_byid_user_test_s2 {
  display: inline-block;
  color: #1a1a1a;
  text-transform: uppercase;
  font-size: 14px;
}

.member_survey_byid .member_survey_byid_user_category_s2 i, .member_survey_byid .member_survey_byid_user_deadline_s2 i, .member_survey_byid .member_survey_byid_user_test_s2 i {
  font-size: 20px;
  vertical-align: top;
}

.member_goal_userBg {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  height: 619px;
}

.member_goal_user_name {
  text-align: center;
  font-size: 24px;
  color: #1a1a1a;
  padding: 28px 10px 31px 10px;
}

.member_goal_user_category_s1, .member_goal_user_deadline_s1 {
  display: inline-block;
  font-size: 14px;
  color: #99abb4;
  text-transform: uppercase;
}

.member_goal_user_category_s2, .member_goal_user_deadline_s2 {
  display: inline-block;
  color: #1a1a1a;
  text-transform: uppercase;
  font-size: 14px;
}

.member_goal_user_category_s2 i {
  font-size: 20px;
  vertical-align: top;
}

.member_goal .member_step_item, .member_note_item {
  display: none;
  border-bottom: 1px solid #e5e5e5;
}

.member_goal .member_goal_name, .member_goal .member_step_name {
  text-transform: uppercase;
  font-size: 14px;
  color: #99abb4;
  word-wrap: break-word;
}

.member_goal .member_step_date {
  float: right;
}

.member_goal .member_note_date {
  font-size: 20px;
  color: #000;
}

.member_goal .member_note_name {
  font-size: 14px;
  color: #99abb4;
  margin-top: 20px;
}

.member_goal .member_goal_item_active *, .member_goal .member_step_item_active * {
  color: #2fb8ff;
}

.member_goal .member_goal_item_active .member_goal_arrow {
  color: #fff !important;
  background: #2fb8ff;
}

.member_goal .member_goal_item_active .member_goal_arrow i {
  color: #fff !important;
}

.member_goal .member_goal_item_active .member_goal_date, .member_goal .member_step_item_active .member_step_date {
  border-color: #2fb8ff;
}

.member_goal .member_step_item_active .member_step_date {
  color: #2fb8ff;
}

.member_goal .member_note_item {
  padding: 30px 30px;
}

.member_goal .member_goal_date, .member_goal .member_step_date {
  text-transform: uppercase;
  font-size: 14px;
  color: #99abb4;
}

.member_goal .member_goal_date i, .member_goal .member_step_date i {
  font-size: 16px;
  padding-left: 40px;
  vertical-align: top;
}

.member_goal .member_goal_name, .member_goal .member_step_name {
  display: inline-block;
  padding-right: 30px;
  padding-top: 9px;
}

.member_goal .member_goal_date, .member_goal .member_step_date {
  display: inline-block;
  border: 2px solid #99abb4;
  border-radius: 22px;
  padding: 6px 15px;
}

.member_goal .member_goal_arrow {
  display: inline-block;
  font-size: 11px;
  color: #82888b;
  background: #efefef;
  padding: 6px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  float: right;
  margin-top: 3.5px;
}

.member_goal .member_goal_arrow i, .member_goal .member_step_arrow i {
  font-size: 18px;
}

.member_goal_user_deadline_s2 i {
  font-size: 16px;
  vertical-align: top;
}

.member_goal .member_goal_item, .member_goal .member_step_item {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0;
  padding: 20px 0;
  margin: 0 7%;
  cursor: pointer;
  height: 78px;
}

.member_goal .member_goal_bg, .member_goal .member_step_bg {
  padding-top: 9px;
}

.member_goal_user_category, .member_goal_user_deadline {
  padding: 0 30px 10px 30px;
}

.member_goal_user_count_bg {
  text-align: center;
  padding-top: 37px !important;
  padding-bottom: 53px !important;
}

.member_goal_user_count {
  color: #2fb8ff;
  font-size: 29px;
}

.member_goal_user_count_name {
  color: #1a1a1a;
  text-transform: uppercase;
  font-size: 14px;
}

.member_goal_bg, .member_step_bg {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  height: 619px;
}

.member_note_bg {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  background: #fff;
  margin-top: 20px;
}

.member_goal .member_goal_item, .member_step_item {
  display: none;
}

.member_goal .member_goal_bg .member_goal_item:nth-child(1), .member_goal .member_goal_bg .member_goal_item:nth-child(2), .member_goal .member_goal_bg .member_goal_item:nth-child(3), .member_goal .member_goal_bg .member_goal_item:nth-child(4), .member_goal .member_goal_bg .member_goal_item:nth-child(5), .member_goal .member_goal_bg .member_goal_item:nth-child(6), .member_goal .member_goal_bg .member_goal_item:nth-child(7), .member_goal .member_step_bg .member_step_item:nth-child(1), .member_goal .member_step_bg .member_step_item:nth-child(2), .member_goal .member_step_bg .member_step_item:nth-child(3), .member_goal .member_step_bg .member_step_item:nth-child(4), .member_goal .member_step_bg .member_step_item:nth-child(5), .member_goal .member_step_bg .member_step_item:nth-child(6), .member_goal .member_step_bg .member_step_item:nth-child(7) {
  display: block;
}

.member_goal .view_all, .member_goal .view_all2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #99abb4;
  padding: 15px 0;
  cursor: pointer;
}

.member_goal .view_all:hover, .member_goal .view_all2:hover {
  background: #f5f5f5;
}

.member_goal .view_all i, .member_goal .view_all2 i {
  display: inline-block;
  font-size: 18px;
  color: #82888b;
  background: #efefef;
  padding: 6px 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3.5px;
  vertical-align: middle;
  margin-right: 10px;
}

.members_blade {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.members_blade .members_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.members_blade .members_blade_content {
  border: 1px solid #e9ecee;
  background: #fff;
  padding: 90px 22px 50px 22px;
}

.members_blade .members_blade_content_top {
  font-weight: bold;
  color: #6b767b;
  text-align: center;
}

.members_blade .members_blade_content_top>div:nth-child(1), .members_blade .members_blade_content_top>div:nth-child(2), .members_blade .members_blade_content_top>div:nth-child(3), .members_blade .members_blade_content_top>div:nth-child(4), .members_blade .members_blade_content_top>div:nth-child(5) {
  text-align: left;
}

.members_blade .members_blade_content_item {
  border-bottom: 1px solid silver;
  padding-top: 15px;
  padding-bottom: 13px;
}

.members_blade .members_blade_content_item>div:nth-child(7), .members_blade .members_blade_content_item>div:nth-child(8), .members_blade .members_blade_content_item>div:nth-child(9) {
  text-align: center;
}

.members_blade .members_blade_content_item>div:nth-child(3) i {
  margin-left: 5px;
}

.members_blade .members_blade_content_item>div:nth-child(4) select {
  width: 50%;
  display: inline-block;
}

.members_blade .members_blade_content_item>div {
  color: #99abb4;
}

.members_blade .members_blade_content_item>div:nth-child(4) {
  color: #22b4ff;
}

.members_blade .members_blade_content_item>div i {
  color: #00a8ff !important;
  font-size: 19px;
}

.referral_blade .referral_blade_form_s1 {
  width: 45%;
  display: inline-block;
  float: left;
}

.left_menu .left_menu_arrow {
  position: absolute;
  right: -25px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
  font-size: 20px;
  background: #fff;
  width: 40px;
  text-align: center;
  padding: 10px 0;
  border-radius: 50%;
  box-shadow: 3px 1px 7px #e2eaeb;
  z-index: 0;
  cursor: pointer;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #8d8d8d;
}

.left_menu .left_menu_arrow_active {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  box-shadow: -3px 1px 7px #e2eaeb;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.coach_blade .coach_blade_form_cta {
  background: #66bb6a;
  color: #fff;
  border: 0;
  font-size: 16px;
  padding: 9px 31px;
  float: right;
  margin-right: 4%;
  margin-top: 54px;
  margin-bottom: 40px;
  cursor: pointer;
}

.referral_blade .referral_blade_form_s2 {
  width: 45%;
  display: inline-block;
  float: right;
}

.coach_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 37px;
}

.coach_blade .coach_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
}

.coach_blade .coach_blade_form_bg {
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  margin: 0 12px !important;
  padding-top: 73px !important;
}

.coach_blade .coach_blade_form .coach_blade_form_input {
  width: 42%;
  display: inline-block;
  margin: 0 4%;
  float: left;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.coach_blade .coach_blade_form .input-field:nth-child(4) {
  margin-left: 4%;
  margin-right: 4%;
  display: block;
  width: 92%;
  margin-top: 20px !important;
}

.coach_blade .coach_blade_form>div:nth-child(5), .coach_blade .coach_blade_form>div:nth-child(6), .coach_blade .coach_blade_form>div:nth-child(7) {
  margin-left: 4%;
  margin-right: 4%;
  /*width: 25.3%;*/
  display: inline-block;
  float: left;
  margin-top: 20px !important;
}

.coach_blade .coach_blade_form input[type="submit"] {
  background: #66bb6a;
  color: #fff;
  border: 0;
  font-size: 16px;
  padding: 9px 31px;
  float: right;
  margin-right: 4%;
  margin-top: 54px;
  margin-bottom: 40px;
}

.coach_blade .coach_blade_form .input-field label {
  color: #99abb4;
}

.coach_blade .coach_blade_form input:not([type]):focus:not([readonly]), .coach_blade .coach_blade_form input[type=text]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=password]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=email]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=url]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=time]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=date]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=datetime]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=tel]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=number]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form input[type=search]:not(.browser-default):focus:not([readonly]), .coach_blade .coach_blade_form textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #00a8ff;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff;
  box-shadow: 0 1px 0 0 #00a8ff;
}

.coach_blade .coach_blade_form input:not([type]):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=text]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=password]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=email]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=url]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=time]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=date]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=tel]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=number]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form input[type=search]:not(.browser-default):focus:not([readonly])+label, .coach_blade .coach_blade_form textarea.materialize-textarea:focus:not([readonly])+label {
  color: #00a8ff;
}

.coach_blade .coach_blade_form input.valid:not([type]), .coach_blade .coach_blade_form input.valid:not([type]):focus, .coach_blade .coach_blade_form input[type=text].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=text].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=password].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=password].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=email].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=email].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=url].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=url].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=time].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=time].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=date].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=date].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=datetime].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=datetime].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=datetime-local].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=datetime-local].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=tel].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=tel].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=number].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=number].valid:not(.browser-default):focus, .coach_blade .coach_blade_form input[type=search].valid:not(.browser-default), .coach_blade .coach_blade_form input[type=search].valid:not(.browser-default):focus, .coach_blade .coach_blade_form textarea.materialize-textarea.valid, .coach_blade .coach_blade_form textarea.materialize-textarea.valid:focus, .coach_blade .coach_blade_form .select-wrapper.valid>input.select-dropdown {
  border-bottom: 1px solid #00a8ff;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff;
  box-shadow: 0 1px 0 0 #00a8ff;
}

.coach_blade .coach_blade_form select {
  border: 0 !important;
  border-bottom: 1px solid #9e9e9e !important;
}

.fix_line {
  z-index: 9 !important;
}

.left_menu {
  z-index: 9;
  position: relative;
  width: 65px;
}

.fix_line, .left_menu {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/*
.left_menu_bg:hover .fix_line , .left_menu_bg:hover .left_menu {
    width: 170px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}*/

.left_menu_bg_active.left_menu_bg .fix_line, .left_menu_bg_active.left_menu_bg .left_menu {
  width: 170px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.left_menu_sec_text {
  padding-left: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-indent: -9000px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

.left_menu_bg_active.left_menu_bg .left_menu_sec_text {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-indent: 0px !important;
}

/*
.left_menu_bg:hover  .left_menu_sec_text  {
      -webkit-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -o-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;
      text-indent: 0px !important;
}*/

.nach_category_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 37px;
}

.nach_category_blade .delete_bg {
  margin-left: 0 !important;
}

.nach_category_blade .nach_category_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
}

.nach_category_blade .nach_category_blade_add {
  background: #00a8ff !important;
}

.nach_category_blade .nach_category_blade_item_top {
  background: #00a8ff;
  min-height: 160px;
}

.nach_category_blade .nach_category_blade_item_bg {
  padding: 0;
  margin-top: 24px;
}

.nach_category_blade .nach_category_blade_item_title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  padding-top: 20px;
  padding-left: 4px;
}

.nach_category_blade .nach_category_blade_item_goal {
  color: #fff;
  padding: 2px 0 20px 4px;
}

.nach_category_blade .nach_category_blade_item_bottom {
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  text-align: right;
  padding: 0;
}

.nach_category_blade .nach_category_blade_item_bottom_cta {
  float: none !important;
  display: inline-block;
  border-left: 1px solid #e7eeef;
  padding: 14px 0 10px 0!important;
  text-align: center;
  width: 53px !important;
  line-height: normal;
  margin-right: 0;
}

.nach_category_blade .nach_category_blade_item_bottom_cta i {
  font-size: 23px;
  cursor: pointer;
  color: #99abb4 !important;
}

.hubspot_types_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 30px;
}

.referral_blade input#inviteName {
  width: 100%;
  display: inline-block;
  float: left;
}

.hubspot_leads_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 37px;
}

.home_blade .home_blade_view {
  float: none !important;
  display: inline-block;
  border-left: 1px solid #e7eeef;
  padding: 14px 0 10px 0!important;
  text-align: center;
  width: 53px !important;
  line-height: normal;
  margin-right: 0;
}

.home_blade .monthly-indicator-wrap>* {
  display: none !important;
}

.home_blade .monthly-indicator-wrap>div:nth-child(1) {
  display: block !important;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-indent: -9000px;
  margin-left: 1px;
}

.nach_category_blade .nach_category_blade_item_bottom_cta_view i {
  color: #2196F3 !important;
}

.nach_category_blade .cta__delete i {
  color: #F44336 !important;
}

.nach_category_blade .nach_category_blade_item {
  margin-bottom: 40px;
}

.nach_category_blade .progress7 {
  position: relative;
  margin-left: auto;
  margin-top: 26px;
}

.nach_category_blade .progress7 .circle-text {
  font-size: 28px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto !important;
  display: table;
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 76px !important;
}

.nach_category_blade .progress7 canvas {
  transform: rotateY(180deg);
}

.home_blade .home_blade_view i {
  font-size: 23px;
  cursor: pointer;
  color: #2196F3 !important;
}

.hubspot_leads_blade .hubspot_leads_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.hubspot_leads_blade .hubspot_leads_blade_content_color {
  border: 1px solid #e5e5e5;
  background: #fff;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_s1, .hubspot_leads_blade .hubspot_leads_blade_grafik_s2, .hubspot_leads_blade .hubspot_leads_blade_grafik_s3, .hubspot_leads_blade .hubspot_leads_blade_grafik_s4, .hubspot_leads_blade .hubspot_leads_blade_grafik_s5 {
  display: inline-block;
  width: 20%;
  vertical-align: bottom;
  float: left;
  box-sizing: border-box;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_s1_grafik, .hubspot_leads_blade .hubspot_leads_blade_grafik_s2_grafik, .hubspot_leads_blade .hubspot_leads_blade_grafik_s3_grafik, .hubspot_leads_blade .hubspot_leads_blade_grafik_s4_grafik, .hubspot_leads_blade .hubspot_leads_blade_grafik_s5_grafik {
  margin: 0 4%;
  position: absolute;
  bottom: 0;
  width: 92%;
  background: #00a8ff;
  /*height: 200px;*/
  background-image: linear-gradient(135deg, #28b6ff 25%, transparent 25%, transparent 50%, #28b6ff 50%, #28b6ff 75%, transparent 75%, transparent);
  background-size: 12px 12px;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_s1_grafik_count_bg, .hubspot_leads_blade .hubspot_leads_blade_grafik_s2_grafik_count_bg, .hubspot_leads_blade .hubspot_leads_blade_grafik_s3_grafik_count_bg, .hubspot_leads_blade .hubspot_leads_blade_grafik_s4_grafik_count_bg, .hubspot_leads_blade .hubspot_leads_blade_grafik_s5_grafik_count_bg {
  background: #e6ecf2;
  padding: 14px 0 8px 0;
  position: absolute;
  width: 100%;
  top: -68px;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_s1_grafik_count:before, .hubspot_leads_blade .hubspot_leads_blade_grafik_s2_grafik_count:before, .hubspot_leads_blade .hubspot_leads_blade_grafik_s3_grafik_count:before, .hubspot_leads_blade .hubspot_leads_blade_grafik_s4_grafik_count:before, .hubspot_leads_blade .hubspot_leads_blade_grafik_s5_grafik_count:before {
  content: "";
  background: #1a1a1a;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(46deg);
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_s1_grafik_count, .hubspot_leads_blade .hubspot_leads_blade_grafik_s2_grafik_count, .hubspot_leads_blade .hubspot_leads_blade_grafik_s3_grafik_count, .hubspot_leads_blade .hubspot_leads_blade_grafik_s4_grafik_count, .hubspot_leads_blade .hubspot_leads_blade_grafik_s5_grafik_count {
  width: 70px;
  display: block;
  margin: auto !important;
  float: none !important;
  text-align: center;
  background: #1a1a1a;
  color: #fff;
  padding: 12px 10px;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 .hubspot_leads_blade_grafik_s1, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 .hubspot_leads_blade_grafik_s2, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 .hubspot_leads_blade_grafik_s3, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 .hubspot_leads_blade_grafik_s4, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 .hubspot_leads_blade_grafik_s5 {
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 .hubspot_leads_blade_grafik_s1, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 .hubspot_leads_blade_grafik_s2, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 .hubspot_leads_blade_grafik_s3, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 .hubspot_leads_blade_grafik_s4, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 .hubspot_leads_blade_grafik_s5 {
  height: 100%;
  position: relative;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 {
  height: 307px;
  margin-top: 105px;
  border-bottom: 1px solid #e5e5e5;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg1:after, .hubspot_leads_blade .hubspot_leads_blade_grafik_bg2:after {
  content: "";
  clear: both;
  display: block;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg2:before {
  content: "0";
  display: block;
  position: absolute;
  left: -18px;
  top: -11px;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg2 {
  position: relative;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg_bg {
  margin: 0 40px;
}

.hubspot_leads_blade .hubspot_leads_blade_grafik_bg1 {
  border-left: 1px solid #e5e5e5;
}

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

.hubspot_leads_blade .hubspot_leads_blade_content_cta {
  background: #5bae5f;
  color: #fff;
  margin-right: 70px;
  margin-bottom: 47px;
}

.hubspot_leads_blade .hubspot_leads_blade_content_cta i {
  color: #fff !important;
  padding-right: 15px;
  vertical-align: middle;
}

.referral_blade .referral_blade_top_box select {
  width: 100%;
  display: inline-block;
  float: right;
}

.referral_blade .referal_create_form_cta {
  float: right;
  background: #00a8ff;
  color: #fff;
  padding: 10px 27px 9px 27px;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
  margin-top: 20px;
}

.referral_blade .referral_blade_form_s:after {
  content: "";
  clear: both;
  display: block;
}

.referral_blade .referral_blade_form_s2 select {
  margin-bottom: 20px;
}

.group_bg #createSurvey, .group_bg #editSurvey {
  margin-bottom: 20px;
}

.referral_blade .referral_blade_top_box form:after {
  content: "";
  clear: both;
  display: block;
}

.hubspot_contactByid_blade, .hubspot_dealByid_blade, .hubspot_leadsByid_blade, .hubspot_newsLetters_blade, .hubspot_newsLettersByid_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 30px;
}

.questionnaire_bg .questionnaire_title {
  font-size: 31px;
}

.questionnaire_bg .questionnaire_top {
  background: #fff;
  border: 1px solid #bbb;
  padding: 20px 30px;
}

.questionnaire_bg .questionnaire_top dd {
  display: inline-block;
  position: relative;
  color: #00a8ff;
}

.questionnaire_bg .questionnaire_top dd i, .questionnaire_bg .questionnaire_top dd span {
  color: #5a5a5a;
  font-size: 14px;
  padding-right: 4px;
}

.questionnaire_bg .questionnaire_top dd:after {
  content: '';
  position: absolute;
  left: -28px;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  border: 2px solid #5a5a5a;
  border-radius: 50%;
}

.hubspot_contactByid_blade .contactByid_blade_title, .hubspot_dealByid_blade .dealByid_blade_title, .hubspot_leadsByid_blade .leadsByid_blade_title, .hubspot_newsLetters_blade .newsLetters_blade_title, .hubspot_newsLettersByid_blade .newsLettersByid_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.hubspot_contactByid_blade .contactByid_blade_content_bg, .hubspot_dealByid_blade .dealByid_blade_content_bg, .hubspot_leadsByid_blade .leadsByid_blade_content_bg, .hubspot_newsLetters_blade .newsLetters_blade_content_bg, .hubspot_newsLettersByid_blade .newsLettersByid_blade_content_bg {
  border: 1px solid #e9ecee;
  background: #fff;
  padding: 23px 22px;
}

.hubspot_contactByid_blade .contactByid_blade_top_name, .hubspot_dealByid_blade .dealByid_blade_top_name, .hubspot_leadsByid_blade .leadsByid_blade_top_name, .hubspot_newsLetters_blade .newsLetters_blade_top_name, .hubspot_newsLettersByid_blade .newsLettersByid_blade_top_name {
  font-weight: bold;
  color: #6b767b;
  text-align: center;
}

.hubspot_newsLetters_blade .newsLetters_blade_top_name>div:nth-child(2) {
  text-align: left;
}

.hubspot_contactByid_blade .contactByid_blade_top_name>div:nth-child(1), .hubspot_dealByid_blade .dealByid_blade_top_name>div:nth-child(1), .hubspot_leadsByid_blade .leadsByid_blade_top_name>div:nth-child(1), .hubspot_newsLetters_blade .newsLetters_blade_top_name>div>div:nth-child(1), .hubspot_newsLetters_blade .newsLetters_blade_top_name>div>div:nth-child(2), .hubspot_newsLettersByid_blade .newsLettersByid_blade_top_name>div>div:nth-child(1) {
  text-align: left;
}

.hubspot_contactByid_blade .contactByid_blade_top_sec, .hubspot_dealByid_blade .dealByid_blade_top_sec, .hubspot_newsLetters_blade .newsLetters_blade_top_sec, .hubspot_newsLettersByid_blade .newsLettersByid_blade_top_sec {
  display: inline-block;
  vertical-align: top;
}

.hubspot_contactByid_blade .contactByid_blade_top_drop, .hubspot_dealByid_blade .dealByid_blade_top_drop, .hubspot_newsLetters_blade .newsLetters_blade_top_drop, .hubspot_leadsByid_blade .leadsByid_blade_top_drop {
  display: inline-block;
  vertical-align: top;
  width: 126px;
  float: right;
}

.hubspot_contactByid_blade .contactByid_blade_top_drop select, .hubspot_dealByid_blade .dealByid_blade_top_drop select, .hubspot_newsLetters_blade .newsLetters_blade_top_drop select {
  display: block;
}

.hubspot_types_blade .types_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.hubspot_contactByid_blade .contactByid_blade__content div, .hubspot_dealByid_blade .dealByid_blade__content div, .hubspot_leadsByid_blade .leadsByid_blade__content div, .hubspot_newsLetters_blade .newsLetters_blade__content div, .hubspot_newsLettersByid_blade .newsLettersByid_blade__content div {
  color: #99abb4;
  text-align: center;
  word-wrap: break-word;
}

.hubspot_contactByid_blade .contactByid_blade__content_s4, .hubspot_dealByid_blade .dealByid_blade__content_s3 {
  border: 1px solid #00a8ff;
  min-width: 121px;
  display: inline-block;
  border-radius: 16px;
  color: #00a8ff;
  padding: 2px 10px;
  min-height: 28px;
  text-transform: capitalize;
}

.hubspot_leadsByid_blade .leadsByid_blade__content_s4 {
  border: 1px solid #00a8ff;
  min-width: 75px;
  display: inline-block;
  border-radius: 16px;
  color: #00a8ff;
  padding: 2px 10px;
  min-height: 28px;
  margin-bottom: 16px;
  text-transform: capitalize;
}

.home_blade {
  padding: 0 55px 0 103px;
  margin-top: 37px;
  max-width: 1800px;
  margin: auto;
}

.home_blade .home_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.home_blade .home_blade_item {
  background-color: #00a8ff!important;
}

.home_blade .home_blade_item .home_blade_item_bottom {
  background: #fff;
}

.home_blade .home_blade_item_text {
  color: #99abb4;
  padding: 14px 20px;
}

.home_blade .home_blade_item .card-content {
  padding: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 10px !important;
}

.home_blade .home_blade_item_img {
  padding-right: 0 !important;
}

.home_blade .home_blade_item_img img {
  display: block;
  margin-left: auto;
  max-width: 100%;
}

.home_blade .home_blade_item_text_count {
  color: #00a8ff;
}

.home_blade .home_blade_view:hover i {
  color: #00a8ff !important;
}

.home_blade .home_blade_item .card-title {
  text-transform: uppercase;
  padding: 9px 13px;
  font-size: 18px;
}

.home_blade .home_blade_item3_not {
  padding-left: 13px;
}

.home_blade .home_blade_item3 {
  min-height: 170px;
  background: url(/image/home3.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  margin-bottom: 0 !important;
}

.home_blade .home_blade_item3_calendar {
  position: relative;
  min-height: 335px;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.home_blade .home_blade_item3_calendar .home_blade_item3_calendar_img {
  position: absolute;
  right: 55px;
  top: -38px;
  z-index: 9999;
}

.home_blade .monthly-day:before {
  padding-top: calc(34.6% - 1.2em);
}

.home_blade .monthly-event-list {
  top: 5.5em;
  height: calc(100% - 5.5em);
}

.home_blade #demo-12 {
  padding-top: 47px;
}

.home_blade .monthly-day-event>.monthly-day-number {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto !important;
  height: 17px !important;
  text-align: center;
}

.home_blade .monthly-today .monthly-day-number {
  background: #00a8ff;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  line-height: 25px;
}

.home_blade .monthly {
  background: #fff;
}

.home_blade .monthly-day, .home_blade .monthly-day-blank {
  box-shadow: none;
}

.home_blade .monthly-day-title-wrap {
  border: none !important;
}

.hubspot_contactByid_blade .contactByid_blade__content>div:nth-child(4), .hubspot_contactByid_blade .contactByid_blade_top_name>div:nth-child(4) {
  text-align: center;
}

.hubspot_contactByid_blade .contactByid_blade__content>div:nth-child(1), .hubspot_dealByid_blade .dealByid_blade__content>div:nth-child(1), .hubspot_leadsByid_blade .leadsByid_blade__content>div:nth-child(1), .hubspot_newsLetters_blade .newsLetters_blade__content>div:nth-child(1), .hubspot_newsLetters_blade .newsLetters_blade__content>div:nth-child(2), .hubspot_newsLettersByid_blade .newsLettersByid_blade__content>div:nth-child(1) {
  text-align: left !important;
}

.hubspot_newsLetters_blade .newsLetters_blade__content>div:nth-child(2) * {
  text-align: left !important;
}

.hubspot_contactByid_blade .col.s12.contactByid_blade__content, .hubspot_dealByid_blade .dealByid_blade__content, .hubspot_leadsByid_blade .leadsByid_blade__content, .hubspot_newsLetters_blade .newsLetters_blade__content, .hubspot_newsLettersByid_blade .newsLettersByid_blade__content {
  border-bottom: 1px solid silver;
  padding-top: 15px;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_box_bg {
  background: #fff;
  box-shadow: 0 1px 1px #d2d6d7;
  display: inline-block;
  width: 100%;
  margin-bottom: 22px;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_top_sec {
  padding-left: 23px;
  margin-bottom: 12px;
}

/*newsletter circle*/

.hubspot_newsLettersByid_blade .circliful {
  margin-left: auto;
  position: relative;
}

.hubspot_newsLettersByid_blade .circle-text, .hubspot_newsLettersByid_blade .circle-info, .hubspot_newsLettersByid_blade .circle-text-half, .hubspot_newsLettersByid_blade .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}

.hubspot_newsLettersByid_blade .circle-info, .hubspot_newsLettersByid_blade .circle-info-half {
  color: #ffffff;
}

.hubspot_newsLettersByid_blade .circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}

.hubspot_newsLettersByid_blade .circle-text {
  color: #626262;
  font-weight: bold;
}

#progress1 canvas {
  border-radius: 50%;
}

#progress2 canvas {
  border-radius: 50%;
  transform: rotateY(180deg);
}

/*end newsletter circle*/

.hubspot_newsLettersByid_blade .newsLettersByid_blade_title {
  padding-left: 22px;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_box_title {
  color: #1a1a1a;
  font-size: 17px;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px 11px 20px;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_box_content {
  display: table;
  width: 100%;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_box_content_left {
  display: table-cell;
  vertical-align: middle;
  justify-content: center;
  height: 100%;
  width: 50%;
  padding-left: 23px;
  color: #1a1a1a;
  font-size: 32px;
}

.hubspot_newsLettersByid_blade #progress2 .circle-text {
  left: -170px;
  top: -25px;
}

.hubspot_newsLettersByid_blade #progress2 .circle-text:after {
  content: "";
  width: 60px;
  height: 1px;
  background: silver;
  display: inline-block;
  position: absolute;
  top: 53px;
  left: 97px;
}

.hubspot_newsLettersByid_blade #progress2 .circle-text:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #59bbee;
  display: inline-block;
  position: absolute;
  top: 49.5px;
  left: 97px;
  border-radius: 50%;
  z-index: 1;
}

.hubspot_newsLettersByid_blade #progress1 .circle-text {
  left: -170px;
  top: 0px;
}

.hubspot_newsLettersByid_blade #progress1 .circle-text:after {
  content: "";
  width: 60px;
  height: 1px;
  background: silver;
  display: inline-block;
  position: absolute;
  top: 53px;
  left: 97px;
}

.hubspot_newsLettersByid_blade #progress1 .circle-text:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #59bbee;
  display: inline-block;
  position: absolute;
  top: 49.5px;
  left: 97px;
  border-radius: 50%;
  z-index: 1;
}

.hubspot_newsLettersByid_blade .newsLettersByid_blade_box_content_right {
  text-align: right;
  padding: 21px 38px 21px 0;
}

.hubspot_contactByid_blade .pagination li.active, .hubspot_dealByid_blade .pagination li.active, .hubspot_leadsByid_blade .pagination li.active, .hubspot_newsLetters_blade .pagination li.active {
  background-color: #00a8ff;
  color: #fff;
  padding-top: 4px;
}

.hubspot_contactByid_blade .pagination, .hubspot_dealByid_blade .pagination, .hubspot_leadsByid_blade .pagination, .hubspot_newsLetters_blade .pagination {
  margin-top: 38px;
}

.hubspot_contactByid_blade ul:not(.browser-default)>li, .hubspot_dealByid_blade ul:not(.browser-default)>li, .hubspot_leadsByid_blade ul:not(.browser-default)>li, .hubspot_newsLetters_blade ul:not(.browser-default)>li {
  list-style-type: none;
  width: 31px;
  height: 31px;
  padding-top: 0px;
}

.hubspot_contactByid_blade .pagination .disabled span, .hubspot_dealByid_blade .pagination .disabled span, .hubspot_leadsByid_blade .pagination .disabled span, .hubspot_newsLetters_blade .pagination .disabled span {
  padding-top: 2px;
  display: inline-block;
  font-size: 18px;
}

.hubspot_dealByid_blade .dealByid_blade_cta i, .hubspot_contactByid_blade .contactByid_blade_cta i, .hubspot_newsLetters_blade .newsLetters_blade_cta i, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta i {
  vertical-align: sub;
  padding-right: 10px;
}

.hubspot_dealByid_blade .dealByid_blade_top_sec, .hubspot_contactByid_blade .contactByid_blade_top_sec, .hubspot_newsLetters_blade .newsLetters_blade_top_sec, .hubspot_newsLettersByid_blade .newsLettersByid_blade_top_sec {
  position: relative;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question, .hubspot_contactByid_blade .contactByid_blade_cta_question, .hubspot_newsLetters_blade .newsLetters_blade_cta_question, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question {
  background: #90a4ae;
  position: absolute;
  width: 120px;
  top: 43px;
  display: none;
  margin: auto;
  left: 0;
  right: 0;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question_title, .hubspot_contactByid_blade .contactByid_blade_cta_question_title, .hubspot_newsLetters_blade .newsLetters_blade_cta_question_title, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question_title {
  text-align: center;
  color: #fff;
  padding: 8px 10px 0 10px;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question_cta_bg form, .hubspot_contactByid_blade .contactByid_blade_cta_question_cta_bg form, .hubspot_newsLetters_blade .newsLetters_blade_cta_question_cta_bg form, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question_cta_bg form {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}

.global_question_active {
  display: block !important;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question_cta_bg form .dealByid_blade_cta, .hubspot_contactByid_blade .contactByid_blade_cta_question_cta_bg form .contactByid_blade_cta, .hubspot_newsLetters_blade .newsLetters_blade_cta_question_cta_bg form .newsLetters_blade_cta, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question_cta_bg form .newsLettersByid_blade_cta {
  background: #ea8684 !important;
  width: 40px;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: normal;
  padding-top: 6px;
  height: 28px;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question_cta_bg .dealByid_blade_cta_question_cta_no, .hubspot_contactByid_blade .contactByid_blade_cta_question_cta_bg .contactByid_blade_cta_question_cta_no, .hubspot_newsLetters_blade .newsLetters_blade_cta_question_cta_bg .newsLetters_blade_cta_question_cta_no, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question_cta_bg .newsLettersByid_blade_cta_question_cta_no {
  background: #8dd891 !important;
  width: 40px;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: normal;
  padding-top: 7px;
  height: 28px;
}

.hubspot_dealByid_blade .dealByid_blade_cta_question_cta_bg, .hubspot_contactByid_blade .contactByid_blade_cta_question_cta_bg, .hubspot_newsLetters_blade .newsLetters_blade_cta_question_cta_bg, .hubspot_newsLettersByid_blade .newsLettersByid_blade_cta_question_cta_bg {
  text-align: center;
  padding: 8px 0 8px 0;
}

.hubspot_types_blade .types_blade_item_title {
  font-size: 16px;
  color: #000 !important;
  font-weight: bold;
  text-transform: uppercase;
  padding: 17px 0 12px 28px;
}

.hubspot_types_blade .types_blade_item_img {
  display: inline-block;
}

.hubspot_types_blade .types_blade_item_text_bg {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  padding-left: 25px;
}

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

.hubspot_types_blade .types_blade_item_view_bg a {
  margin-right: 0 !important;
}

.hubspot_types_blade .types_blade_item_view_bg i {
  font-size: 18px;
  cursor: pointer;
  color: #00a8ff !important;
}

.hubspot_types_blade .types_blade_item_text_bg p {
  color: #99abb4 !important;
  margin-top: 2px !important;
}

/*****validation****/

.analytics_blade .analytics_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.analytics_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 37px;
}

.analytics_blade .analytics_item .analytics_item_cc {
  border: 1px solid #e5e5e5;
  background: #fff;
}

.analytics_blade .analytics_item_img {
  display: inline-block;
  margin-top: 15px;
  margin-left: 18px;
  margin-bottom: 16px;
}

.analytics_blade .analytics_item_img img {
  border-radius: 50%;
  border: 10px solid #f3f7f9;
}

.analytics_blade .analytics_item_content {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding: 9px 25px 25px 25px;
  word-break: break-word;
}

.analytics_blade .analytics_item_name {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin: 16px 0;
}

.analytics_blade .analytics_item_contacts {
  color: #99abb4;
  font-size: 16px;
  display: block;
  margin-top: 12px;
}

.analytics_blade .analytics_item_key {
  color: #99abb4;
  font-size: 16px;
  display: block;
  margin-top: 12px;
}

.analytics_blade .analytics_item_cta {
  text-align: right;
  border-top: 1px solid #e7eeef;
}

.analytics_blade .analytics_item_cta_view {
  float: none !important;
  display: inline-block;
  border-left: 1px solid #e7eeef;
  padding: 14px 0 10px 0!important;
  text-align: center;
  width: 53px !important;
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}

.analytics_blade .analytics_item_cta_view i {
  font-size: 18px;
  cursor: pointer;
  color: #00a8ff !important;
}

.analytics_blade .analytics_item_name {
  -webkit-line-clamp: 2;
  /* height: calc(1em * 3.2 * 1); */
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  /* line-height: 3.2; */
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.analytics_blade .analytics_item {
  margin-bottom: 30px;
}

.portal_bg {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 30px;
}

.portal_title {
  padding-left: .75rem;
}

.portal_item {
  margin-bottom: 29px;
}

.portal_item .portal_item_cc {
  border: 1px solid #e5e5e5;
  background: #fff;
}

.portal_item_cta {
  text-align: right;
  border-top: 1px solid #e7eeef;
}

.portal_item_content {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding: 9px 25px 25px 25px;
  word-break: break-word;
}

.portal_blade input[type=checkbox]:checked+span {
  background-color: rgba(0, 168, 255, 0.38) !important;
}

.portal_blade .switch label .lever:before {
  background-color: rgba(0, 168, 255, 0.15);
}

.portal_blade .switch label input[type=checkbox]:checked+.lever:after {
  background-color: #00a8ff;
}

.coach_blade input[type=checkbox]:checked+span {
  background-color: rgba(0, 168, 255, 0.38) !important;
}

.coach_blade .switch label .lever:before {
  background-color: rgba(0, 168, 255, 0.15);
}

.coach_blade .switch label input[type=checkbox]:checked+.lever:after {
  background-color: #00a8ff;
}

.portal_item_name {
  -webkit-line-clamp: 2;
  /* height: calc(1em * 3.2 * 1); */
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  /* line-height: 3.2; */
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.portal_item_cta_edit, .portal_item_cta_delete {
  float: none !important;
  display: inline-block;
  border-left: 1px solid #e7eeef;
  padding: 14px 0 10px 0!important;
  text-align: center;
  width: 53px !important;
  line-height: normal;
}

.portal_item_cta_edit i, .portal_item_cta_delete i {
  font-size: 18px;
  cursor: pointer;
}

.portal_item_cta_edit i {
  color: #9e9e9e !important;
}

.portal_item_cta_delete i {
  color: #F44336 !important;
}

.reset_success {
  text-align: center;
  color: #00a8fd;
  font-size: 16px;
}

.portal_item_img {
  display: inline-block;
  margin-top: 15px;
  margin-left: 18px;
  margin-bottom: 16px;
}

.portal_item_img img {
  border-radius: 50%;
  border: 10px solid #f3f7f9;
}

.portal_item_name {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.portal_item_api {
  color: #99abb4;
  font-size: 16px;
}

.portal_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.portals_bg {
  margin-top: 20px;
}

.portal_add, .portal_add:hover {
  background: #00a8ff;
}

.newSurveyError {
  display: none !important;
}

.newSurveyError.error_active {
  display: block !important;
}

.log__person a, .reg__person a {
  margin-right: 40px;
}

.log__person i, .reg__person i {
  vertical-align: top;
  margin-right: 4px;
  font-size: 23px !important;
  display: inline-block !important;
}

.log__person span, .reg__person span {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.amber.accent-3.nav_bg {
  background: transparent !important;
  box-shadow: none !important;
  z-index: 9;
  position: relative;
}

.reset_btn {
  font-size: 16px;
  text-align: center;
  color: #00a8fd;
  background: none !important;
  box-shadow: none !important;
}

.login_btn {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  background-color: #f1b939 !important;
  width: 100%;
  text-align: center;
  padding: 13px 10px;
  display: block;
  height: auto;
  box-shadow: none;
  border-radius: 0;
}

.forgot-password {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  text-align: left !important;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.login_form_email, .reg-name, .reg-email, .reg-pass {
  position: relative;
}

.login_form_email::before, .reg-name::before {
  content: "";
  background: url(/image/email-icon.png);
  width: 17px;
  height: 21px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 14px;
  top: 14px;
}
.reg-phone::before{
  content: "";
  background: url(/image/call-answer.png);
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
}
.login_form_password::before, .reg-pass::before {
  content: "";
  background: url(/image/password-icon.png);
  width: 17px;
  height: 21px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 14px;
  top: 14px;
}

.reg-email::before {
  content: "";
  background: url(/image/letter.png);
  width: 19px;
  height: 15px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  left: 14px;
  top: 14px;
}

.login_form_email input, .login_form_password input, .login_form_email input, .reg_form input {
  padding-left: 30px !important;
  box-sizing: border-box !important;
}

.reg_form input {
  box-sizing: border-box !important;
}

.login_form_bg label, .login_form_email label, .reg_form label {
  padding-left: 30px;
}

.forgot-password a {
  color: #1a1a1a;
}

.login_btn:hover, .reset_btn:hover {
  background: none;
  box-shadow: none;
}

.reset_btn_bg {
  text-align: center;
  margin: 50px 0 70px 0;
}

.reset_form_bg {
  padding-top: 100px;
}

.result_blade {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.result_blade .result_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.result_blade .result_blade_content {
  border: 1px solid #e9ecee;
  background: #fff;
  padding: 90px 22px 50px 22px;
}

.footer_text {
  font-size: 12px;
  text-align: center;
  color: #bababa;
  margin-bottom: 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
  color: #fff;
  text-transform: uppercase;
}

.reg_form_img_bg {
  text-align: center;
  padding-top: 0 !important;
  display: inline-block;
  width: 34%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 50% !important;
}

.reg_form_bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.reg_form_title {
  font-size: 20px;
  text-align: center;
  color: #333333;
  padding-top: 80px;
}

.login_bg form input[type=email]:focus, .login_bg form input[type=password]:focus, .reg_form input:focus {
  border-color: #2ca9e1 !important;
  -webkit-box-shadow: 0 1px 0 #2ca9e1;
  -moz-box-shadow: 0 1px 0 #2ca9e1;
  box-shadow: 0 1px 0 #2ca9e1 !important;
}

.reset_bg form input[type=email]:focus, .reset_bg form input[type=password]:focus, .reg_form input:focus {
  border-color: #2ca9e1 !important;
  -webkit-box-shadow: 0 1px 0 #2ca9e1;
  -moz-box-shadow: 0 1px 0 #2ca9e1;
  box-shadow: 0 1px 0 #2ca9e1 !important;
}

.reg_form>div.row, .reg_form>div.row input {
  margin-bottom: 0 !important;
}

.reg_btn {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  background-color: #f1b939 !important;
  width: 100%;
  text-align: center;
  padding: 13px 10px;
  display: block;
  height: auto;
  box-shadow: none;
  border-radius: 0;
  margin-top: 30px;
}

.modal_title {
  background: #00a8ff;
  color: #fff;
  text-align: left;
  font-size: 30px;
  padding: 23px 41px;
  position: relative;
}

.modal .modal-content {
  padding: 0px !important;
}

.modal_title_icon {
  position: absolute;
  right: 40px;
  bottom: -28px;
}

.modal_title_icon i {
  color: #00a8ff;
}

.modal_content {
  padding: 0 !important;
  margin: 50px 42px 20px 42px !important;
}

.modal_save {
  background: #5bae5f;
  color: #fff;
}

.modal_cancel {
  background: #0494de;
  color: #fff;
  margin-right: 26px !important;
}

.modal_cta_bg {
  padding: 29px 41px 31px 41px !important;
}

.modal_save:hover {
  background: #448a47;
}

.modal_cancel:hover {
  background: #0170a9;
}

.modal.modal-fixed-footer .modal-content {
  /* height: calc(100% - 107px);*/
  height: auto !important;
  position: relative;
  margin-bottom: 20px;
}

.modal.modal-fixed-footer .modal-footer {
  position: relative;
}

.modal.modal-fixed-footer {
  /* height: 50% !important;*/
  height: auto !important;
  max-height: 100% !important;
}

.modal_content textarea {
  padding-bottom: 0 !important;
}

.modal-content input:focus, .modal-content textarea:focus {
  border-color: #00a8ff !important;
  -webkit-box-shadow: 0 1px 0 #00a8ff !important;
  -moz-box-shadow: 0 1px 0 #00a8ff !important;
  box-shadow: 0 1px 0 #00a8ff !important;
}

.modal-content label.active {
  color: #000 !important;
}

.modal_save i, .modal_cancel i {
  vertical-align: middle;
  padding-right: 10px;
}

.modal .modal-footer {
  height: auto !important;
}

.reg_form_right {
  margin-bottom: 30px;
  width: 100%;
  padding: 0 78px;
}

.reg_btn:hover {
  background: none;
  box-shadow: none;
}

.reg_btn_bg {
  text-align: center;
}

.login_bg form label.active, form.reg_form label.active {
  color: #2ca9e1 !important;
}

.reset_bg form label.active, form.reg_form label.active {
  color: #2ca9e1 !important;
}

.login_btn_bg {
  text-align: center;
}

.reg_form_bg:after {
  content: "";
  clear: both;
  display: block;
}

.login_bg, .reset_bg {
  padding-top: 70px;
  margin-bottom: 110px;
}

.register_bg {
  padding-top: 50px;
  margin-bottom: 110px;
}

.login_bg form, .reset_bg form {
  padding: 0 78px !important;
}

.login_bg form>div, .reset_bg form>div {
  margin-bottom: 0 !important;
}

.login_bg form #email, .reset_bg form #email {
  margin-bottom: 0 !important;
}

body .modal>.modal-content {
  padding-bottom: 20px !important;
}

.login_form_log {
  font-size: 20px;
  text-align: center;
  color: #1a1a1a;
  margin-top: 85px;
  display: inline-block;
  width: 100%;
}

.referral_blade {
  margin-left: 48px;
  padding: 0 55px;
  margin-top: 30px;
}

.referral_blade .referral_blade_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.referral_blade .referral_blade_top_box {
  background: #fff;
  border: 1px solid #e9ecee;
  padding: 40px 30px;
}

.referral_blade .referral_blade_top_box input[type="submit"] {
  float: right;
  background: #00a8ff;
  color: #fff;
  padding: 10px 27px 9px 27px;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
  margin-top: 20px;
}

.referral_blade .referral_blade_content_bg {
  background: #fff;
  border: 1px solid #e9ecee;
  padding: 20px 0 71px 0;
}

.referral_blade .referral_blade_content {
  border-bottom: 1px solid #e9ecee;
  color: #99abb4;
}

.referral_blade .referral_blade_content_num {
  color: #6b767b;
}

.referral_blade .referral_blade_content_link {
  color: #00a8ff;
}

.login_form_bg, .reset_form_bg {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  margin-top: 91px;
  position: relative;
}

.reg_form_bg {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  margin-top: 90px;
  position: relative;
}

.login_form_img, .reg_form_img {
  margin: auto;
  display: block;
  padding-top: 0px !important;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  min-width: 124px;
}

.login_bg_img {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  z-index: -1;
}

.login_title, .reset_title {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
}

.deletePopup {
  display: none;
  position: absolute;
  background: #90a4ae;
  z-index: 9;
  padding: 4px;
  width: 180%;
  right: -40%;
  top: 115%;
  text-align: center;
}

.delete_bg {
  position: relative;
}

.deletePopup.deletePopupActive {
  display: block;
}

.deletePopup>div {
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
}

.deletePopup>a, .deletePopup>span {
  color: #000;
  margin: 0 2px;
  width: 40%;
  margin-top: 10px;
  padding: 0px 5px;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
}

.create_survy_btn {
  background: #00a8ff;
  height: auto;
  padding-top: 1px;
  padding: 0 14px;
}

.create_survy_btn:hover {
  background: #00a8ff;
}

.create_survy_btn span {
  font-size: 15px;
  vertical-align: top;
  padding-top: 3px;
  padding-bottom: 3px;
  display: inline-block;
}

.create_survy_btn i {
  font-size: 15px;
  height: 9px !important;
  padding-top: 3px;
  padding-right: 4px;
}

.Surveys_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
}

.Surveys_head {
  margin-top: 24px;
}

.survey_s2 .tabs .tab a {
  color: #000;
  text-transform: initial;
}

.survey_s2 .tabs .tab a.active {
  color: #00a8ff;
}

.survey_s2 .tabs .tab a:hover {
  color: #00a8ff;
}

.survey_s2 .tabs .indicator {
  background-color: #00a8ff;
}

.survey_search {
  position: relative;
  width: 212px;
  float: right;
}

.survey_search i {
  position: absolute;
  top: 12px;
  right: 0;
}

.survey_bg {
  margin-left: 65px;
  padding: 0 55px;
}

.survey_s2 .row .col.s4 {
  width: auto;
  margin: 0 24px;
}

.survey_search input:focus {
  border-bottom: 1px solid #00a8ff !important;
  -webkit-box-shadow: 0 1px 0 0 #00a8ff !important;
  box-shadow: 0 1px 0 0 #00a8ff !important;
}

.left_menu_bg {
  min-width: 65px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #fff;
  /*border-right: 1px solid #e2eaeb;*/
}

.left_menu_sec a {
  display: block;
  color: #8d8d8d;
  padding: 3px 0px 3px 19px;
  text-align: left;
}

.left_menu_sec i {
  font-size: 26px;
}

.left_menu_sec {
  padding: 12px 0;
}

.left_menu_sec a:hover, .active_menu_tab {
  border-left: 3px solid #039be5;
  color: #039be5;
}

.active_menu_tab i {
  color: #039be5;
}

.active_menu_tab_name {
  color: #039be5;
}

.left_menu {
  margin-top: 67px;
  background: #fff;
}

.fix_line {
  border-right: 1px solid #e2eaeb;
  width: 65px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 1px;
  background: #fff;
  z-index: -1;
}

.create_category_questions_item_checkbox [type="checkbox"].filled-in:checked+label:after, .create_category_questions_item_checkbox2 [type="checkbox"].filled-in:checked+label:after {
  border: 2px solid #00a8ff;
  background-color: #00a8ff;
}

.create_category_questions_item_text2 {
  vertical-align: top;
}

.save__btn {
  right: 45px;
}

.create_category_questions_item_checkbox {
  padding-top: 15px;
  display: inline-block;
}

.create_category_a1_content {
  display: inline-block;
  width: 70%;
  vertical-align: top;
}

.left_menu_sec:nth-child(2), .left_menu_sec:nth-child(4), .left_menu_sec:nth-child(7), .left_menu_sec:nth-child(10) {
  border-bottom: 1px solid #e2eaeb;
}

.survey_s2 .tabs {
  background: transparent;
}

.amber.accent-3.header_top {
  position: relative;
  z-index: 1;
  background: #fff !important;
  box-shadow: none;
  border-bottom: 1px solid #e2eaeb;
  height: 67px;
}

.menu_icon {
  display: inline-block;
  width: 66px;
  text-align: center;
  border-right: 1px solid #e2eaeb;
}

.menu_icon i {
  display: inline-block;
  width: 66px;
  height: 66px !important;
  text-align: center;
  color: #8d8d8d;
  font-size: 26px;
  cursor: pointer;
}

.menu_icon i:hover {
  color: #039be5;
}

.header_top .header_top_reg_bg {
  height: 100%;
  min-width: 120px;
}

.header_top .header_top_reg_bg>li {
  height: 100%;
  min-width: 120px;
}

.header_top .header_top_reg_bg>li>a {
  height: 100%;
}

.brand-logo {
  height: 100%;
  width: auto;
  margin-left: 20px;
}

.brand-logo img {
  height: 100% !important;
  width: auto !important;
}

nav.header_top ul a {
  color: #8d8d8d;
}

.dropdown-content {
  top: 66px !important;
}

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

.account_link i {
  color: #000;
  font-size: 40px !important;
}

.survey_item_content {
  background: #fff;
  margin: 0 0 0 0;
  border: 1px solid #e7eeef;
}

.survey_item_content:after {
  content: "";
  clear: both;
  display: block;
}

.survey_item {
  margin-bottom: 23px;
}

.survey_item_content_s1 {
  border-bottom: 1px solid #e7eeef;
  padding-top: 12px !important;
  padding-left: 12px !important;
}

.survey_item_title {
  font-size: 16px;
  font-weight: 600;
}

.survey_item_date {
  color: #adadad;
  font-size: 13px;
  margin-top: 1px;
  margin-bottom: 30px;
}

.survey_item_categories_s2 {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.survey_item_categories_s1 {
  text-align: center;
  font-size: 28px;
}

.survey_item_bottom {
  text-align: right;
}

.survey_item_bottom>div {
  float: none !important;
  display: inline-block;
  border-left: 1px solid #e7eeef;
  padding: 14px 0 10px 0!important;
  text-align: center;
  width: 53px !important;
  line-height: normal;
}

.survey_item_bottom i {
  font-size: 18px;
  cursor: pointer;
}

.survey_item_bottom a {
  display: inline-block;
  /*  height: 18px;*/
}

/* Begin required CSS. */

.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.line-clamp:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: calc(1em * 1.2);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}

@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none !important;
  }
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.2 * 1);
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  height: calc(1em * 1.2 * 2);
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  height: calc(1em * 1.2 * 3);
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
  height: calc(1em * 1.2 * 4);
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
  height: calc(1em * 1.2 * 5);
}

/* End required CSS. */

.create_category_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.create_category_bg {
  margin-left: 65px;
  padding: 0 55px;
}

.create_category_btn {
  background-color: #00a8ff !important;
  font-size: 15px;
  padding: 13px 5px 10px 5px;
  display: inline-block;
  height: auto;
  line-height: normal;
  width: 251px;
  margin-top: 10px;
}

.create_category_btn:hover {
  background-color: #00a8ff !important;
}

.create_category_btn i {
  font-size: 19px;
  vertical-align: top;
  padding-right: 7px;
}

.create_category_name {
  font-size: 20px;
  color: #3b3b3b;
  font-weight: 500;
}

.create_category_s2 {
  margin-top: 10px;
  padding-left: 29px !important;
  display: inline-block;
}

.create_category_top_section {
  margin-top: 40px;
}

.create_category_s2 i {
  font-size: 18px;
  cursor: pointer;
  color: #8d8d8d;
  margin-left: 10px;
}

.create_category_a1:after {
  content: "";
  clear: both;
  display: block;
}

.create_category_a2:after {
  content: "";
  clear: both;
  display: block;
}

.create_category_a2 {
  display: none;
}

.create_category_a1 i {
  position: absolute;
  right: 10px;
  top: 25%;
}

.create_category_a1 {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 20px;
}

.create_category_a_ul {
  border-top: 1px solid #e3ebec;
  margin-right: 13px;
}

.create_category_a_ul li {
  border: 1px solid #e3ebec;
  cursor: pointer;
  margin-bottom: 5px;
  background: #fff;
}

.create_category_a_bg {
  padding-right: 0 !important;
}

.create_category_a_ul li:hover, .create_category_a_ul li.category_open {
  color: #00a8ff;
  border-left: 3px solid #00a8ff;
}

.create_category_a_bg {
  position: relative;
}

.category_open .create_category_a2 {
  display: block;
  position: absolute;
  right: 0 !important;
  top: 0;
}

html {
  background: #f3f7f9;
}

.create_category_a2_content:after {
  content: "";
  clear: both;
  display: block;
}

.create_category_a2_content {
  background: #fff;
  border: 1px solid #e3ebec;
  margin-left: 13px;
  margin-top: 15px;
  padding: 17px 36px 26px 36px;
  margin-bottom: 86px;
}

.create_category_questions_top_title {
  color: #3b3b3b;
  font-size: 18px;
  padding: 0 !important;
  margin-bottom: 23px;
}

.create_category_questions_item_title {
  font-size: 14px;
  color: #00a8ff;
  padding-right: 10px;
}

.create_category_questions_item_text {
  font-size: 14px;
  color: #3b3b3b;
  margin-bottom: 38px !important;
  display: inline-block;
}

.create_category_questions_edit i {
  font-size: 18px;
  cursor: pointer;
  color: #8d8d8d;
}

.create_category_questions_edit_bg {
  float: right !important;
  text-align: right;
  margin-top: 20px;
  width: auto !important;
}

.create_category_bottom_cta {
  text-align: right;
  margin-right: 42px;
  margin-bottom: 9px;
}

.create_category_bottom_cta a {
  background: #00a8ff;
  color: #fff;
  padding: 13px 24px 11px 24px;
  cursor: pointer;
}

.logout i {
  margin: 0 !important;
  font-size: 18px !important;
  float: right !important;
}

.create_category_a_content {
  max-width: 264px;
}

.create_category_btn_bg {
  max-width: 274px;
}

.create_category_s2, .category_open .create_category_a2 {
  width: 82%;
}

.create_category_s2 {
  margin-left: auto;
}

.edit_question_bg {
  margin-left: 65px;
  padding: 0 55px;
}

.create_question_btn {
  background-color: #00a8ff !important;
  font-size: 15px;
  padding: 13px 5px 10px 5px;
  display: inline-block;
  height: auto;
  line-height: normal;
  width: 251px;
}

.create_question_btn i {
  font-size: 19px;
  vertical-align: top;
  padding-right: 7px;
}

.edit_question_category_name {
  font-size: 20px;
  color: #3b3b3b;
  font-weight: 500;
  margin-left: 20px;
}

.edit_question_category_name_edit i {
  font-size: 18px;
  cursor: pointer;
  color: #8d8d8d;
  margin-left: 10px;
}

.edit_question_top_section {
  margin-top: 24px;
}

.edit_question_item_ul li {
  border: 1px solid #e7eeef;
  margin-bottom: 9px;
}

.edit_question_item_ul li .collapsible-header {
  border-bottom: none;
}

.edit_question_item_ul li {
  margin-top: 24px;
}

.edit_question_item_ul li:hover, .edit_question_item_ul li.radio_active {
  color: #00a8ff;
  border-left: 3px solid #00a8ff;
}

.edit_question_value {
  color: #aeaeae;
}

.edit_question_item_edit {
  background-color: #00a8ff !important;
  font-size: 15px;
  padding: 13px 15px 10px 15px;
  display: inline-block;
  height: auto;
  line-height: normal;
}

.edit_question_item_edit i, .edit_question_item_delete i, .edit_question_item_save i {
  font-size: 19px;
  vertical-align: top;
  padding-right: 7px;
}

.edit_question_item_delete {
  background-color: #ff5959 !important;
  font-size: 15px;
  padding: 13px 15px 10px 15px;
  display: inline-block;
  height: auto;
  line-height: normal;
}

.edit_question_item_save {
  background-color: #66BB6A !important;
  font-size: 15px;
  padding: 13px 15px 10px 15px;
  display: inline-block;
  height: auto;
  line-height: normal;
}

.btn_bg {
  text-align: right;
  margin-right: 11px;
  margin-top: 8px;
  margin-bottom: 13px;
}

.not__active_edit {
  background: #aeddf5 !important;
  color: #f8fafb !important;
  box-shadow: none !important;
  pointer-events: none;
  cursor: default;
}

.not__active_delite {
  background: #f8b8b9 !important;
  color: #f8fafb !important;
  box-shadow: none !important;
  pointer-events: none;
  cursor: default;
}

.edit_bg, .delete_bg, .save_bg {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}

.info_bg {
  display: inline-block;
  float: right;
  text-align: right;
  position: relative;
}

.info_bg i {
  color: #bbbbbb;
  cursor: pointer;
}

.info_bg:hover .info_content {
  display: block;
}

.info_content {
  position: absolute;
  right: 0px;
  top: -15px;
  width: 200px;
  padding-right: 35px;
}

.edit_question_item_s1 {
  width: 45px !important;
  margin-left: 0 !important;
}

.info_content div {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 12px;
  padding: 20px;
  text-align: left;
}

.info_content {
  display: none;
}

.questionnaire_bg {
  margin-left: 65px;
  padding: 0 55px;
  margin-top: 29px;
}

table.striped.questionnaire_table>tbody>tr {
  background: #fff !important;
  border: 1px solid #bbb;
  margin-bottom: 9px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
}

.questionnaire_table_s1 {
  padding-top: 13px !important;
  padding-bottom: 14px !important;
  padding-left: 26px !important;
}

table.striped.questionnaire_table>tbody>tr>td {
  display: inline-block;
  width: 100%;
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.questionnaire_submit_btn {
  background: #00a8ff;
  height: auto;
  padding-top: 1px;
  padding: 3px 14px;
}

.questionnaire_submit_btn:hover {
  background: #00a8ff;
}

.questionnaire_table_s2 [type="radio"]:checked+label {
  color: #00a8ff;
}

.questionnaire_table_s2 {
  text-align: right;
}

.questionnaire_table_s2 [type="radio"]:checked+label:after, .questionnaire_table_s2 [type="radio"].with-gap:checked+label:after {
  background-color: #00a8ff;
}

.questionnaire_table_s2 [type="radio"]:checked+label:after, .questionnaire_table_s2 [type="radio"].with-gap:checked+label:before, .questionnaire_table_s2 [type="radio"].with-gap:checked+label:after {
  border: 2px solid #00a8ff;
}

.questionnaire_table_s2>p {
  width: auto !important;
  float: none !important;
  display: inline-block !important;
}

.edit_question_item_ul [type="radio"]:checked+label:after, .edit_question_item_ul [type="radio"].with-gap:checked+label:after {
  background-color: #00a8ff;
  border-color: #00a8ff;
}

.edit_question_value {
  text-align: right;
  padding-top: 18px !important;
}

.edit_question_value span {
  font-size: 11px;
  border: 1px solid #aeaeae;
  padding: 5px 18px;
  border-radius: 16px;
}

.delete_bg12 {
  float: right !important;
  text-align: right;
  margin-top: 20px;
  width: auto !important;
}

.delete_bg12 i {
  font-size: 18px;
  cursor: pointer;
  color: red;
}

.deletePopup12 {
  z-index: 999;
  width: 140px;
  right: -60px;
  color: #fff;
}

.reg_title {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
}

.group_bg {
  margin-left: 65px;
  padding: 0 84px 0 35px;
  margin-top: 36px;
}

.group_search {
  float: right !important;
}

.group_title {
  font-size: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.group_add, .group_add:hover {
  background: #00a8ff;
}

.group_box_name {
  background: #ffffff;
  border: 1px solid #e9ecee;
  margin-top: 4px;
}

.group_box_name>div {
  font-size: 16px;
  color: #6b767b;
  padding: 16px 13px 14px 13px !important;
}

.group_box_bg {
  background: #ffffff;
  border: 1px solid #e9ecee;
  border-top: 0;
}

.group_box_delete {
  display: inline-block;
}

.group_box_edit {
  display: inline-block;
}

.group_box_delete i {
  font-size: 18px;
  cursor: pointer;
  color: #ff5959;
}

.group_box_edit i {
  font-size: 18px;
  cursor: pointer;
  color: #8d8d8d;
}

.group_box_bg>div {
  color: #99abb4;
  font-size: 15px;
  padding: 17px 13px 14px 13px !important;
}

.group_box_edit_bg {
  text-align: right;
}

.group_box_edit {
  margin-left: 13px;
}

.group_box_delete .deletePopup {
  width: 100px;
  right: -40px;
  color: #fff;
}

.portal_blade .portal_item_content>span {
  display: block;
  margin-top: 12px;
}

.portal_blade .portal_on_off {
  display: inline-block;
  vertical-align: top;
  padding: 35px 20px;
}

.home_blade .monthly-day, .home_blade .monthly-day-blank {
  border: 1px solid #EBEBEB;
}

.user-profile-image {
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
}

@media(min-width: 1500px) {
  .login_bg, .register_bg, .reset_bg {
    padding-top: 70px;
  }
}

@media(max-width: 1700px) {
  .create_category_s2, .category_open .create_category_a2 {
    width: 78%;
  }
}

@media(max-width: 1600px) {
  .member_goal .member_goal_item, .member_goal .member_step_item {
    margin: 0 4%;
  }
  .member_goal .member_goal_date i, .member_goal .member_step_date i {
    padding-left: 4px;
  }
  .member_survey_byid .member_survey_byid_grafik_bg_bg {
    margin: 0 10px 0 10px;
  }
  .member_survey_byid {
    padding: 0 35px 0 35px;
  }
}

@media(max-width: 1500px) {
  .reg_form_img_bg {
    width: 48%;
  }
  .reg_form_right {
    width: 100%;
    padding: 0 45px;
  }
  .member_goal .member_goal_item, .member_goal .member_step_item {
    height: 67px;
  }
  .member_goal .member_goal_name, .member_goal .member_step_name {
    padding-top: 0;
  }
  .member_goal_userBg {
    height: 540px;
  }
  .member_goal_bg, .member_step_bg {
    height: 540px;
  }
  .member_goal .member_goal_item, .member_goal .member_step_item {
    padding: 14.5px 0;
  }
  .member_survey_byid .member_survey_byid_grafik_bg1 {
    padding-right: 0px;
  }
}

@media(max-width: 1400px) {
  .create_category_s2, .category_open .create_category_a2 {
    width: 74%;
  }
  .create_category_bg {
    padding: 0 20px;
  }
}

@media(max-width: 1366px) {
  .login_bg_img {
    top: 0%;
  }
  .home_blade .monthly-day:before {
    padding-top: calc(51.3% - 1.2em);
  }
  .member_survey_byid .member_survey_byid_grafik_s1_grafik_count {
    font-size: 10px;
  }
}

@media(max-width: 1300px) {
  .member_goal .member_goal_date, .member_goal .member_step_date {
    padding: 4px 5px;
  }
  .member_goal .member_goal_name, .member_goal .member_step_name {
    padding-right: 5px;
    font-size: 12px;
  }
  .member_goal .member_goal_date, .member_goal .member_step_date {
    font-size: 12px;
  }
}

@media(max-width: 1200px) {
  .home_blade .home_blade_item3 .card-content {
    height: 170px !important;
  }
  .home_blade .home_blade_item .card-content {
    height: 191px;
  }
  .create_category_s2, .category_open .create_category_a2 {
    width: 70%;
  }
  .member_goal {
    padding: 0 0px 0 35px;
  }
  .home_blade .home_blade_item3_calendar .home_blade_item3_calendar_img {
    right: 55px;
    top: -25px;
    width: 50px;
  }
  .member_survey_byid .member_survey_byid_grafik_s1_grafik_count {
    font-size: 8px;
    padding: 8px 0px;
  }
  .member_survey_byid_graphic_result_title {
    width: 20%;
  }
}

@media(max-width: 1024px) {
  .login_bg, .register_bg, .reset_bg {
    padding-top: 30px;
    margin-bottom: 110px;
  }
  /*
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}*/
}