.form-items-group .form-item@font-face {
  font-family: RalewayBold;
  src: url(../fonts/Raleway-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: RalewayRegular;
  src: url(../fonts/Raleway-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: RalewayMedium;
  src: url(../fonts/Raleway-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: RalewayLight;
  src: url(../fonts/Raleway-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: OpenSansBold;
  src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: OpenSansRegular;
  src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: OpenSansMedium;
  src: url(../fonts/OpenSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: OpenSansLight;
  src: url(../fonts/OpenSans-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: PoppinsBold;
  src: url(../fonts/Poppins-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: PoppinsRegular;
  src: url(../fonts/Poppins-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: PoppinsMedium;
  src: url(../fonts/Poppins-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: PoppinsLight;
  src: url(../fonts/Poppins-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

.registration .bootstrap-select:not(.input-group-btn) {
  display: block;
}

.registration .form-select.bootstrap-select > .dropdown-toggle {
  border: none;
  border: 1px solid #828282;
  border-radius: 6px;
}

.registration .form-select {
  padding: 0px;
}

.registration .filter-option-inner-inner {
  font-family: "OpenSansRegular";
  font-weight: 500;
  color: #303840;
}

.registration .bootstrap-select > .dropdown-toggle:after {
  margin-top: 0px;
}

.registration .show > .btn-light.dropdown-toggle {
  background-color: transparent;
  border: none !important;
}

.registration .form-select.bootstrap-select > .dropdown-menu {
  border: none;
}

.registration .btn-light:not(:disabled):not(.disabled):active {
  background-color: transparent;
  border: none !important;
  box-shadow: none;
}

#tablecaption {
  color: #545454;
  font-family: "RalewayRegular";
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 33px;
  margin-top: 0px;
  padding: 0px 20px 20px 20px;
  text-transform: capitalize;
}

.userbuttons {
  float: right;
  position: relative;
  bottom: 50px;
}

.addmember {
  margin-right: 20px;
  border-radius: 6px;
  background-color: #008dd6;
  color: #fff;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  height: 40px;
  width: 152px;
  border: none;
  text-transform: uppercase;
}

.uploadcsv {
  border-radius: 6px;
  background-color: #008dd6;
  color: #fff;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  height: 40px;
  width: 152px;
  border: none;
  text-transform: uppercase;
}

.page-teams .page-main #edit-table a {
  position: relative;
  right: 0px;
  top: 0px;
}

.page-teams .page-main a {
  position: absolute;
  right: 0px;
  top: 0px;
}

.page-team-goals .page-main #block-ticforteens-pagetitle {
  pointer-events: none;
}

.page-team-goals .page-main .resource-title-body a {
  position: relative;
  top: 0px;
  right: 0px;
}

.page-team-goals .page-main .view-your-team-resources a {
  position: relative;
  right: 0px;
  top: 0px;
}

.page-team-goals .page-main a {
  position: absolute;
  right: 0px;
  top: 30px;
}
.page-team-goals .page-main .config-survey-link {
  right: 150px; /* Adjust the position to create space */
}

.page-team-goals .page-main .config-survey-link2 {
  margin-left: 20px; /* Add space between the buttons */
}
.page-team-goals .page-main a .uploadcsv {
  border-radius: 6px;
  background-color: #008dd6;
  color: #fff;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  height: 40px;
  width: auto;
  padding: 13px 12px 13px 12px;
  border: none;
  text-transform: uppercase;
  pointer-events: all;
  text-decoration: none;
}

.page-tft-term-add #edit-cancel {
  margin-top: 30px;
}

.section-statistics .dropdown-menu.show {
  margin-top: 0px;
}

.section-statistics .form-select.bootstrap-select > .dropdown-menu {
  top: 0px !important;
}

.page-group-50-training-statistic
  #block-ticforteens-pagetitle
  .block-page-title-block
  h1,
.page-entity-opigno-calendar-event-add-form
  #block-ticforteens-pagetitle
  .block-page-title-block
  h1 {
  margin-bottom: 15px;
}

.page-tft-group tbody tr:last-child td:last-child {
  border-bottom: none;
  display: flex !important;
}

.page-tft-group .documents-table .folder-folder-link .fi {
  background-color: transparent;
  height: 1.2rem;
}

.page-opigno-module-group-answer-form .h5p-question {
  margin: 20px;
}

.section-statistics #edit-month .dropdown-menu.show {
  margin-top: 15px !important;
}

.section-statistics .form-item-month .dropdown-menu.show {
  margin-top: 32px;
}

.page-teams #block-ticforteens-pagetitle {
  margin-top: 45px !important;
}

.page-teams #block-addteam-2 {
  display: flex;
  position: relative;
  position: absolute;
  right: 0px;
  z-index: 1;
  width: 100%;
}
.page-teams #block-addteam-2 .create-team a {
  background-color: #008dd6;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  border-radius: 6px;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
  pointer-events: all;
  text-decoration: none;
}

.page-entity-group-edit-form
  .group-institution-edit-form
  #edit-actions
  #edit-delete {
  height: 0px;
  position: relative;
  margin-top: 30px;
}

.section-goals-form form .goalResult .form-disabled {
  background-color: #a4a4a2 !important;
  color: #656564 !important;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.section-user input::file-selector-button:active {
  background-color: #0074b1 !important;
  cursor: pointer;
}

.section-user input::file-selector-button:hover {
  background-color: #0074b1 !important;
  cursor: pointer;
}

.section-user input::file-selector-button {
  background-color: #008dd6;
  color: #fff;
  border: none !important;
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  border-radius: 6px;
  font-family: "Ralewayregular";
  font-size: 10px;
  margin-top: 10px !important;
  font-weight: bold;
}

#block-ticforteens-primaryadminactions .btn-rounded {
  background-color: #008dd6;
  color: #fff;
  border: none;
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  border-radius: 6px;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
}

#edit-test-link {
  display: none;
}

form:not(.views-exposed-form):not(.group-content-form):not(.tft-add-term-form)
  .form-item:not(.fieldgroup) {
  margin-bottom: 0px;
}

#block-ticforteens-pagetitle {
  margin-left: 0%;
  position: relative;
  margin-top: 50px;
}
#block-ticforteens-pagetitle .block-page-title-block h1 {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 2.37rem;
  text-transform: capitalize;
  font-weight: 300;
  margin: 0px;
  line-height: 45px;
}

.page-users-list #edit-submit,
.page-all-institutions-list #edit-submit {
  border: none;
  border-radius: 6px;
  background-color: #e5e5e1 !important;
  color: #656564 !important;
  font-family: "RalewayBold";
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  pointer-events: none;
  margin: 0;
  right: 40px;
}

.page-users-list #edit-next.active,
.page-users-list #edit-submit.active,
.page-all-institutions-list #edit-next.active,
.page-all-institutions-list #edit-submit.active {
  background-color: #008dd6 !important;
  pointer-events: all;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  color: #fff !important;
}

#users-form,
.page-all-institutions-list #edit-table,
.page-teams #edit-table,
.page-all-institutions-list .institutions-form,
.page-all-institutions-list #teams-form,
.page-teams .institutions-form,
.page-teams #teams-form {
  border-radius: 16px;
  background-color: #fff;
  padding: 22px 40px 40px 40px;
  margin-bottom: 30px;
  width: 100%;
  float: right;
}
#users-form #edit-table caption,
.page-all-institutions-list #edit-table #edit-table caption,
.page-teams #edit-table #edit-table caption,
.page-all-institutions-list .institutions-form #edit-table caption,
.page-all-institutions-list #teams-form #edit-table caption,
.page-teams .institutions-form #edit-table caption,
.page-teams #teams-form #edit-table caption {
  color: #545454;
  font-family: "RalewayRegular";
  font-size: 28px;
  font-weight: 600;
  caption-side: top;
  padding-top: 0;
}
#users-form #edit-table thead th,
.page-all-institutions-list #edit-table #edit-table thead th,
.page-teams #edit-table #edit-table thead th,
.page-all-institutions-list .institutions-form #edit-table thead th,
.page-all-institutions-list #teams-form #edit-table thead th,
.page-teams .institutions-form #edit-table thead th,
.page-teams #teams-form #edit-table thead th {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
}
#users-form #edit-table tbody tr td,
.page-all-institutions-list #edit-table #edit-table tbody tr td,
.page-teams #edit-table #edit-table tbody tr td,
.page-all-institutions-list .institutions-form #edit-table tbody tr td,
.page-all-institutions-list #teams-form #edit-table tbody tr td,
.page-teams .institutions-form #edit-table tbody tr td,
.page-teams #teams-form #edit-table tbody tr td {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  border-bottom: 1px solid #e7e7e7 !important;
  padding-bottom: 14px !important;
  padding-top: 20px !important;
  padding-right: 0px;
}

.page-all-institutions-list
  .page-all-institutions-list
  .form-select.bootstrap-select
  > .dropdown-menu {
  width: 100%;
}

.page-all-institutions-list #edit-submit {
  right: 0px !important;
  position: static !important;
}

.page-all-institutions-list .institutions-form #edit-table caption {
  display: none !important;
}

.page-tic-manage-users-view .profiledetail {
  position: absolute;
  top: 100px;
}

.page-tic-manage-users-view .editprofile img {
  width: 30px;
  height: 30px;
  margin-left: 55px;
  bottom: 30px;
  position: relative;
}

.page-tic-manage-users-view .approvedRegistration {
  display: flex;
  border-radius: 16px;
  background-color: #f5f5f5;
  padding: 20px 20px 20px 20px;
  width: 270px;
  text-align: center;
  margin-bottom: 20px;
}
.page-tic-manage-users-view .approvedRegistration span {
  color: #1a4351;
  font-family: "OpenSansBold";
  font-size: 15px;
  line-height: 20px;
  padding-top: 8px;
  padding-left: 10px;
}

.page-tic-manage-users-view .editbtn {
  background: url("../images/edit.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  position: relative;
  bottom: 30px;
  left: 40px;
}

.page-tic-manage-users-view #block-ticforteens-backlinkblock {
  display: none;
}

.page-tic-manage-users-view .details1.col-md-4 .member {
  margin-bottom: 5px;
}

.page-tic-manage-users-view .details1.col-md-4 h4 {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 10px;
  word-wrap: break-word;
}

.page-tic-manage-users-view .details1.col-md-4 p {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15px;
}
.page-tic-manage-users-view .details1.col-md-4 p.member {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15px;
}

.page-tic-manage-users-view .details1.col-md-4 .mail {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 19px;
}

.page-tic-manage-users-view .details1.col-md-4 .date,
.page-tic-manage-users-view .details1.col-md-4 .lastaccess,
.page-tic-manage-users-view .details1.col-md-4 .member.joindate {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}

.page-tic-manage-users-view .details1.col-md-4 .labeldate,
.page-tic-manage-users-view .details1.col-md-4 .labelaccess,
.page-tic-manage-users-view .details1.col-md-4 .labelmember {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 14px;
  padding-right: 12px;
  text-transform: capitalize;
  line-height: 22px;
}

.page-tic-manage-users-view .detailsright {
  margin-top: 0px;
}
.page-tic-manage-users-view .detailsright .institution,
.page-tic-manage-users-view .detailsright .teams,
.page-tic-manage-users-view .detailsright .position {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 18px;
}
.page-tic-manage-users-view .detailsright .labelinstitution,
.page-tic-manage-users-view .detailsright .labelposition,
.page-tic-manage-users-view .detailsright .labelteams {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 14px;
}

.page-tic-manage-users-view .details1,
.page-tic-manage-users-view .detailsright {
  text-align: justify;
  margin-left: 0px;
  margin-right: 0px;
}

.page-tic-manage-users-view .row.profileview {
  border-radius: 16px;
  background-color: #fff;
  padding: 50px 40px 70px 40px;
  margin-top: 70px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.page-all-institutions-list #edit-table,
.page-teams #edit-table {
  float: none;
}

.page-teams #edit-next,
.page-teams #edit-submit {
  background-color: #e5e5e1 !important;
  margin-top: 20px;
  pointer-events: none;
  color: #656564 !important;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.page-teams #edit-next.active,
.page-teams #edit-submit.active {
  background-color: #008dd6 !important;
  color: #fff !important;
  pointer-events: all;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.page-teams #teams-form {
  position: relative;
  bottom: 20px;
}
.page-teams #teams-form #edit-submit {
  margin-top: 15px;
}

.page-teams .userbuttons {
  position: relative;
  bottom: 35px;
}

.page-teams ul.dropdown-menu.dropdown-menu-right.show::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  left: 60px;
  top: -11px;
  transform: rotate(90deg);
}

.page-users-list ul.dropdown-menu.dropdown-menu-right.show::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  left: 52px;
  top: -11px;
  transform: rotate(90deg);
}

thead {
  border-bottom: 1px solid #303840;
}

.page-teams-surveys
  .surveys-form
  .surveyresults
  #edit-table
  thead
  tr
  th:first-child {
  border-right: 1px solid #aaaaaa;
}

.page-teams-surveys
  .surveys-form
  .surveyresults
  #edit-table
  tbody
  tr
  td:first-child {
  border-right: 1px solid #aaaaaa;
}

.page-teams-surveys #edit-table tr th:nth-child(4n + 2) {
  background-color: #fff;
}

.page-teams-surveys #edit-table tr th:nth-child(4n + 3) {
  background-color: #fff;
}

