:root {
  --body_bg_color: #f5f5f5;
  --menu_bar_bg_color: #7b55a2;
  --menu_bar_text_color: #ffffff;
  --menu_bar_badge_bg_color: #ff7640;
  --menu_bar_badge_text_color: #ffffff;
  --title_bar_bg_color: #eae8ed;
  --title_bar_text_color: #333333;
  --title_bar_badge_bg_color: #7b55a2;
  --title_bar_badge_text_color: #ffff;
  --button_bg_color: #7b55a2;
  --button_text_color: #ffffff;
  --button_hover_text_color: #ffffff;
  --slider_button_bg_color: #7b55a2;
  --slider_button_text_color: #ffffff;
  --paths_bar_bg_color: #d69429;
  --paths_bar_text_color: #ffffff;
  --pe_bar_bg_color: #2e846b;
  --pe_bar_text_color: #ffffff;
  --score_bar_bg_color: #2e846b;
  --score_bar_text_color: #ffffff;
  --score_rank_background_color: #ffffff;
  --score_rank_text_color: #8e8e8e;
  --score_current_rank_background_color: #4a9640;
  --score_current_rank_text_color: #ffffff;
  --budget_bar_bg_color: #d69429;
  --budget_bar_text_color: #ffffff;
  --custom_score_mask_color: #ffffff;
  --custom_score_bg_color: #7b55a2;
  --custom_score_bg_gradient: linear-gradient(0deg, #174b61 0%, #7b55a2 50%, #2e846b 100%);
  --custom_score_percentage_inset: 10% 10% 10% 10%;
  --custom_score_info_inset: 15% 15% 15% 15%;
  --mainTextColor: #333333;
  --darkGray: #8e8e8e;
  --lightGray: #eae8ed;
  --sideBarWidth: 420px;
  --pop_color1: #398893;
  --pop_color2: #77a528;
  --pop_color3: #8e3275;
  --pop_color5: #f4e1b7;
  --pop_color6: #e0edf1;
  --pop_blue: #2b397d;
  --pop_yellow: #d99a00;
  --pop_red: #cc0000;
  --pop_green: #56a811;
}
body {
  background: var(--body_bg_color);
  color: var(--mainTextColor);
}
body a {
  color: var(--mainTextColor);
}
.button {
  display: inline-block;
  background: var(--button_bg_color);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #00000025 !important;
}
.button.green a,
.button.gray a,
.button.white a,
.button.red a {
  color: white !important;
  background: rgba(0, 0, 0, 0);
}
.button.green a:active,
.button.gray a:active,
.button.white a:active,
.button.red a:active,
.button.green a:hover,
.button.gray a:hover,
.button.white a:hover,
.button.red a:hover,
.button.green a:focus,
.button.gray a:focus,
.button.white a:focus,
.button.red a:focus {
  color: white !important;
  background: rgba(0, 0, 0, 0.2);
}
.button.green {
  background: #238e55 !important;
}
.button.gray {
  background: #505468;
}
.button.red {
  background: var(--pop_red);
}
.button.yellow {
  background: var(--pop_yellow);
}
.button.white {
  background: white;
}
.button.white a,
.button.white a:active,
.button.white a:hover,
.button.white a:focus {
  color: var(--mainTextColor) !important;
}
.button.loading a {
  pointer-events: none;
}
.button.loading a:before {
  content: "";
  background: black;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0.4;
}
.button.loading a:after {
  content: "\f110";
  animation: fa-spin 2s infinite linear;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  position: absolute;
  font-size: 22px;
  color: white;
}
.button.small {
  border-radius: 4px;
}
.button.small a {
  border-radius: 4px;
  padding: 0px 8px;
  height: 28px;
}
.button.small a i {
  font-size: 14px;
}
.button a {
  color: var(--button_text_color);
  white-space: nowrap;
  padding: 0px 15px;
  font-size: 14px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  height: 40px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.button a:active,
.button a:hover,
.button a:focus {
  text-decoration: none !important;
  color: var(--button_hover_text_color) !important;
  background: rgba(0, 0, 0, 0.4);
}
.button a i {
  font-size: 20px;
}
input[type=checkbox] {
  filter: grayscale(1);
}
input[type=checkbox].large {
  height: 26px;
  width: 26px;
  min-height: 26px;
  min-width: 26px;
  margin: 0;
  padding: 0;
}
input[type=radio] {
  filter: grayscale(1);
}
input[type=radio].large {
  height: 26px;
  width: 26px;
  margin: 0;
  padding: 0;
}
.large_input_label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: normal;
}
.form-group .select2-container {
  width: 100% !important;
}
.form-group textarea {
  max-width: 100%;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  box-shadow: none;
  border-color: var(--darkGray);
}
.select2-container--default .select2-selection--multiple {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: none;
  border-color: #ccc;
}
.form-control {
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--darkGray);
}
.parsley-error {
  border-color: var(--pop_red) !important;
}
ul.parsley-errors-list {
  margin: 2px;
}
ul.parsley-errors-list li {
  padding: 0;
  color: var(--pop_red);
  background: none;
}
.modal {
  padding: 0 !important;
}
.modal.loading .when_loaded {
  display: none;
}
.modal.loaded .when_loading {
  display: none;
}
.modal .modal-dialog {
  width: calc(100% - 40px);
  max-width: 600px;
  margin: auto;
}
.modal .modal-dialog.modal-600 {
  max-width: 600px;
}
.modal .modal-dialog.modal-900 {
  max-width: 900px;
}
.modal .modal-content {
  border: none;
  background: #f8f8f8;
  box-shadow: 0px 3px 2px 1px #adadad;
  border-radius: 18px;
  padding: 30px;
  margin: 30px 0;
}
.modal .modal-content .modal-header {
  min-height: auto;
  padding: 15px;
  border-bottom: none;
}
.modal .modal-content .modal-header button {
  position: absolute;
  top: 10px;
  right: 16px;
  margin: 0;
  font-size: 26px;
}
.modal .modal-content .modal-header .modal-title {
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--lightGray);
}
.modal .modal-content .modal-footer {
  padding: 15px;
  margin-top: 30px;
  border-top: none;
  text-align: right;
}
.modal .modal-content .modal-footer .separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-backdrop {
  background-color: #fff;
}
.modal-backdrop.in {
  opacity: 0.8;
}
#toastHolder {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 400px;
  pointer-events: none;
  z-index: 1100;
}
#toastHolder .toast {
  --toast_time: 6s;
  transition: margin-bottom 0.5s ease-out, margin-top 0.5s ease-out, opacity 0.6s ease-out, height 0.4s ease-in-out 0.6s;
  height: 50px;
  margin: 0 20px -50px 20px;
  opacity: 1;
  pointer-events: auto;
  border-radius: 0 0 6px 0;
  overflow: hidden;
  display: flex;
  position: relative;
}
#toastHolder .toast.showing {
  margin-bottom: 20px;
  margin-top: -20px;
}
#toastHolder .toast.showing .toast_progress:before {
  width: 0%;
}
#toastHolder .toast.hiding {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
#toastHolder .toast.success {
  --toast_color: var(--pop_green);
}
#toastHolder .toast.success .toast_icon:before {
  content: "\f336";
}
#toastHolder .toast.error {
  --toast_color: var(--pop_red);
}
#toastHolder .toast.error .toast_icon:before {
  content: "\f071";
}
#toastHolder .toast .toast_progress {
  position: absolute;
  background: var(--toast_color);
  width: 100%;
  height: 3px;
}
#toastHolder .toast .toast_progress:before {
  transition: width var(--toast_time) linear;
  content: "";
  background: #555555;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 1;
}
#toastHolder .toast .toast_icon {
  background: var(--toast_color);
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#toastHolder .toast .toast_icon:before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  position: absolute;
  font-size: 22px;
  color: white;
}
#toastHolder .toast .toast_text {
  background: #555555;
  color: white;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.custom-alert {
  --alert_color: var(--darkGray);
  border: 1px solid var(--alert_color);
  border-bottom-right-radius: 8px;
  box-shadow: 1px 2px 3px 1px #dddddd;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 10px;
}
.custom-alert.alert-green {
  --alert_color: var(--pop_green);
}
.custom-alert.alert-yellow {
  --alert_color: var(--pop_yellow);
}
.custom-alert.alert-red {
  --alert_color: var(--pop_red);
}
.custom-alert i {
  color: var(--alert_color);
  font-size: 20px;
}
.custom-alert p {
  margin: 0;
}
.custom-table-holder {
  background: white;
  padding: 10px 20px 20px 20px;
  border-radius: 8px;
  overflow: auto;
  width: 100%;
}
.custom-table-holder.no-show {
  background: transparent;
  overflow: visible;
  padding: 0;
  border-radius: 0;
}
.custom-table-holder .custom-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.custom-table-holder .custom-table th,
.custom-table-holder .custom-table td {
  vertical-align: middle !important;
  white-space: nowrap;
  padding: 14px 10px !important;
  border: none !important;
  border-bottom: 2px solid #e8e8e8 !important;
}
.custom-table-holder .custom-table th.wrap,
.custom-table-holder .custom-table td.wrap {
  white-space: normal;
}
.custom-table-holder .custom-table th.min-padding,
.custom-table-holder .custom-table td.min-padding {
  padding: 7px 10px !important;
}
.custom-table-holder .custom-table th {
  font-weight: bold;
  font-size: 16px;
}
.custom-table-holder .custom-table td {
  font-size: 14px;
}
.custom-table-holder .custom-table tr:nth-child(odd) {
  background-color: white;
}
.custom-table-holder .custom-table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.custom-counter-row {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: center;
}
.custom-counter-row .pop-counter {
  border: 1px solid var(--lightGray);
  border-radius: 6px;
  width: 160px;
  background: white;
}
.custom-counter-row .pop-counter .title {
  border-bottom: 1px solid var(--lightGray);
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 4px;
}
.custom-counter-row .pop-counter .count {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  padding: 6px 0;
}
.custom-counter-row .pop-counter .count.pop-color-1 {
  color: var(--pop_color1);
}
.custom-counter-row .pop-counter .count.pop-color-2 {
  color: var(--pop_color2);
}
#main_bar {
  margin: 0;
  background: var(--menu_bar_bg_color);
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#main_bar:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  width: 100%;
  z-index: 1;
}
#main_bar .bar_items {
  display: flex;
  justify-content: space-between;
  flex-grow: 999;
  flex-wrap: wrap;
  z-index: 3;
  max-width: 100%;
}
#main_bar .bar_items .bar_left,
#main_bar .bar_items .bar_right {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
#main_bar .bar_item {
  color: var(--menu_bar_text_color);
  white-space: nowrap;
  height: 60px;
  display: flex;
  align-items: center;
  max-width: 100%;
  position: relative;
  flex-grow: 1;
}
#main_bar .bar_item.current_item {
  background: var(--menu_bar_bg_color);
  display: flex;
  align-items: center;
  pointer-events: none;
  font-weight: bold;
  z-index: 3;
}
#main_bar .bar_item a {
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  color: var(--menu_bar_text_color);
  height: 60px;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0 30px 0 15px;
  font-size: 16px;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
