/**
 * Selectize (v0.15.2)
 * https://selectize.dev
 *
 * Copyright (c) 2013-2015 Brian Reavis & contributors
 * Copyright (c) 2020-2022 Selectize Team & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 * @author Ris Adams <selectize@risadams.com>
 */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wdth,wght@62.5..100,100..900&family=Noto+Sans+Armenian:wdth,wght@62.5..100,100..900&family=Noto+Sans+Bengali:wdth,wght@62.5..100,100..900&family=Noto+Sans+Devanagari:wdth,wght@62.5..100,100..900&family=Noto+Sans+Georgian:wdth,wght@62.5..100,100..900&family=Noto+Sans+Hebrew:wdth,wght@62.5..100,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+Kannada:wdth,wght@62.5..100,100..900&family=Noto+Sans+Khmer:wdth,wght@62.5..100,100..900&family=Noto+Sans+Math&family=Noto+Sans+Myanmar:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+Sinhala:wdth,wght@62.5..100,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans+Tamil:wdth,wght@62.5..100,100..900&family=Noto+Sans+Telugu:wdth,wght@62.5..100,100..900&family=Noto+Sans+Thaana:wght@100..900&family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap");
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}

.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}

.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}

.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}

.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}

.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}

.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}

.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}

.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input > input[placeholder] {
  box-sizing: initial;
}

.selectize-input.has-items > input {
  margin: 0 0 !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create {
  padding: 5px 8px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #e8e8e8;
  color: #303030;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .selected {
  background-color: #e8e8e8;
  color: #303030;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown .active:not(.selected) {
  background: #f5fafd;
  color: #495c68;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}

.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}

.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input:not(:read-only) {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl {
  text-align: right;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}

.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}

.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}

.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}

.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}

.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}

.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}

.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}

.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a.ui-button:link, a.ui-button:visited, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png);
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png);
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png);
}

.ui-button .ui-icon {
  background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png);
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
* jQuery UI Accordion 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/accordion/#theming
*/
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/*!
* jQuery UI Autocomplete 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/autocomplete/#theming
*/
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*!
* jQuery UI Button 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/button/#theming
*/
.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*!
* jQuery UI Checkboxradio 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/checkboxradio/#theming
*/
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

/*!
* jQuery UI Controlgroup 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/controlgroup/#theming
*/
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

/*!
* jQuery UI Datepicker 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

/*!
* jQuery UI Dialog 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/dialog/#theming
*/
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

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

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

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

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*!
* jQuery UI Draggable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/*!
* jQuery UI Menu 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/menu/#theming
*/
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/*!
* jQuery UI Progressbar 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/progressbar/#theming
*/
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/*!
* jQuery UI Resizable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*!
* jQuery UI Selectable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*!
* jQuery UI Selectmenu 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/selectmenu/#theming
*/
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

/*!
* jQuery UI Sortable 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*/
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/*!
* jQuery UI Slider 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/slider/#theming
*/
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*!
* jQuery UI Spinner 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/spinner/#theming
*/
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/*!
* jQuery UI Tabs 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/tabs/#theming
*/
.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/*!
* jQuery UI Tooltip 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/tooltip/#theming
*/
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*/
/* qTip2 v2.1.0 basic css3 | qtip2.com | Licensed MIT, GPL | Sun Jul 07 2013 17:08:51 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-red .qtip-icon {
  border-color: #D95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}

.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-rounded, .qtip-tipsy, .qtip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border-width: 0;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -moz-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, #000 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content {
  background: transparent;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: -10000em;
  top: -10000em;
}

#qtip-overlay.blurs {
  cursor: pointer;
}

#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

/**
 * Legacy styles imported from Dashboard's application.scss
 *
 * Avoid adding new application-wide styles here, if possible; it's generally
 * better to create a new file per style scope.
 */
/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.nps-survey-root {
  margin-top: 0;
  color: var(--text-neutral-primary);
}

.nps-survey-q-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-neutral-primary);
}

.nps-survey-row {
  display: block;
}

.nps-survey-q-rating-item {
  display: inline-block;
  font-size: 14px;
  width: 32px;
  height: 32px;
  margin: 0 8px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
  border: 1px solid var(--borders-neutral-strong);
}

.nps-survey-rating-selected {
  background-color: #0093a4;
}

.nps-survey-q-rating-item .sv-visuallyhidden {
  display: none;
}

.nps-survey-rating-min {
  position: absolute;
  top: 50px;
  left: 18px;
  width: 200px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-neutral-secondary);
}

.nps-survey-rating-max {
  position: absolute;
  top: 50px;
  left: 348px;
  width: 200px;
  text-align: right;
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-neutral-secondary);
}

.nps-survey-rating-root {
  height: 60px;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.nps-survey-rating-root legend {
  display: none;
}

.nps-survey-checkbox-material-decorator {
  display: none;
}

.nps-survey-checkbox-item-control {
  margin: 0 3px 3px 0 !important;
}

.nps-survey-top-error {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
}

.nps-survey-submit-button {
  font-size: 16px;
  font-weight: 600;
  border-width: 0;
  border-style: solid;
  border-radius: 4px;
  color: var(--text-neutral-white-fixed);
  background-color: var(--background-brand-purple-primary);
  height: 32px;
  padding: 0 24px;
  margin-top: 4px;
  line-height: 32px;
}
.nps-survey-submit-button:hover {
  background-color: var(--background-brand-purple-strong);
}

.nps-survey-comment {
  width: 500px;
  max-width: 700px;
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
*:before,
*:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/../fonts/bootstrap/glyphicons-halflings-regular.eot);
  src: url(/../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/../fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"), url(/../fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"), url(/../fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"), url(/../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0596ce;
  text-decoration: none;
}
a:hover, a:focus {
  color: #036083;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f7f7f9;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

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

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
.input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
.input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #ffa400;
  border-color: #e69400;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #cc8300;
  border-color: #664200;
}
.btn-primary:hover {
  color: #fff;
  background-color: #cc8300;
  border-color: #a86c00;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #cc8300;
  background-image: none;
  border-color: #a86c00;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #a86c00;
  border-color: #664200;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #ffa400;
  border-color: #e69400;
}
.btn-primary .badge {
  color: #ffa400;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #0596ce;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #036083;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0596ce;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #0596ce;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #036083;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager:before, .pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #0596ce;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
.jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0596ce;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/**
 * We depend on some defaults provided by Bootstrap v2 which were changed in
 * v3. This stylesheet captures those dependencies, providing a compatibility
 * layer for us during this upgrade.
 */
/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
/*
 * Core elements
 */
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  line-height: 20px;
}

h1, h2, h3 {
  line-height: 40px;
}

ul, ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

li {
  line-height: 20px;
}

body {
  line-height: 20px;
  margin: 0;
  padding: 0;
}

strong {
  font-weight: 700;
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
}

td, th {
  padding: 1px;
}

summary {
  display: revert;
}

code {
  font-size: 12px;
  border: 1px solid #e1e1e8;
}

pre {
  line-height: 20px;
}
pre code {
  border: 0;
  font-size: 12px;
}

label {
  display: block;
  margin-bottom: 5px;
}

/*
 * Buttons
 */
.btn {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  line-height: 20px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 4px 12px;
}

.btn.btn-default {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #ccc;
  border-bottom-color: #b3b3b3;
}

.btn-default:hover {
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}

.btn-lg, .btn-group-lg > .btn {
  font-size: 17.5px;
  padding: 11px 19px;
}

/*
 * Forms
 */
form {
  margin: 0 0 20px 0;
}

.form-control {
  margin-bottom: 10px;
  padding: 4px 6px;
}

select.form-control {
  height: 30px;
  width: 220px;
}

textarea.form-control {
  width: 220px;
  line-height: 20px;
}

input {
  width: 220px;
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox] {
  width: auto;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

button, input, select, textarea {
  vertical-align: middle;
}

/*
 * Modals
 */
.modal-backdrop.in {
  opacity: 0.8;
}

.dash_modal {
  top: 10%;
  margin-top: -29px;
}
.dash_modal.modal {
  overflow: visible;
}
.dash_modal .modal-dialog {
  width: 640px;
}
.dash_modal .modal-content {
  box-shadow: none;
  border: none;
}

/*
 * Misc Bootstrap-specific components
 */
.breadcrumb {
  margin: 0 0 20px 0;
}

.alert {
  padding: 8px 35px 8px 14px;
}

.row {
  margin-left: -20px;
  margin-right: 0;
}

.qtip {
  max-width: 302px;
}

.nav {
  margin-left: 0;
}

.nav > li > a {
  padding: 10px 12px;
}

.navbar-static-top.header {
  z-index: revert;
}

.hidden {
  display: revert !important;
}

.table > thead > tr > th {
  border-bottom: revert;
  line-height: 20px;
}

.table > tbody > tr > td {
  line-height: 20px;
}

.btn-primary {
  background-color: var(--background-brand-purple-primary);
  border-color: var(--borders-brand-purple-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
  background-color: var(--background-brand-purple-strong, #682A77);
  border-color: var(--borders-brand-purple-strong, #682A77);
}
.btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  background-color: var(--background-brand-purple-strong, #682A77);
  border-color: var(--borders-brand-purple-strong, #682A77);
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: var(--background-brand-purple-primary);
  border-color: var(--borders-brand-purple-primary);
}

.btn-success {
  background-color: var(--background-success-primary);
  border-color: var(--borders-success-primary);
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
  background-color: var(--background-success-strong);
  border-color: var(--borders-success-strong);
}
.btn-success:active, .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  background-color: var(--background-success-strong);
  border-color: var(--borders-success-strong);
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: var(--background-success-primary);
  border-color: var(--borders-success-primary);
}

label, input, button, select, textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

p, pre, span {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

body {
  -webkit-tap-highlight-color: transparent;
  font-style: normal;
}

body.pin_bottom {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

body.pin_bottom:not(.minecraft, .oceans-blue) {
  background-color: var(--background-neutral-secondary);
}

body.oceans-blue {
  background-color: rgb(2, 0, 28);
}

body:has(#lab2-container) {
  overflow: hidden;
}

h1 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  color: var(--text-brand-purple-primary);
}
h1.text-black {
  color: var(--text-neutral-primary);
}

html.nav-reskin h1.existing-account-heading {
  color: var(--text-neutral-primary);
}

h2 {
  margin: 25px 0 10px 0;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  color: var(--text-brand-teal-primary);
}
h2.text-black {
  color: var(--text-neutral-primary);
}

h3 {
  font-size: 18px;
}

hr {
  border-color: #0093a4;
  border-bottom: none;
}

hr.account-section-divider {
  border-color: var(--borders-neutral-strong);
}

#classroom-sections hr {
  border-color: #555555;
}

th {
  background-color: #5b6770;
  color: #fff;
  border: 1px solid #fff;
  text-align: left;
  font-size: 120%;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-weight: normal;
  padding: 5px;
}

strong {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
}

em {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}

strong em,
em strong {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-style: italic;
}

a.skip_link {
  background: #fff;
  color: #000;
  padding: 8px;
  z-index: 10;
  text-decoration: none;
  border-radius: 5px;
  position: absolute;
  top: 50px;
  transform: translateX(var(--skip-link-transform, -100%));
  transition: all 0.2s ease-in;
  opacity: 0;
}
html[dir=rtl] a.skip_link {
  --skip-link-transform: 100%;
}
a.skip_link:focus {
  transform: translateX(0);
  opacity: 1;
}

a.video_link {
  /* IE9 CSS hack */
  max-width: 100% \9 ;
}

img.video_thumbnail {
  width: 183px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.navbar {
  margin-bottom: 30px;
}

.header-wrapper {
  padding-top: 0;
  min-height: 50px;
  position: relative;
  user-select: none;
  /* Hide the Sign in and Create account buttons
  in the header on small screens */
}
.header-wrapper .header {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
  background-color: var(--background-brand-teal-primary);
  color: var(--text-neutral-white-fixed);
}
.header-wrapper .header a:link:where(:not(.MuiButton-root, .MuiIconButton-root)) {
  color: var(--text-neutral-white-fixed);
}
.header-wrapper .header a:visited:where(:not(.MuiButton-root, .MuiIconButton-root)) {
  color: var(--text-neutral-white-fixed);
}
@media screen and (max-width: 1024px) {
  .header-wrapper .header .small_font_on_tablet {
    font-size: 13px;
  }
}
.header-wrapper .header .header_left,
.header-wrapper .header .header_right {
  margin-top: 0;
}
.header-wrapper .header .header_left {
  left: 10px;
}
.header-wrapper .header .header_middle {
  top: 2px;
}
.header-wrapper .header .header_logo {
  width: 66px;
  padding: 6px 14px;
  margin-top: 0;
}
.header-wrapper .project_info .header_text, .header-wrapper .project_info .header_button {
  float: left;
}
.header-wrapper .project_info .project_name_wrapper .header_text {
  float: left;
  clear: left;
}
.header-wrapper .header_text {
  font-size: 16px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1011px) {
  .header-wrapper .show_on_tablet {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .header-wrapper .hide_on_tablet {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1268px) {
  .header-wrapper.hide-small-desktop,
.header-wrapper .hide-small-desktop {
    display: none !important;
  }
}
.header-wrapper .headerlinks {
  margin-inline-start: 1rem;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2.25rem;
}
.header-wrapper .headerlinks .headerlink {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  margin-top: -1px;
}
.header-wrapper .headerlinks .headerlink:link, .header-wrapper .headerlinks .headerlink:visited {
  text-decoration: none;
}
.header-wrapper .headerlinks .headerlink:hover, .header-wrapper .headerlinks .headerlink:active {
  border-bottom: solid 2px #ffa400;
  margin-top: 3px;
  padding-bottom: 2px;
}
html[dir=rtl] .header-wrapper .headerlinks {
  padding-right: 30px;
}
.header-wrapper .header_button {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
  color: var(--text-neutral-white-fixed);
  background-color: transparent;
  border: 1px solid var(--borders-neutral-white-fixed);
  border-radius: 4px;
  padding: 6.5px 16px;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  margin-inline-start: 8px;
  height: 35px;
}
.header-wrapper .header_button a:hover {
  text-decoration: none;
  background-color: #ffa400;
}
.header-wrapper .header_button:active {
  border: 1px solid var(--borders-neutral-white-fixed) !important;
}
.header-wrapper .user_menu, .header-wrapper .create_menu, .header-wrapper .help_button {
  margin-top: 7px;
}
html[dir=rtl] .header-wrapper .user_menu .create_button, html[dir=rtl] .header-wrapper .user_menu .display_name, html[dir=rtl] .header-wrapper .user_menu .pairing_name, html[dir=rtl] .header-wrapper .create_menu .create_button, html[dir=rtl] .header-wrapper .create_menu .display_name, html[dir=rtl] .header-wrapper .create_menu .pairing_name, html[dir=rtl] .header-wrapper .help_button .create_button, html[dir=rtl] .header-wrapper .help_button .display_name, html[dir=rtl] .header-wrapper .help_button .pairing_name {
  float: right;
  padding-left: 3px;
}
.header-wrapper .user_menu .pairing_icon, .header-wrapper .create_menu .pairing_icon, .header-wrapper .help_button .pairing_icon {
  display: inline-block;
  float: left;
  padding-right: 5px;
  padding-top: 3px;
}
.header-wrapper .user_menu .user_options, .header-wrapper .user_menu .help_contents, .header-wrapper .create_menu .user_options, .header-wrapper .create_menu .help_contents, .header-wrapper .help_button .user_options, .header-wrapper .help_button .help_contents {
  font-size: 14px;
  line-height: 20px;
}
.header-wrapper #header_user_create_account {
  background-color: var(--background-neutral-primary) !important;
  color: var(--text-brand-teal-primary);
  font-weight: 600;
}
.header-wrapper .button-signin {
  text-decoration: none;
}
.header-wrapper .project_updated_at {
  font-size: 10px;
}
.header-wrapper .project_updated_at .project-save-error {
  background-color: var(--background-error-primary);
  padding: 0 5px;
  margin-top: 2px;
  font-size: 12px;
  display: inline-block;
  border-radius: 4px;
}
.header-wrapper #hamburger {
  padding: 4px 3px 0 11px;
}
.header-wrapper .help_button {
  margin-top: 0;
  padding-top: 3px;
  padding-left: 11px;
}
.header-wrapper .help_button:not(.user-is-tabbing) {
  outline: none;
}
.header-wrapper #signin_button .header_button {
  margin-top: 7px;
}
.header-wrapper #sign_in_or_user.z_index_above_modal {
  z-index: 1050;
}
.header-wrapper #sign_in_or_user.z_index_above_modal .header_user {
  background-color: var(--background-brand-teal-primary);
}
@media (max-width: 425px) {
  .header-wrapper .button-signin.desktop,
.header-wrapper .button-create-account.desktop {
    display: none;
  }
}

.project_info_container {
  overflow: hidden;
}

html.nav-reskin .project_info_container {
  overflow: clip;
  overflow-clip-margin: 4px;
}
html.nav-reskin .header-wrapper .headerlinks {
  flex-grow: 1;
}
html.nav-reskin .create_menu.marketing-nav-no-create {
  display: none;
}
html.nav-reskin .header-wrapper .headerlinks .headerlink {
  padding: 5px 10px;
  border-radius: 0.5rem;
  font-weight: var(--font-weight-semi-bold);
  white-space: nowrap;
}
html.nav-reskin .header-wrapper .headerlinks .headerlink:hover, html.nav-reskin .header-wrapper .headerlinks .headerlink:active {
  border-bottom: none;
  margin-top: -1px;
  padding: 5px 10px;
  background-color: var(--neutral-white-alpha-10);
}
html.nav-reskin .header-wrapper .headerlinks .headerlink:active {
  background-color: var(--neutral-white-alpha-30);
}
html.nav-reskin .header-wrapper .headerlinks .headerlink:focus-visible {
  outline: 1px solid var(--borders-neutral-white-fixed);
  outline-offset: 2px;
}
html.nav-reskin .header-wrapper .header_button {
  height: 32px;
  border-radius: 0.5rem;
  font-weight: var(--font-weight-semi-bold);
}
html.nav-reskin .header-wrapper .header_button:hover, html.nav-reskin .header-wrapper .header_button a:hover {
  background-color: var(--neutral-white-alpha-20);
}
html.nav-reskin .header-wrapper .header_button:active {
  background-color: var(--neutral-white-alpha-30);
}
html.nav-reskin .header-wrapper .header_button:focus-visible {
  outline: 1px solid var(--borders-neutral-white-fixed);
  outline-offset: 2px;
}
html.nav-reskin .header-wrapper #sign_in_or_user {
  align-items: center;
}
html.nav-reskin .header-wrapper #sign_in_or_user .header_button {
  margin-top: 0;
}
html.nav-reskin .header-wrapper .help_button:focus-visible,
html.nav-reskin .header-wrapper #hamburger:focus-visible {
  outline: 1px solid var(--borders-neutral-white-fixed);
  outline-offset: 2px;
}
html.nav-reskin .header-wrapper #signin_button:focus-visible,
html.nav-reskin .header-wrapper #create_account_button:focus-visible {
  outline: 1px solid var(--borders-neutral-white-fixed);
  outline-offset: 2px;
}
html.nav-reskin .header-wrapper .headerlinks.marketing-nav #header-about {
  margin-inline-start: auto;
}
@media (max-width: 959px) {
  html.nav-reskin .header-wrapper .headerlinks.marketing-nav {
    display: none;
  }
}
@media (max-width: 1079px) {
  html.nav-reskin .header-wrapper .headerlinks.marketing-nav #header-about, html.nav-reskin .header-wrapper .headerlinks.marketing-nav #header-donate {
    display: none;
  }
}