.page-teams-surveys #edit-table tr th:nth-child(4n + 4) {
  background-color: #f5f5f5;
}

.page-teams-surveys #edit-table tr th:nth-child(4n + 5) {
  background-color: #f5f5f5;
}

.page-teams-surveys #edit-table tbody tr td:nth-child(4n + 2) {
  background-color: #fff;
}

.page-teams-surveys #edit-table tbody tr td:nth-child(4n + 3) {
  background-color: #fff;
}

.page-teams-surveys #edit-table tbody tr td:nth-child(4n + 4) {
  background-color: #f5f5f5;
}

.page-teams-surveys #edit-table tbody tr td:nth-child(4n + 5) {
  background-color: #f5f5f5;
}

#users-form,
.page-all-institutions-list #edit-table,
.page-teams #edit-table,
.page-all-institutions-list .institutions-form,
.page-all-institutions-list #teams-form,
.page-teams .institutions-form,
.page-teams #teams-form,
.team-goals,
.surveyresults {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.content-box {
  background-color: white;
}

.page-teams #edit-table,
.page-teams .team-goals,
.page-all-institutions-list #edit-table,
.page-all-institutions-list .team-goals,
.view-about-your-team-dashboard #edit-table,
.view-about-your-team-dashboard .team-goals {
  box-shadow: none;
}

.page-teams-viewgoals .team-goals,
.page-teams-surveys .team-goals {
  box-shadow: none;
}
.page-teams-viewgoals .team-goals .col-lg-12,
.page-teams-surveys .team-goals .col-lg-12 {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.page-teams-surveys .team-goals .col-lg-12 {
  box-shadow: none;
}

.page-surveys-courses .team-goals {
  background-color: #fff;
  padding: 30px 40px 30px 40px;
  border-radius: 16px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-surveys-courses .team-goals .course-results {
  margin-bottom: 20px;
  color: #545454;
  font-family: "RalewayLight";
  font-size: 26px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 45px;
}
.page-surveys-courses .team-goals .surveyresults {
  box-shadow: none;
}
.page-surveys-courses .team-goals .surveyresults th {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
  position: relative;
  right: 3px;
}
.page-surveys-courses .team-goals .surveyresults tbody td {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.page-notifications .view-opigno-notifications {
  margin-top: 30px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  overflow: hidden;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  font-weight: normal;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100% !important;
  width: 100% !important;
  padding: 0;
}

.bootstrap-select .dropdown-menu show {
  border: 1px solid #828282;
  border-radius: 0 0 6px 6px;
  padding: 10px;
}

.form-select {
  background: #fff !important;
  border: none !important;
  border-radius: 10px;
  color: var(--desktop-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  width: 100%;
  min-height: 55px;
  padding-top: 10px;
  padding: 0;
}
.form-select.bootstrap-select {
  margin-right: auto;
}
.form-select.bootstrap-select > .dropdown-toggle {
  background: #fff;
  border: 1px solid #828282;
  border-radius: 0.625rem;
  color: var(--desktop-text);
  font-weight: 600;
  min-height: 0;
  min-width: 13.625rem;
  padding: 20px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.form-select.bootstrap-select > .dropdown-toggle:after {
  border: none;
  content: "\f10f";
  font-size: 26px;
  color: #828282;
  letter-spacing: 2.63px;
  line-height: 25px;
  text-align: right;
  font-family: uicons-regular-rounded !important;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

form .form-submit {
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
  min-width: 8.75rem;
  float: right;
  border-radius: 6px;
  background-color: #008dd6;
  margin-top: 30px;
  margin-bottom: 10px;
  border: none !important;
  color: #fff !important;
  font-family: "RalewayBold";
  font-size: 10px;
  min-width: 8.75rem;
  float: right;
  border-radius: 6px;
  background-color: #008dd6 !important;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.ui-widget-header {
  font-weight: bold;
  color: #333;
  font-family: "OpenSansregular" !important;
  font-size: 16px;
  line-height: 22px;
  border: none;
  background: none;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  font-weight: normal;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding-top: 20px;
  padding-left: 6px;
}

.description {
  font-style: italic;
  font-size: 10px;
  font-family: "OpenSansRegular";
  color: #666666;
  margin-top: 5px !important;
}

.ui-widget.ui-widget-content {
  border-radius: 15px;
  border: none !important;
  width: 420px !important;
}

.form-select.bootstrap-select .active {
  font-weight: normal;
}

.form-select.bootstrap-select > .dropdown-menu {
  border: 1px solid #828282 !important;
  border-top: none !important;
  border-radius: 0 0 0.625rem 0.625rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 50px !important;
}

.form-select.bootstrap-select.show > .dropdown-toggle {
  border-color: #828282;
  border-bottom-color: #828282;
  border-radius: 0.625rem 0.625rem 0 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow-y: hidden;
}

.page-registration-form #edit-manual-institute,
.page-registration-form #edit-manual-team {
  border: 1px solid #828282;
}

.page-registration-form .dropdown-menu.show {
  margin-top: 0px;
}

.page-registration-form .form-select.bootstrap-select .active {
  font-weight: normal;
}

.page-registration-form .form-select.bootstrap-select > .dropdown-menu {
  border: 1px solid #828282 !important;
  border-top: none !important;
  border-radius: 0 0 0.625rem 0.625rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0px !important;
}

.page-registration-form .form-select.bootstrap-select.show > .dropdown-toggle {
  border-color: #828282;
  border-bottom-color: #828282;
  border-radius: 0.625rem 0.625rem 0 0;
}

.page-teams-addmember .form-select.bootstrap-select > .dropdown-menu {
  top: 0px !important;
}

.page-teams-addmember .dropdown-menu.show {
  margin-top: 0px;
}

.back-btn {
  position: static;
  left: 4px;
  top: 20px;
  margin-top: 20px;
}

.page-system-performance-settings #edit-clear-cache {
  display: flex;
  padding-bottom: 18px;
}

.page-system-performance-settings .js-form-item-page-cache-maximum-age {
  display: flex;
  flex-direction: column;
}

.page-system-performance-settings
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: auto !important;
  padding: 0;
}

.block-page-title-block h1 {
  font-weight: 800;
  margin-top: 20px;
}

#block-ticforteens-primaryadminactions {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#block-ticforteens-tabs > ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
#block-ticforteens-tabs > ul a {
  -webkit-box-align: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 0.625rem;
  color: #2f3758;
  display: flex;
  font-weight: 600;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 90%;
  padding: 0.625rem 0.9375rem;
  text-decoration: none;
  transition: #f5f5f5 0.3s ease;
  margin-right: 10px;
  margin-bottom: 10px;
}

#block-ticforteens-primaryadminactions li {
  margin-right: 10px;
}

#block-ticforteens-tabs > ul a.is-active,
#block-ticforteens-tabs > ul a:hover {
  background: #828282;
}

.section-admin .action-list .form-submit {
  float: none;
  background-color: transparent !important;
  color: #1d1d1d !important;
  margin-top: 0px;
}

.section-admin form .dropbutton-action .form-submit {
  float: none;
  background-color: transparent !important;
  color: #1d1d1d !important;
  margin-top: 0px;
}

.section-admin .form-select.bootstrap-select > .dropdown-toggle {
  background-color: white;
  min-height: 0px;
  padding: 20px;
  border-color: #828282;
}

.section-admin .form-select.bootstrap-select .dropdown-menu {
  top: 0px !important;
  background-color: white;
}
.section-admin .form-select.bootstrap-select .dropdown-menu.show {
  margin-top: 0px;
}

.section-admin .dropdown.bootstrap-select .form-select {
  border-radius: 0.625rem;
}

.section-admin .form-select.bootstrap-select.show > .dropdown-toggle {
  border-color: #828282;
}

.section-admin .ui-widget.ui-widget-content {
  border-radius: 15px;
  border: none !important;
  width: 75% !important;
}

.section-admin
  .entity-view-edit-form
  .page-entity-view-edit-form
  .views-ui-dialog
  .views-offset-top {
  border-bottom: none;
  display: flex;
  flex-direction: row;
}

.section-admin
  .js-form-item.form-item.js-form-type-select.form-item-override-dropdown {
  display: block;
}

.section-admin .views-override.clearfix.form--inline.views-offset-top {
  display: flex;
}

.section-admin .page-entity-view-edit-form .views-ui-dialog .views-offset-top {
  border-bottom: none;
  display: flex;
  flex-direction: row;
}

.section-admin #views-filterable-options-controls {
  display: flex;
}

.section-admin .ui-dialog .ui-dialog-content {
  padding: 0px;
}

.section-admin .views-ui-dialog .scroll {
  padding: 0px;
}

.section-admin .views-filterable-options th {
  position: relative;
  box-sizing: border-box;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-align: left;
  color: #232429;
  background: #f3f4f9;
  line-height: 1.25rem;
}

.section-admin .ui-dialog > .ui-dialog-buttonpane {
  color: #232429;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #f3f4f9;
}

.section-admin .ui-helper-clearfix {
  position: relative;
  box-sizing: border-box;
  padding: 1rem 4rem 1rem 1.5rem;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #232429;
  line-height: 2rem;
}

.section-admin .ui-dialog-titlebar-close {
  color: #ffffff;
  right: 0.9em;
}

.section-admin .views-ui-dialog .views-offset-bottom {
  border-top: none;
}

.section-admin .js-form-item-override-controls-options-search,
.section-admin .js-form-item-override-controls-group {
  display: flex;
  flex-direction: column;
}

.section-admin .views-ui-dialog .views-offset-top {
  border-bottom: none;
}

.section-admin .js-form-submit {
  color: #1d1d1d;
  background-color: #d3d4d9;
  border: none;
}
.section-admin .js-form-submit:hover {
  background-color: #d3d4d9;
  color: #1d1d1d;
}

.section-admin .button--primary.js-form-submit {
  color: #fff;
  background-color: #003cc5;
  border: none;
}

.section-admin .ui-dialog {
  padding: 0px;
}

header .block-notifications__i tem--notifications {
  width: 36px;
  height: 36px;
}

header .block-notifications .marker {
  background: #ff0000 !important;
  left: 19px;
  top: -39px !important;
  width: 10px !important;
  height: 10px !important;
}

.page-front .view-your-worksheets .views-row .views-field-nothing {
  border-bottom: 1px solid #afafaf;
  padding: 10px 0px 10px 0px;
}

.page-front .surveystatus {
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  width: auto;
  padding-top: 10px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-front .surveystatus table thead th {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
}
.page-front .surveystatus table tbody td {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  border-bottom: 1px solid #e7e7e7 !important;
  padding-bottom: 14px !important;
  padding-top: 20px !important;
}
.page-front .surveystatus table tbody td a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}

.page-front .your-team-courses-block-1 .views-field-field-course {
  padding-left: 0px;
}

.page-front .view-your-worksheets .views-row .views-field .field-content a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}

.page-front .view-opigno-calendar .content-box__info .pager__item a::before {
  color: var(--desktop-text);
  font-family: uicons-regular-rounded !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  display: block;
  text-transform: none;
  line-height: 19px;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
}

.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .about-team-label {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 2px;
}

.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-label
  .about-team-label {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
}

.dashboard-column-wrapper.three-col-layout {
  margin-bottom: 30px;
}

.dashboard-region-top .block-page-title-block h1 {
  text-transform: capitalize;
  margin-top: 60px;
  color: #545454;
  font-family: "RalewayRegular";
  font-size: 38px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 45px;
}

.page-front .view-opigno-calendar.single-day-active {
  margin-bottom: 160px;
}

.page-front .view-opigno-calendar {
  margin-bottom: 0px;
}

.page-front .view-your-team-surveys .view-empty p {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}

.page-front .view-latest-active-trainings .views-row {
  border-bottom: 1px solid #afafaf;
  padding: 10px 0px 10px 0px;
}