#main_bar .bar_item a:active,
#main_bar .bar_item a:hover,
#main_bar .bar_item a:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.2);
}
#main_bar .bar_item a .avatar {
  height: 42px;
  margin-right: 12px;
}
#main_bar .bar_item a i {
  margin-right: 12px;
  font-size: 22px;
}
#main_bar .bar_item a .bar_badge {
  background: var(--menu_bar_badge_bg_color);
  color: var(--menu_bar_badge_text_color);
  position: absolute;
  top: 10px;
  left: 26px;
  font-size: 11px;
  border-radius: 40px;
  padding: 2px 4px 0 4px;
  min-width: 20px;
  text-align: center;
  max-width: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main_bar .bar_item.dropdown .dropdown-toggle:after {
  content: "";
  height: 10px;
  width: 8px;
  position: absolute;
  top: 27px;
  right: 12px;
  border-top: 6px solid var(--menu_bar_text_color);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.3;
}
#main_bar .bar_item.dropdown .dropdown-menu {
  --leftOffset: 0px;
  padding: 12px 0 6px 0;
  margin: 0 4px;
  border-radius: 0;
  min-width: 120px;
  max-width: calc(100vw - 16px);
  border: none;
  left: var(--leftOffset);
}
#main_bar .bar_item.dropdown .dropdown-menu li {
  position: relative;
}
#main_bar .bar_item.dropdown .dropdown-menu li .bar_badge {
  top: auto;
  right: 8px;
  left: auto;
}
#main_bar .bar_item.dropdown .dropdown-menu li a {
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  color: #777;
  font-size: 16px;
  height: 40px;
}
#main_bar .bar_item.dropdown .dropdown-menu li a:active,
#main_bar .bar_item.dropdown .dropdown-menu li a:hover,
#main_bar .bar_item.dropdown .dropdown-menu li a:focus {
  background: var(--lightGray);
}
#main_bar .bar_item.dropdown .dropdown-menu li.space_hr {
  border-bottom: 1px solid var(--lightGray);
  margin: 6px 10px;
}
#main_bar .bar_item.dropdown .dropdown-menu:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: -14px;
  left: calc(var(--leftOffset) * -1 + 14px);
  border-bottom: 14px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: none;
}
#main_bar a.bar_item {
  text-decoration: none;
}
#main_bar a.bar_item:active,
#main_bar a.bar_item:hover,
#main_bar a.bar_item:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.2);
}
.main_container {
  margin: 0 clamp(20px, 4vw, 60px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_container.has_side .main_content {
  width: calc(100% - var(--sideBarWidth) - 30px);
}
.main_container.has_side .title_row {
  padding-right: calc(var(--sideBarWidth) + 30px);
}
.main_container.has_colums .main_content {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.main_container.has_colums .main_content .column {
  background: white;
  min-width: 300px;
  flex-grow: 1;
  flex-basis: 0;
}
.main_container.has_colums .main_content .column.pop_column_color_teal {
  --column_bg_color: var(--pop_color1);
  --column_fg_color: white;
}
.main_container.has_colums .main_content .column.pop_column_color_lightteal {
  --column_bg_color: var(--pop_color6);
  --column_fg_color: var(--mainTextColor);
}
.main_container.has_colums .main_content .column.pop_column_color_lawn {
  --column_bg_color: var(--pop_color2);
  --column_fg_color: white;
}
.main_container.has_colums .main_content .column.pop_column_color_purple {
  --column_bg_color: var(--pop_color3);
  --column_fg_color: white;
}
.main_container.has_colums .main_content .column.pop_column_color_blue {
  --column_bg_color: var(--pop_blue);
  --column_fg_color: white;
}
.main_container.has_colums .main_content .column.pop_column_color_yellow {
  --column_bg_color: var(--pop_yellow);
  --column_fg_color: white;
}
.main_container.has_colums .main_content .column.pop_column_color_lightyellow {
  --column_bg_color: var(--pop_color5);
  --column_fg_color: var(--mainTextColor);
}
.main_container.has_colums .main_content .column.pop_column_color_lightgray {
  --column_bg_color: var(--lightGray);
  --column_fg_color: var(--mainTextColor);
}
.main_container.has_colums .main_content .column.full_width {
  min-width: 100% !important;
}
.main_container.has_colums .main_content .column.bigger_width {
  min-width: 500px;
}
.main_container.has_colums .main_content .column .title {
  color: var(--column_fg_color);
  display: flex;
  gap: 10px;
  align-items: center;
  height: 48px;
  padding: 10px 10px 10px 20px;
  background: var(--column_bg_color);
}
.main_container.has_colums .main_content .column .title .icon {
  min-height: 30px;
  min-width: 30px;
  background-color: var(--column_fg_color);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.main_container.has_colums .main_content .column .title .icon_fa {
  font-size: 22px;
}
.main_container.has_colums .main_content .column .title span {
  font-size: 16px;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_container.has_colums .main_content .column .title .title_right {
  flex-grow: 1;
  text-align: right;
}
.main_container.has_colums .main_content .column .column_content {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
}
.main_container.has_colums .main_content .column .column_content p {
  margin: 0;
}
.main_container.has_colums .main_content .column .column_content.flex_row {
  flex-direction: row;
  flex-wrap: wrap;
}
.main_container.has_colums .main_content .column .column_content .style1 {
  padding: 10px 18px 0;
  position: relative;
}
.main_container.has_colums .main_content .column .column_content .style2 {
  margin: 0 6px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  position: relative;
}
.main_container.has_colums .main_content .column .column_content .style2 .style3 {
  margin: 0;
}
.main_container.has_colums .main_content .column .column_content .style3 {
  margin: 0 12px;
  padding: 16px 16px 16px 28px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dddddd;
  box-shadow: 1px 2px 3px 1px #dddddd;
}
.main_container.has_colums .main_content .column .column_content .style3:before {
  content: "";
  background: var(--column_bg_color);
  height: 100%;
  width: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.main_container.has_colums .main_content .column .column_content .style3.achieved {
  opacity: 0.4;
}
.main_container.has_colums .main_content .column .column_content .style4 {
  margin: 0 12px 0 24px;
  padding: 16px 16px 16px 20px;
  position: relative;
}
.main_container.has_colums .main_content .column .column_content .style4:not(:last-child):before {
  content: "";
  border-left: 1px dashed var(--column_bg_color);
  height: 100%;
  width: 4px;
  display: block;
  position: absolute;
  left: -1px;
  top: 44px;
}
.main_container.has_colums .main_content .column .column_content .style4:after {
  content: "\f192";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  position: absolute;
  font-size: 24px;
  color: var(--column_bg_color);
  left: -15px;
  top: 30px;
  background: white;
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_container.has_colums .main_content .column .column_content .style1,
.main_container.has_colums .main_content .column .column_content .style2,
.main_container.has_colums .main_content .column .column_content .style3 {
  margin-bottom: 18px !important;
}
.main_container.has_colums .main_content .column .column_content .style1 > div:not(:last-child),
.main_container.has_colums .main_content .column .column_content .style2 > div:not(:last-child),
.main_container.has_colums .main_content .column .column_content .style3 > div:not(:last-child) {
  margin-bottom: 10px;
}
.main_container.has_colums .main_content .column .column_content .subtitle {
  display: flex;
  gap: 10px;
  font-weight: bold;
  align-items: center;
  line-height: normal;
  font-size: 16px;
}
.main_container.has_colums .main_content .column .column_content .subtitle a:hover,
.main_container.has_colums .main_content .column .column_content .subtitle a:focus,
.main_container.has_colums .main_content .column .column_content .subtitle a:active {
  text-decoration: underline;
  color: var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .subtitle .title_right {
  flex-grow: 1;
  text-align: right;
  min-height: 28px;
}
.main_container.has_colums .main_content .column .column_content .small_gray {
  font-size: 12px;
  color: #8a8a8a;
}
.main_container.has_colums .main_content .column .column_content .badges {
  display: flex;
  gap: 4px;
}
.main_container.has_colums .main_content .column .column_content .badges .open_badge {
  font-size: 12px;
  color: #8a8a8a;
  border: 1px solid #8a8a8a;
  border-radius: 20px;
  padding: 2px 6px;
  white-space: nowrap;
}
.main_container.has_colums .main_content .column .column_content .icon {
  min-height: 38px;
  min-width: 38px;
  background-color: var(--column_bg_color);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.main_container.has_colums .main_content .column .column_content .icon_image {
  max-width: 38px;
  max-height: 38px;
}
.main_container.has_colums .main_content .column .column_content .circle {
  color: var(--column_bg_color);
  border: 1px solid var(--column_bg_color);
  border-radius: 50px;
  height: 28px;
  min-width: 28px;
  max-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
}
.main_container.has_colums .main_content .column .column_content .circle div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_container.has_colums .main_content .column .column_content .icon_buttons {
  position: absolute;
  right: 8px;
  top: 6px;
  display: flex;
  gap: 6px;
}
.main_container.has_colums .main_content .column .column_content .icon_buttons a {
  font-size: 16px;
  color: #707070;
  opacity: 0.5;
  padding: 0 2px;
}
.main_container.has_colums .main_content .column .column_content .icon_buttons a:active,
.main_container.has_colums .main_content .column .column_content .icon_buttons a:hover,
.main_container.has_colums .main_content .column .column_content .icon_buttons a:focus {
  opacity: 1;
}
.main_container.has_colums .main_content .column .column_content .lock {
  min-height: 24px;
  min-width: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: #cccccc;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.main_container.has_colums .main_content .column .column_content .lock.locked {
  mask-image: url(/img/badges/icon_locked.svg);
  -webkit-mask-image: url(/img/badges/icon_locked.svg);
}
.main_container.has_colums .main_content .column .column_content .lock.unlocked {
  mask-image: url(/img/badges/icon_unlocked.svg);
  -webkit-mask-image: url(/img/badges/icon_unlocked.svg);
}
.main_container.has_colums .main_content .column .column_content .progress_bar {
  padding: 0;
  margin-top: 0;
}
.main_container.has_colums .main_content .column .column_content .progress_bar .bar .percentage {
  background: var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .info_holder {
  display: flex;
  overflow: auto;
  gap: 10px;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  position: relative;
  flex-grow: 1;
  min-width: 140px;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info .icon_holder {
  border-radius: 50%;
  height: 66px;
  width: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--darkGray);
  z-index: 2;
  background: white;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info .icon_holder .icon {
  min-height: 44px;
  min-width: 44px;
  background-color: var(--darkGray);
}
.main_container.has_colums .main_content .column .column_content .info_holder .info .text {
  font-weight: bold;
  min-width: 130px;
  max-width: 160px;
  text-align: center;
  flex-grow: 1;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info .number {
  background: var(--column_bg_color);
  color: var(--column_fg_color);
  height: 32px;
  width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info:hover,
.main_container.has_colums .main_content .column .column_content .info_holder .info:active,
.main_container.has_colums .main_content .column .column_content .info_holder .info:focus {
  text-decoration: none;
}
.main_container.has_colums .main_content .column .column_content .info_holder .info:hover .text,
.main_container.has_colums .main_content .column .column_content .info_holder .info:active .text,
.main_container.has_colums .main_content .column .column_content .info_holder .info:focus .text {
  color: var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .info_holder .info:hover .icon_holder,
.main_container.has_colums .main_content .column .column_content .info_holder .info:active .icon_holder,
.main_container.has_colums .main_content .column .column_content .info_holder .info:focus .icon_holder {
  border: 1px solid var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .info_holder .info:hover .icon_holder .icon,
.main_container.has_colums .main_content .column .column_content .info_holder .info:active .icon_holder .icon,
.main_container.has_colums .main_content .column .column_content .info_holder .info:focus .icon_holder .icon {
  background-color: var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .info_holder .info:not(:last-child):after {
  content: "";
  height: 33px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  border-bottom: 1px dashed var(--column_bg_color);
}
.main_container.has_colums .main_content .column .column_content .score_holder {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(1) {
  --score_color: #b9011f;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(2) {
  --score_color: #d6041f;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(3) {
  --score_color: #f07236;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(4) {
  --score_color: #f39c2c;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(5) {
  --score_color: #f4c330;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(6) {
  --score_color: #9cd92a;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(7) {
  --score_color: #7cba23;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(8) {
  --score_color: #4ebf29;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(9) {
  --score_color: #46a326;
}
.main_container.has_colums .main_content .column .column_content .score_holder :nth-child(10) {
  --score_color: #41802a;
}
.main_container.has_colums .main_content .column .column_content .score_holder .score {
  transition: background-color 0.5s ease-out, color 0.5s ease-in;
  background: var(--score_color);
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 34px;
  border-radius: 60px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.main_container.has_colums .main_content .column .column_content .score_holder .score.active {
  background: white;
  color: var(--score_color);
  border: 2px solid var(--score_color);
}
.main_container.has_colums .main_content .column .column_content .score_holder a.score.loading {
  background: white;
  color: var(--score_color);
  border: 2px solid var(--score_color);
}
.main_container.has_colums .main_content .column .column_content .score_holder a.score.loading:before {
  content: "";
  height: 100%;
  width: 100%;
  background: white;
  position: absolute;
}
.main_container.has_colums .main_content .column .column_content .score_holder a.score.loading:after {
  content: "\f110";
  animation: fa-spin 2s infinite linear;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  position: absolute;
  font-size: 22px;
  color: var(--score_color);
}
.main_container.has_colums .main_content .column .column_content .score_holder a.score:hover {
  background: white;
  color: var(--score_color);
  border: 2px solid var(--score_color);
}
.main_container .feedback_score {
  background: var(--score_color);
  height: 60px;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 34px;
  border-radius: 60px;
  overflow: hidden;
}
.main_container .feedback_score.feedback_score_1 {
  --score_color: #b9011f;
}
.main_container .feedback_score.feedback_score_2 {
  --score_color: #d6041f;
}
.main_container .feedback_score.feedback_score_3 {
  --score_color: #f07236;
}
.main_container .feedback_score.feedback_score_4 {
  --score_color: #f39c2c;
}
.main_container .feedback_score.feedback_score_5 {
  --score_color: #f4c330;
}
.main_container .feedback_score.feedback_score_6 {
  --score_color: #9cd92a;
}
.main_container .feedback_score.feedback_score_7 {
  --score_color: #7cba23;
}
.main_container .feedback_score.feedback_score_8 {
  --score_color: #4ebf29;
}
.main_container .feedback_score.feedback_score_9 {
  --score_color: #46a326;
}
.main_container .feedback_score.feedback_score_10 {
  --score_color: #41802a;
}
.main_container .title_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
  width: 100%;
}
.main_container .title_row .title {
  font-size: 30px;
}
.main_container .title_row .search {
  display: flex;
}
.main_container .title_row .search input[type=text] {
  height: 50px;
  width: 250px;
  padding: 10px;
  border-radius: 6px 0 0 6px;
  border: 1px solid #d6d6d6;
  outline: none;
}
.main_container .title_row .search a {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  border-radius: 0 6px 6px 0;
}
.main_container .main_content {
  width: 100%;
}
.main_container .main_content .sub_title_row {
  background: var(--title_bar_bg_color);
  color: var(--title_bar_text_color);
  display: flex;
  padding: 10px 10px 10px 20px;
  justify-content: space-between;
  align-items: center;
}
.main_container .main_content .sub_title_row .title {
  font-size: 18px;
}
.main_container .main_content .sub_title_row .row_badge {
  background: var(--title_bar_badge_bg_color);
  color: var(--title_bar_badge_text_color);
  font-size: 14px;
  border-radius: 50px;
  padding: 4px 6px 4px 6px;
  min-width: 28px;
  text-align: center;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  margin-left: 10px;
}
.main_container .main_content .slider_row {
  position: relative;
}
.main_container .main_content .slider_row.has-left .control_back,
.main_container .main_content .slider_row.has-right .control_forward {
  opacity: 0.6;
  pointer-events: auto;
}
.main_container .main_content .slider_row.has-left .control_back:active,
.main_container .main_content .slider_row.has-right .control_forward:active,
.main_container .main_content .slider_row.has-left .control_back:hover,
.main_container .main_content .slider_row.has-right .control_forward:hover {
  text-decoration: none;
  opacity: 0.9;
}
.main_container .main_content .slider_row.has-left:before,
.main_container .main_content .slider_row.has-right:after {
  width: 60px !important;
}
.main_container .main_content .slider_row .control {
  transition: opacity 0.3s ease-out;
  background: var(--slider_button_bg_color);
  color: var(--slider_button_text_color);
  text-decoration: none;
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  top: 122px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  opacity: 0;
  pointer-events: none;
}
.main_container .main_content .slider_row .control.control_back {
  left: 10px;
}
.main_container .main_content .slider_row .control.control_forward {
  right: 10px;
}
.main_container .main_content .slider_row .item_slider {
  display: flex;
  margin: 14px 0 20px 0;
  overflow: hidden;
  position: relative;
}
.main_container .main_content .slider_row .item_slider .items {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.main_container .main_content .slider_row .item_slider .items .item {
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  background: white;
  height: 320px;
  width: 270px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border-radius: 0 0 8px 8px;
  position: relative;
}
.main_container .main_content .slider_row .item_slider .items .item.new:before {
  content: "";
  background: url("/img/badges/icon_newItem.svg") no-repeat top center;
  height: 36px;
  width: 86px;
  position: absolute;
  top: 0;
  right: 10px;
}
.main_container .main_content .slider_row .item_slider .items .item .image {
  height: 126px;
  min-height: 126px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main_container .main_content .slider_row .item_slider .items .item .image img {
  width: 100%;
}
.main_container .main_content .slider_row .item_slider .items .item .spacer {
  background: var(--body_bg_color);
  min-height: 6px;
}
.main_container .main_content .slider_row .item_slider .items .item .badges {
  margin: 10px 20px 0 20px;
}
.main_container .main_content .slider_row .item_slider .items .item .title {
  font-weight: bold;
  margin: 10px 20px 0 20px;
}
.main_container .main_content .slider_row .item_slider .items .item .description {
  margin: 10px 20px 0 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.main_container .main_content .slider_row .item_slider .items .item:active,
.main_container .main_content .slider_row .item_slider .items .item:hover,
.main_container .main_content .slider_row .item_slider .items .item:focus {
  text-decoration: none;
  background: #eaeaea;
}
.main_container .main_content .item_list {
  margin: 20px 0;
}
.main_container .main_content .item_list .items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.main_container .main_content .item_list .items .item {
  background: white;
  padding: 6px 6px 6px 14px;
  display: flex;
  align-items: center;
}
.main_container .main_content .item_list .items .item i {
  font-size: 24px;
  color: var(--darkGray);
}
.main_container .main_content .item_list .items .item span {
  font-size: 16px;
  margin: 0 10px;
  flex-grow: 1;
}
.main_container .main_content .item_grid {
  margin: 20px 0;
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
.main_container .main_content .item_grid .qualification {
  background: #505468;
  color: white;
  width: 380px;
  height: 290px;
  padding: 6px;
  display: flex;
  flex-direction: column;
}
.main_container .main_content .item_grid .qualification.valid {
  background: #15a19a;
}
.main_container .main_content .item_grid .qualification.invalid {
  background: #b61661;
}
.main_container .main_content .item_grid .qualification .qual_row {
  display: flex;
}
.main_container .main_content .item_grid .qualification .icon1 {
  height: 110px;
  width: 80px;
  display: flex;
  padding: 6px;
}
.main_container .main_content .item_grid .qualification .icon1 img {
  width: 100%;
}
.main_container .main_content .item_grid .qualification .icon2 {
  height: 70px;
  display: flex;
  padding: 6px;
}
.main_container .main_content .item_grid .qualification .icon2 img {
  width: 100%;
}
.main_container .main_content .item_grid .qualification .line {
  background: white;
  width: 100%;
  height: 1px;
  margin: 6px 0;
  opacity: 0.4;
}
.main_container .main_content .item_grid .qualification .name {
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  padding: 6px;
  line-height: 1.2;
}
.main_container .main_content .item_grid .qualification .date_achieved,
.main_container .main_content .item_grid .qualification .date_valid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  padding: 6px 18px;
}
.main_container .main_content .item_grid .qualification .date_achieved {
  flex-grow: 1;
}
.main_container .main_content .item_grid .qualification .date_valid {
  padding-left: 6px;
}
.main_container .main_content .item_grid .qualification .date {
  font-size: 16px;
  font-weight: bold;
}
.main_container .main_content .item_grid .qualification .buttons {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-grow: 1;
  padding: 0 18px;
}
.main_container .side_container {
  width: var(--sideBarWidth);
}
.main_container .side_container .side_title {
  background: var(--title_bar_bg_color);
  font-size: 18px;
  color: white;
  padding: 10px 10px 10px 20px;
  font-weight: bold;
}
.main_container .side_container .side_title.paths {
  background: var(--paths_bar_bg_color);
  color: var(--paths_bar_text_color);
}
.main_container .side_container .side_title.pe {
  background: var(--pe_bar_bg_color);
  color: var(--pe_bar_text_color);
}
.main_container .side_container .side_title.score {
  background: var(--score_bar_bg_color);
  color: var(--score_bar_text_color);
}
.main_container .side_container .side_title.budget {
  background: var(--budget_bar_bg_color);
  color: var(--budget_bar_text_color);
}
.main_container .side_container .side_content {
  background: white;
  padding: 30px 20px;
  border-radius: 0 0 16px 16px;
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  align-items: center;
}
.main_container .side_container .side_content.pe a:active,
.main_container .side_container .side_content.pe a:hover,
.main_container .side_container .side_content.pe a:focus {
  color: var(--pe_bar_bg_color);
}
.main_container .side_container .side_content.pe .progress_bar .bar .percentage {
  background: var(--pe_bar_bg_color);
}
.main_container .side_container .side_content .type1 {
  font-size: 26px;
}
.main_container .side_container .side_content .type2 {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.main_container .side_container .side_content .type2 i {
  color: #777;
  font-size: 22px;
  margin-right: 10px;
}
.main_container .side_container .side_content .type2 .badge {
  opacity: 0.6;
}
.main_container .side_container .side_content .type3 {
  font-size: 16px;
  text-align: center;
}
.main_container .side_container .side_content a:active,
.main_container .side_container .side_content a:hover,
.main_container .side_container .side_content a:focus {
  text-decoration: none;
  color: var(--paths_bar_bg_color);
}
.main_container .side_container .side_content .w100 {
  width: 100%;
}
.main_container .side_container .side_content .mb1 {
  margin-bottom: 10px;
}
.main_container .side_container .side_content .mb2 {
  margin-bottom: 20px;
}
.main_container .side_container .side_content .mb3 {
  margin-bottom: 30px;
}
.main_container .side_container .side_content .mt1 {
  margin-top: 10px;
}
.main_container .side_container .side_content .mt2 {
  margin-top: 20px;
}
.main_container .side_container .side_content .mt3 {
  margin-top: 30px;
}
.main_container .side_container .side_content .line_solid {
  border-top: 2px solid var(--lightGray);
  width: 100%;
}
.main_container .side_container .side_content .line_dashed {
  border-top: 2px dashed var(--lightGray);
  width: 100%;
}
.main_container .side_container .side_content .line_dotted {
  border-top: 2px dotted var(--lightGray);
  width: 100%;
}
.main_container .side_container .side_content .buttons {
  width: 100%;
}
.main_container .side_container .side_content .ranks {
  width: 100%;
}
.main_container .side_container .side_content .ranks .rank {
  width: 100%;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 16px;
  background: var(--score_rank_background_color);
  color: var(--score_rank_text_color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_container .side_container .side_content .ranks .rank .icon {
  height: 40px;
  width: 40px;
  margin-right: 20px;
  background-color: var(--score_rank_text_color);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
}
.main_container .side_container .side_content .ranks .rank .name {
  flex-grow: 1;
}
.main_container .side_container .side_content .ranks .rank .treshold {
  font-weight: normal;
  font-size: 14px;
}
.main_container .side_container .side_content .ranks .rank.current_rank {
  background: var(--score_current_rank_background_color);
  color: var(--score_current_rank_text_color);
}
.main_container .side_container .side_content .ranks .rank.current_rank .icon {
  background-color: var(--score_current_rank_text_color);
}
.main_container .progress_bar {
  width: 100%;
  padding: 0 30px 0 30px;
  display: flex;
  align-items: center;
  position: relative;
}
.main_container .progress_bar.small {
  margin-top: -4px;
  margin-bottom: -4px;
}
.main_container .progress_bar.small .bar {
  height: 10px;
}
.main_container .progress_bar.small .info {
  font-weight: normal;
  font-size: 16px;
}
.main_container .progress_bar .bar {
  box-shadow: inset 0px 2px 2px 0px #a3a3a3;
  width: 100%;
  height: 20px;
  background-color: var(--lightGray);
  position: relative;
  overflow: hidden;
}
.main_container .progress_bar .bar .percentage {
  box-shadow: inset 0px -1px 2px 0px #464646;
  transition: width 1.5s ease-in-out;
  position: absolute;
  background: var(--paths_bar_bg_color);
  content: "";
  height: 100%;
  width: 0;
  z-index: 1;
}
.main_container .progress_bar .info {
  font-weight: bold;
  font-size: 18px;
  margin-left: 10px;
  min-width: 66px;
  text-align: center;
}
.main_container .progress_bar.loading {
  padding: 0;
}
.main_container .progress_bar.loading .percentage {
  transition: none;
  width: 50%;
  background: var(--pop_green);
  animation: loadingkeys 1.5s ease-out infinite;
}
@keyframes loadingkeys {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
.main_container .progress_arch {
  width: 230px;
  height: 115px;
  background-color: var(--lightGray);
  border-top-left-radius: 115px;
  border-top-right-radius: 115px;
  border-bottom: 0;
  overflow: hidden;
  position: relative;
}
.main_container .progress_arch:after {
  content: "";
  height: 200px;
  width: 200px;
  background: white;
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 200px;
}
.main_container .progress_arch .percentage {
  transition: transform 1.5s ease-in-out;
  width: 230px;
  height: 115px;
  background-color: var(--score_bar_bg_color);
  border-top-left-radius: 115px;
  border-top-right-radius: 115px;
  transform: rotate(-180deg);
  transform-origin: bottom center;
}
.main_container .progress_arch .info {
  position: absolute;
  bottom: 6px;
  left: 0;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main_container .progress_arch .info .large {
  font-size: 46px;
  font-weight: bold;
  line-height: 40px;
}
.main_container .progress_arch .info .small {
  font-size: 20px;
}
.main_container .progress_arch2 {
  background: var(--lightGray);
  width: 230px;
  height: 230px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.main_container .progress_arch2:before {
  transform-origin: top left;
  transform: rotate(45deg);
  content: "";
  height: 100%;
  width: 100%;
  background: #f8f8f8;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.main_container .progress_arch2:after {
  content: "";
  height: 65%;
  width: 65%;
  background: #f8f8f8;
  position: absolute;
  top: calc(50% - (65% / 2));
  left: calc(50% - (65% / 2));
  border-radius: 50%;
  z-index: 3;
}
.main_container .progress_arch2 .percentage {
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 50%;
  border: 50px solid transparent;
}
.main_container .progress_arch2 .percentage.show1 {
  border-bottom: 50px solid var(--pop_color1);
}
.main_container .progress_arch2 .percentage.show2 {
  border-right: 50px solid var(--pop_color1);
}
.main_container .progress_arch2 .percentage.show3 {
  border-top: 50px solid var(--pop_color1);
}
.main_container .progress_arch2 .info {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 85px;
  z-index: 4;
}
.main_container .progress_arch2 .info .large {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 36px;
}
.main_container .progress_arch2 .info .small {
  font-weight: bold;
  font-size: 14px;
}
.main_container .progress_custom {
  width: 100%;
}
.main_container .progress_custom .mask {
  position: relative;
  z-index: 1;
  text-align: center;
}
.main_container .progress_custom .mask img {
  width: 50%;
}
.main_container .progress_custom .mask .position {
  position: absolute;
  z-index: -1;
  inset: var(--custom_score_percentage_inset);
  overflow: hidden;
  background: var(--custom_score_bg_color);
  background: var(--custom_score_bg_gradient);
}
.main_container .progress_custom .mask .position .percentage {
  transition: height 1.5s ease-in-out;
  background: var(--custom_score_mask_color);
  width: 100%;
  height: 100%;
  position: relative;
}
.main_container .progress_custom .mask .info {
  position: absolute;
  inset: var(--custom_score_info_inset);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main_container .progress_custom .mask .info .large {
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
}
.main_container .progress_custom .mask .info .small {
  font-size: 16px;
}
@media only screen and (max-width: 1200px) {
  :root {
    --sideBarWidth: 300px;
  }
  .main_container.has_side .title_row {
    padding-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  :root {
    --sideBarWidth: 100%;
  }
  .main_container .main_content {
    width: 100% !important;
  }
}
/*# sourceMappingURL=dashboard.css.map */