.levelbuilder-header .header {
  background-color: #8c52ba;
}

.local-header .header {
  background-color: #ffa400;
}

#language_dir.rtl #pageheader-wrapper .create_options {
  direction: rtl;
}
#language_dir.rtl #pageheader-wrapper .create_options .project_link {
  padding: 0 4px 0 10px;
}
#language_dir.rtl #pageheader-wrapper .create_options #view_all_projects {
  padding-right: 10px;
}

#header-banner {
  background-size: cover;
  background-position: 90% 30%;
  display: flex;
  justify-content: center;
  /*
    The banner background image leaves an open space for text on the left. Therefore, in Right-to-Left languages, the
    banner needs to be flipped horizontally so the background image empty space is on the right.
   */
}
#header-banner .bannerContent {
  max-width: 60%;
}
html[dir=rtl] #header-banner {
  transform: scaleX(-1);
  /*
    Since the whole banner was flipped horizontally, we need to un-flip all the content in the header. So the text and
    layout is not backwards
   */
}
html[dir=rtl] #header-banner .bannerContentContainer {
  transform: scaleX(-1);
}
#projects-page #header-banner {
  margin-bottom: 16px;
}

#header-banner-overflow {
  margin: 16px;
}
#header-banner-overflow .bannerContentButton {
  border-color: #292F36 !important;
}

#header-banner .children, #header-banner-overflow .children {
  margin-top: 16px;
}

/* When we are using a dark theme in Blockly, we want the main Blockly area (inside #codeWorkspace)
 * to have a 1px separation between it and the PaneHeader above it.
*  */
#codeWorkspace > .cdomoderndark-theme,
#codeWorkspace > .cdohighcontrastdark-theme,
#codeWorkspace > .cdoprotanopiadark-theme,
#codeWorkspace > .cdodeuteranopiadark-theme,
#codeWorkspace > .cdotritanopiadark-theme {
  /* A small separation. */
  margin-top: 1px;
  /* Override the height in Blockly's .injectionDiv */
  height: calc(100% - 1px);
}

.bannerContentContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 16px;
}

#courses-container #header-banner {
  background-position: 75% 40%;
}
#courses-container .announcements {
  margin-top: 16px;
}
#courses-container .contentContainer {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
#courses-container .contentContainer .content {
  width: 100%;
  margin: 0 16px;
}

.sign_in.show_only_on_mobile {
  float: right;
  margin-bottom: 10px;
}
@media screen and (min-device-width: 501px) {
  .sign_in.show_only_on_mobile {
    display: none;
  }
}

#betainfo {
  position: absolute;
  font-size: 10px;
  top: -1px;
  right: 33px;
}

.main {
  padding: 10px;
}
.main a:link:where(:not(.MuiButton-root, .MuiIconButton-root)), .main a:visited:where(:not(.MuiButton-root, .MuiIconButton-root)), .main a:hover:where(:not(.MuiButton-root, .MuiIconButton-root)), .main a:active:where(:not(.MuiButton-root, .MuiIconButton-root)) {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--text-brand-purple-primary);
  background-color: transparent;
  text-decoration: underline;
}
.main a:hover:where(:not(.MuiButton-root, .MuiIconButton-root)) {
  color: var(--text-brand-purple-secondary);
  text-decoration: underline;
}
.main a:link:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block), .main a:visited:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block), .main a:active:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block) {
  text-decoration: unset;
}
.main a:link:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block):hover, .main a:visited:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block):hover, .main a:active:where(:not(.MuiButton-root, .MuiIconButton-root)):has(.visual-block):hover {
  text-decoration: underline;
}
.main a.fa:link, .main a.fa:visited, .main a.fa:hover, .main a.fa:active {
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
}

/* This styling helps to push the footer to the bottom of a page. */
html, body {
  height: 100%;
  font-size: 100%;
}

.wrapper {
  min-height: 100%;
  margin-bottom: -256px;
  /* This is the same as the height of .push. */
}
.legacy-share-view .wrapper {
  position: relative;
}

.push {
  height: 256px;
  /* This is the same as the height of .footer once its padding is included. */
}

.legacy-share-view .push {
  display: none;
}

.footer {
  min-height: 236px;
  padding-top: 20px;
  font-size: 14px;
  background-color: var(--background-neutral-primary-inverse);
  color: var(--text-neutral-inverse);
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--text-neutral-inverse);
  background-color: transparent;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .powered-by-aws {
  width: 100%;
  margin-top: 12px;
}
.footer select {
  width: auto;
  font-size: 11px;
  height: 18px;
  margin-bottom: 4px;
}
.footer .fineprint a:link, .footer .fineprint a:visited, .footer .fineprint a:hover, .footer .fineprint a:active {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.footer #localeForm {
  max-width: fit-content;
}
.footer #localeForm select {
  min-width: 8.43rem;
}
.footer #global-edition-region-reset-button-container {
  width: max-content;
  margin: 0.5rem 0;
}
.footer .dim {
  display: inline-block;
  opacity: 0.8;
}
html[dir=rtl] .footer .container .row [class*=col-md] {
  float: right;
  margin-right: 20px;
  margin-left: 0;
}
html[dir=rtl] .footer .container .row [class*=col-md] a {
  float: right;
}
html[dir=rtl] .footer .container .row [class*=col-md] div.dim {
  float: right;
  margin-left: 4px;
  margin-right: 4px;
}

/* Styling that keeps the small footer consistent with other page elements */
/* Shared styles so flyout looks like footer */
.small-footer-base, #more-menu {
  background-color: initial;
  color: #696969;
  font-size: 14px;
  margin: 8px;
}
.small-footer-base a, #more-menu a {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.small-footer-base a:link, #more-menu a:link {
  color: #5b6770;
  text-decoration: none;
}
.small-footer-base a:visited, #more-menu a:visited {
  color: #5b6770;
  text-decoration: none;
}
.small-footer-base a:hover, #more-menu a:hover {
  color: #5b6770;
  background-color: transparent;
  text-decoration: none;
}
.small-footer-base a:active, #more-menu a:active {
  color: #5b6770;
  background-color: transparent;
  text-decoration: none;
}
.small-footer-base h4, #more-menu h4 {
  color: #696969;
}
.dark .small-footer-base, .dark #more-menu {
  background-color: #4d575f;
  border: 0;
  color: #949ca2;
  justify-content: flex-end;
  margin: 0;
}
.dark .small-footer-base a:link, .dark #more-menu a:link {
  color: #e7e8ea;
}
.dark .small-footer-base a:visited, .dark #more-menu a:visited {
  color: #e7e8ea;
}
.dark .small-footer-base a:hover, .dark #more-menu a:hover {
  color: #fff;
}
.dark .small-footer-base a:active, .dark #more-menu a:active {
  color: #fff;
}
.dark .small-footer-base .more-link, .dark #more-menu .more-link {
  margin: 0 15px;
  background-color: #4d575f;
  border: 0;
  color: #949ca2;
  font-size: 14px;
  padding: 0;
}
.dark .small-footer-base .more-link:hover, .dark #more-menu .more-link:hover {
  box-shadow: none;
}
@media screen and (max-width: 1150px) {
  .small-footer-base small, #more-menu small {
    font-size: 10px;
  }
}

.small-footer-base {
  position: absolute;
  bottom: 0;
  display: flex;
  padding: 6px 0 3px 0;
  width: 100%;
  max-width: 400px;
  /* Need to have this reasonably high, since some of our elements (such as
     applab editor) have higher values */
  z-index: 1000;
  /*
   * Used in @cdo/apps/src/StudioApp.js to resize #belowVisualization to
   * fit between the visualization above and the .small-footer
   */
  margin-top: 5px;
  margin-bottom: 12px;
  margin-inline-end: 0;
  margin-inline-start: 15px;
}
.small-footer-base select {
  color: #5b6770;
  width: 80px;
  font-size: 11px;
  height: 18px;
  margin: 0;
  line-height: 18px;
  padding: 0;
  border: 0;
}
.small-footer-base .copyright-button, .small-footer-base .languageSelect {
  align-self: center;
}
.small-footer-base .copyright-button {
  margin: 0 10px;
}
.small-footer-base .copyright-button button {
  padding: 3px;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0;
  border: 1px solid #c6cacd;
  background-color: initial;
}

/* Override footer position on some pages, but not published project views */
#page-small-footer .small-footer-base {
  position: fixed;
  margin-top: 0;
}

.responsive-content-mobile-footer {
  position: relative;
}
@media screen and (min-width: 970px) {
  .responsive-content-mobile-footer {
    display: none;
  }
}

body.background-dark, body.music-black {
  background-color: #121212;
  color: #F7F8FA;
}
body.background-dark .small-footer-base, body.music-black .small-footer-base {
  background-color: initial;
  border-top: initial;
}
body.background-dark #page-small-footer, body.music-black #page-small-footer {
  user-select: none;
  /* Use the underlying background color. */
  /* Edge uses the select's background color for the dropdown as well, so we
   * override it here. */
}
body.background-dark #page-small-footer .small-footer-base, body.music-black #page-small-footer .small-footer-base {
  margin-inline-start: 10px;
  margin-bottom: 12px;
  padding-bottom: 0;
  transition: max-width 0.75s;
}
body.background-dark #page-small-footer .small-footer-base .version-caption, body.music-black #page-small-footer .small-footer-base .version-caption {
  display: none;
}
body.background-dark #page-small-footer .small-footer-base > p, body.music-black #page-small-footer .small-footer-base > p {
  color: #FFFFFF;
}
body.background-dark #page-small-footer select, body.background-dark #page-small-footer .copyright-button, body.music-black #page-small-footer select, body.music-black #page-small-footer .copyright-button {
  background-color: initial;
}
body.background-dark #page-small-footer option, body.music-black #page-small-footer option {
  background-color: #394450;
}
body.background-dark #page-small-footer .copyright-button, body.music-black #page-small-footer .copyright-button {
  height: 1.625rem;
  width: 1.625rem;
  box-sizing: border-box;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
}
body.background-dark .languageSelect > div select, body.music-black .languageSelect > div select {
  border-color: #FFFFFF;
  background-color: #292F36;
  color: #FFFFFF;
}
body.background-dark .languageSelect > div::after, body.music-black .languageSelect > div::after {
  background-color: initial;
  color: #FFFFFF !important;
}
body.background-dark .languageSelect > div::before, body.music-black .languageSelect > div::before {
  background-color: initial;
  color: #FFFFFF;
}
body.background-dark .languageSelect > div:has(select:hover) select:not(:disabled), body.music-black .languageSelect > div:has(select:hover) select:not(:disabled) {
  color: #FFFFFF;
  background-color: #292F36;
}
body.background-dark .languageSelect > div:has(select:hover)::before, body.music-black .languageSelect > div:has(select:hover)::before {
  color: #FFFFFF;
}
body.background-dark .languageSelect > div:has(select:hover)::after, body.music-black .languageSelect > div:has(select:hover)::after {
  color: #FFFFFF;
}
body.background-dark .languageSelect > div:has(select:active) select:not(:disabled), body.music-black .languageSelect > div:has(select:active) select:not(:disabled) {
  color: #FFFFFF;
  background-color: #292F36;
}
body.background-dark .languageSelect > div:has(select:active)::before, body.music-black .languageSelect > div:has(select:active)::before {
  color: #FFFFFF;
}
body.background-dark .languageSelect > div:has(select:active)::after, body.music-black .languageSelect > div:has(select:active)::after {
  color: #FFFFFF;
}

@media screen and (max-width: 969px) {
  .responsive-content-desktop-footer {
    display: none;
  }
}

#more-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  /* Just under .small-footer-base */
  z-index: 998;
  /* Prevent default unordered-list style */
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#more-menu > li > a {
  display: block;
  padding: 3px 15px 3px 15px;
  border-bottom: solid thin #e7e8ea;
}
#more-menu > li > a:hover {
  background-color: #4d575f;
  color: #e7e8ea;
  text-decoration: none;
}
.dark #more-menu > li > a:hover {
  background-color: #e7e8ea;
  color: #4d575f;
}

#locale {
  font-family: sans-serif;
  height: 24px;
}
@media screen and (max-width: 1024px) {
  #locale {
    max-width: 150px;
  }
}

.oceans-blue .small-footer-base, .music-black .small-footer-base {
  background-color: initial;
  border-top: initial;
}

.header_separator {
  padding-left: 2px;
  margin-bottom: -18px;
  margin-top: -8px;
  margin-right: 2px;
  height: 42px;
  border-right: 1px solid var(--borders-neutral-strong);
  border-right-style: inset;
  display: inline-block;
}

.user_options, .help_contents {
  display: none;
  border: 1px solid var(--borders-neutral-solid);
  color: var(--text-neutral-primary);
  padding: 10px;
}
.user_options a:link, .help_contents a:link {
  color: var(--text-neutral-primary);
}
.user_options a:visited, .help_contents a:visited {
  color: var(--text-neutral-primary);
}
.user_options a:hover, .help_contents a:hover {
  color: var(--text-neutral-white-fixed);
  background-color: var(--background-brand-purple-primary);
  text-decoration: none;
}
.user_options a:active, .help_contents a:active {
  color: var(--text-neutral-white-fixed);
  background-color: var(--background-brand-purple-primary);
}

.user_options .pairing_summary {
  font-size: 0.8em;
  line-height: 1.6em;
}

.full_container {
  padding: 0 25px 25px 25px;
}

body.embedded_iframe .full_container {
  padding-left: 0;
}

.responsive_full_container {
  padding: 0 10px 10px 10px;
}

@media screen and (max-height: 600px) {
  .modal {
    max-height: 80vh;
    overflow-y: auto;
  }
}
.modal a:hover:not(.btn) {
  background-color: #fff;
}
.modal#block-documentation-lightbox {
  width: 80% !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.modal .markdown .modal-image {
  margin-top: -100px;
  float: left;
  position: relative;
}

.auto-resize-scrollable.modal {
  position: absolute;
  top: 50px;
  margin-bottom: 25px;
  z-index: 1050;
}

.dash_modal_body {
  padding-right: 25px;
}

.btn#dataConfirmOK:hover {
  color: #fff;
  background-color: #ffa400;
}

#videoTabContainer {
  padding: 0;
}

#video {
  border-width: 0;
}

.video-player {
  width: 100%;
  height: 100%;
  margin: 0;
}

.vjs-tech:focus, .vjs-poster:focus {
  outline: 0;
}

.video-player-rounded-corners {
  border-radius: 10px;
  border-width: 0;
  overflow: hidden;
}