.page-front .view-your-team-surveys,
.page-front .getting-started,
.page-front .view-your-team-activities-dash-board,
.page-front .view-your-team-courses,
.page-front .view-latest-active-trainings,
.page-front .view-your-worksheets {
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-front .view-your-team-surveys .content-box__title,
.page-front .getting-started .content-box__title,
.page-front .view-your-team-activities-dash-board .content-box__title,
.page-front .view-your-team-courses .content-box__title,
.page-front .view-latest-active-trainings .content-box__title,
.page-front .view-your-worksheets .content-box__title {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.page-front .view-your-team-surveys ul,
.page-front .getting-started ul,
.page-front .view-your-team-activities-dash-board ul,
.page-front .view-your-team-courses ul,
.page-front .view-latest-active-trainings ul,
.page-front .view-your-worksheets ul {
  padding: 0px;
}
.page-front .view-your-team-surveys ul li,
.page-front .getting-started ul li,
.page-front .view-your-team-activities-dash-board ul li,
.page-front .view-your-team-courses ul li,
.page-front .view-latest-active-trainings ul li,
.page-front .view-your-worksheets ul li {
  list-style-type: none;
  margin-bottom: 7px;
  border-bottom: 1px solid #afafaf;
  padding: 10px 0px 10px 0px;
}
.page-front .view-your-team-surveys ul li a,
.page-front .getting-started ul li a,
.page-front .view-your-team-activities-dash-board ul li a,
.page-front .view-your-team-courses ul li a,
.page-front .view-latest-active-trainings ul li a,
.page-front .view-your-worksheets ul li a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}
.page-front .view-your-team-surveys .content-box,
.page-front .getting-started .content-box,
.page-front .view-your-team-activities-dash-board .content-box,
.page-front .view-your-team-courses .content-box,
.page-front .view-latest-active-trainings .content-box,
.page-front .view-your-worksheets .content-box {
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
}
.page-front
  .view-your-team-surveys
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td,
.page-front
  .getting-started
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td,
.page-front
  .view-your-team-activities-dash-board
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td,
.page-front
  .view-your-team-courses
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td,
.page-front
  .view-latest-active-trainings
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td,
.page-front
  .view-your-worksheets
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td {
  border-bottom: none;
  padding: 7px;
  height: 0px;
  border-bottom: 1px solid #afafaf;
  padding: 10px 0px 10px 0px;
}
.page-front
  .view-your-team-surveys
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a,
.page-front
  .getting-started
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a,
.page-front
  .view-your-team-activities-dash-board
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a,
.page-front
  .view-your-team-courses
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a,
.page-front
  .view-latest-active-trainings
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a,
.page-front
  .view-your-worksheets
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}
.page-front
  .view-your-team-surveys
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg,
.page-front
  .getting-started
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg,
.page-front
  .view-your-team-activities-dash-board
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg,
.page-front
  .view-your-team-courses
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg,
.page-front
  .view-latest-active-trainings
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg,
.page-front
  .view-your-worksheets
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg {
  fill: #00abe0;
  width: 18px;
  height: 18px;
  position: relative;
  bottom: 4px;
  left: 5px;
}
.page-front
  .view-your-team-surveys
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path,
.page-front
  .getting-started
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path,
.page-front
  .view-your-team-activities-dash-board
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path,
.page-front
  .view-your-team-courses
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path,
.page-front
  .view-latest-active-trainings
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path,
.page-front
  .view-your-worksheets
  .content-box
  .your-team-activities-dash-board-block-1
  tbody
  tr
  td
  a
  svg
  path {
  fill: #00abe0;
  stroke: #00abe0;
}

.page-front .calendar-calendar td {
  font-family: "OpenSansRegular";
  font-size: 12px;
}
.page-front .calendar-calendar td .inner a {
  color: #00abe0;
}

.page-front .dashboard .calendar-calendar th {
  font-family: "OpenSansRegular";
  font-size: 12px;
}

.page-front .view-footer a span {
  color: #00abe0;
  font-family: "OpenSansRegular";
}

.page-front .trigger-btn .btn-rounded {
  background-color: #008dd6;
  color: #fff;
  border: none;
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  border-radius: 6px;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
}

.page-front
  .view-opigno-calendar[class*="month"]
  td.single-day.single-day-active
  .inner:after {
  background: #00abe0;
}

.page-front .view-opigno-calendar {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: none;
  padding: 15px 70px 15px 40px;
  margin-bottom: 0px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-front .view-opigno-calendar .content-box__info {
  margin-bottom: 12px;
}
.page-front .view-opigno-calendar .month-view table tr {
  color: #303030;
  font-family: "RalewayBold";
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}
.page-front .view-opigno-calendar .btn-add a {
  border: 2px solid #00abe0;
}
.page-front .view-opigno-calendar .content-box__info h3 {
  color: #303030;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}

.page-front .view-opigno-notifications {
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-front .view-opigno-notifications .content-box__title {
  color: #303030;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 30px;
}
.page-front .view-opigno-notifications .notification .content-box__title {
  color: #303030;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}
.page-front .view-opigno-notifications .notification a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: none;
  background-color: transparent;
  padding-bottom: 18px;
  border-radius: 0px;
  padding-left: 0px;
}
.page-front .view-opigno-notifications .notification a:hover {
  background-color: transparent;
  box-shadow: none;
}

.page-front .view-about-your-team-dashboard .views-field-nothing {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team {
  margin-bottom: 10px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals {
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 12px 15px 15px 12px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-goals,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-goals {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-goals
  ul,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-goals
  ul {
  list-style-type: none;
  padding: 0px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-goals
  ul
  li,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-goals
  ul
  li {
  padding-bottom: 10px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .teams-settings
  a
  img,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .goals-settings
  a
  img,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .teams-settings
  a
  img,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .goals-settings
  a
  img {
  width: 17px;
  height: 17px;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-header,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .goals-header,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-header,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .goals-header {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-title,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-focus,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .about-your-team
  .team-service,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-title,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-focus,
.page-front
  .view-about-your-team-dashboard
  .views-field-nothing
  .your-team-goals
  .team-service {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  flex-direction: column;
  margin-bottom: 5px;
  display: flex;
}

.section-calendar .form-select.bootstrap-select > .dropdown-menu {
  border: 1px solid #828282 !important;
  border-top: none !important;
  border-radius: 0 0 0.625rem 0.625rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0 !important;
  margin: 0;
}

.section-calendar .form-select.bootstrap-select.show > .dropdown-toggle {
  border-color: #828282;
  border-bottom: none;
  border-bottom-color: #828282;
  border-radius: 0.625rem 0.625rem 0 0;
}

.section-calendar .bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  height: 180px;
}

.page-entity-group-canonical .lp-table-wrapper {
  color: #303840;
  font-family: "OpenSansRegular";
  letter-spacing: 0;
  line-height: 14px;
}
.page-entity-group-canonical .lp-table-wrapper a {
  color: #303840;
  font-family: "OpenSansRegular";
  letter-spacing: 0;
  line-height: 14px;
}

.page-entity-group-canonical .icon_state span {
  color: #303840;
  font-family: "OpenSansRegular";
  letter-spacing: 0;
  line-height: 14px;
}

.page-entity-group-canonical .lp-info .labels {
  color: #303030;
  font-family: "RalewayBold";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}

.page-entity-group-canonical .lp-info .action-wrapper a {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  line-height: 14px;
}

.page-entity-group-canonical .lp-global-progress .lp-global-progress-title {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.page-entity-group-canonical .lp-content__bottom .quickedit-field {
  color: #303840;
  font-family: "OpenSansRegular";
  line-height: 14px;
}
.page-entity-group-canonical .lp-content__bottom .quickedit-field div {
  padding-bottom: 10px;
}

.page-entity-group-canonical .block-page-title-block {
  margin-bottom: 30px;
}

.page-entity-group-canonical .lp-title {
  color: #303030;
  font-family: "RalewayBold";
  line-height: 19px;
  text-align: center;
}

.page-entity-group-canonical .lp-update-date {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}

.page-entity-group-canonical .quickedit-field a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  line-height: 14px;
  text-decoration: none;
}

.page-opigno-module-group-answer-form .block-page-title-block {
  margin-bottom: 30px;
}

.page-opigno-module-group-answer-form
  .content-box.p-0.opigno-lp-step-activity
  h3 {
  color: #303030;
  font-family: "RalewayBold";
  line-height: 19px;
  text-align: center;
}

.page-opigno-module-group-answer-form h4.module-title.open {
  color: #303030;
  font-family: "RalewayBold";
  line-height: 19px;
  text-align: center;
}

.page-opigno-module-group-answer-form .passed-activities,
.page-opigno-module-group-answer-form .lp_progress_label {
  font-family: "OpenSansRegular";
}

.page-opigno-module-group-answer-form
  .content-box.opigno_activity__wrapper
  .module-title {
  color: #303030;
  font-family: "RalewayBold";
  line-height: 19px;
  text-align: center;
}

.page-opigno-module-group-answer-form
  .content-box.opigno_activity__wrapper
  .h5p-question-introduction
  p {
  font-family: "OpenSansRegular";
}

.page-opigno-module-group-answer-form
  .content-box.opigno_activity__wrapper
  .h5p-answers
  li {
  font-family: "OpenSansRegular";
}

.page-opigno-module-group-answer-form
  .content-box.opigno_activity__wrapper
  .activities-list
  a {
  font-family: "OpenSansRegular";
}

.toolbar-tray-open #block-ticforteens-pagetitle .block-page-title-block h1 {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 2.37rem;
  text-transform: capitalize;
  font-weight: 300;
  margin: 0px;
  line-height: 45px;
}

.toolbar-tray-open .training__title {
  font-weight: 800;
  margin-bottom: 1.25rem;
  font-family: "RalewayBold";
  line-height: 19px;
  margin-top: 10px;
}

.toolbar-tray-open .training__status .state {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  font-family: "RalewayBold";
  line-height: 19px;
}

.toolbar-tray-open .training__status .label {
  margin-bottom: 0.625rem;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .training__dates .value {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "RalewayBold";
}

.toolbar-tray-open .training__dates .label {
  margin-bottom: 0.625rem;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .training__progress .label {
  margin-bottom: 0.625rem;
  font-family: RalewayRegular;
}

.toolbar-tray-open .training__score .label {
  margin-bottom: 0.625rem;
  font-family: RalewayRegular;
}

.toolbar-tray-open .module__title {
  display: flex;
  font-weight: 700;
  font-family: "RalewayBold";
  margin-bottom: 1.25rem;
}

.toolbar-tray-open .module__status .status {
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  font-family: "RalewayBold";
  text-transform: uppercase;
}

.toolbar-tray-open .module__status .label {
  margin-bottom: 1.0625rem;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .module__progress .value {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "RalewayBold";
  font-size: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "RalewayBold";
}

.toolbar-tray-open .module__progress .label {
  margin-bottom: 1.25rem;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .module__completed-on .label {
  margin-bottom: 1.25rem;
  font-family: RalewayRegular;
}

.toolbar-tray-open .module__completed-on .value {
  margin-bottom: 1.25rem;
  font-family: RalewayBold;
}

.toolbar-tray-open .module__time-spent .label {
  margin-bottom: 1.25rem;
  font-family: RalewayRegular;
}

.toolbar-tray-open .module__time-spent .value {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "RalewayBold";
}

.toolbar-tray-open .module__badges-earned .label {
  margin-bottom: 1.25rem;
  font-family: RalewayRegular;
}

.toolbar-tray-open .module__badges-earned .value {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "RalewayBold";
}

.toolbar-tray-open .statistics-table thead th {
  border-bottom: 1px solid var(--desktop-text);
  font-family: "RalewayBold";
}

.toolbar-tray-open .statistics-table td .progress {
  height: auto;
  overflow: visible;
  line-height: normal;
  font-size: inherit;
  border-radius: 0;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .statistics-table td:last-child {
  padding-right: 0;
  text-align: right;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .activity-info__item .value {
  display: flex;
  justify-content: center;
  -webkit-box-pack: center;
  font-size: 1.5rem;
  font-weight: 700;
  -webkit-box-flex: 0;
  flex: 0 0 3.125rem;
  margin-right: auto;
  font-family: "RalewayBold";
}

.toolbar-tray-open .activity-info__item .label {
  -webkit-box-flex: 0;
  flex: 0 0 8.75rem;
  padding-right: 10px;
  font-family: "RalewayRegular";
}

.toolbar-tray-open .activity-table td.name {
  width: auto;
  font-family: "RalewayRegular";
}

.section-group form #edit-cancel {
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "RalewayBold";
  font-size: 10px;
}

.section-group .block-page-title-block {
  margin-bottom: 25px;
}

.section-module #sidebar-first + div {
  margin-top: 0px;
}

.section-module .block-page-title-block {
  margin-bottom: 25px;
}

.section-admin .group-form #edit-submit {
  background: none;
  white-space: normal;
}

.page-front .getting-started {
  margin-bottom: 30px;
}

form #edit-submit {
  margin-left: 15px !important;
}

form #edit-delete,
form #edit-cancel {
  background: none !important;
  border: 2px solid #008dd6 !important;
  font-size: 10px !important;
  color: #008dd6 !important;
  border-radius: 6px;
  order: 1;
  display: flex;
}
form #edit-delete:hover,
form #edit-cancel:hover {
  background: #c2c2c2 !important;
  color: #5c5c5c !important;
  border-color: #5c5c5c !important;
}
form #edit-delete:focus,
form #edit-cancel:focus {
  box-shadow: none;
}

.remove-button.button.js-form-submit.form-submit {
  background: none !important;
  border: 2px solid #008dd6 !important;
  font-size: 10px !important;
  color: #008dd6 !important;
  border-radius: 6px;
}
.remove-button.button.js-form-submit.form-submit:hover {
  background: #c2c2c2 !important;
  color: #5c5c5c !important;
  border-color: #5c5c5c !important;
}

.page-entity-group-add-form.section-admin .group-form .form-item > .field {
  max-width: 100% !important;
}

.page-entity-group-add-form.section-admin .form-item {
  display: block;
}

.section-goals-form .strategies .description {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  font-style: normal;
}

.section-goals-form .goalDesc p {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  text-align: left;
  margin-top: 16px;
  text-transform: none;
  font-weight: 100;
}
.section-goals-form .goalDesc p:last-child {
  border-bottom: 1px solid #afafaf;
  padding-bottom: 15px;
}

.section-goals-form span.check-goal_odd {
  background: url(../images/check-goal_odd.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-goals-form span.check-goal_even {
  background: url("../images/check-goal_even.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-goals-form #block-ticforteens-pagetitle .block-page-title-block h1 {
  font-weight: bold;
}

.section-goals-form .team-goals {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 30px 5px 30px;
  margin-top: 30px;
  margin-bottom: 70px;
}

.section-goals-form .team_goals_wrapper {
  min-height: 104px;
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 20px;
  width: 90%;
}

.section-goals-form .view-about-your-team {
  min-height: 242px;
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 20px;
  width: 90%;
}

.section-goals-form #block-views-block-about-your-team-block-1 {
  margin-bottom: 40px;
}

.section-goals-form .content-box__title,
.section-goals-form .team_goals_wrapper h3 {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 16px;
  text-align: left;
  line-height: 19px;
  text-transform: none;
  margin-bottom: 15px;
}

.section-goals-form .views-field-label,
.section-goals-form .views-field-field-service-setting {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.section-goals-form .views-field-label .views-label,
.section-goals-form .views-field-field-service-setting .views-label {
  color: #303840;
  font-family: "RalewayBold";
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 3px;
}
.section-goals-form .views-field-label .field-content,
.section-goals-form .views-field-field-service-setting .field-content {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  line-height: 14px;
}
.section-goals-form .views-field-label .field-content a,
.section-goals-form .views-field-field-service-setting .field-content a {
  color: #303840;
  text-decoration: none;
}

.section-goals-form .register-title {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 0px;
}
.section-goals-form .register-title label {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.section-goals-form .register-title.js-form-item label {
  color: #545454;
  font-family: "RalewayMedium";
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.section-goals-form .goaltitle {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 11px;
  margin-top: 16px;
  text-transform: none;
  font-weight: 100;
}

.section-goals-form .fieldgroup > legend {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding-bottom: 11px;
}

.section-goals-form #sidebar-first + div {
  margin-top: 0px;
}

.section-goals-form .strategies .form-submit.form-disabled {
  background-color: #a4a4a2 !important;
  color: #656564 !important;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.section-goals-form .strategies .form-submit {
  background-color: #008dd6 !important;
  pointer-events: all;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  color: #fff !important;
}

.section-goals-form .goals .form-disabled .form-submit {
  background-color: #a4a4a2 !important;
  color: #656564 !important;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.section-goals-form .goals .form-submit {
  background-color: #008dd6 !important;
  pointer-events: all;
  font-family: "RalewayBold";
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  color: #fff !important;
}

.section-goals-form .fieldgroup {
  border-radius: 0px;
  box-shadow: none;
  padding-bottom: 0px;
  padding-left: 0px;
}

.section-goals-form #edit-options .js-form-type-checkbox,
.section-goals-form .form-checkboxes .js-form-type-checkbox {
  border: 1px solid #00abe0;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 20px !important;
}
.section-goals-form #edit-options .js-form-type-checkbox .option,
.section-goals-form .form-checkboxes .js-form-type-checkbox .option {
  color: #008dd6;
  font-family: "OpenSansRegular";
  font-size: 16px;
  min-height: 70px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center !important;
  width: 100%;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-goals-form .bgimage img {
  max-height: 100px;
  width: 100%;
  margin-bottom: 30px;
}

.section-goals-form .selectgoals .form-checkbox,
.section-goals-form .strategies .form-checkbox {
  opacity: 0;
  display: none;
}

.section-goals-form .tableactvities .form-checkbox {
  opacity: 1;
  display: block;
  margin-top: 0px;
  margin-left: 5px;
}

.goals .bgchecked,
.strategies .bgchecked {
  background-color: #00abe0 !important;
  width: 100%;
  font-family: "OpenSansRegular";
  font-size: 16px;
  text-align: center !important;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 6px;
}
.goals .bgchecked .option,
.strategies .bgchecked .option {
  color: #fff !important;
}

#edit-2--wrapper {
  margin-top: 0px;
  padding: 0px;
}

.page-team-goals #block-ticforteens-pagetitle .block-page-title-block h1 {
  font-family: "RalewayMedium";
  position: relative;
  top: 30px;
}

.page-team-goals .view-your-team-activities .views-field-nothing .row,
.page-team-goals .view-your-team-resources .views-field-nothing .row {
  border-bottom: 1px solid #e7e7e7;
}

.page-team-goals .view-your-team-activities .content-box__title,
.page-team-goals .view-your-team-resources .content-box__title {
  color: #303840;
  font-family: "RalewayMedium";
  font-size: 24px;
  line-height: 29px;
  text-align: left;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 8px;
  text-transform: capitalize;
}

.goalResult {
  display: flex;
  flex-direction: column;
}
.goalResult .tableHeader .headerName {
  color: transparent !important;
}
.goalResult .tableHeader th {
  border-bottom: 1px solid #303840;
  padding: 0px;
  padding-bottom: 12px !important;
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
}
.goalResult #edit-table {
  width: 100%;
  position: relative;
  bottom: 32px;
}
.goalResult table {
  border-collapse: separate;
  border-spacing: 0 1em;
}
.goalResult table:first-child {
  border-spacing: 0em;
}
.goalResult table thead th {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  padding: 0px;
}
.goalResult .tableHeader {
  border-bottom: 1px solid #303840;
}
.goalResult .tableHeader .headerName {
  border-bottom: 1px solid #303840;
  width: 15%;
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
}
.goalResult tbody tr td {
  border: none;
  padding: 0px;
}
.goalResult .imageTitle {
  display: block;
}
.goalResult .imageTitle .headerTitle {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 28px;
  line-height: 33px;
}
.goalResult .imageTitle span {
  float: right;
}
.goalResult #edit-table .resourceType {
  width: 12%;
}
.goalResult #edit-table .select-all {
  opacity: 0;
}
.goalResult #edit-table tbody tr {
  box-sizing: border-box;
  border: 1px solid rgba(151, 151, 151, 0.24);
  border-radius: 10px;
  background-color: #f6f6f6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
}
.goalResult #edit-table tbody tr td {
  border-bottom: none;
  padding: 18px 7px 18px 8px !important;
  border-bottom: none;
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  height: auto;
}
.goalResult #edit-table tbody tr td:nth-child(2) {
  width: 13%;
  margin-left: 20px;
}
.goalResult #edit-table tbody tr td:nth-child(3) {
  margin-left: 4rem;
}
.goalResult #edit-table tbody tr td img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.goalResult .title {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 15px;
}
.goalResult .goal_odd {
  margin-bottom: 15px;
  background-color: #3c5bbd;
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  color: #ffffff;
  font-family: "OpenSansBold";
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding-left: 10px;
  padding-right: 10px;
}
.goalResult .goal_odd span {
  color: #ffffff;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.goalResult .goal_even {
  margin-bottom: 15px;
  background-color: #1f9d78;
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  color: #ffffff;
  font-family: "OpenSansBold";
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding-left: 10px;
  padding-right: 10px;
}
.goalResult .goal_even span {
  color: #ffffff;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.goalResult .submitBtn {
  order: 3;
}

.tableactvities #edit-table thead {
  position: relative;
  right: 7px;
}
.tableactvities #edit-table thead .goal_odd {
  padding: 10px;
  min-height: 60px;
  /*word-break: break-all;*/
  word-break: auto-phrase;
  margin-right: 2px;
  margin-left: 2px;
  max-width: 100%;
  min-width: 245px;
}
.tableactvities #edit-table thead .goal_even {
  padding: 10px;
  min-height: 60px;
  /*word-break: break-all;*/
  word-break: auto-phrase;
  margin-left: 2px;
  margin-right: 2px;
  max-width: 100%;
  min-width: 245px;
}

.page-teams-viewgoals .headerTitle {
  color: #545454;
  font-family: "RalewayBold";
  font-size: 28px;
  line-height: 33px;
}

.page-teams-viewgoals .title {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 12px;
}

.page-teams-viewgoals .view-your-team-resources {
  margin-left: 22px;
}
.page-teams-viewgoals
  .view-your-team-resources
  .views-field-title
  .field-content
  a {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  border-bottom: 1px solid #e7e7e7;
  padding: 2px 0px 15px 0px !important;
  width: 100% !important;
  display: inline-block;
  text-decoration: none;
  pointer-events: auto;
}

.page-teams-viewgoals .block-page-title-block h1 {
  margin-bottom: 30px;
}

.page-teams-viewgoals .views-row {
  margin-bottom: 20px;
}
.page-teams-viewgoals .views-row svg.ext {
  width: 28px;
  padding-right: 10px;
  height: 28px;
  fill: #17a2b8;
  position: relative;
  bottom: 5px;
  margin-left: 7px;
}
.page-teams-viewgoals .views-row svg.ext path {
  stroke: #17a2b8;
}
.page-teams-viewgoals .views-row .resource-title-body {
  max-width: 490px;
}
.page-teams-viewgoals .views-row .resource-title-body .resource-title a {
  color: #373737;
  font-family: "OpenSansBold";
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: block;
  pointer-events: auto;
}
.page-teams-viewgoals
  .views-row
  .resource-title-body
  .resource-title
  a
  svg.ext {
  width: 28px;
  padding-right: 10px;
  height: 28px;
  fill: #17a2b8;
  position: relative;
  bottom: 4px;
  margin-left: 7px;
}
.page-teams-viewgoals
  .views-row
  .resource-title-body
  .resource-title
  a
  svg.ext
  path {
  stroke: #17a2b8;
}
.page-teams-viewgoals .views-row .resource-title-body .resource-summary {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 11px;
  line-height: 15px;
  margin-top: 8px;
}

.page-teams-viewgoals .team-goals .col-lg-12 {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 22px 30px 30px 30px;
  margin-bottom: 100px;
}

.page-teams-viewgoals #edit-teamgoals {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.page-teams-viewgoals #edit-teamgoals .form-item {
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 10px 30px 0px 30px;
  margin-bottom: 30px;
  margin-right: 15px;
}
.page-teams-viewgoals #edit-teamgoals .form-item label {
  color: #000000;
  font-family: "RalewayBold";
  font-size: 13px;
  line-height: 14px;
  text-align: center;
}
.page-teams-viewgoals #edit-teamgoals .form-item .form-checkbox {
  display: none;
}
.page-teams-viewgoals
  #edit-teamgoals
  .view-your-team-activities
  .content-box__title,
.page-teams-viewgoals
  #edit-teamgoals
  .view-your-team-resources
  .content-box__title {
  color: #303840;
  font-family: "RalewayBold";
  font-size: 24px;
  line-height: 29px;
  text-align: left;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 8px;
  text-transform: capitalize;
}

.tableHeader th:nth-child(3) {
  position: relative;
  right: 12px;
}

.targetedChange.row {
  position: relative;
  right: 25px;
}

.section-goals-form form .form-submit {
  margin-top: 0px;
  margin-bottom: 40px;
}

.page-team-member-add #block-ticforteens-pagetitle .block-page-title-block h1 {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 2.37rem;
  text-transform: capitalize;
  font-weight: 300;
  margin: 0px;
  line-height: 45px;
  text-align: center;
  margin-bottom: 30px;
}

.page-team-member-add .page-main .row .col-lg-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.page-team-member-add .page-main .row .col-lg-12 .teams-add-member label {
  font-size: 16px;
}
.page-team-member-add
  .page-main
  .row
  .col-lg-12
  .teams-add-member
  .js-form-item {
  padding-bottom: 20px;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.page-entity-opigno-calendar-event-add-form
  .opigno-calendar-event-form
  .field--name-field-calendar-event-members
  .form-item {
  display: block;
}

.page-entity-opigno-calendar-event-add-form
  .js-form-type-date
  .field
  .form-date,
.page-entity-opigno-calendar-event-add-form
  .js-form-type-date
  .field
  .form-time {
  border: 1px solid #828282;
  border-radius: 6px;
  padding: 20px;
  height: auto;
  width: 355px;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  margin-left: 0px;
  margin-right: 10px;
}

.page-teams-view #block-ticforteens-pagetitle .block-page-title-block h1 {
  margin-bottom: 22px;
}

.page-teams-view #edit-presurvey .field,
.page-teams-view #edit-recomended-courses .field,
.page-teams-view #edit-worksheets .field,
.page-teams-view #edit-postsurvey .field {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.page-teams-view #edit-presurvey .field::after,
.page-teams-view #edit-recomended-courses .field::after,
.page-teams-view #edit-worksheets .field::after,
.page-teams-view #edit-postsurvey .field::after {
  background: no-repeat url("../images/info.png");
  background-size: contain;
  height: 20px;
  width: 20px;
  position: absolute;
  content: "";
  right: 30px;
  margin-top: 10px;
}

.page-teams-view .surveySchedule {
  color: #303840;
  font-family: "RalewayRegular";
  font-size: 24px;
  line-height: 29px;
}

.page-teams-view .view-team-deatils .content-box__info {
  display: block;
}
.page-teams-view .view-team-deatils .content-box__info h4 {
  text-transform: capitalize;
  text-align: left;
}
.page-teams-view .view-team-deatils .content-box__info a {
  position: relative;
  bottom: 30px;
  float: right;
}
.page-teams-view .view-team-deatils .content-box__info a img {
  width: 19px;
  height: 19px;
  position: relative;
}

.page-teams-view #edit-submit {
  width: 180px;
  float: right;
  margin: 0;
}

.page-teams-view #block-ticforteens-backlinkblock {
  display: block;
  padding-top: 20px;
}

.page-teams-view .back-btn .fi-rr-arrow-left {
  font-size: 2.1875rem;
  margin: 0.125rem 0.25rem 0 0;
  color: #008dd6;
  font-family: "SF Compact";
  font-weight: 100;
  letter-spacing: 0;
  line-height: 36px;
}

.page-teams-view #sidebar-first + div {
  margin-top: 0px;
}