.video-player-full-width {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video-content-full-width {
  position: relative;
  padding-top: 56.25%;
}

.buttons-right-aligned {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -44px;
}

.fallback-video-player-failed video, .fallback-video-player-failed div {
  visibility: hidden;
}
.fallback-video-player-failed p {
  font-size: 22px;
  line-height: 26px;
  padding: 5px;
}
.fallback-video-player-failed p a {
  color: #fff;
}

.header_left {
  display: flex;
  float: left;
  z-index: 2;
  flex-shrink: 0;
  flex-grow: 0;
}

.header_left, .header_right {
  margin-top: 5px;
}

.header_logo {
  float: left;
  z-index: 1;
  margin-top: -24px;
  padding-top: 14px;
  min-width: 0;
  max-width: 66px;
  width: 66px;
}
.header_logo a:hover {
  background-color: transparent;
}

html[data-brand=codeai] .header-wrapper .header .header_logo,
html[data-brand=codeai] .header_logo {
  width: auto;
  max-width: none;
  height: 50px;
  margin-top: 0;
  padding: 0 14px;
  display: flex;
  align-items: center;
}
html[data-brand=codeai] .header-wrapper .header .header_logo img,
html[data-brand=codeai] .header_logo img {
  height: 22px;
  width: auto;
  aspect-ratio: 591.15/100;
  display: block;
}
@media (min-width: 1024px) and (max-width: 1268px) {
  html[data-brand=codeai] .header-wrapper .header .headerlinks {
    gap: 1.5rem;
  }
}

html[data-brand=codeai-next] .header-wrapper .header .header_logo,
html[data-brand=codeai-next] .header_logo {
  width: auto;
  max-width: none;
  height: 50px;
  margin-top: 0;
  padding: 0 14px;
  display: flex;
  align-items: center;
}
html[data-brand=codeai-next] .header-wrapper .header .header_logo img,
html[data-brand=codeai-next] .header_logo img {
  height: 22px;
  width: auto;
  aspect-ratio: 591.15/100;
  display: block;
}
@media (min-width: 1024px) and (max-width: 1268px) {
  html[data-brand=codeai-next] .header-wrapper .header .headerlinks {
    gap: 1.5rem;
  }
}

html[data-brand=codeai-audit] .header-wrapper .header .header_logo,
html[data-brand=codeai-audit] .header_logo {
  width: auto;
  max-width: none;
  height: 50px;
  margin-top: 0;
  padding: 0 14px;
  display: flex;
  align-items: center;
}
html[data-brand=codeai-audit] .header-wrapper .header .header_logo img,
html[data-brand=codeai-audit] .header_logo img {
  height: 22px;
  width: auto;
  aspect-ratio: 591.15/100;
  display: block;
}
@media (min-width: 1024px) and (max-width: 1268px) {
  html[data-brand=codeai-audit] .header-wrapper .header .headerlinks {
    gap: 1.5rem;
  }
}

html.nav-reskin .header-wrapper .header .headerlinks {
  gap: 0;
}

.project_info {
  float: left;
}
.project_info .header_text, .project_info .header_button {
  float: left;
}
.project_info .project_name_wrapper {
  min-width: 160px;
}
html[dir=rtl] .project_info .project_name_wrapper {
  padding-left: 5px;
  padding-right: 5px;
}
.project_info .project_name_wrapper.header_text {
  overflow: visible;
}
.project_info .project_name_wrapper .header_text {
  float: left;
  clear: left;
}

.project_name {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.project_save[disabled] {
  background: #949ca2;
}

#project-share .export-button {
  color: #8c52ba;
  cursor: pointer;
  margin-top: 10px;
  display: block;
}
#project-share .social-buttons button {
  margin-right: 16px;
}
#project-share .social-buttons a {
  display: inline-block;
  background: #8c52ba;
  color: #fff;
  border-radius: 5px;
  margin-right: 8px;
  font-size: larger;
}
#project-share .social-buttons a:hover, #project-share .social-buttons a {
  text-decoration: none;
}
#project-share .social-buttons a:hover {
  box-shadow: 2px 2px 5px #949ca2;
}
#project-share .social-buttons a i {
  border-radius: 5px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 24pt;
}
#project-share .social-buttons a i.fa-facebook, #project-share .social-buttons a i.fa-facebook-f {
  background-color: #3b5998;
}
#project-share .social-buttons a i.fa-twitter {
  background-color: #00aced;
}
#project-share .social-buttons a i.fa-x-twitter {
  background-color: #383939;
}
#project-share .social-buttons a span {
  padding-right: 10px;
}

@keyframes header-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header_middle {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  float: left;
}
.header_middle .header_button, .header_middle .header_input {
  margin-left: 10px;
}

.header_level_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_level {
  font-size: 150%;
  cursor: default;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_level .progress_container {
  overflow: hidden;
}

.unit_name_container {
  overflow: hidden;
  padding-right: 5px;
}

.header_right {
  float: right;
  margin-right: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-end;
}

#sign_in_or_user {
  float: left;
  display: flex;
}

input.header_input {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 3px;
}

.header_user {
  text-align: right;
  margin-left: 6px;
  margin-top: 7px;
  height: 38px;
}

.header_popup {
  position: absolute;
  text-align: left;
  top: 48px;
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 635px;
  border-color: #0093a4;
  border-top: 5px;
  border-bottom: 5px;
  border-radius: 6px;
  z-index: 1050;
  background-color: #fff;
  box-shadow: 0 0 10px #949ca2;
  overflow: hidden;
}

.header_popup_scrollable {
  max-height: 560px;
  overflow-y: auto;
}

.header_popup_body {
  position: relative;
  display: block;
  color: #5b6770;
}
.header_popup_body .loading {
  margin: 20px;
  background: url(/blockly/media/code_studio/spinner-big.gif) no-repeat center center;
}

.header_finished_link {
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding-left: 5px;
  box-sizing: border-box;
}
.header_finished_link a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header_finished_link:hover {
  background-color: transparent;
  text-decoration: underline;
}

#alert {
  color: #c00;
  font-size: 130%;
  border-style: solid;
  border-width: 2px;
  padding: 5px;
}

.oceans-blue #codeApp .loading {
  background: url(/blockly/media/code_studio/spinner-big-oceans-blue.gif) no-repeat center center;
}
.oceans-blue #codeApp .slow_load {
  color: #fff;
}

#codeApp {
  position: relative;
  margin: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
#codeApp .loading {
  height: 520px;
  background: url(/blockly/media/code_studio/spinner-big.gif) no-repeat center center;
}
#codeApp .slow_load {
  display: none;
  text-align: center;
  position: relative;
  top: -230px;
}

body.iframe_embed_app_and_code {
  background-color: transparent;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
body.iframe_embed_app_and_code .full_container {
  padding: 0;
}
body.iframe_embed_app_and_code #codeApp {
  height: 100%;
}

#codeApp.pin_bottom {
  position: absolute;
  top: 60px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
#codeApp.pin_bottom.centered_embed {
  position: relative;
  top: 0;
  left: auto;
  right: auto;
  margin-top: 10px;
}

.reference_area {
  margin-top: 20px;
  color: #292F36;
}
.reference_area .help_title {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17.5px;
  display: inline-block;
}
.reference_area .solution_link {
  font-size: 17.5px;
  padding-bottom: 4px;
}
.reference_area .video_link {
  display: inline-block;
  margin: 6px 0;
  color: var(--text-brand-purple-primary);
  text-decoration: underline;
}
.reference_area .video_link:hover {
  color: var(--text-brand-purple-secondary);
}
.reference_area .help_subtitle {
  display: inline-block;
}

#notes-outer {
  overflow-y: scroll;
  padding: 0;
}

#notes .note {
  padding-bottom: 10px;
}
#notes .note p {
  font-size: 20px;
  line-height: 24px;
  padding-right: 30px;
  display: table-cell;
}
#notes .note img {
  float: left;
  width: 450px;
  height: auto;
  padding-right: 30px;
}

.video-modal {
  z-index: 10000;
  overflow: visible;
}
.video-modal .modal-body {
  padding: 0;
}
.video-modal .ui-tabs {
  height: 100%;
  width: 100%;
}
.video-modal .ui-tabs video {
  width: 100%;
  max-height: 100%;
}
.video-modal .ui-tabs-nav {
  background: var(--background-neutral-primary);
}
.video-modal .ui-tabs-nav li {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 0;
  background: transparent;
  margin-bottom: 2px;
}
.video-modal .ui-tabs-nav li a {
  background: var(--background-brand-purple-primary);
  border: 2px solid var(--borders-brand-purple-primary);
  border-radius: 6px;
  color: var(--text-neutral-white-fixed);
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  cursor: pointer !important;
}
.video-modal .ui-tabs-nav li a:hover {
  background-color: var(--background-brand-purple-strong);
  border-color: var(--borders-brand-purple-strong);
  color: var(--text-neutral-white-fixed);
}
.video-modal .ui-tabs-nav li a:focus {
  outline: 0;
}
html[dir=rtl] .video-modal .ui-tabs-nav li {
  float: right;
}
.video-modal .ui-tabs-nav li.ui-state-active a {
  background: var(--background-neutral-primary);
  color: var(--text-neutral-primary);
  border: 2px solid var(--borders-neutral-solid);
}
.video-modal .ui-tabs-nav li.ui-state-active a:hover {
  color: var(--text-neutral-primary);
  background-color: var(--background-neutral-quaternary);
}

.x-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 10;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral-quaternary);
  background: transparent;
  border: 0;
  padding: 0;
}
.x-close i {
  font-size: var(--font-size-body-md);
  line-height: 125%;
}
.x-close:hover {
  color: var(--text-neutral-placeholder);
}
html[dir=rtl] .x-close, .flip-x-close .x-close {
  right: auto;
  left: 6px;
}

.open-link {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: url(/blockly/media/code_studio/open_button.png) no-repeat center center;
  background-size: 100% auto;
  top: -20px;
  right: 31px;
  width: 61px;
  height: 59px;
}
.open-link:hover {
  width: 64px;
  height: 62px;
}

.open-link > a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.qtip-content {
  font-family: var(--font-family-main);
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-regular);
  line-height: 1.48;
  color: var(--text-neutral-primary);
  padding-right: 25px;
}

html[dir=rtl] .qtip-content {
  direction: rtl;
  text-align: right;
  padding-right: 9px;
  padding-left: 25px;
}

.qtip-default {
  background-color: var(--background-neutral-primary);
  color: var(--text-neutral-primary);
  border: 1px solid var(--borders-neutral-strong);
  border-radius: 8px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.no-tip .qtip-tip {
  visibility: hidden;
}

.cdo-qtips {
  z-index: 1030 !important;
}

.tooltip-x-close.qtip-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 10;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral-quaternary);
  background: transparent;
}
.tooltip-x-close.qtip-icon i {
  font-size: var(--font-size-body-md);
  line-height: 125%;
}
.tooltip-x-close.qtip-icon:hover {
  color: var(--text-neutral-placeholder);
}
html[dir=rtl] .tooltip-x-close.qtip-icon, .flip-x-close .tooltip-x-close.qtip-icon {
  right: auto;
  left: 6px;
}

a.download-video {
  z-index: 1;
  cursor: pointer;
  width: 44px;
  height: 38px;
  font-size: 28px;
  background-color: var(--background-neutral-primary);
  color: var(--text-neutral-primary);
  border: 2px solid var(--borders-neutral-solid);
  padding: 0;
  line-height: 36px;
}
a.download-video:hover {
  background: var(--background-neutral-quaternary);
}
a.download-video img {
  width: 40px;
  height: 41px;
  margin-top: -3px;
  margin-bottom: -2px;
}
a.download-video img:hover {
  width: 41px;
  height: 42px;
  margin-bottom: -3px;
}

.quiet_links a:link {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fixed_width_cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}

#landingpage .row#continue {
  background-color: #0093a4;
  color: #fff;
  font-size: 24.5px;
  padding: 5px 0;
}
#landingpage .row#continue #puzzle {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
}
#landingpage .row#continue .btn {
  height: 32px;
  margin: 0 5px;
}
#landingpage #welcome h2 {
  font-size: 18px;
}
#landingpage h3.whitetext a, #landingpage h3.whitetext a:link, #landingpage h3.whitetext a:hover, #landingpage h3.whitetext a:visited {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#landingpage .row.navcontainer {
  margin: 30px 0 10px -20px;
  background-color: #e7e8ea;
}
#landingpage ul.nav.nav-pills {
  text-transform: uppercase;
  padding: 10px;
}
#landingpage ul.nav.nav-pills li {
  margin-right: 10px;
}
#landingpage ul.nav.nav-pills li.active a, #landingpage ul.nav.nav-pills li.active a:hover, #landingpage ul.nav.nav-pills li.active a:link {
  background-color: #fff;
  color: #8c52ba;
  border: 2px solid #8c52ba;
}
#landingpage ul.nav.nav-pills li a:hover, #landingpage ul.nav.nav-pills a:focus {
  text-decoration: none;
  background-color: #fff;
}
#landingpage #signup {
  padding-top: 10px;
}
#landingpage #signup .medium-size-text {
  font-size: 18px;
  line-height: 30px;
}
#landingpage #signup #maintext {
  text-align: left;
  padding-left: 20px;
  color: #5b6770;
}
#landingpage #signup #helptext {
  text-align: right;
  padding-right: 20px;
  color: #949ca2;
}
#landingpage #lesson {
  /**
   * betatext can be used to style a span directly, or betacontainer can be
   * used on a node containing markdown to apply the beta styling to all
   * **strong** nodes in the markdown
   */
}
#landingpage #lesson #heading {
  width: 700px;
}
#landingpage #lesson .betatext, #landingpage #lesson .betacontainer strong {
  background: #fff;
  color: #0094ca;
  padding: 2px 4px;
  border: 1px solid #0094ca;
}

.course_progress {
  margin: 10px 0;
}

.flex-container {
  display: flex;
  justify-content: space-between;
}

#change-password {
  max-width: 600px;
}

.signin-legacy,
#change-password {
  min-width: 450px;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
.signin-legacy form,
#change-password form {
  display: flex;
  flex-direction: column;
}
.signin-legacy .field,
#change-password .field {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.signin-legacy .field input[type=text], .signin-legacy .field input[type=password],
#change-password .field input[type=text],
#change-password .field input[type=password] {
  width: 324px;
  height: 42px;
  padding: 0 6px;
}
.signin-legacy .field input,
#change-password .field input {
  background-color: #F7F8FA;
}
.signin-legacy .field label,
#change-password .field label {
  color: #292F36;
  font-size: 1em;
  max-width: 20%;
  line-height: 1.2;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.signin-legacy .field-aligned,
#change-password .field-aligned {
  width: 324px;
  align-self: flex-end;
}
.signin-legacy #forgot-password,
#change-password #forgot-password {
  color: #292F36;
  font-size: 1em;
  line-height: 1.2;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.signin-legacy #password_field, .signin-legacy #new_user,
#change-password #password_field,
#change-password #new_user {
  margin-bottom: 0;
}
.signin-legacy .password_help_link,
#change-password .password_help_link {
  margin-bottom: 21px;
}
.signin-legacy button,
#change-password button {
  align-self: flex-end;
  background-color: #8C52BA;
  border: 2px solid #8C52BA;
  color: #FFFFFF;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin: 5px 0;
  width: 324px;
}
.signin-legacy button:hover,
#change-password button:hover {
  background-color: #6C468A;
  border-color: #6C468A;
  box-shadow: none;
}
.signin-legacy button:focus,
#change-password button:focus {
  border-color: #009EB0;
}
.signin-legacy button:disabled,
#change-password button:disabled {
  color: #FFFFFF;
  border-color: #D1D4D8;
  background-color: #D1D4D8;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.signin-legacy .blue-button,
#change-password .blue-button {
  background-color: #049cdb;
  border: 1px solid #049cdb;
}
html.nav-reskin .signin-legacy .primary-button,
html.nav-reskin #change-password .primary-button {
  background-color: var(--background-brand-purple-primary);
  border-color: var(--borders-brand-purple-primary);
  color: var(--text-neutral-white-fixed);
}
html.nav-reskin .signin-legacy .primary-button:hover,
html.nav-reskin #change-password .primary-button:hover {
  background-color: var(--background-brand-purple-strong);
  border-color: var(--borders-brand-purple-strong);
  color: var(--text-neutral-white-fixed);
}
html.nav-reskin .signin-legacy .primary-button:focus,
html.nav-reskin #change-password .primary-button:focus {
  border-color: var(--borders-brand-purple-primary);
}
html.nav-reskin .signin-legacy .secondary-button,
html.nav-reskin #change-password .secondary-button {
  background-color: var(--background-neutral-primary);
  border-color: var(--borders-neutral-solid);
  color: var(--text-neutral-primary);
}
html.nav-reskin .signin-legacy .secondary-button:hover,
html.nav-reskin #change-password .secondary-button:hover {
  background-color: var(--background-neutral-tertiary);
  border-color: var(--borders-neutral-solid);
  color: var(--text-neutral-primary);
}
html.nav-reskin .signin-legacy .secondary-button:focus,
html.nav-reskin #change-password .secondary-button:focus {
  border-color: var(--borders-neutral-solid);
}
html.nav-reskin .signin-legacy .primary-button:focus-visible,
html.nav-reskin .signin-legacy .secondary-button:focus-visible,
html.nav-reskin #change-password .primary-button:focus-visible,
html.nav-reskin #change-password .secondary-button:focus-visible {
  outline: 2px solid var(--borders-brand-teal-primary);
  outline-offset: 2px;
}
.signin-legacy .neutral-button,
#change-password .neutral-button {
  background-color: #FFFFFF;
  border: 2px solid #292F36;
  color: #292F36;
}
.signin-legacy .neutral-button:hover,
#change-password .neutral-button:hover {
  background-color: #EAECEF;
  border-color: #292F36;
  box-shadow: none;
}
.signin-legacy .neutral-button:focus,
#change-password .neutral-button:focus {
  border-color: #009EB0;
}
.signin-legacy .neutral-button:disabled,
#change-password .neutral-button:disabled {
  color: #D1D4D8;
  border-color: #D1D4D8;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}