.page-teams-view .view-id-team_deatils .content-box__title::after {
  background: no-repeat url(../../../ticforteens/images/edit.png);
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  margin-left: 70px;
  margin-top: 4px;
}

.page-teams-view #edit-presurvey .option,
.page-teams-view #edit-recomended-courses .option,
.page-teams-view #edit-postsurvey .option {
  position: relative;
  bottom: 4px;
  left: 5px;
  width: 90%;
  margin-top: 10px;
}

.page-teams-view .presurveydates,
.page-teams-view .courseschedule,
.page-teams-view .postsurveydates {
  display: flex;
  margin-top: 15px;
}
.page-teams-view .presurveydates #edit-pre-survey-start-date,
.page-teams-view .presurveydates #edit-pre-survey-end-date,
.page-teams-view .presurveydates #edit-course-start-date,
.page-teams-view .presurveydates #edit-course-end-date,
.page-teams-view .presurveydates #edit-post-survey-start-date,
.page-teams-view .presurveydates #edit-post-survey-end-date,
.page-teams-view .courseschedule #edit-pre-survey-start-date,
.page-teams-view .courseschedule #edit-pre-survey-end-date,
.page-teams-view .courseschedule #edit-course-start-date,
.page-teams-view .courseschedule #edit-course-end-date,
.page-teams-view .courseschedule #edit-post-survey-start-date,
.page-teams-view .courseschedule #edit-post-survey-end-date,
.page-teams-view .postsurveydates #edit-pre-survey-start-date,
.page-teams-view .postsurveydates #edit-pre-survey-end-date,
.page-teams-view .postsurveydates #edit-course-start-date,
.page-teams-view .postsurveydates #edit-course-end-date,
.page-teams-view .postsurveydates #edit-post-survey-start-date,
.page-teams-view .postsurveydates #edit-post-survey-end-date {
  border: 1px solid #828282;
  border-radius: 6px;
  padding: 20px;
  height: auto;
  width: 355px;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  margin-left: 0px;
  margin-right: 10px;
}
.page-teams-view .presurveydates label,
.page-teams-view .courseschedule label,
.page-teams-view .postsurveydates label {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 16px;
}

.page-teams-view .fieldgroup > legend {
  color: #373737;
  font-family: "OpenSansRegular";
  font-weight: 100;
  font-size: 14px;
  text-align: left;
  text-transform: capitalize;
  border-bottom: 1px solid #afafaf;
  padding-bottom: 11px;
}

.page-teams-view .preSurveyBlock,
.page-teams-view .recommendedCoursesBlock,
.page-teams-view .worksheetBlock,
.page-teams-view .postSurveyBlock {
  border-radius: 16px;
  background-color: #fff;
  padding: 25px 40px 40px 40px;
  margin-bottom: 30px;
}
.page-teams-view .preSurveyBlock .js-form-item-presurvey,
.page-teams-view .preSurveyBlock .js-form-item-postsurvey,
.page-teams-view .preSurveyBlock .js-form-item-recomended-courses,
.page-teams-view .recommendedCoursesBlock .js-form-item-presurvey,
.page-teams-view .recommendedCoursesBlock .js-form-item-postsurvey,
.page-teams-view .recommendedCoursesBlock .js-form-item-recomended-courses,
.page-teams-view .worksheetBlock .js-form-item-presurvey,
.page-teams-view .worksheetBlock .js-form-item-postsurvey,
.page-teams-view .worksheetBlock .js-form-item-recomended-courses,
.page-teams-view .postSurveyBlock .js-form-item-presurvey,
.page-teams-view .postSurveyBlock .js-form-item-postsurvey,
.page-teams-view .postSurveyBlock .js-form-item-recomended-courses {
  border-bottom: 1px solid #e7e7e7;
}
.page-teams-view .preSurveyBlock h2,
.page-teams-view .recommendedCoursesBlock h2,
.page-teams-view .worksheetBlock h2,
.page-teams-view .postSurveyBlock h2 {
  color: #545454;
  font-family: "RalewayRegular";
  font-size: 28px;
  text-transform: capitalize;
  margin-top: 0;
  line-height: 33px;
}
.page-teams-view .preSurveyBlock .fieldgroup,
.page-teams-view .recommendedCoursesBlock .fieldgroup,
.page-teams-view .worksheetBlock .fieldgroup,
.page-teams-view .postSurveyBlock .fieldgroup {
  box-shadow: none;
  -webkit-box-shadow: none;
  padding-left: 0px;
}

.page-teams-view #block-ticforteens-pagetitle {
  margin-left: 0%;
  position: relative;
  margin-top: 30px;
}

.page-teams-view .view-team-deatils {
  border-radius: 16px;
  background-color: #f6f6f6;
  padding: 15px 20px 20px 20px;
  width: 80%;
}
.page-teams-view .view-team-deatils h2 {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 18px;
  line-height: 21px;
  text-align: left;
  text-transform: none;
}
.page-teams-view .view-team-deatils .views-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.page-teams-view .view-team-deatils .views-field .views-label {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
}
.page-teams-view .view-team-deatils .views-field .field-content {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
}
.page-teams-view .view-team-deatils .views-field .field-content a {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
}

.page-teams-edit
  form.editteams-form
  .form-select.bootstrap-select
  > .dropdown-menu {
  min-width: 90% !important;
  border: 1px solid #828282 !important;
  border-top: none !important;
  border-radius: 0 0 0.625rem 0.625rem;
  box-shadow: none;
  top: 0 !important;
  margin: 0;
}

.page-teams-edit
  form.editteams-form
  .form-select.bootstrap-select
  > .dropdown-menu
  .inner {
  height: 200px;
}

.page-teams-edit .description {
  margin-top: 5px !important;
  font-style: italic;
  font-size: 10px;
  font-family: "OpenSansRegular";
  color: #666666;
  width: 95%;
}

.page-teams-edit #block-ticforteens-backlinkblock {
  display: block;
  padding-top: 20px;
}

.page-teams-edit .editTeamimg img {
  width: 32px;
  height: 32px;
  float: right;
  position: relative;
  bottom: 10px;
}

.page-teams-edit #edit-submit {
  float: right;
  position: relative;
  top: 60px;
  left: 70px;
  margin-bottom: 200px;
}

.page-teams-edit .back-btn .fi-rr-arrow-left {
  font-size: 24px;
  margin: 0.125rem 0.25rem 0 0;
  color: #008dd6;
  font-family: "SF Compact";
  font-size: 30px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 36px;
}

.page-teams-edit .form-text {
  width: 95%;
}

.page-teams-edit .form-select.bootstrap-select > .dropdown-toggle {
  width: 90%;
  margin-bottom: 22px;
}

.page-teams-edit .block-page-title-block h1 {
  padding-bottom: 22px;
}

.page-teams-edit .Strategies {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
  margin-right: 1px;
}

.page-teams-edit input[type="checkbox"] {
  opacity: 0;
  display: none;
}

.page-teams-edit #edit-team .js-form-item {
  border: 1px solid #00abe0;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 20px !important;
  pointer-events: none;
}

.page-teams-edit .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
  margin-right: 1px;
}

.page-teams-edit form.editteams-form {
  border-radius: 16px;
  background-color: #fff;
  padding: 30px 60px 50px 50px;
}
.page-teams-edit form.editteams-form .js-form-item .option {
  color: #008dd6;
  font-family: "OpenSansRegular";
  font-size: 16px;
  min-height: 70px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center !important;
  width: 100%;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-teams-edit
  form.editteams-form
  .form-select.bootstrap-select
  > .dropdown-menu {
  border: 1px solid #828282 !important;
  border-top: none !important;
  border-radius: 0 0 0.625rem 0.625rem;
  box-shadow: none;
  top: 0 !important;
  margin: 0;
}
.page-teams-edit form.editteams-form .show > .btn-light.dropdown-toggle {
  border-bottom: none !important;
}
.page-teams-edit form.editteams-form h1 {
  font-family: "RalewayMedium";
  font-size: 28px;
  letter-spacing: 0;
  line-height: 33px;
  background-color: #fff;
  text-transform: capitalize;
  color: #545454;
  padding-bottom: 14px;
}
.page-teams-edit form.editteams-form h2 {
  text-transform: capitalize;
  color: #545454;
  font-family: "RalewayMedium";
  font-size: 28px;
  letter-spacing: 0;
  padding-bottom: 14px;
  line-height: 33px;
  margin-top: 35px;
}
.page-teams-edit form.editteams-form p {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  letter-spacing: 0;
  padding-bottom: 11px;
  margin-bottom: 12px;
  border-bottom: 1px solid #afafaf;
}
.page-teams-edit form.editteams-form .js-form-item label {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}

.page-teams-edit .Strategies {
  margin-bottom: 0;
}
.page-teams-edit .Strategies .strategyblock {
  margin-top: 22px;
  padding: 20px;
  flex: 40%;
  border-radius: 6px;
  background-color: #00abe0;
  text-align: center;
  flex: 40%;
}
.page-teams-edit .Strategies .strategyblock .strategies {
  border-radius: 6px;
  background-color: #00abe0;
  color: #fff;
  font-family: "OpenSansRegular";
  font-size: 16px;
  text-align: center;
}

/* .page-teams-edit .editteams-form .js-form-item-diag {
  margin-top: 20px; } */

.page-teams-edit .editteams-form .js-form-item-department12 {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .page-teams-edit .form-checkboxes .js-form-type-checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .page-teams-edit .form-checkboxes .js-form-type-checkbox {
    justify-content: space-between;
    flex: 40%;
  }
}

.page-teams-view input[type="checkbox"] {
  display: none;
}
.page-teams-view input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.page-teams-view input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  border: 1px solid #008dd6;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.page-teams-view input[type="checkbox"]:checked + label:after {
  left: 3px;
  top: 3px;
  width: 13px;
  height: 13px;
  position: absolute;
  background-color: #008dd6;
  content: "";
  display: block;
  border-radius: 50%;
}

.page-teams-view input[type="checkbox"]:not(:checked) + label:before {
  border: 1px solid #828282;
}

.page-teams-edit #edit-team .bgchecked {
  background-color: #00abe0 !important;
  width: 100%;
  font-family: "OpenSansRegular";
  font-size: 16px;
  text-align: center !important;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 6px;
}
.page-teams-edit #edit-team .bgchecked .option {
  color: #fff !important;
}

.page-teams-surveys .downloadsurveyresult {
  display: flex;
  justify-content: flex-end;
  color: #008dd6 !important;
  padding: 10px;
}
.page-teams-surveys .downloadsurveyresult a {
  font-size: 14px;
  font-family: "RalewayMedium";
  background-color: #008dd6;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px 15px 30px;
  border-radius: 6px;
  font-family: "Ralewayregular";
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

.page-teams-surveys .block-page-title-block h1 {
  margin-bottom: 20px;
}

.page-teams-surveys .js-form-item-surveys .label {
  color: #303840;
  font-family: "OpenSansRegular";
  padding: 10px 0px 10px 5px;
}

.page-teams-surveys .form-select.bootstrap-select > .dropdown-menu {
  top: 0px !important;
  margin-top: 0px;
  border-top: 1px solid #828282 !important;
  border-radius: 0.625rem;
  width: 100%;
}

.page-teams-surveys .block-page-title-block h1 {
  padding-bottom: 10px;
}

.page-teams-surveys .surveys-form .surveyresults {
  background-color: #fff;
  padding: 30px 40px 30px 40px;
  border-radius: 16px;
}
.page-teams-surveys .surveys-form .surveyresults #edit-table thead tr th {
  color: #303840;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 15px;
}
.page-teams-surveys .surveys-form .surveyresults #edit-table tbody tr td {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 14px;
  line-height: 17px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.page-teams-surveys .surveys-form #selectsurvey {
  margin-top: 30px;
}

.page-admin-list-of-activities .views-responsive-table {
  background-color: #fff;
}

@media screen and (max-width: 425px) {
  #block-ticforteens-pagetitle .block-page-title-block h1 {
    text-align: center !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .section-goals-form .status-message.error {
    margin-top: 100px;
  }
  .section-goals-form .goalResult .tableHeader .headerName {
    padding: 0px 10px 0px 10px;
  }
  .section-goals-form .team-goals {
    overflow-x: scroll;
    padding: 25px 10px 5px 10px;
  }
  .section-goals-form .view-about-your-team {
    width: 100%;
  }
  .section-goals-form .team_goals_wrapper {
    width: 100%;
  }
  .section-goals-form .register-title {
    margin-top: 20px;
  }
  .section-goals-form .tableHeader th:nth-child(3) {
    position: relative;
    right: 0px;
  }
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
  .page-teams-edit .block-page-title-block {
    padding-top: 50px !important;
    margin-top: 40px;
  }
}