#code_without_signing_in {
  margin-top: 80px;
  margin-bottom: 0;
}

#signup, #school-info-modal {
  display: flex;
  flex-wrap: wrap;
}
#signup .required, #school-info-modal .required {
  font-weight: 600;
}
#signup .required.not-bold, #school-info-modal .required.not-bold {
  font-weight: normal;
}
#signup .required > *, #school-info-modal .required > * {
  font-weight: 600;
}
#signup .required::after, #school-info-modal .required::after {
  content: "*";
}
#signup .header, #school-info-modal .header {
  display: flex;
  flex-wrap: wrap;
}
#signup #sign_up_errors, #school-info-modal #sign_up_errors {
  background-color: #f7f7f7;
  border: 1px solid #c00;
  flex-wrap: wrap;
  width: 100%;
}
#signup #sign_up_errors h4, #school-info-modal #sign_up_errors h4 {
  margin: 0;
}
#signup .padded-container, #school-info-modal .padded-container {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
#signup .padded-container .row, #school-info-modal .padded-container .row {
  flex-grow: 1;
}
#signup .padded-container .parent-email-field-input, #school-info-modal .padded-container .parent-email-field-input {
  flex-grow: 1;
}
#signup .oauth-links, #school-info-modal .oauth-links {
  display: flex;
  flex-wrap: wrap;
}
#signup .more-details, #school-info-modal .more-details {
  display: flex;
}
#signup .more-details .more-details-text, #school-info-modal .more-details .more-details-text {
  margin: 0 10px;
}
#signup .signup, #school-info-modal .signup {
  margin: 20px 0;
}
#signup .select-user-type-teacher-button, #signup .select-user-type-student-button, #school-info-modal .select-user-type-teacher-button, #school-info-modal .select-user-type-student-button {
  min-width: 225px;
  min-height: 275px;
  position: relative;
  background-color: #fff;
  color: #000;
  border-radius: 15px;
  border-color: #ccc;
  display: flex;
  flex-direction: column;
}
#signup .select-user-type-teacher-button .user-type-name, #signup .select-user-type-student-button .user-type-name, #school-info-modal .select-user-type-teacher-button .user-type-name, #school-info-modal .select-user-type-student-button .user-type-name {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
#signup .select-user-type-teacher-button .user-type-desc, #signup .select-user-type-student-button .user-type-desc, #school-info-modal .select-user-type-teacher-button .user-type-desc, #school-info-modal .select-user-type-student-button .user-type-desc {
  text-align: start;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
#signup .select-user-type-teacher-button .user-type-abilities-unordered-list, #signup .select-user-type-student-button .user-type-abilities-unordered-list, #school-info-modal .select-user-type-teacher-button .user-type-abilities-unordered-list, #school-info-modal .select-user-type-student-button .user-type-abilities-unordered-list {
  text-align: start;
  width: 85%;
  margin-inline-start: 10%;
}
#signup #select-user-type-original, #school-info-modal #select-user-type-original {
  display: flex;
}
#signup #select-user-type-variant, #school-info-modal #select-user-type-variant {
  display: none;
}
#signup .select-user-type-teacher-button:hover, #signup .select-user-type-student-button:hover, #school-info-modal .select-user-type-teacher-button:hover, #school-info-modal .select-user-type-student-button:hover {
  background-color: #ddd;
  color: #000;
}
#signup .select-user-type-button-selected, #school-info-modal .select-user-type-button-selected {
  background-color: #0093a4;
  color: #fff;
}
#signup .select-user-type-button-selected:hover, #school-info-modal .select-user-type-button-selected:hover {
  background-color: #0093a4;
  color: #fff;
}
#signup .finish-signup, #school-info-modal .finish-signup {
  width: 800px;
}
#signup .signup-header, #school-info-modal .signup-header {
  margin: 0;
  flex-grow: 1;
}
#signup .signup .section-container, #signup .finish-signup .section-container, #school-info-modal .signup .section-container, #school-info-modal .finish-signup .section-container {
  padding: 10px;
  flex-grow: 1;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
}
#signup .signup .section-container h5, #signup .finish-signup .section-container h5, #school-info-modal .signup .section-container h5, #school-info-modal .finish-signup .section-container h5 {
  font-weight: bold;
}
#signup .signup .section-container hr, #signup .finish-signup .section-container hr, #school-info-modal .signup .section-container hr, #school-info-modal .finish-signup .section-container hr {
  border: 1px solid #e5e5e5;
}
#signup .signup #school-info-inputs, #signup .finish-signup #school-info-inputs, #school-info-modal .signup #school-info-inputs, #school-info-modal .finish-signup #school-info-inputs {
  padding: 0;
}
#signup .signup .field-row, #signup .finish-signup .field-row, #school-info-modal .signup .field-row, #school-info-modal .finish-signup .field-row {
  display: flex;
  align-items: center;
}
#signup .signup .field, #signup .finish-signup .field, #school-info-modal .signup .field, #school-info-modal .finish-signup .field {
  width: 600px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#signup .signup .field-sm, #signup .finish-signup .field-sm, #school-info-modal .signup .field-sm, #school-info-modal .finish-signup .field-sm {
  width: 400px;
}
#signup .signup .field_with_errors, #signup .finish-signup .field_with_errors, #school-info-modal .signup .field_with_errors, #school-info-modal .finish-signup .field_with_errors {
  display: flex;
  flex-basis: 100%;
}
#signup .signup .field_with_errors input, #signup .signup .field_with_errors select, #signup .finish-signup .field_with_errors input, #signup .finish-signup .field_with_errors select, #school-info-modal .signup .field_with_errors input, #school-info-modal .signup .field_with_errors select, #school-info-modal .finish-signup .field_with_errors input, #school-info-modal .finish-signup .field_with_errors select {
  border-color: #c00;
}
#signup .signup .field_with_errors label, #signup .finish-signup .field_with_errors label, #school-info-modal .signup .field_with_errors label, #school-info-modal .finish-signup .field_with_errors label {
  color: #000;
}
#signup .signup .field_with_errors > input,
#signup .signup .field_with_errors > select, #signup .finish-signup .field_with_errors > input,
#signup .finish-signup .field_with_errors > select, #school-info-modal .signup .field_with_errors > input,
#school-info-modal .signup .field_with_errors > select, #school-info-modal .finish-signup .field_with_errors > input,
#school-info-modal .finish-signup .field_with_errors > select {
  background-color: #fff;
}
#signup .signup .error, #signup .finish-signup .error, #school-info-modal .signup .error, #school-info-modal .finish-signup .error {
  color: #c00;
  font-style: italic;
  margin: 0;
}
#signup .signup .padded, #signup .finish-signup .padded, #school-info-modal .signup .padded, #school-info-modal .finish-signup .padded {
  padding-left: 10px;
  max-width: 150px;
}
#signup .signup select, #signup .finish-signup select, #school-info-modal .signup select, #school-info-modal .finish-signup select {
  height: 46px;
  margin: 0;
}
#signup .signup #school-type, #signup .finish-signup #school-type, #school-info-modal .signup #school-type, #school-info-modal .finish-signup #school-type {
  height: 36px;
  width: 370px !important;
}
#signup .signup input[type=text], #signup .signup input[type=password], #signup .signup input[type=email], #signup .finish-signup input[type=text], #signup .finish-signup input[type=password], #signup .finish-signup input[type=email], #school-info-modal .signup input[type=text], #school-info-modal .signup input[type=password], #school-info-modal .signup input[type=email], #school-info-modal .finish-signup input[type=text], #school-info-modal .finish-signup input[type=password], #school-info-modal .finish-signup input[type=email] {
  height: 36px;
}
#signup .signup input, #signup .finish-signup input, #school-info-modal .signup input, #school-info-modal .finish-signup input {
  margin: 0;
}
#signup .signup input, #signup .signup select, #signup .finish-signup input, #signup .finish-signup select, #school-info-modal .signup input, #school-info-modal .signup select, #school-info-modal .finish-signup input, #school-info-modal .finish-signup select {
  flex-grow: 1;
}
#signup .signup .row, #signup .finish-signup .row, #school-info-modal .signup .row, #school-info-modal .finish-signup .row {
  display: flex;
  margin-bottom: 20px;
}
#signup .signup .row [class*=col-md], #signup .finish-signup .row [class*=col-md], #school-info-modal .signup .row [class*=col-md], #school-info-modal .finish-signup .row [class*=col-md] {
  align-self: center;
  display: flex;
}
#signup .signup .row [class*=col-md] .div, #signup .finish-signup .row [class*=col-md] .div, #school-info-modal .signup .row [class*=col-md] .div, #school-info-modal .finish-signup .row [class*=col-md] .div {
  align-self: center;
  display: flex;
}
#signup .signup .row label, #signup .finish-signup .row label, #school-info-modal .signup .row label, #school-info-modal .finish-signup .row label {
  margin: 0;
}
#signup .signup .row input[type=checkbox], #signup .finish-signup .row input[type=checkbox], #school-info-modal .signup .row input[type=checkbox], #school-info-modal .finish-signup .row input[type=checkbox] {
  flex-grow: 0;
  align-self: center;
}
#signup .signup .row input[type=checkbox] .field_with_errors, #signup .finish-signup .row input[type=checkbox] .field_with_errors, #school-info-modal .signup .row input[type=checkbox] .field_with_errors, #school-info-modal .finish-signup .row input[type=checkbox] .field_with_errors {
  flex-grow: 0;
}
#signup .signup #parent-email-section, #signup .finish-signup #parent-email-section, #school-info-modal .signup #parent-email-section, #school-info-modal .finish-signup #parent-email-section {
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  flex-wrap: wrap;
}
#signup .signup .signup-field-label, #signup .finish-signup .signup-field-label, #school-info-modal .signup .signup-field-label, #school-info-modal .finish-signup .signup-field-label {
  flex-wrap: wrap;
}
#signup .signup .signup-field-label p, #signup .finish-signup .signup-field-label p, #school-info-modal .signup .signup-field-label p, #school-info-modal .finish-signup .signup-field-label p {
  margin: 0;
}
#signup .signup #signup-select-user-type-label, #signup .finish-signup #signup-select-user-type-label, #school-info-modal .signup #signup-select-user-type-label, #school-info-modal .finish-signup #signup-select-user-type-label {
  width: 220px;
}
#signup .signup .parent-email-section-header, #signup .finish-signup .parent-email-section-header, #school-info-modal .signup .parent-email-section-header, #school-info-modal .finish-signup .parent-email-section-header {
  margin-bottom: 0;
  flex-grow: 1;
}
#signup .signup .parent-email-field, #signup .finish-signup .parent-email-field, #school-info-modal .signup .parent-email-field, #school-info-modal .finish-signup .parent-email-field {
  margin-top: 20px;
  margin-bottom: 0;
  flex-grow: 1;
}
#signup .signup #teacher-name-label, #signup .signup #student-name-label, #signup .signup #teacher-email-label, #signup .finish-signup #teacher-name-label, #signup .finish-signup #student-name-label, #signup .finish-signup #teacher-email-label, #school-info-modal .signup #teacher-name-label, #school-info-modal .signup #student-name-label, #school-info-modal .signup #teacher-email-label, #school-info-modal .finish-signup #teacher-name-label, #school-info-modal .finish-signup #student-name-label, #school-info-modal .finish-signup #teacher-email-label {
  display: flex;
  flex-basis: 100%;
}
#signup .signup .checkbox, #signup .finish-signup .checkbox, #school-info-modal .signup .checkbox, #school-info-modal .finish-signup .checkbox {
  display: flex;
  padding: 0;
}
#signup .signup .checkbox label, #signup .finish-signup .checkbox label, #school-info-modal .signup .checkbox label, #school-info-modal .finish-signup .checkbox label {
  display: flex;
}
#signup .signup .checkbox p, #signup .signup .checkbox span, #signup .finish-signup .checkbox p, #signup .finish-signup .checkbox span, #school-info-modal .signup .checkbox p, #school-info-modal .signup .checkbox span, #school-info-modal .finish-signup .checkbox p, #school-info-modal .finish-signup .checkbox span {
  margin: 0;
  padding: 0 10px;
  font-size: 14px;
}
#signup .signup .checkbox .field_with_errors, #signup .finish-signup .checkbox .field_with_errors, #school-info-modal .signup .checkbox .field_with_errors, #school-info-modal .finish-signup .checkbox .field_with_errors {
  flex-basis: auto;
}
#signup .signup #email-preference-radio p, #signup .signup #share-email-reg-part-preference-radio p, #signup .finish-signup #email-preference-radio p, #signup .finish-signup #share-email-reg-part-preference-radio p, #school-info-modal .signup #email-preference-radio p, #school-info-modal .signup #share-email-reg-part-preference-radio p, #school-info-modal .finish-signup #email-preference-radio p, #school-info-modal .finish-signup #share-email-reg-part-preference-radio p {
  margin: 0;
}
#signup .signup .radio, #signup .finish-signup .radio, #school-info-modal .signup .radio, #school-info-modal .finish-signup .radio {
  padding: 0;
  display: flex;
}
#signup .signup .radio input[type=radio], #signup .finish-signup .radio input[type=radio], #school-info-modal .signup .radio input[type=radio], #school-info-modal .finish-signup .radio input[type=radio] {
  margin-left: 0;
  align-self: center;
}
#signup .signup .radio input[type=radio], #signup .signup .radio label, #signup .finish-signup .radio input[type=radio], #signup .finish-signup .radio label, #school-info-modal .signup .radio input[type=radio], #school-info-modal .signup .radio label, #school-info-modal .finish-signup .radio input[type=radio], #school-info-modal .finish-signup .radio label {
  flex-grow: 0;
  margin-right: 5px;
}
#signup .signup .radio .field_with_errors, #signup .finish-signup .radio .field_with_errors, #school-info-modal .signup .radio .field_with_errors, #school-info-modal .finish-signup .radio .field_with_errors {
  flex-basis: auto;
}
#signup .signup .submit-section, #signup .finish-signup .submit-section, #school-info-modal .signup .submit-section, #school-info-modal .finish-signup .submit-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#signup .signup .submit, #signup .finish-signup .submit, #school-info-modal .signup .submit, #school-info-modal .finish-signup .submit {
  background-color: #ffa400;
  border: 1px solid #ffa400;
  color: #fff;
  padding: 0 20px;
  margin: 5px 0;
  font-size: 18px;
  height: 40px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
}
#signup .signup #forgot-password, #signup .finish-signup #forgot-password, #school-info-modal .signup #forgot-password, #school-info-modal .finish-signup #forgot-password {
  align-self: center;
  font-style: italic;
}
#signup .signup .tos p, #signup .finish-signup .tos p, #school-info-modal .signup .tos p, #school-info-modal .finish-signup .tos p {
  font-size: 14px;
  margin: 0;
}
#signup .signup #gdpr-section, #signup .finish-signup #gdpr-section, #school-info-modal .signup #gdpr-section, #school-info-modal .finish-signup #gdpr-section {
  flex-wrap: wrap;
}
#signup .signup #gdpr-section .checkbox label, #signup .finish-signup #gdpr-section .checkbox label, #school-info-modal .signup #gdpr-section .checkbox label, #school-info-modal .finish-signup #gdpr-section .checkbox label {
  align-items: baseline;
}
#signup .signup #gdpr-section .checkbox label input[type=checkbox], #signup .finish-signup #gdpr-section .checkbox label input[type=checkbox], #school-info-modal .signup #gdpr-section .checkbox label input[type=checkbox], #school-info-modal .finish-signup #gdpr-section .checkbox label input[type=checkbox] {
  align-self: auto;
}
#signup .signup #gdpr-section #gdpr-label, #signup .finish-signup #gdpr-section #gdpr-label, #school-info-modal .signup #gdpr-section #gdpr-label, #school-info-modal .finish-signup #gdpr-section #gdpr-label {
  margin: 0 10px;
}
#signup .signup #gdpr-section #gdpr-label span, #signup .finish-signup #gdpr-section #gdpr-label span, #school-info-modal .signup #gdpr-section #gdpr-label span, #school-info-modal .finish-signup #gdpr-section #gdpr-label span {
  padding: 0;
}

.vertical-or {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
  font-weight: bolder;
  color: #5b6770;
}
.vertical-or hr {
  width: 1px;
  height: 100%;
  background-color: #949ca2;
}

.horizontal-or {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bolder;
  color: #5b6770;
}
.horizontal-or hr {
  width: 40%;
  border-color: #949ca2;
}