.page-teams-view .block-page-title-block {
  padding-top: 65px !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .page-front header.page-header .col-right,
  .page-teams-edit header.page-header .col-right,
  .page-team-goals header.page-header .col-right,
  .page-teams header.page-header .col-right,
  .section-goals-form header.page-header .col-right,
  .page-group-add-team header.page-header .col-right,
  .page-admin-list-of-activities header.page-header .col-right,
  .page-all-institutions-list header.page-header .col-right,
  .section-teams header.page-header .col-right,
  .page-users-list header.page-header .col-right {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
  .page-front .block-page-title-block,
  .page-teams-edit .block-page-title-block,
  .page-team-goals .block-page-title-block,
  .page-teams .block-page-title-block,
  .section-goals-form .block-page-title-block,
  .page-admin-list-of-activities .block-page-title-block,
  .page-all-institutions-list .block-page-title-block,
  .section-teams .block-page-title-block,
  .page-users-list .block-page-title-block {
    padding-top: 30px;
    width: 100%;
  }
  .page-front .dashboard-region-top,
  .page-teams-edit .dashboard-region-top,
  .page-team-goals .dashboard-region-top,
  .page-teams .dashboard-region-top,
  .section-goals-form .dashboard-region-top,
  .page-admin-list-of-activities .dashboard-region-top,
  .page-all-institutions-list .dashboard-region-top,
  .section-teams .dashboard-region-top,
  .page-users-list .dashboard-region-top {
    margin-top: 50px;
  }
  .page-front .user-menu-list,
  .page-teams-edit .user-menu-list,
  .page-team-goals .user-menu-list,
  .page-teams .user-menu-list,
  .section-goals-form .user-menu-list,
  .page-admin-list-of-activities .user-menu-list,
  .page-all-institutions-list .user-menu-list,
  .section-teams .user-menu-list,
  .page-users-list .user-menu-list {
    padding-top: 0px;
    width: auto;
    position: initial;
  }
  .page-front .user-menu-item.logout,
  .page-teams-edit .user-menu-item.logout,
  .page-team-goals .user-menu-item.logout,
  .page-teams .user-menu-item.logout,
  .section-goals-form .user-menu-item.logout,
  .page-admin-list-of-activities .user-menu-item.logout,
  .page-all-institutions-list .user-menu-item.logout,
  .section-teams .user-menu-item.logout,
  .page-users-list .user-menu-item.logout {
    position: relative;
    right: initial;
    bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .page-front.toolbar-vertical .page-header .main-menu {
    top: 0px;
  }
  .page-front.toolbar-vertical .page-header .block-notifications {
    bottom: 10px;
    margin-bottom: 60px !important;
  }
  .section-admin.page-front .page-header .block-notifications {
    bottom: 360px;
  }
  .page-front .mobile-menu-btn,
  .page-not-front .mobile-menu-btn {
    display: flex;
  }
  .page-front.toolbar-vertical .page-header .block-notifications,
  .page-not-front.toolbar-vertical .page-header .block-notifications {
    position: relative;
    right: 0px;
    margin-top: 10px;
  }
  .page-front .page-header .block-notifications,
  .page-not-front .page-header .block-notifications {
    position: relative;
    bottom: 164px;
    right: 0px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .page-teams-view .block-page-title-block {
    padding-top: 10px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .page-front header.page-header .col-right {
    display: flex !important;
  }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
  .page-group-2-members-default header.page-header {
    position: static;
  }
}

@media screen and (max-width: 426px) {
  .status-message.warning {
    top: 100px;
  }
  .status-message.status {
    top: 100px;
  }
  .status-message.error {
    position: relative;
    top: 80px;
  }
  .toolbar-vertical header.page-header {
    margin-top: 39px;
  }
  .page-not-front.page-teams-surveys
    #block-ticforteens-pagetitle
    .block-page-title-block
    h1 {
    padding-top: 40px;
    font-size: 20px;
  }
  .page-not-front #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 100px;
    font-size: 20px;
  }
}

@media screen and (min-width: 425px) and (max-width: 1024px) {
  .page-user-login #user-login-form {
    width: 90% !important;
  }
}

@media screen and (max-width: 426px) {
  .page-user-login .status-message {
    margin: 0;
  }
  .page-user-login #user-login-form {
    width: 100% !important;
    position: relative;
    right: 40px;
  }
  .page-user-login #block-thankyoupageimageblock img {
    height: auto;
  }
  .page-user-login .dialog-off-canvas-main-canvas .page-main > .container {
    padding-top: 0 !important;
    margin: 0;
  }
  .page-user-login .dialog-off-canvas-main-canvas .page-main {
    padding-top: 0;
  }
  .page-user-login .dialog-off-canvas-main-canvas .page-main {
    padding-top: 0;
  }
  .page-user-login #sidebar-first + div {
    margin: 0;
  }
  .page-user-login .col-lg-9 {
    padding-top: 30px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 425px) {
  .page-user-login #edit-reset {
    font-size: 12px;
    top: 10px;
  }
  .page-user-login #edit-0 {
    font-size: 12px;
    top: 10px !important;
  }
}

@media screen and (max-width: 375px) {
  .page-user-login #edit-reset {
    font-size: 10px;
    top: 10px;
  }
  .page-user-login #edit-0 {
    font-size: 10px;
    top: 12px !important;
  }
}

@media screen and (max-width: 375px) {
  .page-users-list #edit-submit {
    position: static;
    margin-top: 20px;
  }
  .userbuttons {
    float: right;
    position: static;
    margin-left: 30px;
  }
  .uploadcsv {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 375px) and (max-width: 426px) {
  .page-users-list #tablecaption {
    font-size: 20px;
  }
  .page-users-list .userbuttons {
    float: right;
    margin-top: 50px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .page-users-list #block-ticforteens-pagetitle .block-page-title-block h1 {
    display: flex;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .page-users-list #users-form,
  .page-users-list .page-all-institutions-list #edit-table,
  .page-all-institutions-list .page-users-list #edit-table,
  .page-users-list .page-teams #edit-table,
  .page-teams .page-users-list #edit-table,
  .page-users-list .page-all-institutions-list .institutions-form,
  .page-all-institutions-list .page-users-list .institutions-form,
  .page-users-list .page-all-institutions-list #teams-form,
  .page-all-institutions-list .page-users-list #teams-form,
  .page-users-list .page-teams .institutions-form,
  .page-teams .page-users-list .institutions-form,
  .page-users-list .page-teams #teams-form,
  .page-teams .page-users-list #teams-form {
    overflow-x: scroll;
  }
}

@media screen and (max-width: 320px) {
  .page-users-list .addmember {
    margin-right: 20px;
    width: 140px;
  }
  .page-users-list .userbuttons {
    float: right;
    position: static;
    margin-left: 30px;
    display: flex;
  }
  .page-users-list .uploadcsv {
    margin-top: 0 !important;
    width: 140px;
  }
  .page-users-list #edit-submit {
    position: static;
    margin-top: 20px;
    margin-right: 50px !important;
  }
  #block-ticforteens-pagetitle .block-page-title-block h1 {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .page-team-goals #block-ticforteens-pagetitle .block-page-title-block h1 {
    font-family: "RalewayMedium";
    position: relative;
    top: 40px;
    display: flex;
    justify-content: start;
    right: 50px;
  }
}

@media screen and (min-width: 320px) and (max-width: 992px) {
  .page-teams .userbuttons {
    position: relative;
    bottom: 35px;
    left: 20px;
    margin-top: 0px;
    margin-right: 0px;
  }
  .page-teams #teams-form {
    float: initial !important;
    overflow: scroll;
  }
  .page-teams #edit-submit {
    float: left;
  }
  .page-teams #block-ticforteens-pagetitle .block-page-title-block h1 {
    margin-top: 50px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 425px) {
  .section-teams .ui-widget.ui-widget-content,
  .page-users-list .ui-widget.ui-widget-content {
    width: 100% !important;
  }
  .page-teams #block-ticforteens-pagetitle .block-page-title-block h1 {
    font-size: 25px;
    text-align: start;
  }
}

@media screen and (max-width: 768px) {
  .page-teams #block-addteam-2 {
    position: relative;
    top: 125px;
  }
  .page-teams #block-addteam-2 .create-team a {
    top: 0px;
  }
  .page-teams .status-message.status {
    position: relative;
    top: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .page-teams-edit #block-ticforteens-pagetitle {
    margin-top: 0px;
  }
}

@media screen and (max-width: 768px) {
  .page-teams-view #block-ticforteens-backlinkblock {
    padding-top: 0px;
    position: absolute;
    z-index: 1;
  }
  .page-teams-view #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 0px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .page-teams-edit #block-ticforteens-pagetitle,
  .section-teams #block-ticforteens-pagetitle {
    margin-top: 0px;
  }
  .page-teams-edit .d-none,
  .section-teams .d-none {
    position: relative;
    top: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .page-teams-edit #block-ticforteens-backlinkblock {
    display: block !important;
    padding: 0px;
    position: absolute;
    z-index: 1;
  }
}