.devise-links {
  flex-grow: 2;
}
.devise-links.oauth-links-column {
  align-self: flex-end;
}
.devise-links form {
  margin: 0;
}
.devise-links .oauth-sign-in {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 100%;
  margin: 5px 0;
  color: #292F36;
  background-color: #FFFFFF;
  border: 2px solid #292F36;
  border-radius: 4px;
  line-height: 18px;
}
.devise-links .oauth-sign-in:hover {
  background-color: #EAECEF;
  box-shadow: none;
}
.devise-links .oauth-sign-in img {
  opacity: unset;
  float: left;
  margin-left: 24px;
  height: 18px;
}
.devise-links .oauth-sign-in:focus {
  border-color: #009EB0;
}
.devise-links .oauth-sign-in:disabled {
  color: #D1D4D8;
  border-color: #D1D4D8;
  background-color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.devise-links .oauth-sign-in.with-google_oauth2 {
  background-color: #0F9D58;
  border-color: #0F9D58;
  color: #FFFFFF;
}
.devise-links .oauth-sign-in.with-facebook {
  background-color: #3B5998;
  border-color: #3B5998;
  color: #FFFFFF;
}
.devise-links .oauth-sign-in.with-microsoft_v2_auth {
  background-color: #FFB900;
  border-color: #FFB900;
}
.devise-links .oauth-sign-in.with-clever {
  background-color: #1464FF;
  border-color: #1464FF;
  color: #FFFFFF;
}
.devise-links .oauth-sign-in.with-classlink {
  background-color: #0a4d7f;
  border-color: #0a4d7f;
  color: #FFFFFF;
}
.devise-links .oauth-sign-in.with-classlink img {
  filter: brightness(0) invert(1);
}

#hoc_download {
  color: #5b6770;
}
#hoc_download #deprecation-warning-banner {
  margin: 1em 0;
  padding: 1em;
  width: 100%;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 1em;
}
#hoc_download #deprecation-warning-banner #warning-icon {
  font-size: 3em;
}
#hoc_download .capsule {
  background-color: #e7e8ea;
  border-radius: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 20px;
  padding-bottom: 28px;
}
#hoc_download .indent {
  margin-left: 20px;
}

/* overrides .unplugged for match levels in level groups */
.level-group-content .unplugged.match {
  width: auto;
}

.match .mainblock {
  margin-left: 0;
}
.level-group-content .match .mainblock {
  margin-left: 50px;
}
.match .column {
  width: 260px;
  float: left;
}
.match .column img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.match .draggablecolumn {
  cursor: default;
  touch-action: none;
  -ms-touch-action: none;
}
.match li {
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #c6cacd;
  padding-left: 4px;
  padding-right: 4px;
  width: 220px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-style: solid;
  border-color: transparent;
  border-width: 6px;
  box-sizing: content-box;
  text-align: center;
}
.match .match_questions {
  list-style-type: none;
  margin-left: 0;
}
.match .match_questions li {
  background-color: #fff;
  border-color: #c6cacd;
}
.match .match_slots {
  list-style-type: none;
  margin-left: 0;
}
.match .match_slots .emptyslot {
  background-color: #e7e8ea;
  border-color: #e7e8ea;
}
.match .match_slots .emptyslot .giantmark .text {
  opacity: 0.8;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.match .match_slots .active {
  border-style: dotted;
  border-color: #ffdb74;
}
.match .match_slots .active.emptyslot {
  background-color: #ffebb5;
}
.match .question p {
  font-size: 16px;
  line-height: 24px;
}
.match .answer {
  background-color: #fff;
  border-color: #a6daed;
}
.match .answer:focus {
  outline: 2px solid #4d575f;
}
.match .answer.selected {
  background-color: #0093a4;
}
.match .slot:focus {
  outline: 2px solid #a6daed;
}
.match .answer.ui-draggable:hover {
  border-color: #d1d567;
  cursor: move;
}
.match .match_answerdest {
  width: 240px;
}
.match .answerlist h4 {
  position: relative;
  top: 25%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.match .match_answers {
  list-style-type: none;
  margin-left: 0;
}
.match .answerslot h4 {
  position: relative;
  top: 25%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.match .match_correctmarkscolumn {
  width: 40px;
  padding-right: 20px;
}
.match .match_correctmarks {
  margin-left: 0;
}
.match .correctmark {
  list-style-type: none;
  margin-left: 0;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.level-group-number {
  display: block;
  font-size: 16px;
  line-height: 24px;
  float: left;
  width: 30px;
}

.level-group-content {
  overflow: hidden;
}
.level-group-content .external, .level-group-content .free-response {
  margin-left: 0;
}

.text-match p, .text-match label, .free-response p, .free-response label, .peer-review p, .peer-review label {
  font-size: 16px;
  line-height: 24px;
}
.text-match #markdown, .free-response #markdown, .peer-review #markdown {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.free-response li {
  font-size: 16px;
}

#level_markdown_textarea_preview.external.content-level,
#level_long_instructions_preview.external.content-level,
.external .content-level {
  overflow: hidden;
}
#level_markdown_textarea_preview.external.content-level p, #level_markdown_textarea_preview.external.content-level label, #level_markdown_textarea_preview.external.content-level li,
#level_long_instructions_preview.external.content-level p,
#level_long_instructions_preview.external.content-level label,
#level_long_instructions_preview.external.content-level li,
.external .content-level p,
.external .content-level label,
.external .content-level li {
  font-size: 16px;
}
#level_markdown_textarea_preview.external.content-level h1,
#level_long_instructions_preview.external.content-level h1,
.external .content-level h1 {
  font-size: 37px;
}
#level_markdown_textarea_preview.external.content-level h2,
#level_long_instructions_preview.external.content-level h2,
.external .content-level h2 {
  font-size: 25px;
}
#level_markdown_textarea_preview.external.content-level h3, #level_markdown_textarea_preview.external.content-level h4,
#level_long_instructions_preview.external.content-level h3,
#level_long_instructions_preview.external.content-level h4,
.external .content-level h3,
.external .content-level h4 {
  font-size: 21px;
}

.external-video-container {
  margin-left: 93px;
}

.peer-review input[type=radio] {
  margin: 0 3px 3px 5px;
}

.peer-review-content {
  background: #fff;
  border: 1px solid #949ca2;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 1em;
}
.peer-review-content:last-child {
  margin-bottom: 0;
}
.peer-review-content .peer-review-title {
  margin: 0;
}
.peer-review-content .peer-review-status {
  font-size: 1em;
}
.peer-review-content.from-instructor {
  border: 2px solid #0094ca;
}
.peer-review-content.from-instructor .peer-review-title {
  color: #0094ca;
}
.peer-review-content.outdated {
  color: #5b6770;
}
.peer-review-content.outdated.from-instructor {
  border: 2px solid #a6daed;
}

.external-link-icon {
  margin: 0 0.33em 0 20px;
}

.external-link-disclaimer {
  padding: 20px;
  margin: 40px 0 20px 0;
  color: #4d575f;
  background-color: #c6cacd;
  font-size: 13px;
}
.external-link-disclaimer h2 {
  font-size: 16px;
  line-height: 1em;
  margin: 0;
  text-transform: uppercase;
}
.external-link-disclaimer strong {
  display: block;
  margin-bottom: 1em;
}

.container {
  width: 970px;
  padding-left: 0;
  padding-right: 0;
}

.container #markdown.teacher,
.external #markdown.teacher,
.text-match #markdown.teacher,
.free-response #markdown.teacher,
.standalone-video #markdown.teacher,
.curriculum-reference #markdown.teacher,
.multi #markdown.teacher,
.match #markdown.teacher,
.bubble-choice #markdown.teacher {
  max-width: 1000px;
  border: 5px solid var(--borders-info-strong);
  background-color: var(--background-info-extra-light);
  border-radius: 5px;
  margin: 10px auto;
}
.level-group-content .container #markdown.teacher,
.level-group-content .external #markdown.teacher,
.level-group-content .text-match #markdown.teacher,
.level-group-content .free-response #markdown.teacher,
.level-group-content .standalone-video #markdown.teacher,
.level-group-content .curriculum-reference #markdown.teacher,
.level-group-content .multi #markdown.teacher,
.level-group-content .match #markdown.teacher,
.level-group-content .bubble-choice #markdown.teacher {
  margin-left: 50px;
}
.container #markdown.teacher .content,
.external #markdown.teacher .content,
.text-match #markdown.teacher .content,
.free-response #markdown.teacher .content,
.standalone-video #markdown.teacher .content,
.curriculum-reference #markdown.teacher .content,
.multi #markdown.teacher .content,
.match #markdown.teacher .content,
.bubble-choice #markdown.teacher .content {
  padding: 10px;
}
.container #markdown.teacher h3,
.external #markdown.teacher h3,
.text-match #markdown.teacher h3,
.free-response #markdown.teacher h3,
.standalone-video #markdown.teacher h3,
.curriculum-reference #markdown.teacher h3,
.multi #markdown.teacher h3,
.match #markdown.teacher h3,
.bubble-choice #markdown.teacher h3 {
  padding: 5px;
  font-size: 18px;
  line-height: 18px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: var(--text-neutral-white-fixed);
  background: var(--background-info-primary);
  margin: 0;
}
.container #markdown.teacher p,
.external #markdown.teacher p,
.text-match #markdown.teacher p,
.free-response #markdown.teacher p,
.standalone-video #markdown.teacher p,
.curriculum-reference #markdown.teacher p,
.multi #markdown.teacher p,
.match #markdown.teacher p,
.bubble-choice #markdown.teacher p {
  font-size: 13px;
  color: var(--text-neutral-primary);
}
.container blockquote,
.external blockquote,
.text-match blockquote,
.free-response blockquote,
.standalone-video blockquote,
.curriculum-reference blockquote,
.multi blockquote,
.match blockquote,
.bubble-choice blockquote {
  padding: 15px 20px;
  background: #ebe8f1;
  border: 0;
  border-radius: 10px;
  clear: both;
}
.container blockquote p,
.external blockquote p,
.text-match blockquote p,
.free-response blockquote p,
.standalone-video blockquote p,
.curriculum-reference blockquote p,
.multi blockquote p,
.match blockquote p,
.bubble-choice blockquote p {
  margin-bottom: 10px;
}
.container blockquote h2:first-child,
.external blockquote h2:first-child,
.text-match blockquote h2:first-child,
.free-response blockquote h2:first-child,
.standalone-video blockquote h2:first-child,
.curriculum-reference blockquote h2:first-child,
.multi blockquote h2:first-child,
.match blockquote h2:first-child,
.bubble-choice blockquote h2:first-child {
  margin-top: 5px;
}

.multi.contained, .contained.free-response {
  margin: 20px;
  max-width: 100%;
}
.multi.contained #markdown.teacher, .contained.free-response #markdown.teacher {
  max-width: 100%;
}

.level-image {
  width: 380px;
  float: right;
  margin: 20px 0 30px 30px;
  transform: rotate(2deg);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #c6cacd;
}

.curriculum-reference #iframe-loading.loading {
  height: 200px;
  background: url(/blockly/media/code_studio/spinner-big.gif) no-repeat center center;
}

.external, .free-response, .curriculum-reference {
  max-width: 970px;
  margin: auto;
}
.external.left-aligned, .free-response.left-aligned, .curriculum-reference.left-aligned {
  margin-left: 0;
}

.free-response .response {
  width: 100%;
  box-sizing: border-box;
}

.contained-level .free-response .response {
  resize: vertical;
}

.standalone-video {
  width: 853px;
  margin: 10px auto 0 auto;
}
.standalone-video .video-link, .standalone-video .slides-link, .standalone-video #fallback-player-caption-dialog-link {
  display: inline-block;
}
.standalone-video-full-width {
  width: unset;
}
.standalone-video p, .standalone-video label, .standalone-video li {
  font-size: 16px;
}
.standalone-video h1 {
  font-size: 37px;
}
.standalone-video h2 {
  font-size: 25px;
}
.standalone-video h3, .standalone-video h4 {
  font-size: 21px;
}

.multi #markdown.teacher {
  margin-left: 50px;
  margin-right: 50px;
  max-width: 100%;
}

.bubble-choice #markdown.teacher {
  margin: 10px 0;
}

.multi.contained #markdown.teacher {
  margin-left: 0;
  margin-right: 0;
}

.text-match #markdown.teacher, .free-response #markdown.teacher {
  margin-left: 0;
  margin-right: 0;
}

#free-response-upload {
  overflow: hidden;
}

#current-script-levels, #all-levels {
  min-height: 50px;
}
#current-script-levels li, #all-levels li {
  list-style-type: none;
}

.blocklyMainBackground {
  stroke: none;
}

#blockly-frame {
  width: 70%;
  height: 800px;
}

#script_name {
  margin: 0 10px 0 0;
}

.edit_level .field {
  margin-bottom: 10px;
  border-top: 2px solid #e7e8ea;
  padding-top: 10px;
}
.edit_level #toolbox_name {
  display: block;
}
.edit_level .block-checkbox {
  float: left;
}

.infobox {
  background-color: #5b6770;
  color: #fff;
  font-size: 13px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px;
}

.previousPageButton {
  margin-right: 5px;
  background-color: var(--background-neutral-primary);
  border-color: var(--borders-neutral-primary);
  color: var(--text-neutral-primary);
  background-image: none;
}
.previousPageButton:hover {
  background-color: var(--background-neutral-tertiary);
  color: var(--text-border-neutral-primary);
}

.nextPageButton {
  border-color: var(--borders-brand-purple-primary);
  background-color: var(--background-brand-purple-primary);
  color: var(--text-neutral-white-fixed);
  background-image: none;
}
.nextPageButton:hover {
  background-color: var(--background-brand-purple-strong);
  border-color: var(--borders-brand-purple-strong);
}

.submitButton, .unsubmitButton {
  border-color: var(--borders-brand-purple-primary);
  background-color: var(--background-brand-purple-primary);
  color: var(--text-neutral-white-fixed);
  background-image: none;
}
.submitButton:hover, .unsubmitButton:hover {
  background-color: var(--background-brand-purple-strong);
  border-color: var(--borders-brand-purple-strong);
}
.submitButton:disabled, .unsubmitButton:disabled {
  background-color: var(--background-brand-purple-primary);
}

.submitted_readonly {
  background-color: #e7e8ea;
}

/* multiple choice */
.multi {
  margin: auto;
}
.multi h1 {
  text-align: center;
}
.multi p {
  font-size: 16px;
  line-height: 24px;
}
.multi .answerbutton {
  white-space: nowrap;
}
.multi .answerbutton.lock-answers {
  pointer-events: none;
  color: #949ca2;
}
.multi.contained h1 {
  text-align: left;
}
.multi.tight .question .content {
  float: left;
  clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .multi.tight .question .content {
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  .multi.tight .question .content {
    width: 55%;
  }
}
.multi.tight .multi-question {
  float: left;
  width: calc(100% - 50px);
  font-size: 16px;
  line-height: 24px;
  color: var(--text-neutral-primary);
}
.multi.tight .answers {
  float: left;
  clear: both;
  width: calc(100% - 50px);
}
.multi.tight .answers.question-content-blank {
  width: calc(100% - 50px);
}
.multi.tight .answerbutton {
  clear: both;
  color: var(--text-neutral-primary);
  background-color: transparent;
  background-image: none;
  border: none;
  padding: 5px;
  margin: 5px;
  box-shadow: none;
}
.multi.default .question {
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .multi.default .question {
    width: 35%;
  }
}
@media only screen and (min-width: 1024px) {
  .multi.default .question {
    width: 35%;
  }
}
.multi.default .multi-question {
  float: left;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-neutral-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .multi.default .multi-question {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .multi.default .multi-question {
    margin-left: 50px;
  }
}
.multi.default .answers {
  float: left;
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .multi.default .answers {
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  .multi.default .answers {
    width: 55%;
  }
}
.multi.default .answers.question-content-blank {
  width: calc(100% - 50px);
}
.multi.default .answerbutton {
  margin-top: 15px;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border: none;
}
.multi .mainblock {
  margin-left: 0;
}
.multi .mainblock img {
  max-height: 100%;
}
.multi .item {
  padding: 10px;
  float: left;
}
.multi input {
  margin-top: 12px;
}
.multi .item-radio {
  display: inline-block;
  float: left;
  width: 32px;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
  -webkit-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  transform: translateY(-35%);
}
.multi .item-mark {
  display: inline-block;
  text-align: left;
  padding-right: 10px;
  box-sizing: border-box;
  font-size: 21px;
  width: 30px;
}
.multi .item-label {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  white-space: normal;
}
.teacher .multi .item-label {
  margin-right: 30px;
}
.multi .item-label label {
  font-size: 14px;
}
.multi .item-answer-letter {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}

#summary-content {
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}

.dash_modal .modal-body .modal-content {
  margin-left: 110px;
}
html[dir=rtl] .dash_modal .modal-body .modal-content {
  margin-left: 0;
  margin-right: 110px;
}
.dash_modal .modal-body .modal-content.no-modal-icon {
  margin-left: 22px;
}
.dash_modal .modal-body .modal-content p, .dash_modal .modal-body .modal-content pre {
  font-size: var(--font-size-body-lg);
  line-height: 1.4;
  color: var(--text-neutral-primary);
}
.dash_modal .modal-body .modal-content .generated-code-container p {
  font-family: inherit;
  font-size: var(--font-size-body-sm);
  font-weight: normal;
  line-height: inherit;
}
.dash_modal .modal-body .modal-content .generated-code-container pre {
  font-family: monospace;
  font-size: var(--font-size-body-sm);
  font-weight: normal;
  line-height: normal;
}
.dash_modal .modal-body .modal-content .congrats {
  font-family: var(--font-family-main);
  font-size: var(--font-size-body-lg);
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.4;
  color: var(--text-neutral-primary);
}
.dash_modal .modal-body .modal-content .lines-of-code-message {
  font-family: var(--font-family-main);
  font-size: 20px;
  font-weight: var(--font-weight-regular);
  line-height: normal;
  color: var(--text-neutral-primary);
  margin: 0 0 8px 0;
}
.dash_modal .modal-body .modal-content .instructions2 {
  font-size: 18px;
  color: #5b6770;
}
.dash_modal .modal-body .modal-content .aniGif {
  display: block;
  margin: 0 auto 6px auto;
  position: relative;
  z-index: -1;
}
.dash_modal .modal-body .modal-content .feedback-image {
  width: 180px;
  height: auto;
  margin: 0 15px 0 0;
  float: left;
  border: #949ca2;
  border-style: solid;
}
.dash_modal .modal-body .modal-content .feedback-links {
  margin-top: 15px;
}
.dash_modal .modal-body .modal-content .feedback-callout {
  border: solid;
  border-radius: 10px;
  border-color: #c00;
}
.dash_modal .modal-body .modal-content .feedback-callout p {
  margin: 15px;
  color: #c00;
  padding-right: 20%;
}
.dash_modal .modal-body .modal-content .feedback-callout .congrats {
  font-size: 24px;
  line-height: 27px;
}
.dash_modal .modal-body .modal-content .feedback-callout .hint-header {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.dash_modal .modal-body .modal-content .feedback-callout .hint-image {
  float: right;
  width: 20%;
}
.dash_modal .modal-body .modal-content .instructions-container .authored-hints p, .dash_modal .modal-body .modal-content .instructions-container .authored-hints pre {
  font-size: 18px;
  line-height: normal;
  color: #5b6770;
  margin: 0;
}

.dialog-title {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h5.dialog-title {
  font-size: 20px;
}

#ok-button {
  background-color: #ffa400;
  border: 1px solid #ffa400;
  color: #fff;
  min-width: 100px;
}

#again-button, #cancel-button {
  background-color: #b9bf15;
  color: #fff;
  margin-left: 0;
  margin-right: 10px;
}

#continue-button {
  background-color: #ffa400;
  color: #fff;
  margin-left: 0;
  margin-right: 10px;
}

.dash_modal .modal-content .show-code > summary {
  font-family: var(--font-family-main) !important;
  font-size: var(--font-size-body-md) !important;
  font-weight: var(--font-weight-semi-bold) !important;
  color: var(--text-neutral-primary) !important;
}
.dash_modal #feedbackButtons > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
}
.dash_modal #feedbackButtons #continue-button,
.dash_modal #feedbackButtons #again-button {
  float: none !important;
  margin: 0 !important;
  font-family: var(--font-family-main);
}
.dash_modal #puzzleRatingButtons {
  margin-top: 16px;
}
.dash_modal #puzzleRatingButtons hr {
  border-top: 1px solid var(--borders-neutral-primary);
}
.dash_modal #puzzleRatingButtons p {
  font-family: var(--font-family-main);
  font-size: var(--font-size-body-md);
  color: var(--text-neutral-tertiary);
  margin: 8px 10px 0 0;
}
html[dir=rtl] .dash_modal #puzzleRatingButtons p {
  margin-right: 0;
  margin-left: 10px;
}
.dash_modal #puzzleRatingButtons .puzzle-rating-btn {
  fill: var(--text-neutral-quaternary) !important;
}
.dash_modal #puzzleRatingButtons .puzzle-rating-btn:hover {
  fill: var(--text-neutral-primary) !important;
}
.dash_modal #puzzleRatingButtons .puzzle-rating-btn#like.enabled {
  fill: var(--text-error-primary-fixed) !important;
}
.dash_modal #puzzleRatingButtons .puzzle-rating-btn#dislike.enabled {
  fill: var(--text-info-primary-fixed) !important;
}

.modal-image {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  margin-top: -75px;
  position: absolute;
}
html[dir=rtl] .modal-image {
  float: right;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.modal-header {
  border: none;
  height: 20px;
}

.modal-body {
  height: 100%;
  max-height: none;
  overflow: visible;
}

.modal-content.markdown-instructions-container {
  margin-left: 22px;
  margin-right: 22px;
  padding: 0 0 15px 0;
  background-color: #fff;
  width: 566px;
}

.modal-content.instructions-container {
  margin: 15px 10px 20px 20px;
}
.modal-content.instructions-container button {
  margin: 0;
}

.csf-top-instructions p {
  margin: 5px 0;
}

.csf-top-instructions strong, .instructions-markdown strong {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.instructions-markdown {
  padding-top: 19px;
}
.instructions-markdown .instructor-image {
  float: left;
  padding-right: 10px;
}
.instructions-markdown .instructor-image-end {
  float: right;
  padding-left: 10px;
}

.dynamic-instructions-markdown p {
  font-size: 16px;
  line-height: 20px;
}

html[dir=rtl] .instructions-markdown .instructor-image {
  float: right;
  padding-left: 10px;
  padding-right: 0;
}
html[dir=rtl] .instructions-markdown .instructor-image-end {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}

.markdown-level-header-text {
  margin-left: 110px;
  margin-top: 15px;
  font-weight: normal;
  line-height: 27px;
  font-size: 24px;
  color: #8c52ba;
}
.markdown-level-header-text.no-modal-icon {
  margin-left: 22px;
}

#levelgroup-submit-incomplete-dialogcontent,
#levelgroup-submit-complete-dialogcontent,
#unsubmit-dialogcontent {
  overflow: hidden;
}

#feedbackBlocks {
  margin-left: 50px;
  height: 100px;
  border: none;
}

#feedbackButtons::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.farSide {
  text-align: right;
}
html[dir=rtl] .farSide {
  text-align: left;
}

.exclamation-abuse a, .exclamation-abuse a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Buttons from apps */
button {
  margin: 5px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e7e8ea;
  font-size: large;
  background-color: #e7e8ea;
  color: #000;
}

button.launch {
  border: 1px solid #ffa400;
  background-color: #ffa400;
  color: #fff;
  font-size: large;
  min-width: 96px;
  margin-left: 0;
  margin-right: 10px;
  /* Can't use "text-align: start" due to IE. */
  text-align: left;
}

html[dir=RTL] button.launch {
  text-align: right;
}

button.launch > img {
  opacity: 1;
  vertical-align: text-bottom;
}

button > img {
  opacity: 0.6;
  vertical-align: text-bottom;
}

button:hover > img {
  opacity: 1;
}

button.button-active-no-border:active {
  border: none !important;
}

button.disabled, button[disabled=disabled] {
  border: 1px solid #c6cacd;
  background-color: #c6cacd;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button.disabled:hover > img {
  opacity: 0.6;
}

button.disabled {
  display: none;
}

button.notext {
  font-size: 10%;
}

.example-image {
  -webkit-box-shadow: 0 10px 13px -11px #000;
  box-shadow: 0 10px 13px -11px #000;
  border: 2px solid #949ca2;
  box-sizing: border-box;
  border-radius: 25px;
}

/*
 * The following responsive styles are designed to match behavior
 * with the vizualizationColumn styles
 * defined in apps/style/common.scss, so that the columns in the
 * header line up with the columns below them.
 */
#visualizationColumnHeader {
  max-width: 400px;
  float: left;
}

#visualizationEditorHeader {
  margin-left: 400px;
  padding-left: 15px;
}

#visualizationEditor.responsive {
  margin-left: 400px;
  padding-left: 15px;
}

@media screen and (min-width: 1101px) and (max-width: 1150px) {
  #visualizationColumnHeader.responsive {
    max-width: 350px;
  }

  #visualizationEditorHeader.responsive {
    margin-left: 350px;
  }

  #visualizationEditor.responsive {
    margin-left: 350px;
  }
}
@media screen and (min-width: 1051px) and (max-width: 1100px) {
  #visualizationColumnHeader.responsive {
    max-width: 300px;
  }

  #visualizationEditorHeader.responsive {
    margin-left: 300px;
  }

  #visualizationEditor.responsive {
    margin-left: 300px;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1050px) {
  #visualizationColumnHeader.responsive {
    max-width: 250px;
  }

  #visualizationEditorHeader.responsive {
    margin-left: 250px;
  }

  #visualizationEditor.responsive {
    margin-left: 250px;
  }
}
@media screen and (max-width: 1000px) {
  #visualizationColumnHeader.responsive {
    max-width: 200px;
  }

  #visualizationEditorHeader.responsive {
    margin-left: 200px;
  }

  #visualizationEditor.responsive {
    margin-left: 200px;
  }
}
#main-logo {
  padding: 10px 15px;
  display: inline-block;
  top: 10px;
  left: 10px;
  position: fixed;
  z-index: 1000;
}
#main-logo a {
  color: #949ca2;
}
#main-logo a:hover {
  text-decoration: none;
}
#main-logo #logo-img {
  height: 22px;
  width: auto;
  display: block;
}

html[data-brand=codeai] #main-logo #logo-img {
  aspect-ratio: 591.15/100;
}

html[data-brand=codeai-next] #main-logo #logo-img {
  aspect-ratio: 591.15/100;
}

html[data-brand=codeai-audit] #main-logo #logo-img {
  aspect-ratio: 591.15/100;
}

#environment_tag {
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  background-color: var(--background-brand-purple-primary);
  padding: 3px;
  z-index: 1010;
  cursor: pointer;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.3);
}

#instructor_in_training_tag {
  position: fixed;
  top: 60px;
  right: 0;
  color: #fff;
  background-color: #0093a4;
  padding: 3px;
  z-index: 100;
  cursor: pointer;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.3);
}

#assumed_identity_tag {
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  background-color: #c00;
  padding: 3px;
  z-index: 200;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.3);
}

#level-body {
  height: 100%;
}

code {
  color: #8c52ba;
}

.instructions-markdown ul li, .instructions-markdown ol li {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.2em;
}

#diversity_survey {
  background-color: #f2f2f2;
  color: #4d575f;
  overflow: hidden;
}
#diversity_survey #surveythanks {
  font-size: 14px;
  padding: 20px;
  color: #468847;
  background-color: #dff0d8;
  border: solid 1px #d6e9c6;
  border-radius: 5px;
}
#diversity_survey #surveybody {
  border: solid 1px #8c52ba;
  border-radius: 5px;
}
#diversity_survey #surveybody #headingarea {
  margin-top: 0;
  background-color: #8c52ba;
  padding: 20px;
  color: #fff;
}
#diversity_survey #surveybody #headingarea h2 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 20px;
}
#diversity_survey #surveybody #headingarea .subtext {
  margin-left: 0;
  font-size: 12px;
}
#diversity_survey #surveybody #headingarea .subtext #privacylink {
  color: #fff;
  text-decoration: underline;
}
#diversity_survey #surveybody #survey {
  margin-bottom: 0;
  padding: 20px;
}
#diversity_survey #surveybody #survey .survey_questions {
  width: 100%;
}
#diversity_survey #surveybody #survey .survey_questions li {
  font-size: 16px;
}
#diversity_survey #surveybody #survey .survey_questions .dots {
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
}
#diversity_survey #surveybody #survey .survey_questions .dots #ethnicity_input {
  width: 40px;
  height: 24px;
  font-size: 14px;
  text-align: right;
  margin: 6px;
  margin-left: 10px;
}
#diversity_survey #surveybody #noanswer {
  cursor: pointer;
  border: none;
  box-shadow: none;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 100%;
  color: #8C52BA;
  text-decoration: underline;
  background-color: transparent;
}
#diversity_survey #surveybody #noanswer:hover {
  color: #6C468A;
  text-decoration: underline;
}

.info-box-teal {
  border: 1px solid #0093a4;
  height: 46px;
  margin-bottom: 10px;
}
.info-box-teal .info-box-left {
  float: left;
  background-color: #0093a4;
  height: 42px;
  padding-top: 4px;
}
.info-box-teal .info-box-right {
  max-width: 400px;
  float: left;
  padding: 5px;
}
.info-box-teal .info-box-right .info-box-message {
  font-weight: bold;
  color: #0093a4;
}
.info-box-teal .info-box-right p {
  margin-bottom: 0;
}

.breadcrumb-header {
  margin-top: 10px;
}

#survey-submission-thankyou {
  color: #8c52ba;
  font-size: 18px;
}

hr.danger {
  border-color: #c00;
  border-width: medium;
}

h2.danger {
  color: #c00;
}

.account-page-section-break {
  margin-top: 6em;
}

#change-user-type-status {
  vertical-align: middle;
}

.label-bold {
  font-weight: bold;
  color: #4d575f;
}

#donor-footer {
  color: #fff;
  text-align: center;
  padding: 30px 10px 36px 10px;
}
#donor-footer h1 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  margin-bottom: 24px;
  margin-top: 0;
  font-size: 38px;
}
#donor-footer h3 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: normal;
}
#donor-footer p {
  color: #fff;
  margin-bottom: 22px;
  max-width: 720px;
  display: inline-block;
  font-size: 14px;
}
#donor-footer .logo {
  max-width: 235px;
  max-height: 128px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}
#donor-footer .resources {
  margin-top: 20px;
}
#donor-footer .learn-more {
  color: #ffb81d;
}

.foorm-reset-font {
  font-family: inherit !important;
}

.foorm-adjust-body {
  border: none !important;
}

.foorm-adjust-header {
  background-color: #fff;
}
.foorm-adjust-header h3 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 30px !important;
  color: #0093a4 !important;
}

.foorm-adjust-page-title {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
}

.foorm-adjust-radio {
  margin-top: -4px !important;
}

.foorm-adjust-checkbox {
  margin-top: -4px !important;
}

.foorm-adjust-matrix {
  table-layout: fixed;
}
.foorm-adjust-matrix th {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  font-weight: 400 !important;
}
@media (min-width: 601px) {
  .foorm-adjust-matrix tr td:first-child {
    width: 40%;
  }
  .foorm-adjust-matrix tr td:not(:first-child) {
    text-align: center;
  }
}
.foorm-adjust-matrix td {
  min-width: 0 !important;
}

.foorm-adjust-rating {
  text-align: center;
}

.foorm-adjust-row {
  background-color: #fff !important;
  border-color: #fff !important;
}

.foorm-button {
  font-size: 100% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 5px !important;
  background-color: #ffa400 !important;
}

.foorm-button-left {
  float: left !important;
}

.foorm-button-right {
  float: right !important;
}

.foorm-survey-rating-question-sample {
  width: 60%;
  max-width: 600px;
  margin: 0 auto 20px auto;
  text-align: center;
}

.foorm-adjust-dropdown-height {
  height: calc(2em + 10px) !important;
}

#parent-email-banner {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding: 14px 20px;
  font-size: 16px;
  line-height: 20px;
  background-color: #8c52ba;
  text-align: center;
  color: #fff;
  border-top: 1px solid #fff;
  z-index: 1030;
  /* desktop */
  /* mobile */
}
#parent-email-banner .banner-content {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
#parent-email-banner .banner-content .text {
  box-sizing: border-box;
  text-align: left;
  padding-right: 20px;
}
#parent-email-banner .banner-content .text p {
  font-size: 16px;
  margin: auto;
}
#parent-email-banner .banner-content .buttons {
  box-sizing: border-box;
  text-align: center;
  margin: auto;
}
#parent-email-banner .banner-content .buttons button {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  margin-left: 10px;
  align-items: flex-start;
  background-image: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  letter-spacing: normal;
  line-height: 20px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
  word-spacing: 0;
}
#parent-email-banner .banner-content .buttons #link_your_email {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif !important;
  background-color: #ffa400;
  border-color: #ffa400;
  border-image-source: none !important;
  text-shadow: none !important;
  border-width: 1px !important;
}
#parent-email-banner .banner-content .buttons #not_now {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif !important;
  background-color: #a69bc1;
  border-color: #a69bc1;
  border-image-source: none !important;
  text-shadow: none !important;
  border-width: 1px !important;
}
@media screen and (min-width: 971px) {
  #parent-email-banner .text {
    float: left;
    width: 70%;
  }
  #parent-email-banner .buttons {
    float: right;
  }
}
@media screen and (min-width: 0) and (max-width: 970px) {
  #parent-email-banner {
    display: none;
  }
}

html[dir=rtl] img[src="/blockly/media/skins/jigsaw/blocks.png"] {
  -webkit-transform: none !important;
  transform: none !important;
}

#add-parent-email #remove-parent-email-link {
  color: #c00;
}

.immersive-reader-button {
  /* !important is used to override the default styling from the Microsoft immersive-reader-sdk */
  background-color: #FFFFFF !important;
  float: right;
  border: 2px solid #292F36;
  box-sizing: border-box;
  height: 32px;
  padding: 6px !important;
}
html[dir=rtl] .immersive-reader-button {
  float: left;
}
.immersive-reader-button:hover, .immersive-reader-button:focus {
  background-color: #009EB0 !important;
  border-color: #009EB0;
  /* The TTS buttons overlap this button, so make this button's z-index higher as a temp fix */
  position: relative;
  z-index: 1000;
}
.immersive-reader-button:hover img, .immersive-reader-button:focus img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(111deg) brightness(101%) contrast(100%);
}
.immersive-reader-button img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(31%) saturate(359%) hue-rotate(169deg) brightness(94%) contrast(91%);
}

.immersive-reader-button-legacy-styles {
  /* !important is used to override the default styling from the Microsoft immersive-reader-sdk */
  background-color: #ebe8f1 !important;
  border-color: #ebe8f1;
}
.immersive-reader-button-legacy-styles:hover {
  background-color: #0094ca !important;
  border-radius: 4px !important;
  /* The TTS buttons overlap this button, so make this button's z-index higher as a temp fix */
}