@media screen and (min-width: 320px) and (max-width: 992px) {
  .page-teams-edit .d-none {
    display: block !important;
    position: relative;
    top: 30px;
  }
  .page-teams-edit .d-none .fi-rr-angle-small-left {
    display: none;
  }
  .page-teams-edit .editTeamimg img {
    width: 24px;
    height: 24px;
    float: right;
    position: relative;
    bottom: 2px;
  }
  .page-teams-edit form.editteams-form {
    padding: 30px 60px 50px 30px;
  }
  .page-teams-edit
    form.editteams-form
    .form-select.bootstrap-select
    > .dropdown-menu {
    width: 100%;
  }
  .page-teams-edit .form-select.bootstrap-select > .dropdown-toggle {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .page-teams-edit .editTeamimg:nth-child(8) img {
    bottom: 20px;
    left: 17px;
  }
  .page-teams-edit .form-text {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .successblock {
    margin: 20px !important;
  }
  .successblock .message {
    width: 100%;
  }
  .dialog-off-canvas-main-canvas .page-main {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 320px) and (max-width: 1200px) {
  .page-front .three-col-layout:not(.panel-open) .col-center {
    transform: none;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    z-index: auto;
    margin-top: 10px;
    display: flex;
    background-color: transparent;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-front .dashboard-region-top .block-page-title-block h1 {
    margin-top: 0px;
  }
}

@media screen and (max-width: 1024px) {
  .page-front .dashboard-region-top {
    margin-top: 0px;
  }
  .page-front .dashboard-column.col-left.col-xl-3.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-front .dashboard-column.col-right.col-xl-4.col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 426px) {
  .dashboard-region-top .block-page-title-block h1 {
    font-size: 15px;
    padding: 0;
    line-height: normal;
  }
  .page-front .trigger-btn .btn-rounded {
    border: 2px solid #00abe0;
    font-size: 10px;
    margin-top: 100px;
  }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  app-root.dashboard .trigger-btn {
    display: flex !important;
    width: 50%;
  }
}

@media screen and (max-width: 427px) {
  .page-front .surveystatus {
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    width: auto;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 768px) {
  .page-front .main-menu {
    right: 50px;
  }
  .page-not-front .page-header .mobile-header {
    padding-top: 0px !important;
  }
  .page-not-front .page-header .main-menu {
    position: relative;
    right: 50px;
  }
  .page-not-front.toolbar-vertical .user-menu-list {
    padding-top: 60px;
  }
  .page-not-front.toolbar-vertical .page-header .block-notifications {
    bottom: 0px !important;
    padding: 14px 0px 10px 0px;
  }
  .page-not-front.toolbar-vertical .page-header .main-menu {
    position: relative;
    right: 32px;
  }
  .page-header .user-menu-list .user-menu-item-text {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    font-family: "RalewayRegular";
    font-weight: 100;
    text-decoration: none;
  }
  .main-menu {
    padding-bottom: 1.875rem;
    position: relative;
    top: 40px;
    right: 22px;
    text-align: left;
  }
  .main-menu .main-menu__item:nth-child(5) {
    padding-top: 15px;
  }
  .main-menu .management a {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    font-family: "RalewayRegular";
    font-weight: 100;
    text-decoration: none;
  }
  .main-menu span {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    font-family: "RalewayRegular";
    font-weight: 100;
    text-decoration: none;
  }
  .user-menu-list {
    padding-top: 0px;
    width: auto;
    position: relative !important;
    bottom: 40px;
  }
  .page-header .block-notifications {
    margin-right: 100px;
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 1024px) {
  .page-admin-list-of-activities header.page-header .col-right {
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .page-tic-manage-users-view .row.profileview {
    margin-top: 120px;
  }
  .page-tic-manage-users-view .row.profileview .profiledetail {
    position: static;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .page-registration-form .registration {
    width: 80% !important;
    margin: 0 auto;
  }
  .page-registration-form .status-message {
    margin: 0;
  }
  .page-registration-form .dialog-off-canvas-main-canvas .page-main {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  .page-teams-view .view-team-deatils {
    width: 100% !important;
  }
  .page-teams-view .presurveydates,
  .page-teams-view .courseschedule,
  .page-teams-view .courseschedule,
  .page-teams-view .postsurveydates {
    flex-direction: column;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .page-teams-view .d-none {
    display: block !important;
    position: relative;
    top: 30px;
  }
  .page-teams-view .d-none .fi-rr-angle-small-left {
    display: none;
  }
  .page-teams-view #sidebar-first + div {
    margin-top: 20px !important;
  }
  .page-teams-view #edit-submit {
    position: static;
  }
  .page-teams-view .presurveydates #edit-pre-survey-start-date,
  .page-teams-view .presurveydates #edit-pre-survey-end-date {
    width: 100%;
  }
  .page-teams-view .courseschedule #edit-course-start-date,
  .page-teams-view .courseschedule #edit-course-end-date {
    width: 100%;
  }
  .page-teams-view .postsurveydates #edit-post-survey-start-date,
  .page-teams-view .postsurveydates #edit-post-survey-end-date {
    width: 100%;
  }
  .page-teams-view #edit-presurvey .field::after,
  .page-teams-view #edit-recomended-courses .field::after,
  .page-teams-view #edit-postsurvey .field::after {
    right: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .page-teams-surveys .surveys-form .surveyresults {
    width: 100%;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 1024px) {
  .page-front app-root .dashboard .trigger-btn {
    display: flex !important;
  }
}

@media screen and (max-width: 768px) {
  .mobile-header .user-menu-list .user-menu-item-text {
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    font-size: 1.5625rem;
    font-family: "RalewayRegular";
    font-weight: 100;
    text-decoration: none;
  }
}

@media screen and (max-width: 1024px) {
  .page-front .three-col-layout .col-left .link-box-container {
    display: none;
  }
  .content-box {
    overflow: unset !important;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .page-teams-viewgoals .view-your-team-resources {
    margin-left: 0px;
  }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
  .page-admin-list-of-activities .view-filters {
    margin: auto;
    width: min-content;
  }
}

@media screen and (max-width: 768px) {
  .page-not-front .user-menu-list .logout {
    position: relative;
  }
  .page-not-front #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 0px;
  }
  .page-not-front header.page-header .col-right {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .section-admin .button--primary.js-form-submit {
    left: 40px;
  }
  .section-admin form#user-csv-import-form {
    overflow: scroll;
  }
  .section-admin .group-form {
    overflow: unset;
    padding: 0px;
  }
  .section-admin .form-actions {
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .page-teams #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 0 !important;
  }
  .page-teams .status-message.status {
    position: relative;
    top: 90px;
  }
  #block-ticforteens-pagetitle {
    margin-left: 0%;
    position: relative;
    margin-top: 30px;
  }
  .page-teams-edit .d-none {
    display: block !important;
    margin-top: 0 !important;
  }
  .page-teams-edit #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 425px) {
  .page-all-institutions-list .ui-widget.ui-widget-content {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .page-all-institutions-list .institutions-form {
    overflow-x: scroll;
  }
  .page-all-institutions-list .institutions-form #edit-table caption {
    font-size: 20px;
    bottom: 40px;
  }
  .page-all-institutions-list
    #block-ticforteens-pagetitle
    b
    .block-page-title-block
    h1 {
    text-align: start !important;
    padding-left: 30px;
    font-size: 25px;
  }
  .page-all-institutions-list .userbuttons {
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .page-team-goals #block-ticforteens-pagetitle {
    position: relative;
    margin: 0;
    bottom: 30px;
  }
  .page-team-goals .status-message .error {
    position: relative;
    top: 80px;
  }
}

@media screen and (max-width: 426px) {
  .page-group-add-institution .field--name-field-teams .status-message.error {
    position: relative;
    top: 0px;
  }
  .page-group-add-institution
    #block-ticforteens-pagetitle
    .block-page-title-block
    h1 {
    padding-top: 70px !important;
  }
  .page-team-goals .page-main a .uploadcsv {
    position: relative;
    top: 80px;
    right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .page-teams-edit .form-text {
    width: 100%;
  }
}

@media screen and (max-width: 426px) {
  .page-not-front.section-goals-form
    #block-ticforteens-pagetitle
    .block-page-title-block
    h1 {
    padding-top: 20px;
    font-size: 20px;
  }
  .page-not-front #block-ticforteens-pagetitle .block-page-title-block h1 {
    padding-top: 100px;
    font-size: 20px;
  }
  .section-admin .status-message.error {
    position: relative;
    top: 70px;
  }
}

@media screen and (max-width: 426px) {
  .status-message.warning {
    top: 100px;
  }
  .status-message.status {
    top: 100px;
  }
  .status-message.error {
    position: relative;
    top: 80px;
  }
}

@media screen and (max-width: 425px) {
  .section-admin #block-ticforteens-pagetitle {
    margin-left: 0%;
    position: relative;
    margin-top: 70px;
  }
  .section-admin .form-managed-file img {
    max-width: 10.375rem;
    margin-bottom: 20px;
  }
  .section-admin .form-item > .label {
    font-size: 0.875rem;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    width: auto;
    padding: 10px;
  }
}

@media screen and (max-width: 768px) {
  .admin-learning-path .group-form #edit-unpublish {
    margin-left: 3.25rem !important;
  }
}

@media screen and (max-width: 768px) {
  .section-group .lp-content__top h2 {
    margin-top: 20px;
  }
  .section-group .group-content-form #edit-cancel {
    min-height: 40px !important;
    height: 0px;
    position: relative;
    top: 0px;
    width: 20px;
    min-width: 50% !important;
    margin-left: 5px;
  }
  .section-group .group-content-form #edit-submit {
    min-width: 50%;
    margin-right: 5px;
    background-color: #008dd6 !important;
  }
}

@media screen and (max-width: 426px) {
  .toolbar-vertical header.page-header {
    margin-top: 39px;
  }
}

@media screen and (min-width: 768px) {
  header.page-header {
    position: static;
  }
}

@media screen and (max-width: 768px) {
  .admin-learning-path .form-actions {
    width: fit-content;
    flex-direction: column;
  }
  .admin-learning-path .form-actions #edit-unpublish ~ #edit-delete {
    margin-right: 0;
    margin-left: 52px !important;
    width: 150px;
  }
  .admin-learning-path .group-form #edit-submit {
    background: none;
    width: 150px;
  }
  .admin-learning-path .group-form #edit-unpublish {
    margin-left: 3.25rem !important;
    margin: 0;
  }
  .admin-learning-path .group-form #edit-delete {
    margin-bottom: 0 !important;
  }
  .admin-learning-path .form-textarea {
    width: 270px;
  }
}

@media screen and (max-width: 425px) {
  .section-admin #block-ticforteens-pagetitle {
    margin-left: 0%;
    position: relative;
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 426px) {
  .section-admin .form-item,
  .admin-learning-path .form-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.875rem !important;
  }
}

@media screen and (max-width: 768px) {
  .profileview .details img {
    margin-bottom: 15px;
  }
  .page-tic-manage-users-view .details1.col-md-4 .mail {
    word-break: break-all;
  }
  .page-tic-manage-users-view .editprofile img {
    position: relative;
    bottom: 0px;
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .page-tic-manage-users-view header.page-header .col-right {
    display: none;
  }
  .page-surveys-courses .team-goals {
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .page-tic-manage-users-view .editprofile img {
    margin-left: 0px;
  }
}

@media screen and (max-width: 426px) {
  .page-tic-manage-users-view .editprofile img {
    position: absolute;
    top: 140px;
    right: 30px;
  }
}

@media screen and (max-width: 426px) {
  .user-logged-in app-root.dashboard app-panel {
    overflow-y: scroll;
    margin-top: 80px;
  }
  .user-logged-in app-root.dashboard app-panel section.layout .btn {
    margin-left: 0;
    margin-top: 20px;
  }
  .user-logged-in app-root.dashboard app-panel section.layout p {
    margin-bottom: 20px;
  }
  .user-logged-in
    app-root.dashboard
    .dashboard-column-wrapper
    section.add-blocks {
    max-width: 100%;
    margin-top: 20px;
  }
  .user-logged-in
    .dashboard-column-wrapper.panel-open[_ngcontent-c0]
    .dashboard-column[_ngcontent-c0] {
    margin-top: 20px !important;
  }
  .user-logged-in app-root.dashboard app-panel {
    overflow-y: scroll;
    margin-top: 80px;
  }
  .user-logged-in app-root.dashboard app-panel section.layout .btn {
    margin-left: 0;
    margin-top: 20px;
  }
  .user-logged-in app-root.dashboard app-panel section.layout p {
    margin-bottom: 20px;
  }
  .user-logged-in app-root.dashboard app-panel section.layout .content-box {
    display: block;
  }
  .user-logged-in
    app-root.dashboard
    .dashboard-column-wrapper
    section.add-blocks {
    max-width: 100%;
    margin-top: 20px;
  }
  .user-logged-in .dashboard-column {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .page-group-add-team .status-message.error {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 768px) {
  .tableactvities #edit-table thead .goal_odd,
  .tableactvities #edit-table thead .goal_even {
    width: max-content !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .page-not-front .main-menu__item.management,
  .page-front .main-menu__item.management {
    display: block;
    margin-bottom: 10px;
  }
  .page-surveys-courses .team-goals {
    margin-top: 120px;
    overflow-x: scroll;
    margin-bottom: 30px;
  }
  .page-all-institutions-list
    #block-ticforteens-pagetitle
    .block-page-title-block
    h1 {
    text-align: left !important;
    padding-left: 7px;
  }
  .page-all-institutions-list #edit-submit {
    right: 0px !important;
    position: relative;
    float: left;
  }
}

body {
  background-color: #e5e5e1 !important;
}

#edit-roles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-email,
.form-text,
.form-select {
  background: #fff !important;
  border: 1px solid #828282;
  border-radius: 5px;
  color: var(--desktop-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  padding: 0.625rem 1.4375rem;
  width: 100%;
  min-height: 60px;
}

.successblock {
  margin-left: 255px;
  margin-top: 70px;
}
.successblock .message {
  font-family: "OpenSansRegular";
  margin-top: 30px;
  color: #373737;
  font-size: 14px;
  width: 50%;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 40px;
}
.successblock p {
  margin-bottom: 5px;
}
.successblock p .additionalicon {
  font-size: 18px;
  color: #00abe0;
  padding-right: 15px;
  font-weight: 600;
}
.successblock p a {
  font-family: "OpenSansRegular";
  color: #00abe0;
  font-size: 16px;
  text-decoration: none;
}

.page-thankyou #block-ticforteens-pagetitle .block-page-title-block h1 {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 38px;
  font-weight: 300;
  margin-top: 75px;
}

.dialog-off-canvas-main-canvas .page-main > .container {
  padding-top: 0 !important;
}

#edit-submit {
  float: right;
}

.btn-bg {
  background-color: var(--desktop-button-color);
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
}

form .form-submit {
  background-color: var(--desktop-button-color);
  border-color: var(--desktop-button-color);
  color: var(--desktop-button-text-primary);
  min-width: 8.75rem;
}

.description {
  margin-top: 10px;
  font-style: italic;
  font-size: 10px;
  font-family: "OpenSansRegular";
  color: #666666;
}

.registration {
  width: 50%;
  margin: 0 auto;
}
.registration .js-form-item-institutionname {
  margin-top: 20px;
}
.registration .register-title {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 38px;
  font-weight: 300;
}
.registration .register-decription {
  color: #373737;
  font-family: "PoppinsRegular";
  font-size: 14px;
  margin-bottom: 20px;
}
.registration p {
  font-family: "PoppinsRegular";
  color: #373737;
  font-size: 14px;
}

#sidebar-first + div {
  /*margin-top: 30px;*/
  margin-bottom: 20px;
}

.page-footer {
  margin-top: 0 !important;
}

.registration input[type="checkbox"] {
  display: none;
}
.registration input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.registration input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  border: 1px solid #0000008f;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
.registration input[type="checkbox"]:checked + label:after {
  left: 3px;
  top: 3px;
  width: 13px;
  height: 13px;
  position: absolute;
  background-color: #00000073;
  content: "";
  display: block;
  border-radius: 50%;
}

.registration .js-form-item .label label {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 16px;
}

.registration #edit-submit {
  background-color: #008dd6;
  border: 1px solid #008dd6;
  color: #fff;
  font-family: "RaleWayBold";
  font-size: 10px;
  text-align: center;
  border-radius: 6px !important;
}

.page-footer {
  display: none;
}

header .block-notifications__item--notifications {
  background-size: contain;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
}

header .block-notifications__item--messages {
  background: url("../images/messages-off.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  margin-top: 3px;
}

header.page-header {
  background: linear-gradient(
    135deg,
    #00abe0 0%,
    #028cd3 32.88%,
    #0988c7 53.58%,
    #00abe0 100%
  );
  padding-top: 0px;
  padding-bottom: 16px;
}
header.page-header .col-left {
  padding-left: 16px;
}
header.page-header .col-right {
  display: flex;
  justify-content: end;
  padding-top: 16px;
  position: relative;
  right: 30px;
}
header.page-header .col-right .block-notifications__item--notifications,
header.page-header .col-right .block-notifications__item--messages {
  margin-right: 16px;
}

.region-main-menu ul li {
  padding-top: 10px;
}
.region-main-menu ul li.management a {
  padding-top: 4px;
  text-decoration: none;
}
.region-main-menu ul li a {
  font-size: 12px;
  font-family: "RalewayBold";
  text-transform: uppercase;
  color: #fff !important;
}

input[type="checkbox"],
input[type="radio"] {
  height: 17px;
  width: 17px;
  margin-top: 15px;
}

table .dropdown .dropdown-toggle {
  background: none;
  border: none;
  white-space: nowrap;
  background-color: #008dd6;
  border-radius: 25px;
  padding: 5px;
}
table .dropdown .dropdown-toggle .fi {
  color: #fff;
  font-family: "SF Compact";
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 29px;
  text-align: right;
}

.ui-widget.ui-widget-content {
  border-radius: 15px;
  border: 1px solid #c5c5c5;
  z-index: 120;
}

.bootstrap-select > select:disabled + button {
  opacity: 0.5 !important;
  pointer-events: none;
}

#block-ticforteens-backlinkblock {
  display: none;
}

.page-registration-form .js-form-item {
  margin-top: 22px;
}

.page-registration-form .js-form-item-manual-institute,
.page-registration-form .js-form-item-manual-team {
  border-bottom: 1px solid #979797;
  padding-bottom: 20px;
  padding-left: 50px;
}

.page-thankyou #block-ticforteens-pagetitle {
  display: none;
}

.page-thankyou .successblock p {
  margin-bottom: 6px;
}

.page-thankyou .successblock .title {
  color: #545454;
  font-family: "RalewayLight";
  font-size: 38px;
  position: relative;
  font-weight: 300;
  right: 10px;
}

.page-user-login form #edit-submit {
  order: 0 !important;
}

.page-user-login #block-thankyoupageimageblock img {
  max-height: 745px;
}

.page-user-login #edit-viewresources {
  margin-left: 15px;
}

.registration input[type="checkbox"] + label {
  margin-top: 20px;
}
.registration input[type="checkbox"] + label:before {
  border: 1px solid #008dd6;
  width: 17px;
  height: 17px;
}

.registration input[type="checkbox"]:checked + label:after {
  background-color: #008dd6;
  left: 4px;
  top: 4px;
  width: 9px;
  height: 9px;
}

.page-user-login #edit-actions {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.page-user-login #edit-submit {
  float: right;
  width: fit-content;
}

.page-user-login .page-header {
  display: none;
}

.page-user-login #user-login-form {
  width: 60%;
}

.page-user-login .col-lg-9 {
  padding-left: 100px;
  padding-top: 100px;
}

.page-user-login #edit-reset {
  color: #1d1d1d;
  position: relative;
  top: 8px;
  font-family: "RalewayRegular";
  text-decoration: none;
}

.page-user-login #edit-0 {
  float: right;
  color: #1d1d1d;
  position: relative;
  top: 8px;
  font-family: "RalewayRegular";
  text-decoration: none;
}

.page-user-login #edit-actions {
  display: flex;
  justify-content: center;
}

.page-user-login #edit-pass {
  margin-top: 10px;
}

.page-user-login form label {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 16px;
}

.dropdown.show .dropdown-item-text {
  text-align: left;
  padding: 4px 22px 8px 22px;
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 12px;
  line-height: 17px;
}

.dropdown.show .dropdown-item {
  padding: 0rem;
}

.dropdown-menu.show {
  display: block;
  margin-top: 5px;
  min-width: 100%;
}

.page-teams .form-select.bootstrap-select > .dropdown-menu {
  max-height: 50px !important;
  overflow-y: scroll !important;
}

.page-teams .form-select.bootstrap-select > .dropdown-menu .inner {
  overflow: hidden !important;
}

.page-teams ul.dropdown-menu.dropdown-menu-right.show {
  left: 50px !important;
}
.page-teams ul.dropdown-menu.dropdown-menu-right.show .dropdown-item {
  white-space: normal;
}

.page-users-list ul.dropdown-menu.dropdown-menu-right.show {
  left: 41px !important;
}

.status-message {
  padding: 1rem 3.125rem 1rem 1.9375rem;
}
.status-message.status {
  background: rgba(88, 185, 71, 0.5);
  color: #2c5326;
  font-family: "OpenSansRegular";
  font-size: 12px;
}
.status-message .fi {
  display: none;
}

@media screen and (max-width: 767px) {
  .section-goals-form .form-checkboxes .js-form-type-checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .section-goals-form .form-checkboxes .js-form-type-checkbox {
    justify-content: space-between;
    flex: 40%;
  }
}

.page-teams-view-2 input[type="checkbox"] {
  display: none;
}

@media screen and (max-width: 767px) {
  .section-goals-form .form-checkboxes .js-form-type-checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .section-goals-form .form-checkboxes .js-form-type-checkbox {
    justify-content: space-between;
    flex: 40%;
  }
}

.form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
  margin-right: 1px;
}

.team_goals_wrapper p {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  margin-bottom: 0px;
}

.teams-view .form-checkboxes {
  display: block !important;
}

.page-users-list .users-form .form-select.show .dropdown-menu.show {
  margin-top: 0px;
  top: auto !important;
  transform: none !important;
  max-height: 50px !important;
  min-height: 90px !important;
  overflow-y: scroll;
}

.page-front .profile-info {
  background-color: #fff;
}

.page-front .form-select {
  min-height: 0px;
}

.page-front .dropdown-menu.show {
  margin-top: 0px;
}

s .page-front .form-select.bootstrap-select > .dropdown-menu {
  top: 0px !important;
}

.page-not-front .block-system-branding-block,
.page-front .block-system-branding-block {
  margin-right: 16px;
}

.section-users-list .inner.show {
  max-height: 150px;
}

.page-teams .form-select.bootstrap-select > .dropdown-menu,
.page-all-institutions-list .form-select.bootstrap-select > .dropdown-menu {
  max-height: 50px !important;
  overflow-y: scroll !important;
  min-height: 110px !important;
  width: 100%;
  transform: none !important;
}
.page-teams .form-select.bootstrap-select > .dropdown-menu .inner,
.page-all-institutions-list
  .form-select.bootstrap-select
  > .dropdown-menu
  .inner {
  overflow: unset !important;
}

.bootstrap-select .dropdown-menu li a span.text {
  text-wrap: wrap;
}

.page-teams-surveys .team-goals {
  padding-top: 0px;
}

.team-goals {
  padding-top: 45px;
}

.your-team-goals .team-goals {
  padding-top: 0px;
}

.page-tft-term-add #edit-cancel {
  margin-right: 0;
  font-family: "RalewayBold";
  font-size: 10px;
  border-radius: 6px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  float: right;
}

.page-tft-edit-term #edit-cancel {
  margin-right: 0px;
  font-family: "RalewayBold";
  font-size: 10px;
  border-radius: 6px;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
  float: right;
}

.page-tft-delete-term #edit-cancel {
  margin-right: 0px;
  font-family: "RalewayBold";
  font-size: 10px;
  border-radius: 6px;
  margin-top: 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
  float: right;
}

.section-admin .form-select.bootstrap-select.show > .dropdown-toggle {
  border-color: #828282;
  border-radius: 0.625rem 0.625rem 0 0;
  border-bottom: none;
  border-bottom-color: transparent !important;
}

.admin-learning-path .form-select.bootstrap-select .dropdown-menu {
  top: 0 !important;
  margin: 0;
}

.admin-learning-path .form-select.bootstrap-select.show > .dropdown-toggle {
  background: #f5f5f5;
  font-weight: 400;
  line-height: 1.3;
  min-height: 2.5rem;
  padding: 0.4375rem 0.3125rem 0.4375rem 1.25rem;
  border: 1px solid #828282 !important;
  border-bottom: none !important;
}

.admin-learning-path .form-select {
  background: none !important;
}

.admin-learning-path #edit-unpublish {
  border: none !important;
  color: #fff !important;
  font-family: "RalewayBold";
  font-size: 10px;
  border-radius: 6px;
  background-color: #008dd6 !important;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.admin-learning-path #edit-unpublish:hover {
  background-color: #008dd6 !important;
}

.admin-learning-path #edit-delete {
  border: none !important;
  color: #fff !important;
  font-family: "RalewayBold";
  font-size: 10px;
  border-radius: 6px;
  background-color: #008dd6 !important;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.admin-learning-path #edit-delete:hover {
  background-color: #008dd6 !important;
}

.page-front
  .view-opigno-notifications.view-display-id-block_unread_dashboard
  .item-list
  ul
  li {
  margin-bottom: 0px;
}

.page-front .view-your-team-surveys .view-empty p,
.page-front .view-id-your_team_activities_dash_board .view-empty p,
.page-front .view-id-your_team_courses .view-empty p {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
  text-align: center;
}

.page-front .view-opigno-calendar .btn-add a {
  position: relative;
  left: 32px;
}

.section-admin .form-actions #edit-unpublish ~ #edit-delete,
.admin-learning-path .form-actions #edit-unpublish ~ #edit-delete {
  margin-right: 5%;
  margin-left: 5%;
}

.form-email,
.form-text,
.form-select {
  border-radius: 0.625rem !important;
}

a#edit-delete,
a#edit-cancel {
  height: 30px;
  margin-top: 30px;
}

.section-delete #edit-actions {
  display: flex;
  justify-content: end;
}

.page-group-2-members-default table.sticky-header {
  position: static !important;
}

.page-users-list
  .users-form
  .form-select.show
  .dropdown-menu.show
  li:last-child {
  padding-bottom: 8px;
}

header .management .dropdown-menu.show {
  top: auto !important;
  margin-top: 25px;
  width: max-content;
  padding: 10px;
}

.management .dropdown.show:first-child .dropdown-menu.show {
  padding-bottom: 10px;
}
.management .dropdown.show:first-child .dropdown-menu.show #block-progress ul {
  display: flex;
  width: fit-content;
}
.management
  .dropdown.show:first-child
  .dropdown-menu.show
  #block-progress
  ul
  li {
  padding-right: 30px;
}

.section-user form #edit-delete {
  margin-right: 5px;
}

.section-user form #edit-submit {
  order: 2;
}

.form-select.bootstrap-select.show > .dropdown-toggle {
  border-bottom-color: transparent !important;
}

.section-registration .view-all-resources {
  float: left;
}

.section-registration .form-item-email .form-email:focus {
  border-color: var(--desktop-button-color);
  outline: none;
}

.progressmenu.main-menu__item .dropdown-menu .menu-wrapper {
  padding-top: 0px;
}

.progressmenu.main-menu__item .container.d-flex {
  flex-direction: column;
}

.progressmenu.main-menu__item .dropdown-menu .info {
  padding-right: 0px;
  text-align: left;
}

.page-terms-approval-form .block-page-title-block {
  display: none;
}
form#tft-terms-approval-form {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 30px 5px 30px;
  margin-top: 30px;
  margin-bottom: 70px;
}
.tft-terms-approval-form ul li {
  color: #373737;
  font-family: "OpenSansRegular";
  font-size: 16px;
  text-align: left;
  margin-top: 16px;
  text-transform: none;
  font-weight: 100;
}
.user-not-logged-in .ui-widget.ui-widget-content {
  width: 60% !important;
  left: 420px !important;
}
.user-not-logged-in .ui-dialog .ui-dialog-content {
  height: 400px !important;
}
.user-not-logged-in .ui-dialog .ui-dialog-content iframe#pdfViewer {
  height: 90% !important;
}
.page-front
  .view-your-team-courses
  .content-box
  .your-team-courses-block-1
  tbody
  tr
  td {
  height: 0px;
  border-bottom: 1px solid #afafaf;
  padding: 10px 0px 10px 0px;
}
.page-front
  .view-your-team-courses
  .content-box
  .your-team-courses-block-1
  tbody
  tr
  td
  a {
  color: #00abe0;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}
.page-front .surveystatus {
  margin-top: 20px;
}
.page-front .view-your-team-activities-dash-board p {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.page-front .view-your-team-courses p {
  color: #303840;
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.section-registration .error-wrapper {
  background: #dfb5b5;
  color: #712828;
  padding: 1rem 3.125rem 1rem 1.9375rem;
  display: block;
  margin: 1.25rem 0;
}
.error-message {
  background-color: #dfb5b5;
  color: #712828;
  padding: 1rem 3.125rem 1rem 1.9375rem;
  border-radius: 5px;
  margin: 1.25rem 0;
  display: none; /* Initially hidden */
}

.page-teams-view #block-ticforteens-backlinkblock {
  /* display: block;
  padding-top: 20px; */
  padding-bottom: 20px;
}

.create-sl {
  text-align: center;
  -webkit-text-stroke: thin;
}
.section-admin .form-item > .field {
  max-width: 90%;
}
.form-item .bootstrap-select.show-tick .dropdown-menu li a span.text {
     margin-right: 0px; 
}
.page-teams-edit .editteams-form .row .teamdd {
  display: flex; 
}
.page-teams-edit .editteams-form .row .teamdd .editdd {
  width: 50%; 
}
#block-surveylanguagepage-2 .survey-language-block {
  font-family: "OpenSansRegular";
  border-radius: 16px;
  background-color: #fff;
  padding: 25px 40px 40px 40px;
  margin-bottom: 30px;
  /* height: 550px; */
  /* overflow-y: scroll; */
  border: 1px solid #ccc;
  padding: 30px 10px 10px 10px;
  /* padding: 20px 0 15px 40px; */
}
#block-surveylanguagepage-2 .survey-language-block .survey-uses span {
  margin-left: 20px;
}
#block-surveylanguagepage-2 .survey-language-block .survey-uses p {
  /* font-weight: bold; */
}
#block-surveylanguagepage-2 .survey-language-block .survey-lang p{
 /* display: flex; */
  font-size: 13px;
}
#block-surveylanguagepage-2 .survey-language-block .survey-data {
 /* width: 50%; */
  margin: 0 20px 0 40px;
}
#block-surveylanguagepage-2 h4 {
  text-align: center;
  padding: 15px;
}
#block-surveylanguagepage-2 .survey-language-block h5 {
  padding: 20px 0 15px 40px;
}
#block-surveylanguagepage-2 .survey-language-block .survey-ways p{
  margin: 10px 0px 20px 40px;
  font-size: 15px;
}
.group--learning-path #sidebar-first {
  display: none;
}
.group--learning-path #content {
  flex: 0 0 100%;
  max-width: 100%;
}
.page-front .view-your-team-surveys p, 
.page-front .view-your-team-surveys li{
  font-family: "OpenSansRegular";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.form-items-group .form-item{
    width: 30% !important;
}