#mapbox-location-search-container .mapbox-location-search-container {
  width: 100%;
}
#mapbox-location-search-container .mapboxgl-ctrl-geocoder {
  min-width: 100%;
  z-index: 2;
  box-shadow: none;
  border: 1px solid #cccccc;
  font-family: inherit;
  font-size: inherit;
}
#mapbox-location-search-container input {
  height: 36px;
  margin: 0;
  border: none;
  padding: 0 34px;
}
#mapbox-location-search-container input.readOnly {
  width: 100%;
}
#mapbox-location-search-container .mapboxgl-ctrl-geocoder--suggestion {
  color: #333;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#reset-predict-progress-button {
  display: "inline-block";
  font-size: 12;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  border-width: "1px";
  border-style: "solid";
  border-color: #bbb;
  border-bottom-left-radius: 3;
  border-bottom-right-radius: 3;
  border-top-left-radius: 3;
  border-top-right-radius: 3;
  text-decoration: "none";
  box-sizing: "border-box";
  overflow: "hidden";
  white-space: "nowrap";
  color: #fff;
  background-color: #c00;
  font-weight: "bold";
  box-shadow: "inset 0 2px 0 0 rgba(255,255,255,0.40)";
}
#reset-predict-progress-button:hover:not(:disabled) {
  box-shadow: "none";
  color: #c00;
  border-color: #c00;
  background-color: #fff;
  cursor: "pointer";
}
#reset-predict-progress-button:disabled {
  background-color: #fcc;
  box-shadow: "inset 0 2px 0 0 rgba(0,0,0,0.1)";
}

a.design-system-btn:link, a.design-system-btn:visited, a.design-system-btn:hover, a.design-system-btn:active {
  text-decoration: none;
  border-radius: 4px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1em !important;
  padding: 10px 20px;
  height: auto;
  margin-right: 0;
  background-color: #8C52BA;
  border: 2px solid #8C52BA;
  color: #FFFFFF;
  line-height: unset;
}
a.design-system-btn:link:hover, a.design-system-btn:visited:hover, a.design-system-btn:hover:hover, a.design-system-btn:active:hover {
  background-color: #6C468A;
  border-color: #6C468A;
  box-shadow: none;
}
a.design-system-btn:link:focus, a.design-system-btn:visited:focus, a.design-system-btn:hover:focus, a.design-system-btn:active:focus {
  border-color: #009EB0;
}
a.design-system-btn:link:disabled, a.design-system-btn:visited:disabled, a.design-system-btn:hover:disabled, a.design-system-btn:active:disabled {
  color: #FFFFFF;
  border-color: #D1D4D8;
  background-color: #D1D4D8;
  cursor: not-allowed;
}

@keyframes clickable-text-glow-keyframes {
  0% {
    color: initial;
  }
  50% {
    color: #0093A4;
  }
  100% {
    color: initial;
  }
}
#instructions .clickable-text {
  cursor: pointer;
  position: relative;
  outline-offset: 2px;
}
#instructions .clickable-text-with-glow {
  animation: clickable-text-glow-keyframes 2s ease-in-out;
}
#instructions .clickable-text-with-glow:hover {
  color: #007785;
}
#instructions .clickable-text-0 {
  animation-delay: 1s;
}
#instructions .clickable-text-1 {
  animation-delay: 2s;
}
#instructions .clickable-text-2 {
  animation-delay: 3s;
}
#instructions .clickable-text-3 {
  animation-delay: 4s;
}
#instructions .clickable-text-4 {
  animation-delay: 5s;
}

#lti-integration-portal {
  display: flex;
  flex-wrap: wrap;
}
#lti-integration-portal .header {
  display: flex;
  flex-wrap: wrap;
}
#lti-integration-portal .padded-container {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
#lti-integration-portal .padded-container .row {
  flex-grow: 1;
}
#lti-integration-portal .lti-integration-form input[type=text], #lti-integration-portal .lti-integration-form input[type=email] {
  height: 36px;
}
#lti-integration-portal .lti-integration-form input {
  margin: 0;
}
#lti-integration-portal .lti-integration-form input, #lti-integration-portal .lti-integration-form select {
  flex-grow: 1;
}
#lti-integration-portal .lti-integration-form .row {
  display: flex;
  margin-bottom: 20px;
}
#lti-integration-portal .lti-integration-form .row [class*=col-md] {
  align-self: center;
  display: flex;
}
#lti-integration-portal .lti-integration-form .row [class*=col-md] .div {
  align-self: center;
  display: flex;
}
#lti-integration-portal .lti-integration-form .row label {
  margin: 0;
}
#lti-integration-portal .lti-integration-form .lti-integration-field-label {
  flex-wrap: wrap;
}
#lti-integration-portal .lti-integration-form .lti-integration-field-label p {
  margin: 0;
}
#lti-integration-portal .lti-btn-purple {
  background-image: none;
  padding: 0 20px;
  margin: 5px 0;
  font-size: 18px;
  height: 40px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  border-color: #8c52ba;
  background-color: #8c52ba;
  color: #fff;
}
#lti-integration-portal .lti-btn-purple-right {
  background-image: none;
  padding: 0 20px;
  margin: 5px 0;
  font-size: 18px;
  height: 40px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  border-color: #8c52ba;
  background-color: #8c52ba;
  color: #fff;
  float: right;
}
#lti-integration-portal .lti-btn-white {
  background-image: none;
  padding: 0 20px;
  margin: 5px 0;
  font-size: 18px;
  height: 40px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  border-color: #000;
  background-color: #fff;
  color: #000;
}

.cm-gutters {
  margin: 1px;
}

.cm-scroller {
  overflow: auto;
}
.cm-scroller:focus-visible {
  outline: var(--borders-brand-teal-primary) solid 2px;
  outline-offset: -2px;
  border-radius: 0.375rem;
}

.cm-wrap {
  height: 100%;
}

.cm-editor {
  height: 100%;
}

details summary {
  cursor: pointer;
}
details summary h1 {
  display: inline;
  margin-right: 10px;
}
details summary:hover {
  background: #e7e8ea;
  cursor: pointer;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.error-page body, .not-found-page body {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #696969;
  margin: 0;
}
.error-page h1, .not-found-page h1 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #8c52ba;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 30px;
  line-height: 1.2em;
}
.error-page button, .not-found-page button {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -webkit-writing-mode: horizontal-tb;
  align-items: flex-start;
  background-color: #ffa400;
  border-color: #ffa400;
  background-image: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 34px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 30px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: center;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
  word-spacing: 0;
  writing-mode: lr-tb;
}
.error-page .error-image, .not-found-page .error-image {
  margin-top: 50px;
}
.error-page .error-parent, .not-found-page .error-parent {
  text-align: center;
}
.error-page .error-child, .not-found-page .error-child {
  display: inline-block;
  max-width: 300px;
}

.deprecated-course-page {
  margin-bottom: 100px;
}
.deprecated-course-page .deprecated-course-child {
  display: inline-block;
  max-width: 500px;
}
.deprecated-course-page p {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #292F36;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 1.2em;
}
.deprecated-course-page a.design-system-btn {
  margin-right: 5px;
  margin-left: 5px;
}

#lti-unsupported-message-type.error-page .error-child {
  max-width: 450px;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.extra-links {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: 2px solid #949ca2;
  padding: 10px;
  background: #c6cacd;
  position: fixed;
  bottom: 27px;
  /* just above small footer */
  left: 0;
  opacity: 0.98;
  color: #000;
  /* don't take over the whole window */
  max-height: 50%;
  /* only display scrollbars when needed */
  overflow: auto;
  /* admin box appears in front of the rest of the level */
  z-index: 1000;
}
.extra-links h4 {
  font-size: 14px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 5px 0;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
#terms-modal,
#school-info-modal,
#race-modal {
  text-align: left;
  top: -10px;
}

#terms-modal .modal-content,
#school-info-modal .modal-content,
#race-modal .modal-content,
#student-information-modal .modal-content {
  margin: 0 20px;
  padding: 0 35px;
}

#terms-modal .modal-content p,
#school-info-modal .modal-content p,
#race-modal .modal-content p,
#student-information-modal .modal-content p {
  font-size: 12px;
  color: #333;
}

#race-modal .modal-content .custom-h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.7em;
}

#race-modal .modal-content p {
  font-size: 15px;
  line-height: 20px;
}

#terms-modal .left,
#school-info-modal .left,
#race-modal .left {
  float: left;
}

#terms-modal .right {
  float: right;
}

#school-info-modal .right,
#race-modal .right {
  float: right;
  margin-top: 20px;
}

#school-info-modal .full-width {
  width: 100%;
  padding-bottom: 20px;
}

#race-modal .full-width {
  width: 100%;
}

#terms-modal .scroll-box {
  height: 350px;
  border: 1px solid #bbb;
  padding: 20px;
  resize: vertical;
  overflow: auto;
  overflow-y: scroll;
}

#terms-modal label.terms {
  font-size: inherit;
  line-height: inherit;
}

#terms-modal .terms-text {
  overflow: hidden;
}

#race-modal .form-group {
  margin-bottom: 0;
}

#terms-modal .terms-checkbox {
  margin: 0 5px 0 0;
  float: left;
}

#race-modal .race-checkbox {
  margin: 0 5px 0 0;
}

#terms-modal .primary-button,
#school-info-modal .primary-button,
#race-modal .primary-button,
#student-information-modal .primary-button {
  background-color: #ffa400;
  border: 1px solid #ffa400;
  color: #fff;
  border-radius: 4px;
  height: 34px;
  text-shadow: none;
  box-shadow: none;
  background-image: none;
  margin-top: 10px;
}

#race-modal .primary-button,
#student-information-modal .primary-button {
  background-color: #8C52BA;
  border-color: #8C52BA;
  color: #FFFFFF;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}

#terms-modal .disabled-button {
  background-color: #c6cacd;
  border-color: #c6cacd;
  color: #4d575f;
}

#race-modal .disabled-button {
  color: #FFFFFF;
  border-color: #D1D4D8;
  background-color: #D1D4D8;
  cursor: not-allowed;
}

#terms-modal .custom-h1,
#race-modal .custom-h1 {
  margin-top: 25px;
}

#race-modal h3 {
  line-height: 24px;
}

#terms-modal .right-margin-5,
#race-modal .right-margin-5 {
  margin-right: 5px;
}

#race-modal .dismiss-link {
  font-size: 14px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
}

#school-info-modal .disabled,
#race-modal .disabled {
  color: #949ca2;
}

#school-info-modal .selectize-control .selectize-input.disabled {
  opacity: 1;
  background-color: #eee;
}

@media (max-width: 600px) {
  #terms-modal,
#race-modal,
#school-info-modal {
    width: 400px;
    left: 70%;
  }

  #terms-modal .scroll-box {
    height: 200px;
  }
}
#implicit-terms-modal {
  width: 600px;
  text-align: left;
  top: 20px;
  padding: 20px;
}
#implicit-terms-modal #implicit_accept_terms_message {
  font-size: 14px;
  color: #333;
  margin-left: 0;
}
#implicit-terms-modal #close_btn_go_to_account {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #ffa400;
  border: 1px solid #ffa400;
  color: #fff;
  margin: 25px 0 0 0;
  padding: 10px 25px;
}

#student-information-modal {
  max-height: none;
}

#student-information-modal select {
  margin-bottom: 5px;
  width: 100%;
}

#student-information-modal #edit_user .form-group {
  margin-bottom: 10px;
}

#student-information-modal #user_gender_student_input {
  width: 96%;
}

#student-information-modal #information_form_buttons {
  display: flex;
  justify-content: space-between;
}

#student-information-modal .modal-dialog {
  width: 490px;
}

#student-information-modal .header-divider {
  margin: 15px 0;
  border-color: #c6cacd;
}

#student-information-modal .label-title {
  font-weight: bold;
}

#student-information-modal .dismiss-button {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #D1D4D8;
  font-size: 30px;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
#student-information-modal .dismiss-button:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#student-information-modal .dismiss-button:active {
  border: none;
}

#student-information-modal #sign-out-btn {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  line-height: 1.5rem;
  height: auto;
}

#student-information-modal .required-message {
  font-size: 12px;
}

li.level_name {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ani-gif-dropdown {
  min-width: 450px;
}

.video-dropdown {
  min-width: 450px;
}

.aspect-ratio iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-ratio {
  width: 100%;
  max-width: 400px;
  display: flex;
  position: relative;
  min-width: 280px;
}

.aspect-ratio::after {
  padding-top: 120.25%;
  display: block;
  content: "";
}

[data-markdown] [style*="float: left"] {
  float: inline-start !important;
}
[data-markdown] [style*="float: right"] {
  float: inline-end !important;
}
[dir=rtl] [data-markdown] [style*="float: left"] {
  float: right !important;
}
[dir=rtl] [data-markdown] [style*="float: right"] {
  float: left !important;
}

body {
  background-color: var(--background-neutral-primary, #fff);
  color: #333;
  font-size: 13px;
  line-height: 18px;
}

p, ol, ul, td {
  font-size: 13px;
  line-height: 18px;
}

pre {
  background-color: #e7e8ea;
  padding: 10px;
  font-size: 11px;
}

div.field, div.actions {
  margin-bottom: 10px;
}

#notice {
  color: #008000;
}

.field_with_errors label {
  color: #c00;
  display: inline-block;
}

.field_with_errors input, .field_with_errors select {
  background-color: #ff0;
  border-color: #c00;
}

.field_with_errors_div {
  background-color: #ff0;
}

#error_explanation {
  width: 450px;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #fff;
}
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 0 0 0 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0;
  background-color: #c00;
  color: #fff;
}
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
  padding: 5px 0;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.teacher-panel {
  position: fixed;
  top: 85px;
  bottom: 20px;
  right: 0;
  width: 205px;
  transition: right 0.5s;
  background: #d9eff7;
  opacity: 0.9;
  border: 5px solid #0094ca;
  border-right: none;
  border-radius: 10px 0 0 10px;
  /* Must appear in front of <Overlay/>, whose z-index is 1020. */
  z-index: 1021;
}
.teacher-panel .hide-handle,
.teacher-panel .show-handle {
  cursor: pointer;
  transition: right 0.5s;
  position: absolute;
  right: 200px;
  top: 50%;
  border-radius: 10px 0 0 10px;
  color: #fff;
  background: #0094ca;
  height: 30px;
  width: 25px;
}
.teacher-panel .hide-handle i,
.teacher-panel .show-handle i {
  line-height: 30px;
  padding-left: 5px;
  font-size: 20px;
}
.teacher-panel .hide-handle {
  display: block;
}
.teacher-panel .show-handle {
  display: none;
}
.teacher-panel h3 {
  padding: 5px;
  font-size: 18px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  background: #0094ca;
  margin: 0;
}
.teacher-panel.hidden {
  right: -195px;
}
.teacher-panel.hidden .hide-handle {
  right: 200px;
  display: none;
}
.teacher-panel.hidden .show-handle {
  right: 200px;
  display: block;
}
.teacher-panel select {
  width: 190px;
  display: block;
  margin: 5px;
}

.sparkle {
  position: absolute;
  animation: loop 5s infinite linear;
}

.sparkle1 {
  left: 251px;
  top: 66px;
  width: 20px;
}

.sparkle2 {
  left: 281px;
  top: 8px;
  width: 30px;
  animation-delay: 500ms;
}

.sparkle3 {
  left: 286px;
  top: 91px;
  width: 25px;
  animation-delay: 1000ms;
}

@keyframes loop {
  0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: rotate(200deg);
    opacity: 0;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0;
  }
}
.unplugged {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.unplugged .video-section {
  margin-top: 12px;
}
.unplugged .video-section .video-container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.unplugged .pdf-button {
  margin-right: 10px;
}
.unplugged .lesson-plan {
  margin-top: 40px;
}
.unplugged .lesson-plan .pdf-button {
  margin-right: 0;
  margin-top: 5px;
}
.unplugged .coming-soon {
  margin: 20px;
  text-align: center;
  font-size: 20px;
}
.unplugged .video-download {
  margin-bottom: 3px;
}

#linking-page-header {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#linking-page-description {
  text-align: center;
  margin-bottom: 20px;
}

#oauth-side {
  flex-grow: 0;
  margin-left: auto;
}

#oauth-side-restricted {
  flex-grow: 0;
  margin: auto;
}

button.oauth-sign-in.with-clever.restricted {
  width: 270px;
}

#email-side {
  margin-right: auto;
}

#signin-connect-button {
  background: #8c52ba;
  color: #fff;
}

#flash-messages {
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.call-to-action-container {
  display: flex;
  justify-content: space-between;
}

.go-back-link {
  display: block;
}

.oauth-sign-in {
  padding-right: 20px;
}

#sign-up-warning-banner.alert {
  color: unset;
  padding: 1rem 2rem;
}
#sign-up-warning-banner.alert p {
  margin: 0;
}
#sign-up-warning-banner.alert p:not(:last-child) {
  margin-bottom: 1rem;
}

/*
 * File is used in dashboard/app/assets/stylesheets/application.scss and pegasus/sites.v3/code.org/public/hourofcode/overview.haml
 * In order to add font to the Pegasus pages you should manually add this file to every page. In case you'll need
 * to add this font to many Pegasus page - you should probably think of other solution and not forget to update
  the Pegasus pages that were using font already.
 */
@font-face {
  font-family: "Barlow Semi Condensed Semibold";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/barlowSemiCondensed/BarlowSemiCondensed-SemiBold.ttf) format("truetype"), local("?");
}
@font-face {
  font-family: "Barlow Semi Condensed Medium";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/barlowSemiCondensed/BarlowSemiCondensed-Medium.ttf) format("truetype"), local("?");
}
/* 100-900 Normal */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/Geist/Geist-Thin.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/Geist/Geist-ExtraLight.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/Geist/Geist-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Geist/Geist-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/Geist/Geist-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/Geist/Geist-SemiBold.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Geist/Geist-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/Geist/Geist-ExtraBold.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/Geist/Geist-Black.woff2) format("woff2");
}
/* 100-900 Italic */
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 100;
  src: url(/fonts/Geist/Geist-ThinItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 200;
  src: url(/fonts/Geist/Geist-ExtraLightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/Geist/Geist-LightItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/Geist/Geist-Italic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/Geist/Geist-MediumItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 600;
  src: url(/fonts/Geist/Geist-SemiBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/Geist/Geist-BoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 800;
  src: url(/fonts/Geist/Geist-ExtraBoldItalic.woff2) format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: italic;
  font-weight: 900;
  src: url(/fonts/Geist/Geist-BlackItalic.woff2) format("woff2");
}
/*
 * File is used in dashboard/app/assets/stylesheets/application.scss
 * See: https://fonts.google.com/noto/fonts?noto.query=Noto+Sans
 *
 * 100 – Thin
 * 200 – Extra Light (Ultra Light)
 * 300 – Light
 * 400 – Regular (Normal)
 * 500 – Medium
 * 600 – Semi Bold (Demi Bold)
 * 700 – Bold
 * 800 – Extra Bold (Ultra Bold)
 * 900 – Black (Heavy)
 *
 * Latin, Cyrillic and Greek: az-AZ, bs-BA, ca-ES, co-FR, cs-CZ, da-DK, de-DE, el-GR, en-GB, en-US, es-ES, es-MX, et-EE,
 * eu-ES, fi-FI, fil-PH, fr-FR, ga-IE, gl-ES, haw-HI, hr-HR, hu-HU, id-ID, is-IS, it-IT, kk-KZ, ky-KG, lt-LT, lv-LV,
 * mi-NZ, mk-MK, ms-MY, mt-MT, nl-NL, nn-NO, no-NO, pl-PL, pt-BR, pt-PT, ro-RO, ru-RU, se-FI, sk-SK, sl-SI, sm-WS, sq-AL,
 * sr-SP, sv-SE, tg-TJ, tr-TR, uk-UA, uz-UZ, vi-VN, zu-ZA
 * Arabic (العربية): ar-SA, fa-AF, fa-IR, ps-AF
 * Armenian (հայերեն): hy-AM
 * Bengali (বাংলা): bn-BD
 * Simplified Chinese (简化字): zh-CN
 * Traditional Chinese (繁体字): zh-TW
 * Devanagari (देवनागरी): hi-IN, mr-IN, ne-NP
 * Georgian (ქართული): ka-GE
 * Hebrew (עברית): he-IL
 * Japanese (日本語): ja-JP
 * Kannada (ಕನ್ನಡ): kn-IN
 * Khmer (ភាសាខ្មែរ): km-KH
 * Korean (한국어): ko-KR
 * Myanmar/Burmese (ဗမာစာ): my-MM
 * Sinhala (සිංහල): si-LK
 * Tamil (தமிழ்): ta-IN
 * Telugu (తెలుగు): te-IN
 * Thai (ภาษาไทย): th-TH
 * Thaana/Dhivehi (ދިވެހި): dv-MV
 */
/* Space Grotesk font */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/SpaceGrotesk/SpaceGrotesk-Medium-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/SpaceGrotesk/SpaceGrotesk-Medium.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.user_menu, .create_menu, .help_button {
  user-select: none;
  height: 38px;
  position: relative;
}
.user_menu .create_button, .user_menu .display_name, .user_menu .pairing_name, .create_menu .create_button, .create_menu .display_name, .create_menu .pairing_name, .help_button .create_button, .help_button .display_name, .help_button .pairing_name {
  max-width: 120px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rtl .user_menu .create_button, .rtl .user_menu .display_name, .rtl .user_menu .pairing_name, .rtl .create_menu .create_button, .rtl .create_menu .display_name, .rtl .create_menu .pairing_name, .rtl .help_button .create_button, .rtl .help_button .display_name, .rtl .help_button .pairing_name {
  float: right;
  padding-left: 3px;
}
.user_menu .user_menu_arrow_down,
.user_menu .user_menu_arrow_up,
.user_menu .create_menu_arrow_down,
.user_menu .create_menu_arrow_up, .create_menu .user_menu_arrow_down,
.create_menu .user_menu_arrow_up,
.create_menu .create_menu_arrow_down,
.create_menu .create_menu_arrow_up, .help_button .user_menu_arrow_down,
.help_button .user_menu_arrow_up,
.help_button .create_menu_arrow_down,
.help_button .create_menu_arrow_up {
  font-size: 0.875rem;
  margin-inline-start: 5px;
  display: inline-block;
  text-align: center;
  width: 14px;
}
.user_menu .create_menu_arrow_down,
.user_menu .create_menu_arrow_up, .create_menu .create_menu_arrow_down,
.create_menu .create_menu_arrow_up, .help_button .create_menu_arrow_down,
.help_button .create_menu_arrow_up {
  width: 12.25px;
}
.user_menu .user_options, .user_menu .create_options, .create_menu .user_options, .create_menu .create_options, .help_button .user_options, .help_button .create_options {
  top: 46px;
}
.user_menu .help_contents, .create_menu .help_contents, .help_button .help_contents {
  top: 54px;
}
.user_menu .user_options, .user_menu .create_options, .user_menu .help_contents, .create_menu .user_options, .create_menu .create_options, .create_menu .help_contents, .help_button .user_options, .help_button .create_options, .help_button .help_contents {
  z-index: 100001;
  position: absolute;
  inset-inline-end: 0px;
  background-color: var(--background-neutral-primary);
  border: 1px solid var(--borders-neutral-primary);
  border-radius: 0.25rem;
  text-align: initial;
  padding: 0;
  min-width: 228px;
  max-width: 300px;
  padding: 0.375rem;
  box-shadow: 0 4px 6px -1px var(--neutral-black-alpha-10), 0 2px 4px -1px var(--neutral-black-alpha-5);
}
.user_menu .user_options a, .user_menu .create_options a, .user_menu .help_contents a, .create_menu .user_options a, .create_menu .create_options a, .create_menu .help_contents a, .help_button .user_options a, .help_button .create_options a, .help_button .help_contents a {
  color: var(--text-neutral-primary) !important;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;
}
.user_menu .user_options a:hover, .user_menu .create_options a:hover, .user_menu .help_contents a:hover, .create_menu .user_options a:hover, .create_menu .create_options a:hover, .create_menu .help_contents a:hover, .help_button .user_options a:hover, .help_button .create_options a:hover, .help_button .help_contents a:hover {
  background-color: var(--background-neutral-tertiary);
  text-decoration: none;
  border-radius: 4px;
}

html.nav-reskin .user_menu, html.nav-reskin .create_menu {
  height: 32px;
}

.user_menu {
  padding: 7px 14px;
}
html.nav-reskin .user_menu .display_name {
  font-weight: 600;
}
.user_menu .user_options[dir=rtl] a {
  text-align: right;
}
.user_menu .user_options .display_name {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  background-color: var(--background-neutral-octonary);
  color: var(--text-neutral-white-fixed);
  padding: 10px;
  text-align: center;
  cursor: default;
}
.user_menu .user_options a {
  display: block;
  padding: 10px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-weight: 500;
}
.user_menu .user_options.hide-responsive-menu {
  display: none;
}

.help_button {
  padding-left: 16px;
  padding-top: 4px;
  display: inline-block;
  float: left;
  z-index: 99;
  position: relative;
}
.help_button.hide-mobile {
  display: block;
}
.help_button .hide-mobile {
  display: block;
}
@media (max-width: 1268px) {
  .help_button.show-small-desktop,
.help_button .show-small-desktop {
    display: none;
  }
}
.help_button .help_icon {
  padding: 11px 0 16px 0;
  font-size: 22px;
  color: var(--text-neutral-white-fixed);
  cursor: pointer;
  display: inline-block;
  width: 22px;
  text-align: center;
  height: 20px;
  vertical-align: middle;
  text-decoration: none;
}
html.nav-reskin .help_button .help_icon {
  font-size: 24px;
  width: 24px;
}
.help_button .help_contents[dir=rtl] a {
  text-align: right;
  left: 0;
  right: unset;
}
html[dir=rtl] .help_button .help_contents {
  left: 0;
  right: unset;
}
.help_button .help_contents a {
  display: block;
  padding: 10px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .help_button.hide-mobile {
    display: none;
  }
  .help_button .hide-mobile {
    display: none;
  }
}

.create_menu .create_options {
  inset-inline-end: unset;
  inset-inline-start: 0px;
}
.create_menu .create_options a {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  box-sizing: content-box;
  cursor: pointer;
  margin: 0;
  padding: 0.375rem;
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 0.625rem;
}
.create_menu .create_options img {
  height: 40px;
  width: 40px;
  border-radius: 4px;
}
.create_menu .create_options .project_link_box {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.create_menu .create_options .text,
.create_menu .create_options #view_all_projects {
  color: var(--text-neutral-primary);
}
@media screen and (max-width: 1023px) {
  .create_menu.show-small-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1120px) {
  .create_menu.hide-mobile {
    display: none;
  }
}
@media screen and (max-width: 1103px) {
  html[data-brand=codeai] .create_menu.show-small-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  html[data-brand=codeai] .create_menu.hide-mobile {
    display: none;
  }
}
@media screen and (max-width: 1103px) {
  html[data-brand=codeai-next] .create_menu.show-small-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  html[data-brand=codeai-next] .create_menu.hide-mobile {
    display: none;
  }
}
@media screen and (max-width: 1103px) {
  html[data-brand=codeai-audit] .create_menu.show-small-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  html[data-brand=codeai-audit] .create_menu.hide-mobile {
    display: none;
  }
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
.primary {
  background-color: #ffa400;
  border-color: #ffa400;
  color: #fff;
  margin: 0;
  padding: 6px 12px;
  height: 34px;
  line-height: 20px;
  font-size: 14px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  vertical-align: middle;
}
.primary[disabled=disabled], .primary:disabled {
  border: 1px solid #949ca2;
  background-color: #c6cacd;
  box-shadow: none;
}
html.nav-reskin .primary {
  background-color: var(--background-brand-purple-primary);
  border-color: var(--borders-brand-purple-primary);
}
html.nav-reskin .primary:hover, html.nav-reskin .primary:focus, html.nav-reskin .primary:active {
  background-color: var(--background-brand-purple-strong);
  border-color: var(--borders-brand-purple-strong);
}

.primary:hover {
  box-shadow: none;
}

.secondary {
  background-color: #0094ca;
  border-color: #0094ca;
  color: #fff;
  margin: 0;
  padding: 6px 12px;
  height: 34px;
  line-height: 20px;
  font-size: 14px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  vertical-align: middle;
}
.secondary[disabled=disabled], .secondary:disabled {
  border: 1px solid #949ca2;
  background-color: #c6cacd;
  box-shadow: none;
}

.secondary:hover {
  box-shadow: none;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
/* HEADERS */
.twolineheader h2 {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #8c52ba;
  font-size: 24px;
  margin-bottom: 0px;
  line-height: 30px;
}
.twolineheader h1 {
  margin-top: 0px;
  line-height: 30px;
  font-size: 30px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.coursesheader h1 + h2 {
  margin-top: 10px;
}
.coursesheader h2 {
  margin-bottom: 5px;
}

#landingpage h3 img.logo,
.course_progress h3 img.logo {
  height: 40px;
}

/**
 * New style of row for tutorials that uses display:flex instead of float:left so
 * that all boxes will be the same height, but can grow when international text is
 * too long.
 */
.tutorial-row {
  display: flex;
  flex-flow: row wrap;
}

.tutorial-block, .tutorial-block-wide {
  flex: 0 0 auto;
  border: solid 1px #bbb;
  border-radius: 5px;
  margin: 20px 20px 0 0;
  overflow: hidden;
}
.tutorial-block:hover, .tutorial-block-wide:hover {
  border-color: #727A83;
}

.tutorial-block {
  min-height: 300px;
}

.tutorial-block-wide {
  min-height: 140px;
}

/**
 * This overrides styles in the courseblock-tall class below. When all uses have
 * migrated to use tutorial-row and tutorial-block, then these styles can be removed
 * here and from .courseblock-tall below.
 */
.tutorial-block .courseblock-tall {
  float: none;
  height: 100%;
  border: 0;
  margin: 0;
}

/* COURSEBLOCKS */
.courseblock-span1 {
  width: 60px;
}

.courseblock-span2 {
  width: 140px;
}

.courseblock-span3 {
  width: 220px;
}

.courseblock-span4 {
  width: 300px;
}

.courseblock-span5 {
  width: 380px;
}

.courseblock-span6 {
  width: 460px;
}

.courseblock-span7 {
  width: 540px;
}

.courseblock-span8 {
  width: 620px;
}

.courseblock-span9 {
  width: 700px;
}

.courseblock-span10 {
  width: 780px;
}

.courseblock-span11 {
  width: 860px;
}

.courseblock-span12 {
  width: 940px;
}

/* copied from bootstrap-sass-2.3.2.2/vendor/assets/stylesheets/bootstrap/_mixins.scss:572 */
[class*=courseblock-span] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.courseblock-tall {
  background-color: white;
  height: 300px;
  border: solid 1px #bbb;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-top: 30px;
}
.courseblock-tall:hover {
  border-color: #727A83;
}
.courseblock-tall .course-container {
  padding: 8px 16px 16px 16px;
}
.courseblock-tall .heading {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.courseblock-tall a:hover, .courseblock-tall a:link, .courseblock-tall a:active, .courseblock-tall a:visited {
  text-decoration: none;
}
.courseblock-tall h3 {
  color: #292F36;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  display: block;
  font-size: 24px;
  line-height: 30px;
  width: 186px;
  margin: 0;
}
.courseblock-tall .text {
  font-size: 14px;
  line-height: 17px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #292F36;
}
.courseblock-tall .smalltext {
  font-size: 13px;
  padding-top: 12px;
}
.courseblock-tall .teacher-guide {
  font-size: 13px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.courseblock-tall .teacher-guide:hover {
  text-decoration: underline;
}

.courseblock-wide-small {
  margin: 0px;
  border: none;
  float: none;
  background-color: white;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
}
.courseblock-wide-small .heading {
  width: 280px;
  margin: 0;
  padding: 8px 0 16px 16px;
}
.courseblock-wide-small a {
  text-decoration: none;
}
.courseblock-wide-small img {
  box-sizing: content-box;
}
.courseblock-wide-small .imgspan {
  margin-left: 0;
  float: right;
  text-align: right;
}
html[dir=rtl] .courseblock-wide-small .imgspan {
  float: left;
  text-align: left;
}
.courseblock-wide-small h3 {
  margin: 0 0 0 0;
  color: #5b6770;
  overflow: hidden;
  font-size: 24px;
  line-height: 28px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
  float: none;
  width: 94%;
}
.courseblock-wide-small h4 {
  margin: 0 0 0 0;
  font-size: 14px;
  line-height: 17px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5b6770;
}
.courseblock-wide-small .smalltext {
  margin: 12px 0 0 0;
  font-size: 13px;
  line-height: 17px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5b6770;
}

.courseblock-wide-large {
  background-color: white;
  height: 250px;
  overflow: hidden;
  position: relative;
  float: left;
  border: solid 1px #bbb;
  border-radius: 5px;
}
.courseblock-wide-large a:hover {
  text-decoration: none;
}
.courseblock-wide-large img {
  box-sizing: content-box;
}
.courseblock-wide-large .imgspan {
  margin-top: 20px;
  float: right;
}
.courseblock-wide-large h3 {
  margin: 10px 0 0 10px;
  color: #5b6770;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.courseblock-wide-large h4 {
  margin: 10px 0 0 10px;
  color: #5b6770;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.courseblock-wide-large .smalltext {
  margin: 10px 0 0 10px;
  padding-right: 5px;
  font-size: 13px;
  line-height: 17px;
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5b6770;
}
html[dir=rtl] .courseblock-wide-large .smalltext {
  margin: 10px 10px 0 0;
}

.courseblock-tall + .courseblock-tall {
  margin-left: 30px;
}

.courseblock-wide-small + .courseblock-wide-small {
  margin-left: 20px;
}

.courseblock-wide-large + .courseblock-wide-large {
  margin-left: 20px;
}

.courseblock-noaction {
  border-bottom: solid 1px #c6cacd;
}

/*
   Font Awesome S3 Bucket URLs
   Current version: 6.6.0
   If you are changing the location of these files,
   see the readme in this directory for more detail on manual steps to take when uploading new files.
 */
#warning-banner {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  background-color: #6C468A;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#warning-banner #dismiss-icon {
  margin-left: auto;
}
#warning-banner #warning-icon {
  padding-right: 10px;
}
#warning-banner a, #warning-banner a:visited {
  font-family: "Geist", "Noto Sans", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans SC", "Noto Sans TC", "Noto Sans Devanagari", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans KR", "Noto Sans Myanmar", "Noto Sans Sinhala", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", "Noto Sans Thaana", "Noto Sans Math", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: white;
  text-decoration: underline;
}
#warning-banner a:hover {
  background: transparent;
}
#warning-banner p {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: 0.875rem;
}
#warning-banner #message {
  float: left;
  width: 90%;
}
#warning-banner #hide-warning {
  position: relative;
}
#warning-banner #hide-warning .close {
  float: right;
  font-size: 20px;
}

.warning-sign {
  font-size: 16px;
  color: #efcd1c;
}