/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@wtw/platform/styling/platform.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */
div.jsoneditor .jsoneditor-search input {
  height: auto;
  border: inherit;
}
div.jsoneditor .jsoneditor-search input:focus {
  border: none !important;
  box-shadow: none !important;
}
div.jsoneditor table {
  border-collapse: collapse;
  width: auto;
}
div.jsoneditor td,
div.jsoneditor th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left;
}
/* adjust margin of p elements inside editable divs, needed for Opera, IE */
div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0;
}
div.jsoneditor-value {
  word-break: break-word;
}
div.jsoneditor-readonly {
  min-width: 16px;
  color: gray;
}
div.jsoneditor-empty {
  border-color: lightgray;
  border-style: dashed;
  border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: lightgray;
  font-size: 8pt;
}
div.jsoneditor-field.jsoneditor-empty::after {
  content: "field";
}
div.jsoneditor-value.jsoneditor-empty::after {
  content: "value";
}
div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: green;
  text-decoration: underline;
}
a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}
a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e;
}
div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: gray;
}
div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #FFFFAB;
  border: 1px solid yellow;
  border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}
div.jsoneditor-value.jsoneditor-string {
  color: #008000;
}
div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px;
  color: #808080;
}
div.jsoneditor-value.jsoneditor-number {
  color: #ee422e;
}
div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00;
}
div.jsoneditor-value.jsoneditor-null {
  color: #004ED0;
}
div.jsoneditor-value.jsoneditor-invalid {
  color: #000000;
}
div.jsoneditor-tree button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: transparent url('jsoneditor-icons.bb13d4553291cf71.svg');
}
div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
  cursor: pointer;
}
div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px;
}
div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu {
  background-position: -48px -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  background-position: -48px -48px;
}
div.jsoneditor-tree *:focus {
  outline: none;
}
div.jsoneditor-tree button:focus {
  /* TODO: nice outline for buttons with focus
  outline: #97B0F8 solid 2px;
  box-shadow: 0 0 8px #97B0F8;
  */
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}
div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: none;
}
div.jsoneditor {
  color: #1A1A1A;
  border: 1px solid #3883fa;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
}
div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}
div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: -35px 0 0 0;
  padding: 35px 0 0 0;
  box-sizing: border-box;
}
textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 150px;
}
div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: white;
  resize: none;
}
tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #e6e6e6;
}
tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu {
  visibility: hidden;
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  visibility: visible;
}
div.jsoneditor-tree button.jsoneditor-dragarea {
  background: url('jsoneditor-icons.bb13d4553291cf71.svg') -72px -72px;
  cursor: move;
}
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px;
}
div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0;
}
div.jsoneditor td {
  vertical-align: top;
}
div.jsoneditor td.jsoneditor-tree {
  vertical-align: top;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
.jsoneditor-schema-error {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
}
/* popover */
.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  /*font-family: arial, sans-serif;*/
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}
div.jsoneditor-tree .jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url('jsoneditor-icons.bb13d4553291cf71.svg')  -168px -48px;
}
.jsoneditor-schema-error .jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  color: #fff;
  display: none;
  padding: 7px 10px;
  position: absolute;
  width: 200px;
  z-index: 4;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px;
}
.jsoneditor-schema-error .jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: '';
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}
.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
}
/*@-webkit-keyframes move-up {*/
/*from   { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/*@-moz-keyframes move-up {*/
/*from   { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/*@-ms-keyframes move-up {*/
/*from   { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffef8b;
  border-top: 1px solid #ffd700;
}
.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}
.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url('jsoneditor-icons.bb13d4553291cf71.svg')  -168px -48px;
}
/* ContextMenu - main menu */
div.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}
div.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 99999;
}
div.jsoneditor-contextmenu ul,
div.jsoneditor-contextmenu li {
  box-sizing: content-box;
}
div.jsoneditor-contextmenu ul {
  position: relative;
  left: 0;
  top: 0;
  width: 124px;
  background: white;
  border: 1px solid #d3d3d3;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}
div.jsoneditor-contextmenu ul li button {
  padding: 0;
  margin: 0;
  width: 124px;
  height: 24px;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 10pt;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  line-height: 26px;
  text-align: left;
}
/* Fix button padding in firefox */
div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
div.jsoneditor-contextmenu ul li button:hover,
div.jsoneditor-contextmenu ul li button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}
div.jsoneditor-contextmenu ul li button.jsoneditor-default {
  width: 92px;
}
div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}
div.jsoneditor-contextmenu div.jsoneditor-icon {
  float: left;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url('jsoneditor-icons.bb13d4553291cf71.svg');
}
div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url('jsoneditor-icons.bb13d4553291cf71.svg') 0 -72px;
  opacity: 0.4;
}
div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand {
  opacity: 1;
}
div.jsoneditor-contextmenu div.jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}
div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
  background-position: -24px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon {
  background-position: -24px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
  background-position: 0 -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon {
  background-position: 0 0;
}
div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
  background-position: 0 -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon {
  background-position: 0 0;
}
div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
  background-position: -48px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon {
  background-position: -48px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
  background-position: -168px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon {
  background-position: -168px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
  background-position: -192px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon {
  background-position: -192px 0;
}
/* ContextMenu - sub menu */
div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
  color: white;
  background-color: #ee422e;
}
div.jsoneditor-contextmenu ul li {
  overflow: hidden;
}
div.jsoneditor-contextmenu ul li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  /* TODO: transition is not supported on IE8-9 */
  transition: all 0.3s ease-out;
}
div.jsoneditor-contextmenu ul li ul li button {
  padding-left: 24px;
  animation: all ease-in-out 1s;
}
div.jsoneditor-contextmenu ul li ul li button:hover,
div.jsoneditor-contextmenu ul li ul li button:focus {
  background-color: #f5f5f5;
}
div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
  background-position: -144px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -144px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
  background-position: -120px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -120px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
  background-position: -72px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -72px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
  background-position: -96px -24px;
}
div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -96px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
  background-image: none;
  width: 6px;
}
div.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  box-sizing: border-box;
  color: white;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa;
}
div.jsoneditor-menu > button,
div.jsoneditor-menu > div.jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background: transparent url('jsoneditor-icons.bb13d4553291cf71.svg');
  color: white;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 10pt;
  float: left;
}
div.jsoneditor-menu > button:hover,
div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
}
div.jsoneditor-menu > button:focus,
div.jsoneditor-menu > button:active,
div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
div.jsoneditor-menu > div.jsoneditor-modes > button:active {
  background-color: rgba(255,255,255,0.3);
}
div.jsoneditor-menu > button:disabled,
div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
  opacity: 0.5;
}
div.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px;
}
div.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px;
}
div.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px;
}
div.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px;
}
div.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px;
}
div.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px;
}
div.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px;
}
div.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px;
}
div.jsoneditor-menu > div.jsoneditor-modes {
  display: inline-block;
  float: left;
}
div.jsoneditor-menu > div.jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}
div.jsoneditor-menu > button.jsoneditor-separator,
div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px;
}
div.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: white;
  opacity: 0.8;
  vertical-align: middle;
}
div.jsoneditor-menu a:hover {
  opacity: 1;
}
div.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
table.jsoneditor-search input,
table.jsoneditor-search div.jsoneditor-results {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
  background: transparent;
  /* For Firefox */
}
table.jsoneditor-search div.jsoneditor-results {
  color: white;
  padding-right: 5px;
  line-height: 24px;
}
table.jsoneditor-search {
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
}
table.jsoneditor-search div.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: white;
  padding: 0 2px;
  margin: 0;
}
table.jsoneditor-search div.jsoneditor-frame table {
  border-collapse: collapse;
}
table.jsoneditor-search input {
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
}
table.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url('jsoneditor-icons.bb13d4553291cf71.svg');
  vertical-align: top;
}
table.jsoneditor-search button:hover {
  background-color: transparent;
}
table.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}
table.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}
table.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px;
}
table.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}
table.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@media print {
  *,
*::before,
*::after,
p::first-letter,
div::first-letter,
blockquote::first-letter,
li::first-letter,
p::first-line,
div::first-line,
blockquote::first-line,
li::first-line {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    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;
  }
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
a {
  color: #0275d8;
  text-decoration: none;
}
a:focus, a:hover {
  color: #014c8c;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
}
[role=button] {
  cursor: pointer;
}
a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
  background-color: transparent;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: left;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
  line-height: inherit;
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
input[type=search] {
  -webkit-appearance: none;
}
output {
  display: inline-block;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: normal;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72;
}
.blockquote-footer::before {
  content: "— ";
}
.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}
.blockquote-reverse .blockquote-footer::before {
  content: "";
}
.blockquote-reverse .blockquote-footer::after {
  content: " —";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #636c72;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}
a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.pull-0 {
  right: auto;
}
.pull-1 {
  right: 8.3333333333%;
}
.pull-2 {
  right: 16.6666666667%;
}
.pull-3 {
  right: 25%;
}
.pull-4 {
  right: 33.3333333333%;
}
.pull-5 {
  right: 41.6666666667%;
}
.pull-6 {
  right: 50%;
}
.pull-7 {
  right: 58.3333333333%;
}
.pull-8 {
  right: 66.6666666667%;
}
.pull-9 {
  right: 75%;
}
.pull-10 {
  right: 83.3333333333%;
}
.pull-11 {
  right: 91.6666666667%;
}
.pull-12 {
  right: 100%;
}
.push-0 {
  left: auto;
}
.push-1 {
  left: 8.3333333333%;
}
.push-2 {
  left: 16.6666666667%;
}
.push-3 {
  left: 25%;
}
.push-4 {
  left: 33.3333333333%;
}
.push-5 {
  left: 41.6666666667%;
}
.push-6 {
  left: 50%;
}
.push-7 {
  left: 58.3333333333%;
}
.push-8 {
  left: 66.6666666667%;
}
.push-9 {
  left: 75%;
}
.push-10 {
  left: 83.3333333333%;
}
.push-11 {
  left: 91.6666666667%;
}
.push-12 {
  left: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}
.table tbody + tbody {
  border-top: 2px solid #eceeef;
}
.table .table {
  background-color: #fff;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #eceeef;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}
.table-hover .table-success:hover {
  background-color: #d0e9c6;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}
.table-hover .table-info:hover {
  background-color: #c4e3f3;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}
.table-hover .table-warning:hover {
  background-color: #faf2cc;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}
.table-hover .table-danger:hover {
  background-color: #ebcccc;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}
.thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}
.thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}
.table-inverse {
  color: #fff;
  background-color: #292b2c;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #fff;
}
.table-inverse.table-bordered {
  border: 0;
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #5cb3fd;
  outline: none;
}
.form-control::placeholder {
  color: #636c72;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
}
.col-form-label {
  padding-top: calc(0.5rem - 1px * 2);
  padding-bottom: calc(0.5rem - 1px * 2);
  margin-bottom: 0;
}
.col-form-label-lg {
  padding-top: calc(0.75rem - 1px * 2);
  padding-bottom: calc(0.75rem - 1px * 2);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem - 1px * 2);
  padding-bottom: calc(0.25rem - 1px * 2);
  font-size: 0.875rem;
}
.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-static.form-control-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, .form-control-static.form-control-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 {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem;
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.1666666667rem;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
}
.form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed;
}
.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}
.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}
.form-check-input:only-child {
  position: static;
}
.form-check-inline {
  display: inline-block;
}
.form-check-inline .form-check-label {
  vertical-align: middle;
}
.form-check-inline + .form-check-inline {
  margin-left: 0.75rem;
}
.form-control-feedback {
  margin-top: 0.25rem;
}
.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.125rem 1.125rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
  color: #5cb85c;
}
.has-success .form-control {
  border-color: #5cb85c;
}
.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
  color: #f0ad4e;
}
.has-warning .form-control {
  border-color: #f0ad4e;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-danger .form-control-feedback, input.ng-touched.ng-invalid .form-control-feedback,
select.ng-touched.ng-invalid .form-control-feedback,
textarea.ng-touched.ng-invalid .form-control-feedback,
.has-danger .form-control-label,
input.ng-touched.ng-invalid .form-control-label,
select.ng-touched.ng-invalid .form-control-label,
textarea.ng-touched.ng-invalid .form-control-label,
.has-danger .col-form-label,
input.ng-touched.ng-invalid .col-form-label,
select.ng-touched.ng-invalid .col-form-label,
textarea.ng-touched.ng-invalid .col-form-label,
.has-danger .form-check-label,
input.ng-touched.ng-invalid .form-check-label,
select.ng-touched.ng-invalid .form-check-label,
textarea.ng-touched.ng-invalid .form-check-label,
.has-danger .custom-control,
input.ng-touched.ng-invalid .custom-control,
select.ng-touched.ng-invalid .custom-control,
textarea.ng-touched.ng-invalid .custom-control {
  color: #d9534f;
}
.has-danger .form-control, input.ng-touched.ng-invalid .form-control,
select.ng-touched.ng-invalid .form-control,
textarea.ng-touched.ng-invalid .form-control {
  border-color: #d9534f;
}
.has-danger .input-group-addon, input.ng-touched.ng-invalid .input-group-addon,
select.ng-touched.ng-invalid .input-group-addon,
textarea.ng-touched.ng-invalid .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}
.has-danger .form-control-danger, input.ng-touched.ng-invalid .form-control-danger,
select.ng-touched.ng-invalid .form-control-danger,
textarea.ng-touched.ng-invalid .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
  }
  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
.btn:focus, .btn:hover {
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.btn:active, .btn.active {
  background-image: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-primary, .btn-danger {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-primary:hover, .btn-danger:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}
.btn-primary:focus, .btn-danger:focus, .btn-primary.focus, .focus.btn-danger {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.btn-primary.disabled, .disabled.btn-danger, .btn-primary:disabled, .btn-danger:disabled {
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-primary:active, .btn-danger:active, .btn-primary.active, .active.btn-danger, .show > .btn-primary.dropdown-toggle, .show > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b;
}
.btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
.btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc;
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a;
}
.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent;
}
.btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent;
}
.btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}
.btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent;
}
.btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}
.btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent;
}
.btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
}
.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link:disabled {
  color: #636c72;
}
.btn-link:disabled:focus, .btn-link:disabled:hover {
  text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.show {
  display: block;
}
tr.collapse.show {
  display: table-row;
}
tbody.collapse.show {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #eceeef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent;
}
.show > .dropdown-menu {
  display: block;
}
.show > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #636c72;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.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,
.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-left: -1px;
}
.btn-toolbar {
  display: flex;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.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-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-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-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}
.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-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.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-right-radius: 0;
  border-top-left-radius: 0;
}
[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: flex;
  width: 100%;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.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 {
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:not(:last-child) {
  border-right: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
  flex: 1;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}
.custom-control {
  position: relative;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #0275d8;
}
.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
}
.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #8fcafe;
}
.custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef;
}
.custom-control-input:disabled ~ .custom-control-description {
  color: #636c72;
  cursor: not-allowed;
}
.custom-control-indicator {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0275d8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked {
  display: flex;
  flex-direction: column;
}
.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem;
}
.custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}
.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-select:focus {
  border-color: #5cb3fd;
  outline: none;
}
.custom-select:focus::-ms-value {
  color: #464a4c;
  background-color: #fff;
}
.custom-select:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #eceeef;
}
.custom-select::-ms-expand {
  opacity: 0;
}
.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}
.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  cursor: pointer;
}
.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.custom-file-control:lang(en)::after {
  content: "Choose file...";
}
.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-control:lang(en)::before {
  content: "Browse";
}
.nav {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5em 1em;
}
.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #636c72;
  cursor: not-allowed;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}
.nav-tabs .nav-link.disabled {
  color: #636c72;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
  color: #fff;
  cursor: default;
  background-color: #0275d8;
}
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  flex: 1 1 100%;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
}
.navbar-toggler {
  align-self: flex-start;
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
.navbar-toggler-left {
  position: absolute;
  left: 1rem;
}
.navbar-toggler-right {
  position: absolute;
  right: 1rem;
}
@media (max-width: 575px) {
  .navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-toggleable {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-toggleable > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-toggleable-sm > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-sm .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-md > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-toggleable-md {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-toggleable-md > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-md .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199px) {
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-toggleable-lg {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-toggleable-lg > .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .navbar-toggleable-lg .navbar-collapse {
    display: flex !important;
    width: 100%;
  }
  .navbar-toggleable-lg .navbar-toggler {
    display: none;
  }
}
.navbar-toggleable-xl {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-toggleable-xl > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-toggleable-xl .navbar-nav {
  flex-direction: row;
}
.navbar-toggleable-xl .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-toggleable-xl > .container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.navbar-toggleable-xl .navbar-collapse {
  display: flex !important;
  width: 100%;
}
.navbar-toggleable-xl .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
  color: white;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
  color: white;
}
.navbar-inverse .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .nav-link.active {
  color: white;
}
.navbar-inverse .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-inverse .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card-block {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}
.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}
.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}
.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}
.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}
.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}
.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}
.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}
.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}
.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}
.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}
.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}
.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}
.card-inverse {
  color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-header,
.card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}
.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}
.card-img {
  border-radius: calc(0.25rem - 1px);
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
  }
  .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }
  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group .card {
    flex: 1 0 0;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
.card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem;
}
.breadcrumb::after {
  display: block;
  content: "";
  clear: both;
}
.breadcrumb-item {
  float: left;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #636c72;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #636c72;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0275d8;
  background-color: #fff;
  border: 1px solid #ddd;
}
.page-link:focus, .page-link:hover {
  color: #014c8c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-default {
  background-color: #636c72;
}
.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}
.badge-primary {
  background-color: #0275d8;
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #025aa5;
}
.badge-success {
  background-color: #5cb85c;
}
.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}
.badge-info {
  background-color: #5bc0de;
}
.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}
.badge-warning {
  background-color: #f0ad4e;
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}
.badge-danger {
  background-color: #d9534f;
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #c9302c;
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-hr {
  border-top-color: #d0d5d8;
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: bold;
}
.alert-dismissible .close {
  position: relative;
  top: -0.75rem;
  right: -1.25rem;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c1e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6d5ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7ecb5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9b9;
}
.alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  overflow: hidden;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 0.25rem;
}
.progress-bar {
  height: 1rem;
  color: #fff;
  background-color: #0275d8;
}
.progress-bar-striped {
  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: 1rem 1rem;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #464a4c;
  text-align: inherit;
}
.list-group-item-action .list-group-item-heading {
  color: #292b2c;
}
.list-group-item-action:focus, .list-group-item-action:hover {
  color: #464a4c;
  text-decoration: none;
  background-color: #f7f7f9;
}
.list-group-item-action:active {
  color: #292b2c;
  background-color: #eceeef;
}
.list-group-item {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item:focus, .list-group-item:hover {
  text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #fff;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
  color: #636c72;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.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 {
  color: inherit;
}
.list-group-item.active .list-group-item-text {
  color: #daeeff;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}
.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:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active {
  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:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active {
  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:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active {
  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:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.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-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  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;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px;
}
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.tooltip-inner::before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}
.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
  left: 50%;
  border-bottom-width: 0;
}
.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff;
}
.popover.popover-right, .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}
.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
  top: 50%;
  border-left-width: 0;
}
.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff;
}
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}
.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
  left: 50%;
  border-top-width: 0;
}
.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
}
.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.popover.popover-left, .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}
.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
  top: 50%;
  border-right-width: 0;
}
.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 9px 14px;
}
.popover::before,
.popover::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover::before {
  content: "";
  border-width: 11px;
}
.popover::after {
  content: "";
  border-width: 10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-item {
  position: relative;
  display: none;
  width: 100%;
}
@media (-webkit-transform-3d) {
  .carousel-item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
}
@supports (transform: translate3d(0, 0, 0)) {
  .carousel-item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: flex;
}
.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}
@media (-webkit-transform-3d) {
  .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
.active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
.active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}
@supports (transform: translate3d(0, 0, 0)) {
  .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
  .carousel-item-next,
.active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
  .carousel-item-prev,
.active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:focus, .carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  flex: 1 0 auto;
  max-width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  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;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-faded {
  background-color: #f7f7f7;
}
.bg-primary {
  background-color: #0275d8 !important;
}
a.bg-primary:focus, a.bg-primary:hover {
  background-color: #025aa5 !important;
}
.bg-success {
  background-color: #5cb85c !important;
}
a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44 !important;
}
.bg-info {
  background-color: #5bc0de !important;
}
a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important;
}
.bg-warning {
  background-color: #f0ad4e !important;
}
a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important;
}
.bg-danger {
  background-color: #d9534f !important;
}
a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9302c !important;
}
.bg-inverse {
  background-color: #292b2c !important;
}
a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #101112 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.rounded-circle {
  border-radius: 50%;
}
.rounded-0 {
  border-radius: 0;
}
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.flex-first {
  order: -1;
}
.flex-last {
  order: 1;
}
.flex-unordered {
  order: 0;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-first {
    order: -1;
  }
  .flex-sm-last {
    order: 1;
  }
  .flex-sm-unordered {
    order: 0;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-first {
    order: -1;
  }
  .flex-md-last {
    order: 1;
  }
  .flex-md-unordered {
    order: 0;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-first {
    order: -1;
  }
  .flex-lg-last {
    order: 1;
  }
  .flex-lg-unordered {
    order: 0;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-first {
    order: -1;
  }
  .flex-xl-last {
    order: 1;
  }
  .flex-xl-unordered {
    order: 0;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
}
.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;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 0.25rem 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-3 {
  margin: 1rem 1rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-4 {
  margin: 1.5rem 1.5rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-5 {
  margin: 3rem 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mr-5 {
  margin-right: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.ml-5 {
  margin-left: 3rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 0.25rem 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-3 {
  padding: 1rem 1rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-4 {
  padding: 1.5rem 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-5 {
  padding: 3rem 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pr-5 {
  padding-right: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-bold {
  font-weight: bold;
}
.font-italic {
  font-style: italic;
}
.text-white {
  color: #fff !important;
}
.text-muted {
  color: #636c72 !important;
}
a.text-muted:focus, a.text-muted:hover {
  color: #4b5257 !important;
}
.text-primary {
  color: #0275d8 !important;
}
a.text-primary:focus, a.text-primary:hover {
  color: #025aa5 !important;
}
.text-success {
  color: #5cb85c !important;
}
a.text-success:focus, a.text-success:hover {
  color: #449d44 !important;
}
.text-info {
  color: #5bc0de !important;
}
a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important;
}
.text-warning {
  color: #f0ad4e !important;
}
a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important;
}
.text-danger {
  color: #d9534f !important;
}
a.text-danger:focus, a.text-danger:hover {
  color: #c9302c !important;
}
.text-gray-dark {
  color: #292b2c !important;
}
a.text-gray-dark:focus, a.text-gray-dark:hover {
  color: #101112 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.invisible {
  visibility: hidden !important;
}
.hidden-xs-up {
  display: none !important;
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !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;
  }
}
/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}
/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.editor-container {
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
}
.editor-container .row {
  margin-left: 0px;
  margin-right: 0px;
}
.shorter-editor-container {
  height: 75%;
}
#ng2-json-editor {
  /* Styles for tabset */
}
#ng2-json-editor .hidden {
  display: none;
}
#ng2-json-editor th {
  font-weight: 400;
  padding: 1px 0px 1px 6px;
  background-color: #ecf0f1;
  color: #8e8e8e;
  font-weight: bold;
}
#ng2-json-editor th .dropdown-filter-container {
  font-weight: initial;
}
#ng2-json-editor td {
  background-color: #f9f9f9;
  border: none;
  padding: 0;
}
#ng2-json-editor td > * {
  vertical-align: middle;
}
#ng2-json-editor td.label-holder {
  width: 1%;
  white-space: nowrap;
  padding: 3px;
  background-color: #dae8ef;
  border-top: 1px solid #bdc3c7;
}
#ng2-json-editor td.label-holder button {
  color: #595959;
}
#ng2-json-editor tr.error td, #ng2-json-editor td.error {
  color: white;
  background-color: #e74c3c !important;
  transition: all 0.4s;
}
#ng2-json-editor tbody {
  border: none;
}
#ng2-json-editor .error-panel-container {
  height: 25%;
  overflow: hidden;
}
#ng2-json-editor .error-panel-container .tab-content {
  height: 90%;
  overflow: auto;
}
#ng2-json-editor .error-panel-container .nav-tabs > .tab-align-right {
  float: right;
}
#ng2-json-editor .error-link {
  color: #D14024;
}
#ng2-json-editor .error-link .badge {
  background-color: #a94442;
}
#ng2-json-editor ::-webkit-validation-bubble-heading .warning-link {
  color: #FFDD00;
}
#ng2-json-editor ::-webkit-validation-bubble-heading .warning-link .badge {
  background-color: #8a6d3b;
}
#ng2-json-editor table {
  margin-bottom: 0px !important;
}
#ng2-json-editor .main-container {
  font-size: 13px;
  border-left: 1px solid #a5adb5;
  height: 100%;
  overflow: auto;
}
#ng2-json-editor .main-container .tab-container > .nav-tabs {
  font-size: 14px;
}
#ng2-json-editor .add-field-dropdown-container {
  width: 100%;
}
#ng2-json-editor .middle.main-container {
  padding: 0px;
}
#ng2-json-editor .menu-container {
  background-color: #1D2D3D;
  height: 100%;
  overflow: auto;
}
#ng2-json-editor .menu-container div.dropdown {
  width: 100%;
}
#ng2-json-editor .menu-container ul.dropdown-menu {
  right: 0px;
  padding-bottom: 15px;
}
#ng2-json-editor .menu-container button.btn-add-field-dropdown {
  background: white;
  padding: 5px;
  opacity: 0.9;
  line-height: normal;
  font-size: 16px;
  width: 100%;
}
#ng2-json-editor .menu-container button.btn-add-field-dropdown:hover {
  opacity: 1;
  color: black;
}
#ng2-json-editor bs-dropdown-container {
  position: inherit !important;
}
#ng2-json-editor .editor-btn-delete {
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  background: transparent;
  border: 0;
  padding: 0 0 3px 3px;
}
#ng2-json-editor .editor-btn-delete:hover {
  color: red;
  opacity: 0.6;
}
#ng2-json-editor .editor-btn-delete.editor-btn-delete-text {
  font-size: 13px;
  opacity: 0.5;
  padding: 0px;
}
#ng2-json-editor .editor-btn-move-down {
  padding-bottom: 0;
}
#ng2-json-editor .editor-btn-move-up, #ng2-json-editor .editor-btn-move-down {
  padding: 0;
  font-size: 11px;
  border: 0;
  background: transparent;
  opacity: 0.2;
}
#ng2-json-editor .editor-btn-move-up:hover, #ng2-json-editor .editor-btn-move-down:hover {
  opacity: 0.6;
}
#ng2-json-editor ul.pagination-top {
  margin: -16px 0px 0px 0px;
}
#ng2-json-editor td.button-holder, #ng2-json-editor th.button-holder {
  width: 40.33px;
  text-align: center;
  vertical-align: middle;
}
#ng2-json-editor td.button-holder.sortable, #ng2-json-editor th.button-holder.sortable {
  width: 46px;
}
#ng2-json-editor th.button-holder .add-field-dropdown-container {
  width: 100%;
}
#ng2-json-editor th.button-holder .btn-add-field-dropdown {
  width: 100%;
}
#ng2-json-editor label {
  color: #c1c1c1;
}
#ng2-json-editor .highlight {
  border: 2px solid yellow !important;
}
#ng2-json-editor table.editable-inner-table {
  table-layout: fixed;
}
#ng2-json-editor table.editable-inner-table > tbody > tr {
  border-bottom: 1px solid white !important;
}
#ng2-json-editor table.editable-inner-table add-new-element-button .button-container {
  padding-left: 6px;
}
#ng2-json-editor table.editable-inner-table label {
  display: inline;
  font-weight: initial;
  padding-left: 5px;
}
#ng2-json-editor table.editable-inner-table .dropdown-menu {
  left: inherit;
  right: 0px;
  min-width: 100px;
}
#ng2-json-editor .title-dropdown-item button {
  width: 100%;
  text-align: left;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#ng2-json-editor .title-dropdown-item:hover {
  background: #f5f5f5;
}
#ng2-json-editor .tooltip.top .tooltip-arrow {
  border-top-color: transparent;
}
#ng2-json-editor .tooltip {
  width: 90%;
}
#ng2-json-editor button.btn-toggle {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
#ng2-json-editor .autocomplete-container .dropdown {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}
#ng2-json-editor .max-height-90-vh {
  max-height: 90vh;
}
#ng2-json-editor .max-height-70-vh {
  max-height: 70vh;
}
#ng2-json-editor div.admin-mode {
  padding-top: 8px;
  width: 100%;
}
#ng2-json-editor label.admin-mode {
  color: #e0dfdf;
  font-size: 13px;
  font-weight: normal;
  width: 90%;
  padding-left: 4px;
}
#ng2-json-editor hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #757575;
}
#ng2-json-editor .btn {
  border-radius: 0;
}
#ng2-json-editor .btn.btn-success {
  background-color: #16a085;
  border-color: #16a085;
  color: white;
}
#ng2-json-editor .btn.btn-success:hover, #ng2-json-editor .btn.btn-success:active, #ng2-json-editor .btn.btn-success:focus {
  background-color: #19b698 !important;
  color: white;
}
#ng2-json-editor .btn .fa {
  margin-right: 5px;
}
#ng2-json-editor .nav {
  margin-bottom: 3px;
}
#ng2-json-editor .nav-tabs > li.active > a, #ng2-json-editor .nav-tabs > li.active > a:hover, #ng2-json-editor .nav-tabs > li.active > a:focus {
  border-top: 1px solid #2c3e50;
  background-color: white;
}
#ng2-json-editor .nav-tabs > li > a:hover {
  border-top: 1px solid #2c3e50;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  transition: all 0.4s;
}
#ng2-json-editor .nav.nav-tabs {
  border-bottom: 5px solid white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
}
#ng2-json-editor .nav-tabs > li > a {
  margin-right: 0px;
  border-radius: 0px;
  border-right: 1px solid #e0e2e2;
}
complex-list-field add-field-dropdown {
  display: none;
}
/* Mixins */
/*
  .button{
    @include linearGradient(#cccccc, #666666);
  } 
*/
/* Borders */
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
/* Borders */
.flex-right {
  margin-left: auto;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.theme--align {
  vertical-align: middle !important;
}
.theme--key--orange {
  background: #e66b00;
}
.theme--key--red {
  background: #c23a51;
}
.theme--key--green {
  background: #00c389;
}
.theme--background--dark.sidebar--vertical--wrap .nav-vertical .nav-link:hover, .theme--background--dark.sidebar--vertical--wrap .nav-vertical .nav-link:focus, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--hover--darkgrey {
  background: #444444;
}
input:disabled {
  background: red;
}
.utility--filter--title {
  font-size: 12px;
}
.utility--minwidth--150 {
  min-width: 150px;
}
.utility--position--relative {
  position: relative;
}
.utility--position--absolute {
  position: absolute;
}
.theme--background--light.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--light.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--light.sidebar--vertical--wrap:after, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--background--light.sidebar--vertical--wrap .nav-vertical .nav-link:hover, .theme--background--light.sidebar--vertical--wrap .nav-vertical .nav-link:focus, .theme--background--white {
  background: #e4e4e4;
}
.theme--background--light {
  background: #f4f4f4;
  background-color: #f4f4f4;
}
.theme--background--dark {
  background: #585858;
  background-color: #585858;
}
.theme--fill--light--after:after {
  background: #f4f4f4;
}
.theme--fill--dark--after:after {
  background: #585858;
}
.theme--toggler--light, .nav--icon--graphic--light {
  content: " ";
  display: block;
  height: 36px;
  width: 45px;
  color: #ffffff;
  background: url("/assets/images/light/Asset3.svg") center no-repeat;
  background-size: 70%;
}
.theme--toggler--dark, .nav--icon--graphic--dark {
  content: " ";
  display: block;
  height: 36px;
  width: 45px;
  color: #ffffff;
  background: url("/assets/images/dark/Asset3.svg") center no-repeat;
  background: url("/assets/images/dark/Asset1.svg") center no-repeat;
  background-size: 70%;
}
.theme--background--blue {
  background: #00A0D2;
}
.theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:hover, .theme--background--dark.sidebar--vertical--wrap .sidebar--vertical--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:hover, .theme--background--dark.nav-toolbar_horizontal--wrap .nav-link:focus, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link, .theme--background--light.nav-toolbar_horizontal--wrap .nav-link.active, .theme--text--light {
  color: #ffffff;
  transition: all 0.1s ease;
}
.theme--text--dark {
  color: #000000;
}
.theme--text--brandpurple {
  color: #702082;
}
.sticky--footer {
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 1001;
}
@media (max-width: 991px) {
  .sticky--footer {
    position: relative;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .set-max-width-160 {
    max-width: 160px;
  }
}
@media (max-width: 767px) {
  .set-max-width-160 {
    max-width: 160px;
  }
}
.set-width--large {
  min-width: 290px;
}
.set--width--240 {
  width: 240px;
}
.set--inline--vnav-icon, .set--inline--vnav-icon--popover, .set--inline--vnav-icon--spinner {
  max-width: 60px;
  display: inline-block;
  margin: 0 auto;
  text-align: right;
  float: right;
}
.set--inline--vnav-icon--spinner {
  max-width: 70px;
}
.set--inline--vnav-icon--popover {
  position: absolute;
  top: 55%;
  left: 39%;
}
@media (max-width: 991px) {
  .set--inline--vnav-icon--popover {
    top: 80%;
  }
}
.set--inline--vnav-icon--popover img {
  max-width: 30px;
  max-height: 30px;
}
.border-line {
  border-top: 1px solid #c5c5c5;
  margin: 10px 0;
  opacity: 0.5;
}
.theme--background--color {
  background: #f4f4f4;
}
.overflow--hidden {
  overflow: hidden;
}
.icon--close {
  cursor: pointer;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .modal--fullscreen {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    padding: 0 !important;
  }
  .modal--fullscreen * {
    border-radius: 0 !important;
  }
}
@media (max-width: 767px) {
  .modal--fullscreen .modal-body {
    min-height: 95vh;
  }
}
.modal--fullscreen .modal-body .mobile--markup table th, .modal--fullscreen .modal-body .mobile--markup table td {
  display: table-cell;
  padding: 0.75rem;
}
.modal--fullscreen .modal-body .mobile--markup table th:before, .modal--fullscreen .modal-body .mobile--markup table td:before {
  content: "";
  width: 0;
}
.font-bold {
  font-weight: 600 !important;
}
.font-normal {
  font-weight: normal !important;
}
.verticall--align--bottom {
  vertical-align: bottom !important;
}
.mobile--markup {
  display: none;
}
@media (max-width: 991px) {
  .mobile--markup {
    display: block !important;
  }
}
.set--border-box {
  box-sizing: border-box;
}
.theme--border--popup {
  border-bottom: 2px solid #c5c5c5;
}
.placement--z-100 {
  z-index: 100;
}
.theme--background--placeholder--map {
  height: 80vh;
  display: block;
  background: url("/assets/images/fpo_map_01.png") no-repeat;
  background-size: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .theme--background--placeholder--map {
    width: 100%;
    background-size: cover;
  }
}
.nav--icon--graphic--dark {
  transition-property: all 0.2s linear 0s;
  transition: background 0.2s linear;
}
.nav--icon--dark--open, .nav--icon--light--close, .nav--icon--light--open, .nav--icon--dark--close {
  content: " ";
  display: block;
  height: 30px;
  width: 45px;
  color: #ffffff;
  background: url("/assets/images/dark/Asset3.svg") center no-repeat;
  background-size: 70%;
}
.nav--icon--dark--close {
  background: url("/assets/images/dark/Asset1.svg") center no-repeat;
  background-size: 55%;
}
.nav--icon--text {
  position: absolute;
  top: 12px;
  left: 75px;
}
.nav--icon--graphic--light {
  transition-property: all 0.2s linear 0s;
  transition: background 0.2s linear;
}
.nav--icon--light--open {
  background: url("/assets/images/light/Asset3.svg") center no-repeat;
  background-size: 70%;
}
.nav--icon--light--close {
  background: url("/assets/images/light/Asset1.svg") center no-repeat;
  background-size: 55%;
}
.no--gutter--padding {
  padding: 0;
}
.pos-absolute {
  position: absolute;
}
.pos-fixed {
  position: fixed;
}
/* Typography */
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light/neue-haas-grotesk-light.svg#neue-haas-grotesk-light") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: italic;
  font-weight: 300;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic/neue-haas-grotesk-light-italic.svg#neue-haas-grotesk-light-italic") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular/neue-haas-grotesk-regular.svg#neue-haas-grotesk-regular") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic/neue-haas-grotesk-regular-italic.svg#neue-haas-grotesk-regular-italic") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium/neue-haas-grotesk-medium.svg#neue-haas-grotesk-medium") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: italic;
  font-weight: 500;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic/neue-haas-grotesk-medium-italic.svg#neue-haas-grotesk-medium-italic") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold/neue-haas-grotesk-bold.svg#neue-haas-grotesk-bold") format("svg");
}
@font-face {
  font-family: "Neue Haas Grotesk";
  font-style: italic;
  font-weight: 700;
  src: url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.woff2") format("woff2"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.woff") format("woff"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.ttf") format("truetype"), url("/assets/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic/neue-haas-grotesk-bold-italic.svg#neue-haas-grotesk-bold-italic") format("svg");
}
@font-face {
  font-family: "willis_fonts";
  src: url("/assets/fonts/willis_fonts.eot");
  src: url("/assets/fonts/willis_fonts.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/willis_fonts.woff") format("woff"), url("/assets/fonts/willis_fonts.ttf") format("truetype"), url("/assets/fonts/willis_fonts.svg#willis_fonts") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "willis_fonts";
    src: url("/assets/fonts/willis_fonts.svg#willis_fonts") format("svg");
  }
}
body, * {
  font-family: Neue Haas Grotesk, Arial, sans-serif !important;
}
html {
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
  font-size: 100%;
}
body {
  background-color: #ffffff;
  font-size: 1rem;
  height: 100%;
}
p {
  font-weight: 400;
  font-size: 14px;
}
.p-16 {
  font-size: 16px;
  font-weight: 400;
}
.small-body-text {
  font-size: 12px;
}
ul {
  list-style-type: none;
  padding: 0;
}
ol {
  padding: 0 0 0 26px;
  margin-bottom: 0;
}
li {
  font-weight: 400;
}
h1, .h1 {
  font-size: 2.25rem;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 1.8rem;
  }
}
.h2 {
  font-size: 2rem;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .h2 {
    font-size: 1.4rem;
  }
}
h3, .h3 {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  h3, .h3 {
    font-size: 1rem;
  }
}
h4, .h4 {
  font-size: 1.125rem;
  font-weight: 300;
}
h5, .h5 {
  font-size: 1rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  h5, .h5 {
    font-size: 0.875rem;
  }
}
h6, .h6 {
  font-size: 0.875rem;
  font-weight: 500;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "willis_fonts" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.8;
  /* Better Font Rendering =========== */
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #c6c6c5;
  font-size: 24px;
  text-decoration: none;
}
.icon-plus-circle:before {
  content: "\f2a6";
  color: #00A0D2;
}
.icon-plus:before {
  content: "\f2a7";
}
.icon-minus:before {
  content: "\f2b8";
}
.icon-minus-circle:before {
  content: "\f2bf";
}
.icon-add-link:before {
  content: "\f2a9";
}
.icon-add-search:before {
  content: "\f2c3";
}
.icon-add-user:before {
  content: "\f2a8";
}
.icon-admin-settings-female:before {
  content: "\f101";
}
.icon-admin-settings-male:before {
  content: "\f100";
}
.icon-player:before {
  content: "\f105";
}
.icon-align-bottom:before {
  content: "\f117";
}
.icon-answer:before {
  content: "\f2d1";
}
.icon-apricot:before {
  content: "\f109";
}
.icon-arrow:after {
  content: "\f28d";
}
.icon-arrow-left:after {
  content: "\f291";
}
.icon-descending-sorting:before {
  content: "\f2dc";
}
.icon-ascending-sorting:before {
  content: "\f2dd";
}
.icon-back-arrow:before {
  content: "\f296";
}
.icon-back-arrow-2:before {
  content: "\f298";
}
.icon-back-to:before {
  content: "\f295";
}
.icon-barbed-wire:before {
  content: "\f11f";
}
.icon-below:before {
  content: "\f297";
}
.icon-bulleted-list:before {
  content: "\f284";
}
.icon-caduceus-medical:before {
  content: "\f11a";
}
.icon-circled-arrow-right:before {
  content: "\f299";
}
.icon-circled-chevron-right:before {
  content: "\f2c9";
}
.icon-circled-pause:before {
  content: "\f121";
}
.icon-survey_response:before,
.icon-ico_survey_response_01:before {
  content: "\f2d8";
}
.icon-surveys:before,
.icon-ico_surveys_01:before {
  content: "\f2d9";
}
.icon-close_thin:before {
  content: "\f287";
  color: #00A0D2;
}
.icon-edit_scores:before {
  content: "\f2b4";
}
.icon-ico_delete:before,
.icon-delete:before {
  content: "\f2b2";
}
.icon-remove:before {
  content: "\f2c0";
  color: #a31e22;
  font-size: 22px;
}
.icon-ico_edit:before,
.icon-edit:before {
  content: "\f2b3";
}
.icon-info:before {
  content: "\f2c8";
  color: #de7400;
}
.icon-exposure:before {
  content: "\f2e0";
  color: #702082;
}
.icon-upload-to-cloud:before {
  content: "\f2ab";
}
.icon-notification:after {
  content: "\f2bd";
}
.icon-ico_tick_circle_01:before {
  content: "\f2c7";
  color: #009966;
}
.icon-more:after, .icon-more-table:after {
  content: "\f2b9";
  color: #818a91 !important;
  position: relative;
  top: 1px;
  left: 5px;
}
@media (max-width: 991px) {
  .icon-more:after, .icon-more-table:after {
    line-height: 0;
    top: 5px;
  }
}
@media (max-width: 767px) {
  .icon-more:after, .icon-more-table:after {
    line-height: 0;
    top: 5px;
  }
}
@media (max-width: 575px) {
  .icon-more:after, .icon-more-table:after {
    line-height: 0;
    top: 5px;
  }
}
.icon-more-table {
  font-size: 24px;
  top: 0;
}
@media (max-width: 991px) {
  .icon-more-table {
    line-height: 0;
  }
}
@media (max-width: 767px) {
  .icon-more-table {
    line-height: 0;
  }
}
@media (max-width: 575px) {
  .icon-more-table {
    line-height: 0;
  }
}
.icon-more-table:after {
  transform: rotate(90deg);
  display: inline-block;
}
.icon-globe:before {
  content: "\f2a3";
  color: #818a91 !important;
  position: relative;
  top: 1px;
  left: 5px;
}
.icon-graduation:before {
  content: "\f2b6";
}
.icon-search:before {
  content: "\f2c1";
  transform: rotate(270deg);
  display: inline-block;
}
.icon-search-user:before {
  content: "\f2c2";
}
.icon-search-document:before {
  content: "\f2c4";
}
.icon-search-property:before {
  content: "\f26a";
}
.icon-cmo_run_active:before {
  content: "\f2b0";
}
.icon-share:before {
  content: "\f2c5";
}
.icon-filter_mobile:after {
  content: "\f2b5";
  top: 1px;
  left: 8px;
  position: relative;
  font-size: 30px;
  color: #818a91 !important;
}
.icon-ico_filter_mobile:before {
  content: "\f2b5";
}
.icon-copy:before {
  content: "\f2b1";
}
.icon-person:before {
  content: "\f2be";
}
.icon-map_pin:before {
  content: "\f2b7";
}
.icon-runs_manager:before {
  content: "\f2a4";
}
.icon-download:before,
.icon-ico_download_results_01:before {
  content: "\f2df";
}
.icon-download-from-cloud:before {
  content: "\f2e1";
}
.icon-future_upload:before {
  content: "\f2ce";
}
.icon-future_future:before {
  content: "\f2cc";
}
.icon-future_save:before {
  content: "\f2cd";
}
.icon-future_arrow:before {
  content: "\f293";
  transform: rotate(90deg);
}
.icon-slide-up:before {
  content: "\f293";
}
.icon-slide-down:before {
  content: "\f294";
}
.icon-play-circle:before {
  content: "\f2a5";
}
.icon-settings:before,
.icon-ico_cog_01:before {
  content: "\f289";
}
.icon-home:before {
  content: "\f2d5";
}
.icon-open-model:before {
  content: "\f2e2";
}
.icon-pricing:before {
  content: "\f2de";
}
.icon-workshop1:before,
.icon-ico_workshop_01:before {
  content: "\f2da";
}
.icon-workshop2:before {
  content: "\f2db";
}
.icon-dashboard:before,
.icon-ico_dashboard_01:before {
  content: "\f2cf";
}
.icon-org_chart:before,
.icon-ico_org_chart_01:before {
  content: "\f29c";
}
.icon-report:before {
  content: "\f2d6";
}
.icon-future_excel:before,
.icon-ms_excel:before {
  content: "\f2ba";
}
.icon-ms-powerpoint:before {
  content: "\f2bc";
}
.icon-ms-word:before {
  content: "\f2bb";
}
.icon-explanation-mark:before {
  content: "\f2a2";
}
.icon-explanation-mark-2:before {
  content: "\f2d2";
}
.icon-warning-amber:before {
  content: "\f2a0";
  color: #de7400;
}
.icon-warning-red:before {
  content: "\f2a0";
  color: #a31e22;
}
.icon-warning-2:before {
  content: "\f2a1";
}
.icon-delegate:before,
.icon-ico_delegate_01:before {
  content: "\f2d4";
}
.icon-ico_risk_overview_01:before {
  content: "\f2d7";
}
.icon-email-envelope:before {
  content: "\f2d3";
}
.icon-logout:before {
  content: "\f2e4";
  color: #00A0D2;
}
.icon-ico_back_round_01:before {
  content: "\f29a";
  color: #00A0D2;
  transform: rotate(90deg);
}
.icon-scroll-down:before {
  content: "\f29a";
}
.icon-scroll-up:before {
  content: "\f29b";
}
.icon-pdf:before {
  content: "\f2ac";
}
.icon-star:before {
  content: "\f2ae";
}
.icon-link:before {
  content: "\f283";
}
.icon-linked-mailbox:before {
  content: "\f12a";
}
.icon-lock:before {
  content: "\f28a";
}
.icon-check-alt:before {
  content: "\e917";
}
.icon-close:before {
  content: "\e901";
}
.icon-close:hover {
  text-decoration: none;
}
.icon-back:after {
  float: right;
  font-size: 26px;
  padding: 5px 0;
  font-family: "willis_fonts";
  content: "\e900";
  display: block;
  transform: rotate(180deg);
}
.icon-combo-arrow:before {
  content: "\ea7f";
  position: relative;
  transform: rotate(90deg);
  display: inline-block;
  color: #00A0D2;
}
.icon-ico_close:before {
  content: "\e901";
}
.icon-down_arrow:before {
  content: "\e906";
}
.icon-up_arrow:before {
  content: "\e906";
  transform: rotate(180deg);
  display: inline-block;
}
.icon-up_arrow1:before {
  content: "\f28f";
}
.icon-down_arrow1:before {
  content: "\f28e";
}
.icon-embed:before {
  content: "\ea7f";
}
.icon-send-to-back:before {
  content: "\f111";
}
.icon-handshake-heart:before {
  content: "\f118";
}
.icon-send:before {
  content: "\f2d0";
}
.icon-sign-out:before {
  content: "\f2e5";
}
.icon-zip-code:before {
  content: "\f122";
}
.icon-set-as-resume:before {
  content: "\f12f";
}
.icon-request-service:before {
  content: "\f128";
}
.icon-tick:before {
  content: "\f2c6";
  color: #009966;
}
.icon-total-station:before {
  content: "\f10e";
}
.icon-k-on:before {
  content: "\f11b";
}
.icon-report-card2:before {
  content: "\f2e3";
}
.icon-fold:before {
  content: "\f116";
}
.icon-export:before {
  content: "\f2e6";
}
.icon-bold:before {
  content: "\f280";
}
.icon-idea-sharing:before {
  content: "\f107";
}
.icon-valve:before {
  content: "\f108";
}
.icon-hospital-bed:before {
  content: "\f11d";
}
.icon-underline:before {
  content: "\f282";
}
.icon-no-synchronize:before {
  content: "\f135";
}
.icon-remove-ads:before {
  content: "\f123";
}
.icon-bring-forward:before {
  content: "\f110";
}
.icon-workflow:before {
  content: "\f29e";
}
.icon-paralell-workflow:before {
  content: "\f133";
}
.icon-forward-arrow:before {
  content: "\f28b";
}
.icon-unfold:before {
  content: "\f114";
}
.icon-up-and-down-arrows:before {
  content: "\f28c";
}
.icon-roblox:before {
  content: "\f10a";
}
.icon-timer:before {
  content: "\f2cb";
}
.icon-bring-to-front:before {
  content: "\f112";
}
.icon-send-job-list:before {
  content: "\f12c";
}
.icon-retro-robot:before {
  content: "\f120";
}
.icon-go-back:before {
  content: "\f292";
}
.icon-play-record:before {
  content: "\f127";
}
.icon-telegram-app:before {
  content: "\f10c";
}
.icon-delete-button:before {
  content: "\f288";
}
.icon-bookmark:before {
  content: "\f103";
}
.icon-italic:before {
  content: "\f281";
}
.icon-share-3:before {
  content: "\f10d";
}
.icon-ios-screenshot:before {
  content: "\f131";
}
.icon-heart-with-mouse:before {
  content: "\f102";
}
.icon-fit-to-width:before {
  content: "\f29d";
}
.icon-submit-resume:before {
  content: "\f130";
}
.icon-find-matching-job:before {
  content: "\f125";
}
.icon-shared-mailbox:before {
  content: "\f12b";
}
.icon-pin:before {
  content: "\f2aa";
}
.icon-student-female:before {
  content: "\f138";
}
.icon-maxware:before {
  content: "\f106";
}
.icon-time-backward:before {
  content: "\f2ca";
}
.icon-wooden-massagetable:before {
  content: "\f11c";
}
.icon-sales-channels:before {
  content: "\f137";
}
.icon-forward-punch:before {
  content: "\f119";
}
.icon-new-resume-template:before {
  content: "\f129";
}
.icon-commercial-development-management:before {
  content: "\f134";
}
.icon-sms-token:before {
  content: "\f126";
}
.icon-refuse:before {
  content: "\f12d";
}
.icon-reseller:before {
  content: "\f136";
}
.icon-stack-of-tweets:before {
  content: "\f12e";
}
.icon-e-commerce:before {
  content: "\f10b";
}
.icon-aimp-player2:before {
  content: "\f10f";
}
.icon-send-backward:before {
  content: "\f113";
}
.icon-source-code:before {
  content: "\f285";
}
.icon-calendar:before {
  content: "\e900";
  color: #00A0D2;
}
.right-addon .icon-calendar {
  position: absolute;
  pointer-events: none;
  padding: 10px;
  right: 15px;
  font-size: 18px;
}
.icon-details:before {
  content: "\e902";
}
.icon-flow-chart:before {
  content: "\e903";
}
.icon-moleskine:before {
  content: "\e904";
}
.icon-statistics:before {
  content: "\e905";
}
.icon-view-more:before {
  content: "\e907";
}
.icon-filter:before {
  content: "\e908";
}
.icon-falling-snow:before {
  content: "\f1ab";
}
.icon-high-tide:before {
  content: "\f1a8";
}
.icon-cloud-lightning:before {
  content: "\f1a1";
}
.icon-torrential-rain:before {
  content: "\f19c";
}
.icon-volcano:before {
  content: "\f1bf";
}
.icon-earthquake-symbol:before {
  content: "\f19e";
}
.icon-wildfire:before {
  content: "\f1a9";
}
.icon-flood-water:before {
  content: "\f19d";
}
.icon-ski-mask:before {
  content: "\f1a3";
}
.icon-flood:before {
  content: "\f19a";
}
.icon-tornado:before {
  content: "\f1a6";
}
.icon-windy-weather:before {
  content: "\f1af";
}
.icon-water-wave-2:before {
  content: "\f1ee";
}
.icon-fire:before {
  content: "\f1c1";
}
.icon-sheets:before {
  content: "\f1c7";
}
.icon-map:before {
  content: "\f1e4";
}
.icon-align_center:before {
  content: "\e909";
}
.icon-align_left:before {
  content: "\e90a";
}
.icon-align_right:before {
  content: "\e90b";
}
.icon-bullet:before,
.icon-view_list:before {
  content: "\e90c";
}
.icon-html:before {
  content: "\e90d";
}
.icon-link:before {
  content: "\e90e";
}
.icon-ordered:before {
  content: "\e90f";
}
.icon-arrow-pointing-upward:before {
  content: "\f290";
}
.icon-font:before {
  content: "\f246";
}
.icon-indent:before {
  content: "\f214";
}
.icon-outdent:before {
  content: "\f23a";
}
.icon-align-justify:before {
  content: "\f239";
}
.icon-redo:before {
  content: "\f20b";
}
.icon-undo:before {
  content: "\f208";
}
.icon-delete-link:before {
  content: "\f237";
}
.icon-edit-small:before {
  content: "\e910";
}
.icon-view_grid:before {
  content: "\e911";
}
.icon-shared:before {
  content: "\e912";
}
.icon-inspect:before {
  content: "\e913";
}
.icon-highlight::before {
  content: "\e914";
}
.icon-next_step:before {
  content: "\e915";
}
.icon-layers:before {
  content: "\f1e4";
}
.icon-flag-filled:before {
  content: "\f261";
}
.icon-empty-flag:before {
  content: "\f262";
}
.icon-rss:before {
  content: "\f263";
}
.icon-round-arrow-2:before {
  content: "\f20c";
}
.icon-help:before {
  content: "\f257";
}
.icon-warning1:before {
  content: "\f2ad";
}
.icon-menu:before {
  content: "\f3b6";
}
.icon-menu-vertical:before {
  content: "\f26b";
}
.icon-tick-2:before {
  content: "\f2e7";
}
.icon-map-editing:before {
  content: "\e916";
}
.icon-Base-Map:before {
  content: "\e918";
}
.icon-Supply-Chain:before {
  content: "\e919";
}
.icon-search-in-list:before {
  content: "\f26d";
}
.icon-test-tube:before {
  content: "\f26e";
}
.icon-check-document:before {
  content: "\f26c";
}
.icon-paper-with-arrow-right:before {
  content: "\f229";
}
#viewDiv {
  height: 100%;
}
@media (max-width: 991px) {
  #viewDiv.esri-view .esri-view-root {
    height: 600px;
  }
}
@media (max-width: 767px) {
  #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 575px) {
  #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
.esri-ui-manual-container .esri-component {
  display: none;
}
.esri-view-height-less-than-medium .esri-popup__main-container {
  background: #444444;
  color: #fff;
  font-size: 16px;
  max-height: 80%;
  width: 600px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .esri-view-height-less-than-medium .esri-popup__main-container {
    display: table;
    width: 600px !important;
  }
}
@media (max-width: 991px) {
  .esri-view-height-less-than-medium .esri-popup__main-container {
    width: 230px !important;
    font-size: 20px;
    max-height: 100% !important;
  }
}
@media (max-width: 767px) {
  .esri-view-height-less-than-medium .esri-popup__main-container {
    font-size: 20px;
    max-height: 100% !important;
  }
}
@media (max-width: 575px) {
  .esri-view-height-less-than-medium .esri-popup__main-container {
    font-size: 20px;
    max-height: 100% !important;
  }
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__header h1 {
  font-weight: 500;
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul {
  margin-bottom: 0;
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li {
  margin: 0.3em 0 24px !important;
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span {
  margin: -5px 5px 0 0;
  float: left;
  font-size: 17px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span {
    margin: -3px 5px 0 0;
  }
}
@media (max-width: 767px) {
  .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span {
    margin: -3px 5px 0 0;
  }
}
@media (max-width: 575px) {
  .esri-view-height-less-than-medium .esri-popup__main-container .esri-popup-renderer ul li span {
    margin: -3px 5px 0 0;
  }
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__content {
  overflow: hidden;
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__feature-buttons {
  display: none !important;
}
.esri-view-height-less-than-medium .esri-popup__main-container .esri-popup__feature-buttons [role=button] {
  display: none !important;
}
.esri-view-height-less-than-medium .esri-popup__pointer .esri-popup__pointer-direction.esri-popup--shadow {
  background: #444444;
}
.esri-display-object svg g {
  cursor: pointer;
}
.esri-display-object svg g image {
  height: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .esri-view-width-medium .esri-popup__main-container {
    width: 500px !important;
  }
}
.esri-widget [title=Dock] {
  display: none;
}
@media (max-width: 991px) {
  .esri-popup--shadow {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .esri-popup--aligned-top-center {
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    bottom: 0 !important;
  }
  .esri-popup__pointer {
    display: none;
  }
}
@media (max-width: 767px) {
  .esri-popup--shadow {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .esri-popup--is-docked {
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    bottom: 0 !important;
  }
  .esri-popup__pointer {
    display: none;
  }
  .esri-widget [title=Undock] {
    display: none;
  }
}
@media (max-width: 575px) {
  .esri-popup--shadow {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .esri-popup--is-docked {
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    bottom: 0 !important;
  }
  .esri-popup__pointer {
    display: none;
  }
  .esri-popup__pointer {
    display: none;
  }
  .esri-widget [title=Undock] {
    display: none;
  }
}
.esri-popup__button {
  color: #eceeef;
}
.esri-popup__button:hover {
  color: #818a91;
}
.overlay {
  background: #fff;
  position: fixed;
  display: none;
  height: 100vh;
  z-index: 99999;
  opacity: 0.95;
  width: 100%;
  top: 0;
}
.loader {
  position: absolute;
  left: 50%;
  top: calc(50% - 100px);
  z-index: 99999;
  display: none;
}
.loader.loader-text .loader-title {
  position: relative;
  top: 60px;
  left: -40%;
  color: #707070;
  font-size: 36px;
}
.smallSave {
  z-index: 99999;
  position: fixed;
  left: 42%;
  color: #707070;
  font-size: 18px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  padding: 8px 14px 11px 10px;
  width: 16%;
  background-color: #ecedee;
}
.smallSave h3 {
  margin-bottom: 0;
}
.smallSaveSpinner {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
@keyframes animation_bloc1 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 0.3;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc2 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 0.3;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc3 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc4 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc5 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 0.3;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc6 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 0.3;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc7 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_bloc8 {
  0% {
    opacity: 1;
  }
  12.5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  62.5% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  87.7% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.bloc_general {
  background: #55595c;
  width: 12px;
  height: 12px;
  position: absolute;
  opacity: 0.1;
}
.small {
  height: 30% !important;
  width: 30% !important;
}
.small.bloc1 {
  top: 0%;
  left: 0%;
}
.small.bloc2 {
  top: 0%;
  left: 35%;
}
.small.bloc3 {
  top: 0%;
  left: 70%;
}
.small.bloc4 {
  top: 35%;
  left: 70%;
}
.small.bloc5 {
  top: 70%;
  left: 70%;
}
.small.bloc6 {
  top: 70%;
  left: 35%;
}
.small.bloc7 {
  top: 70%;
  left: 0%;
}
.small.bloc8 {
  top: 35%;
  left: 0%;
}
.bloc1 {
  top: 0px;
  left: 0px;
  animation: animation_bloc1 2.5s 0s infinite ease-in;
}
.bloc2 {
  top: 0px;
  left: 15px;
  animation: animation_bloc2 2.5s 0s infinite ease-in;
}
.bloc3 {
  top: 0px;
  left: 30px;
  animation: animation_bloc3 2.5s 0s infinite ease-in;
}
.bloc4 {
  top: 15px;
  left: 30px;
  animation: animation_bloc4 2.5s 0s infinite ease-in;
}
.bloc5 {
  top: 30px;
  left: 30px;
  animation: animation_bloc5 2.5s 0s infinite ease-in;
}
.bloc6 {
  top: 30px;
  left: 15px;
  animation: animation_bloc6 2.5s 0s infinite ease-in;
}
.bloc7 {
  top: 30px;
  left: 0px;
  animation: animation_bloc7 2.5s 0s infinite ease-in;
}
.bloc8 {
  top: 15px;
  left: 0px;
  animation: animation_bloc8 2.5s 0s infinite ease-in;
}
@media (max-width: 767px) {
  .bloc_general {
    width: 15px;
    height: 15px;
  }
  .bloc2 {
    left: 20px;
  }
  .bloc3 {
    left: 40px;
  }
  .bloc4 {
    top: 20px;
    left: 40px;
  }
  .bloc5 {
    top: 40px;
    left: 40px;
  }
  .bloc6 {
    top: 40px;
    left: 20px;
  }
  .bloc7 {
    top: 40px;
  }
  .bloc8 {
    top: 20px;
  }
}
.sidebar--vertical--wrap {
  min-height: 100%;
  z-index: 10;
  width: 100px;
  background-color: #444444;
}
.sidebar--vertical--wrap .navbar,
.sidebar--vertical--wrap .nav-w-submenu-container {
  height: 100%;
}
.sidebar--vertical--wrap .navbar.navbar-toggleable-md,
.sidebar--vertical--wrap .nav-w-submenu-container.navbar-toggleable-md {
  align-items: normal;
}
.sidebar--vertical--wrap ul.nav {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  flex-direction: column;
  align-items: center;
  width: 100px;
  padding: 0;
  text-align: center;
  text-indent: 0;
}
.sidebar--vertical--wrap ul.nav .nav-item {
  width: 100px;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-link {
  padding: 0.7em 1.4em 0.5em;
  display: block;
}
.sidebar--vertical--wrap ul.nav .nav-item a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-size: 14px;
  outline: none;
  font-weight: 500;
  z-index: 21;
}
.sidebar--vertical--wrap ul.nav .nav-item a i {
  font-size: 26px;
  color: #ffffff;
}
.sidebar--vertical--wrap ul.nav .nav-item a span {
  display: block;
  width: 100%;
  text-align: center;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active, .sidebar--vertical--wrap ul.nav .nav-item a:hover {
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active i, .sidebar--vertical--wrap ul.nav .nav-item a:hover i {
  color: #ffffff;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active {
  background: #702082;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active:hover {
  background: #702082;
}
.sidebar--vertical--wrap ul.nav .nav-item a:hover {
  background: #585858;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu {
  padding: 20px 0;
  background-color: #e4e4e4 !important;
  width: 200px;
  display: none;
  position: absolute;
  left: 100px;
  height: calc(100vh - 55px);
  top: 0;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li {
  border-bottom: 1px solid #d8d8d8;
  color: #585858;
  font-weight: 400;
  width: 200px;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 10px 10px 10px 30px;
  width: auto;
  text-align: left;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a.active, .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a:hover {
  background-color: #d8d8d8;
}
.sidebar--vertical--wrap.open {
  width: 0;
}
.sidebar--vertical--wrap.open ul {
  display: none;
}
.nav-toolbar_horizontal--wrap {
  width: 100%;
}
.nav-toolbar_horizontal--wrap .nav-toolbar_horizontal--toggler {
  z-index: 100;
  border: 0;
  cursor: pointer;
  position: relative;
}
.nav-toolbar_horizontal--wrap .navbar-nav .nav-toolbar_horizontal--list {
  padding-top: 0;
  padding-bottom: 0;
}
.nav-toolbar_horizontal--wrap .nav-toolbar_horizontal--list--item {
  text-transform: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
}
.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link,
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link {
  color: inherit;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media (max-width: 991px) {
  .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link,
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link {
    text-indent: 35px;
    text-align: left;
    justify-content: left;
  }
}
.nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:focus, .nav-toolbar_horizontal--wrap .nav-link.nav-toolbar_horizontal--list--item--link:hover,
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:focus,
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:hover {
  background: inherit;
  color: inherit;
  position: relative;
}
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link {
  background: #702082;
  color: inherit;
  position: relative;
  pointer-events: none;
}
.nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:after {
  z-index: 100;
  content: " ";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #702082;
  display: block;
  bottom: -6px;
  right: 0px;
}
@media (max-width: 767px) {
  .nav-toolbar_horizontal--wrap .nav-link.active.nav-toolbar_horizontal--list--item--link:after {
    display: none;
  }
}
.nav-toolbar_horizontal--wrap nav.navbar-nav {
  flex-direction: row;
  color: inherit;
}
.nav-toolbar_horizontal--wrap .nav-item {
  text-transform: inherit;
  display: flex;
  align-items: left;
  width: 100%;
  height: 100%;
  color: inherit;
  flex: 1 1 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .nav-toolbar_horizontal--wrap .nav-item {
    width: auto;
    flex: 0 1 auto;
  }
}
.nav-toolbar_horizontal--wrap .nav-item:first-child {
  margin: 0 0 0 15px;
}
@media (max-width: 991px) {
  .nav-toolbar_horizontal--wrap .nav-item:first-child {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .nav-toolbar_horizontal--wrap .nav-item:first-child {
    margin: 0;
  }
}
@media (max-width: 575px) {
  .nav-toolbar_horizontal--wrap .nav-item:first-child {
    margin: 0;
  }
}
.nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li:before {
  content: "|";
  padding: 5px 0;
  color: #707070;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li:before {
    position: relative;
    top: 6px;
    padding: 10px 0;
  }
}
.nav-toolbar_horizontal--wrap .navbar-nav.ml-auto li + li.show:before {
  background-color: #585858;
}
.nav-toolbar_horizontal--wrap .nav-link {
  color: inherit;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: left;
  justify-content: left;
  font-size: 14px;
  padding: 0.5em 1.3em 0.5em 1em;
}
@media (min-width: 768px) {
  .nav-toolbar_horizontal--wrap .nav-link {
    flex: initial;
  }
}
.nav-toolbar_horizontal--wrap .nav-link:focus, .nav-toolbar_horizontal--wrap .nav-link:hover {
  color: inherit;
  transition: all 0.1s ease;
  background: inherit;
}
@media (max-width: 991px) {
  .nav-toolbar_horizontal--wrap .nav-link {
    float: left;
    display: block;
  }
}
.nav-toolbar_horizontal--wrap .nav-link.active {
  background: #702082;
  color: inherit;
  position: relative;
  pointer-events: none;
}
.nav-toolbar_horizontal--wrap .nav-link.active:after {
  z-index: 100;
  content: " ";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #702082;
  display: block;
  bottom: -6px;
  right: 0px;
}
@media (max-width: 991px) {
  .nav-toolbar_horizontal--wrap .nav-link.active:after {
    display: none;
  }
}
.titlebar--wrap {
  padding: 0 16px;
}
.titlebar--wrap .tilebar--container {
  background: #f4f4f4;
  padding: 1.244rem 0;
}
@media only screen and (max-width: 320px) {
  .titlebar--wrap .tilebar--container .col-sm-8, .titlebar--wrap .tilebar--container .col-sm-4 {
    width: 50%;
  }
  .titlebar--wrap .tilebar--container .col-sm-8 .btn-primary, .titlebar--wrap .tilebar--container .col-sm-8 .btn-danger, .titlebar--wrap .tilebar--container .col-sm-4 .btn-primary, .titlebar--wrap .tilebar--container .col-sm-4 .btn-danger {
    font-size: 0.8rem;
  }
}
.titlebar--wrap .tilebar--container .titlebar-text {
  text-transform: capitalize;
  text-transform: inherit;
}
.titlebar--wrap .tilebar--container .theme--background--blue {
  max-height: 100%;
  border-color: #00A0D2;
}
.titlebar--wrap .tilebar--container .theme--background--blue:hover {
  border-color: inherit;
}
.pagination {
  margin: 35px 0 65px;
}
@media (max-width: 767px) {
  .pagination {
    margin: 35px 0;
  }
}
.page-item:first-child {
  margin: 0 10px 0 0;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-radius: 0;
}
.page-item:nth-child(2) .page-link:before {
  display: none;
}
.page-item:last-child {
  margin: 0 0 0 10px;
}
.page-item:last-child .page-link {
  border-radius: 0;
}
.page-item:last-child .page-link:before {
  display: none;
}
.page-item.active .page-link {
  z-index: 2;
  color: #ffffff;
  background-color: #00A0D2;
  border-color: #00A0D2;
  margin-top: -3px;
  padding-top: 11px;
  /*    @include hover-focus {
        color: $white;
        background-color: $brand-primary;
        border-color:$brand-primary;
        cursor: default;
      }*/
}
.page-item.disabled .page-link {
  color: #979797;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #f4f4f4;
  border-color: #cacaca;
  /*    @include hover-focus {
        color: $gray-5;
        background-color: $gray-lightest;
        border-color: $pagination-border-color;
        cursor: default;
      }*/
}
.page-item .page-link {
  padding: 0.5rem 0.75rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  color: #444444;
  background-color: #f4f4f4;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  border-bottom-width: 2px;
  border-left: none;
  border-right: none;
  border-top: none;
  min-width: 35px;
  text-align: center;
  /*  @include hover-focus {
      color: $white;
      text-decoration: none;
      background-color: $WTW-Software-Gray-8;
      border-bottom: 2px solid $WTW-Software-Gray-5;
    }
    &:before {
      background-color:rgba(129, 138, 145, .5);
      content:"";
      height:1rem;
      left:0;
      position: absolute;
      top:8px;
      width:1px;
    }*/
}
@media (max-width: 575px) {
  .page-item .page-link {
    min-width: 30px;
    padding: 0.5rem 0.5rem;
  }
}
.page-item:first-child .page-link:before {
  display: none;
}
.thirdparty--toolbar--wrap {
  border-bottom: 2px solid #d7d8d8;
  z-index: 101;
}
.thirdparty--toolbar--wrap .thirdparty--toolbar--container {
  padding: 0;
  padding-bottom: 0;
}
.thirdparty--toolbar--wrap .thirdparty--toolbar--title--text {
  font-size: 1rem;
  font-weight: bold;
}
.thirdparty--toolbar--wrap .thirdparty--toolbar--title--logo {
  width: 30px;
  vertical-align: bottom;
}
.thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--link, .thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--pill {
  font-size: 0.875rem;
  text-transform: capitalize;
}
.thirdparty--toolbar--wrap .thirdparty--toolbar--nav--item--pill {
  background: #707070;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 10rem;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  position: relative;
  top: 8px;
}
.footer-container {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1001;
}
@media (max-width: 767px) {
  .footer-container {
    position: fixed;
    height: auto;
    bottom: -65px;
  }
}
.footer {
  position: inherit;
  bottom: 0;
  width: 100%;
  background-color: #f4f4f4;
  height: 50px;
}
@media (max-width: 767px) {
  .footer {
    position: fixed;
    height: auto;
  }
}
.footer .footer--title--text {
  font-size: 1rem;
  font-weight: bold;
}
.footer .footer--title--logo {
  width: 200px;
  margin-left: -3px;
}
.footer .footer--nav--item--link {
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: capitalize;
  color: inherit;
}
.footer .footer--nav--item--link:focus, .footer .footer--nav--item--link:hover {
  color: inherit;
  text-decoration: underline;
}
.footer .footer--nav--item--link--copyright {
  font-size: 0.7rem;
  text-transform: capitalize;
  line-height: 2;
  position: relative;
  color: #585858;
}
@media (min-width: 768px) {
  .footer .footer--nav--item--link--copyright {
    position: absolute;
    right: 5px;
  }
}
.run-info {
  background-color: #444444;
  position: inherit;
  bottom: 50px;
  padding: 8px 15px;
}
@media (max-width: 767px) {
  .run-info {
    position: relative;
    bottom: 0;
  }
}
.run-info ul {
  margin: 0;
  text-align: left;
}
.run-info ul li {
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .run-info ul li {
    display: block;
    padding: 0.5em 0;
  }
}
.run-info ul li span {
  padding-right: 5px;
}
.run-info ul li:last-child {
  padding-right: 0;
}
.theme--switches .onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.theme--switches .onoffswitch-checkbox {
  display: none;
}
.theme--switches .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #C5C5C5;
  border-radius: 1px;
  padding-left: 0 !important;
}
.theme--switches .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.theme--switches .onoffswitch-inner:before,
.theme--switches .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 27px;
  padding: 0;
  line-height: 27px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.theme--switches .onoffswitch-inner:before {
  content: "I";
  padding-left: 8px;
  background-color: #00A0D2;
  color: #FFFFFF;
}
.theme--switches .onoffswitch-inner:after {
  content: "O";
  padding-right: 8px;
  background-color: #CCCCCC;
  color: #FFFFFF;
  text-align: right;
}
.theme--switches .onoffswitch-switch {
  display: block;
  width: 22px;
  margin: 3.5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 39px;
  border: 0;
  border-radius: 0;
  transition: all 0.4s ease-in 0s;
}
.theme--switches .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
  background: none !important;
}
.theme--switches .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.theme--switches [type=checkbox]:not(:checked) + label:after,
.theme--switches [type=checkbox]:checked + label:after,
.theme--switches [type=checkbox]:not(:checked) + label:before,
.theme--switches [type=checkbox]:checked + label:before {
  display: none;
}
.theme--feature {
  display: flex;
  float: right;
}
.theme--feature .qty-minus, .theme--feature .qty-plus {
  height: 20px;
  width: 20px;
  line-height: 0;
  background: #00A0D2;
  color: #fff;
  border: 0px solid transparent;
  cursor: pointer;
}
.theme--feature .qty-minus:disabled, .theme--feature .qty-plus:disabled {
  background-color: #cccccc;
  cursor: default;
}
.theme--feature .qty {
  height: 20px;
  width: 30px;
  background: #fff;
  color: #444444;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}
.sidebar--vertical--wrap {
  min-height: 100%;
  z-index: 10;
  width: 100px;
  background-color: #444444;
}
.sidebar--vertical--wrap .navbar,
.sidebar--vertical--wrap .nav-w-submenu-container {
  height: 100%;
}
.sidebar--vertical--wrap .navbar.navbar-toggleable-md,
.sidebar--vertical--wrap .nav-w-submenu-container.navbar-toggleable-md {
  align-items: normal;
}
.sidebar--vertical--wrap ul.nav {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  flex-direction: column;
  align-items: center;
  width: 100px;
  padding: 0;
  text-align: center;
  text-indent: 0;
}
.sidebar--vertical--wrap ul.nav .nav-item {
  width: 100px;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-link {
  padding: 0.7em 1.4em 0.5em;
  display: block;
}
.sidebar--vertical--wrap ul.nav .nav-item a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-size: 14px;
  outline: none;
  font-weight: 500;
  z-index: 21;
}
.sidebar--vertical--wrap ul.nav .nav-item a i {
  font-size: 26px;
  color: #ffffff;
}
.sidebar--vertical--wrap ul.nav .nav-item a span {
  display: block;
  width: 100%;
  text-align: center;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active, .sidebar--vertical--wrap ul.nav .nav-item a:hover {
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active i, .sidebar--vertical--wrap ul.nav .nav-item a:hover i {
  color: #ffffff;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active {
  background: #702082;
}
.sidebar--vertical--wrap ul.nav .nav-item a.active:hover {
  background: #702082;
}
.sidebar--vertical--wrap ul.nav .nav-item a:hover {
  background: #585858;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu {
  padding: 20px 0;
  background-color: #e4e4e4 !important;
  width: 200px;
  display: none;
  position: absolute;
  left: 100px;
  height: calc(100vh - 55px);
  top: 0;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li {
  border-bottom: 1px solid #d8d8d8;
  color: #585858;
  font-weight: 400;
  width: 200px;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 10px 10px 10px 30px;
  width: auto;
  text-align: left;
}
.sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a.active, .sidebar--vertical--wrap ul.nav .nav-item .nav-vertical-submenu li a:hover {
  background-color: #d8d8d8;
}
.sidebar--vertical--wrap.open {
  width: 0;
}
.sidebar--vertical--wrap.open ul {
  display: none;
}
/*.radio-group,*/
.checkbox-group {
  margin: auto 0;
  display: flex;
  padding: 10px;
}
@media (max-width: 48em) {
  .checkbox-group {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
/*.radio-group-label */
.checkbox-group-label {
  display: block;
  width: 100%;
  margin: 10px 0;
}
/* .form-check.disabled .radio-label, */
.form-check.disabled .checkbox-label {
  color: #636c72;
  display: block;
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox-label {
  position: relative;
  display: inline-block;
  margin: 10px;
  padding: 0;
}
.checkbox-label:first-child {
  margin-left: 0;
}
@media (max-width: 48em) {
  .checkbox-label {
    display: block;
    margin: 10px 0;
  }
}
.checkbox-label input {
  opacity: 0;
  position: absolute;
}
.checkbox-label .label-text {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 0;
}
.checkbox-label .label-text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  border-color: #00A0D2;
  border: 1px solid #00A0D2;
  background: #00A0D2;
  height: 15px;
  width: 15px;
}
.checkbox-label input:focus ~ .label-text:before {
  border: 1px solid #00A0D2;
  background: #00A0D2;
}
.checkbox-label input:checked ~ .label-text:after {
  content: "";
  background: url("/assets/images/checkedcheckbox.svg") no-repeat;
  height: 10px;
  width: 12px;
  position: absolute;
  font-size: 12px;
  left: 7px;
  top: 11px;
  transform: translate(-50%, -50%);
}
/* Base for label styling */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
/* checkbox aspect */
[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #ccc;
  background: inherit;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* checked mark aspect */
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: " ";
  position: absolute;
  top: 0.1em;
  left: 0.3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all 0.2s;
}
/*
[type="radio"]:not(:checked)+label:before,
[type="radio"]:checked+label:before {
  left: 0;
  top: 4px;
  border-color: $brand-primary;
  border: 1px solid $brand-primary;
  background: $brand-primary;
  border-radius: 100%;
  height: 19px;
   width: 19px;
}

////////////////////////////////////
/// radio ---- input area// checked
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:after {
  content: ' • ';
  font-size: 32px;
  color: $white;
   top: -3px;
   left: 4px;
  line-height: 1.0;
}
*/
.custom-checkbox {
  padding: 2px 15px;
}
[type=checkbox]:checked,
[type=checkbox]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type=checkbox]:checked + label,
[type=checkbox]:not(:checked) + label,
[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
[type=checkbox]:checked + label:before,
[type=checkbox]:not(:checked) + label:before,
[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25em;
  height: 1.25em;
  background: inherit;
  border-radius: 4px;
}
[type=checkbox]:checked + label:after,
[type=checkbox]:not(:checked) + label:after,
[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: " ";
  position: absolute;
  top: 0.1em;
  left: 0.3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
}
[type=checkbox]:checked + label:before {
  content: " ";
  left: 0;
  top: 3px;
  background: #00A0D2;
  border-radius: 3px;
  border: 1px solid #00A0D2;
  height: 15px;
  width: 15px;
}
[type=checkbox]:not(:checked) + label:before {
  content: " ";
  left: 0;
  top: 3px;
  background: #f4f4f4;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  height: 15px;
  width: 15px;
}
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: " ";
  height: 10px;
  width: 10px;
  color: #ffffff;
  background: url("/assets/images/checkedcheckbox.svg") no-repeat;
  transition: all 0.2s;
  top: 6px;
  left: 3px;
}
/* checked mark aspect changes */
[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
}
[type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/* disabled checkbox */
[type=checkbox]:disabled:not(:checked) + label:before {
  box-shadow: none;
  background-color: #f4f4f4;
  border-color: #d8d8d8;
}
[type=checkbox]:disabled:checked + label:after {
  color: #999;
}
[type=checkbox]:disabled + label {
  color: #aaa;
  cursor: initial;
}
.filter--switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 22px;
  background: transparent;
  border-radius: 0px;
  cursor: pointer;
  float: right;
  border: 1px solid #d8d8d8;
}
.filter--switch:disabled {
  background: red;
  background-color: red;
}
@media (max-width: 991px) {
  .filter--switch {
    border: 1px solid #444444;
  }
}
.filter--switch .filter--switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.filter--switch .filter--switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  background: #fff;
  border-radius: inherit;
  transition: 0.15s ease-out;
  transition-property: opacity background;
  bottom: 2px;
}
.filter--switch .filter--switch-label:before, .filter--switch .filter--switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  transition: inherit;
}
.filter--switch .filter--switch-label:before {
  content: attr(data-off);
  right: 7px;
  color: #aaa;
  opacity: 0.5;
}
.filter--switch .filter--switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #ffffff;
  opacity: 0;
}
.filter--switch .filter--switch-input:checked ~ .filter--switch-label {
  background: #00A0D2;
}
.filter--switch .filter--switch-input:checked ~ .filter--switch-label:before {
  opacity: 0;
}
.filter--switch .filter--switch-input:checked ~ .filter--switch-label:after {
  opacity: 1;
}
.filter--switch .filter--switch-handle {
  position: absolute;
  top: 0;
  left: 4px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 0px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transition: left 0.15s ease-out;
}
.filter--switch .filter--switch-input:checked ~ .filter--switch-handle {
  left: 38px;
}
.filter--switch .filter--switch-input:not(:checked) ~ .filter--switch-handle {
  left: 3px;
  background: #cccccc;
}
.filter--switch .filter--switch-green > .filter--switch-input:checked ~ .filter--switch-label {
  background: #4fb845;
}
.filter-select--switch, .switch-on-off {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 27px;
  background: transparent;
  border-radius: 0px;
  cursor: pointer;
  border-width: 0;
}
.filter-select--switch .filter--switch-input, .switch-on-off .filter--switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.filter-select--switch .filter--switch-input:checked ~ .filter--switch-handle, .switch-on-off .filter--switch-input:checked ~ .filter--switch-handle {
  left: 26px;
}
.filter-select--switch .filter--switch-label, .switch-on-off .filter--switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  background: #007FA7;
  border-radius: inherit;
  transition: 0.15s ease-out;
  transition-property: opacity background;
  bottom: 2px;
}
.filter-select--switch .filter--switch-label:before, .switch-on-off .filter--switch-label:before, .filter-select--switch .filter--switch-label:after, .switch-on-off .filter--switch-label:after {
  display: none;
}
.filter-select--switch .filter--switch-input:checked ~ .filter--switch-label, .switch-on-off .filter--switch-input:checked ~ .filter--switch-label {
  background: #007FA7;
}
.filter-select--switch .filter--switch-input:not(:checked) ~ .filter--switch-handle, .switch-on-off .filter--switch-input:not(:checked) ~ .filter--switch-handle {
  left: 3px;
  background: #ffffff;
}
.filter-select--switch .filter--switch-handle, .switch-on-off .filter--switch-handle {
  position: absolute;
  top: 1px;
  left: 3px;
  width: 21px;
  height: 21px;
  background: #ffffff;
  border-radius: 0px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transition: left 0.15s ease-out;
}
.switch-on-off .filter--switch-label {
  background-color: #979797;
}
.switch-on-off .filter--switch-label:before, .switch-on-off .filter--switch-label:after {
  display: block !important;
  font-size: 14px;
}
.switch-on-off .filter--switch-label:before {
  color: #ffffff;
  opacity: 1;
}
.switch-off {
  color: #979797 !important;
}
/* ---- Custom CSS Radio and checkbox style ----- */
/* input[type=checkbox]:not(old), */
input[type=radio]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}
/* input[type=checkbox]:not(old) + label, */
input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}
/* input[type=checkbox]:not(old) + label > span, */
input[type=radio]:not(old) + label > span {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0.25em 0.5em 0.25em 0.25em;
  border: 0;
  border-radius: 0.5em;
  background: #ffffff;
  border: 1px solid #908F8F;
  vertical-align: bottom;
}
input[type=radio]:not(old):checked + label > span {
  background: #00A0D2;
  border: 1px solid #00A0D2;
}
input[type=radio]:not(old):checked + label > span > span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 3px;
  border: 0;
  border-radius: 0.5em;
  background: #ffffff;
}
input[type=checkbox].circle-check {
  appearance: none;
  width: 1em;
  height: 1em;
  position: unset;
  border: none;
  background: none;
}
input[type=checkbox].circle-check:after {
  transition: background-color 0.75s ease;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 2px solid #00A0D2;
  cursor: pointer;
  content: "";
}
input[type=checkbox].circle-check:checked:after {
  border: 6px solid #00A0D2;
}
.checkbox-container .custom-control-input {
  z-index: 1;
  left: 15px;
  margin-top: 5px;
}
.circle-green {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  background: #00c389;
  margin-left: 5px;
}
.circle-red {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  background: #f24965;
  margin-left: 5px;
}
.circle-amber {
  margin-right: 5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  background: #f2a040;
  margin-left: 5px;
}
.live-event-status .icon-email-envelope::before {
  float: left;
  padding-top: 3px;
  padding-right: 5px;
}
.popover-title {
  border-bottom: 2px solid #009ed1;
  color: #000;
  padding: 10px 14px;
  margin: 0;
  font-size: 1rem;
  background: #ecedee;
}
.popover-content {
  padding: 10px 14px;
  background: #ecedee;
}
.container {
  padding: 20px;
}
.popover {
  max-width: 400px;
}
.fullpage {
  position: absolute;
  width: 100%;
  z-index: 10000;
}
@media (max-width: 991px) {
  .fullpage {
    position: absolute;
    top: 0;
    left: 25%;
    width: 0;
  }
}
@media (min-width: 992px) {
  .fullpage {
    top: -3%;
    left: 30%;
    transform: translate(-3%, -30%);
  }
}
.ui--info--wrap {
  /* creates triangle */
}
.ui--info--wrap .ui--info--pin--key {
  padding: 5px;
  text-align: center;
  width: 60px;
  display: inline-block;
}
@media (max-width: 991px) {
  .ui--info--wrap .ui--info--pin--key {
    width: 30px;
    padding: 2px;
  }
}
.ui--info--wrap .ui--info--pin--data {
  position: absolute;
  padding: 15px;
  margin: 0;
  color: #fff;
  background: #444444;
  border-radius: 0;
  z-index: 1;
  width: 620px;
}
@media (max-width: 991px) {
  .ui--info--wrap .ui--info--pin--data {
    width: 300px;
  }
}
.ui--info--wrap .ui--info--pin--data:after {
  content: "";
  display: block;
  position: absolute;
  left: 90px;
  width: 0;
  top: 98%;
  border-top: 30px solid #444444;
  border-right: 40px solid transparent;
  border-left: 35px solid transparent;
  z-index: 1;
}
@media (max-width: 991px) {
  .ui--info--wrap .ui--info--pin--data:after {
    display: none;
  }
}
.ui--info--wrap .ui--info--pin--data--title {
  margin-bottom: 20px;
  border-bottom: 2px solid #c5c5c5;
  padding-bottom: 3px;
}
.ui--info--wrap .ui--info--close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
  cursor: pointer;
}
.js--ui--info--card {
  display: none;
}
@media (max-width: 991px) {
  .theme--map {
    min-height: 400px;
  }
}
.sidebar--vertical--wrap ul.nav-vertical .active .nav-link:hover,
.sidebar--vertical--wrap ul.nav-vertical .active .nav-link:focus {
  background: none;
}
.sidebar--vertical--wrap nav.navbar {
  position: relative;
  width: 100%;
  top: 0;
  left: 0px;
}
.sidebar--vertical--wrap ul.nav-vertical {
  position: absolute;
  left: 0px;
  background: inherit;
}
@media (min-width: 992px) {
  .sidebar--vertical--wrap ul.nav-vertical {
    text-align: center;
  }
}
.sidebar--vertical--wrap ul.nav-vertical .nav-item:first-child {
  margin-top: 20px;
}
.sidebar--vertical--wrap ul.nav-vertical .nav-link {
  display: block;
  padding: 0.5em 0.6em;
  position: relative;
  color: inherit;
  cursor: pointer;
  border-radius: 0;
  font-weight: inherit;
}
.sidebar--vertical--wrap ul.nav-vertical .nav-link:focus, .sidebar--vertical--wrap ul.nav-vertical .nav-link:hover {
  color: #ffffff;
}
@media (max-width: 991px) {
  .sidebar--vertical--wrap ul.nav-vertical .nav-link:focus, .sidebar--vertical--wrap ul.nav-vertical .nav-link:hover {
    color: #000000;
  }
}
.sidebar--vertical--wrap ul.nav-vertical .nav-link.active {
  background: #702082;
  color: #ffffff;
  position: relative;
}
.sidebar--vertical--wrap ul.nav-vertical .nav-link.active:after {
  z-index: 100;
  content: " ";
  position: absolute;
  width: 15px;
  height: 100%;
  background: #702082;
  display: block;
  top: 0;
  right: -14px;
}
.sidebar--vertical--wrap ul.nav-vertical .nav-link img {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.nested--nav--wrap {
  position: relative;
}
.nested--nav--wrap .dropdown-backdrop {
  z-index: auto;
  position: relative;
}
.nested--nav--wrap .dropdown-toggle .nav-link,
.nested--nav--wrap .nav-item.show .nav-link {
  color: inherit;
  background: inherit;
  background-color: none;
  font-weight: inherit;
}
.nested--nav--wrap .dropdown-toggle {
  text-align: center;
}
.nested--nav--wrap .nested--nav--submenu {
  position: fixed;
  top: -2px;
  left: 100px;
  z-index: 1;
  text-indent: 30px;
  width: 200px;
  height: 100vh;
  border-top: 0;
  padding-top: 60px;
  background: #e4e4e4;
}
.nested--nav--wrap .nested--nav--submenu .nav-link:hover, .nested--nav--wrap .nested--nav--submenu .nav-link:focus {
  background: #d8d8d8 !important;
}
.nested--nav--wrap .dropdown-item {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 0;
}
.nested--nav-horizontal--wrap .nav-link {
  font-weight: normal;
}
.nested--nav-horizontal--wrap .dropdown-menu {
  font-weight: normal;
}
.nested--nav-horizontal--wrap .dropdown-menu .nested--nav-horizontal--submenu {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-indent: 30px;
  border-top: 0;
  background: #e4e4e4;
}
.nested--nav-horizontal--wrap.show > .dropdown-menu.nested--nav-horizontal--submenu {
  display: inline-flex;
  height: 100%;
  width: 100%;
  padding: 0;
  border-top: 0;
}
.nested--nav-dropdown--wrap {
  font-weight: normal;
}
.nested--nav-dropdown--wrap .dropdown-menu {
  border-top: 0;
}
.nested--nav-dropdown--wrap .nav-link {
  font-weight: normal;
  padding: 0.5rem 0;
}
.theme--nav-nested .nav-link.theme--nav-nested--item--link:focus, .theme--nav-nested .nav-link.theme--nav-nested--item--link:hover {
  background: #e4e4e4;
  color: #000000;
}
nav {
  list-style: none !important;
}
.filter-container .filter-container--title {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
}
.filter-container .filter-container--copy {
  text-indent: 0;
  font-size: 11px;
}
.nav-pills {
  display: inline-flex;
  padding: 0.75rem;
  z-index: 1;
  position: absolute;
  font-size: 0.875rem;
}
.nav-pills .nav-item {
  border: 2px solid #007FA7;
  margin-left: -2px;
}
.nav-pills .nav-item .nav-link {
  border-radius: 0;
  background-color: #ffffff;
  color: #007FA7;
}
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
  color: #ffffff;
  cursor: default;
  background-color: #007FA7;
}
.user-link.icon-person:before {
  font-size: 24px;
}
.nav-link-currency {
  position: relative;
  font-size: 0.875rem;
  color: #585858;
}
.nav-link-currency .icon-globe {
  position: absolute;
  bottom: 8px;
}
.nav-link-currency:hover .icon-globe::before {
  color: #007FA7 !important;
}
/* Forms */
.input-hook {
  position: relative;
}
.autocomplete .icon-search {
  top: 0;
  position: absolute;
  pointer-events: none;
  padding: 10px;
  right: 15px;
  color: #00a0d2;
}
.autocomplete .spin {
  top: 10px;
  position: absolute;
  pointer-events: none;
  padding: 10px;
  right: 15px;
  color: #00a0d2;
  pointer-events: none;
}
.autocomplete .spin:before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 3px #f4f4f4;
  border-bottom-color: #00A0D2;
  border-radius: 50%;
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: 10%;
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}
.form-control,
.input-group-addon {
  border-bottom-width: 2px;
  border-left: none;
  border-right: none;
  border-top: none;
}
.form-control::placeholder {
  /* Chrome/Opera/Safari */
  color: #d8d8d8;
}
.form-control:placeholder {
  /* IE 10+ */
  color: #d8d8d8;
}
.input-group-addon {
  color: #585858;
}
.custom-file-control {
  border-bottom: 2px solid #c5c5c5;
}
label {
  font-size: 14px;
  color: #444444;
}
.form-check-input {
  font-size: 16px;
  margin-left: -1.2rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.6rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #000;
  background-color: #f4f4f4;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #c5c5c5;
  border-radius: 0;
}
.form-control::-webkit-input-placeholder {
  color: #585858;
}
.form-control::-moz-placeholder {
  color: #585858;
}
.form-control:-ms-input-placeholder {
  color: #585858;
}
.form-control:focus {
  background-color: #f4f4f4;
  border-color: #00A0D2;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #d8d8d8;
}
.form-control:disabled:focus, .form-control[readonly]:focus {
  border-color: #c5c5c5;
}
.form-control,
.input-group-addon {
  border-bottom-width: 2px;
  border-left: none;
  border-right: none;
  border-top: none;
}
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.input-group-addon {
  border-radius: 0;
}
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  opacity: 0;
}
.has-danger, input.ng-touched.ng-invalid,
select.ng-touched.ng-invalid,
textarea.ng-touched.ng-invalid {
  border-bottom: 2px solid #a31e22;
}
.has-warning {
  border-bottom: 2px solid #de7400 !important;
}
.has-warning .input-group-addon {
  border-bottom: 2px solid #c5c5c5;
  background-color: #eceeef;
  margin-bottom: -2px;
  color: #585858;
}
.has-warning .form-control {
  border-color: transparent;
}
.has-danger, input.ng-touched.ng-invalid,
select.ng-touched.ng-invalid,
textarea.ng-touched.ng-invalid {
  border-bottom: 2px solid #a31e22 !important;
}
.has-danger .input-group-addon, input.ng-touched.ng-invalid .input-group-addon,
select.ng-touched.ng-invalid .input-group-addon,
textarea.ng-touched.ng-invalid .input-group-addon {
  border-color: transparent;
  background-color: #eceeef;
}
.has-danger .form-control, input.ng-touched.ng-invalid .form-control,
select.ng-touched.ng-invalid .form-control,
textarea.ng-touched.ng-invalid .form-control {
  border-color: transparent;
}
input::-ms-clear {
  display: none;
}
.form-group .input-group .input-group-addon {
  padding: 0.5rem 0rem;
}
.form-group .input-group .input-group-addon .custom-checkbox {
  margin-top: -16px;
  padding: 2px 4px 2px 15px;
}
/* Tabs */
.nav-tabs {
  background-color: #f4f4f4;
  padding-top: 1rem;
}
.nav-tabs .nav-link {
  color: #585858;
  font-size: 14px;
  font-weight: 500;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
  background-color: #00A0D2;
  border-color: #00A0D2 #00A0D2 transparent;
  color: #ffffff;
  margin-top: -1.7em;
  padding-top: 2rem;
  border-radius: 0;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
  color: #979797;
}
/* Sub nav-tabs
-----------------------------------------------*/
.secondary-nav-tabs {
  background-color: #ffffff;
  border-bottom: 2px solid #d8d8d8 !important;
}
.secondary-nav-tabs .nav-link {
  font-size: 16px;
  color: #00A0D2;
}
.secondary-nav-tabs .nav-link.active, .secondary-nav-tabs .nav-link.active:focus, .secondary-nav-tabs .nav-link.active:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: transparent;
  padding-top: 1rem;
}
/* Sub nav-tabs
-----------------------------------------------*/
.tertiary-nav-tabs {
  background-color: #ffffff;
  border-bottom-width: 0;
}
.tertiary-nav-tabs.nav-tabs {
  padding-top: 0;
}
.tertiary-nav-tabs .nav-item {
  width: 192px;
}
.tertiary-nav-tabs .nav-item .nav-link {
  font-size: 16px;
  background-color: #ffffff;
  color: #585858;
  text-align: center;
}
.tertiary-nav-tabs .nav-item .nav-link.active, .tertiary-nav-tabs .nav-item .nav-link.active:focus, .tertiary-nav-tabs .nav-item .nav-link.active:hover {
  background-color: #00A0D2;
  color: #ffffff;
  margin-top: 0;
  padding: 10px;
}
.card-tabs .card-header {
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: calc(100% - 2.5rem);
}
.card-tabs .card-header h1,
.card-tabs .card-header h2,
.card-tabs .card-header h3,
.card-tabs .card-header h4,
.card-tabs .card-header h5,
.card-tabs .card-header h6 {
  margin-bottom: 0;
  margin-top: 1rem;
}
.card-tabs .card-text {
  margin-top: 0;
}
.card-tabs .nav-tabs {
  background-color: transparent;
}
.card-tabs .nav-link.active,
.card-tabs .nav-link.active:focus,
.card-tabs .nav-link.active:hover {
  background-color: #00607d;
  border-color: #00607d #00607d transparent;
}
.card-tabs.card-inverse .card-header h1,
.card-tabs.card-inverse .card-header h2,
.card-tabs.card-inverse .card-header h3,
.card-tabs.card-inverse .card-header h4,
.card-tabs.card-inverse .card-header h5,
.card-tabs.card-inverse .card-header h6 {
  color: #fff;
}
.card-tabs.card-inverse .nav-link {
  color: #fff;
}
.card-tabs.card-inverse .nav-link.disabled, .card-tabs.card-inverse .nav-link.disabled:focus, .card-tabs.card-inverse .nav-link.disabled:hover {
  color: #979797;
}
.card-header-tabs {
  margin-left: 2rem;
}
.card-header-tabs li a.active {
  border-top: 7px solid #00A0D2 !important;
  padding-top: 1.7em !important;
}
.card-inverse .card-header {
  border-bottom: 1px solid #707070;
}
.card-inverse .card-header .nav-link.active {
  border-bottom-color: #707070;
}
.tab a {
  padding: 0.75rem 0.75rem 1.5rem;
  font-weight: 400;
  background-color: #585858;
  height: 75px;
}
.tab a.btn {
  border-width: 0;
  width: 100%;
  text-align: left;
}
.tab a:after {
  content: "\e906";
  font-family: "willis_fonts";
  transform: rotate(180deg);
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 25px;
}
.tab a.collapsed {
  background-color: #00A0D2;
  border-width: 0px;
}
.tab a.collapsed.btn-primary, .tab a.collapsed.btn-danger {
  border-color: #00A0D2;
}
.tab a.collapsed:after {
  transform: rotate(0deg);
}
.tab a:hover, .tab a:focus {
  color: #ffffff;
  background-color: #585858;
}
.tab a:hover.btn-primary, .tab a.btn-danger:hover, .tab a:focus.btn-primary, .tab a.btn-danger:focus {
  border-color: #444444;
}
.page-tabs-header .tabs-menu ul li a {
  color: #00A0D2;
}
.page-tabs-header .tabs-menu ul li a:hover, .page-tabs-header .tabs-menu ul li a:focus {
  color: #007FA7;
  text-decoration: underline;
}
.strategy-tabs .collapsed-target-container .card {
  background: #585858 !important;
}
table, .table {
  font-size: 0.875rem;
  color: #444444;
}
table th, table td, .table th, .table td {
  padding: 0.5rem 0.75rem;
}
table th.column-sort span:before, .table th.column-sort span:before {
  color: #00A0D2;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  left: -5px;
}
table th.column-sort span.icon-combo-arrow:before, .table th.column-sort span.icon-combo-arrow:before {
  font-size: 14px;
  font-weight: normal;
}
tbody tr.active {
  background-color: #444444 !important;
  color: #fff !important;
}
tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}
tbody tr.even {
  background-color: #f4f4f4;
}
.tb-container {
  display: table;
}
.tb-container .tb-row {
  display: table-row;
}
.tb-container .tb-row .tb-cell {
  display: table-cell;
}
.table-bordered--mod {
  border: 2px solid #c5c5c5;
  border-top-width: 0;
  border-bottom-width: 1px;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #c5c5c5;
}
.table-bordered--mod .table {
  margin-bottom: 0;
}
.table-bordered--mod .table th, .table-bordered--mod .table td {
  padding: 0.3rem;
  font-weight: 500;
}
.thead-inverse th {
  background-color: #585858;
  border: 1px solid #585858;
  font-weight: 400;
}
.table.table-sm {
  font-size: 0.75rem;
  background-color: transparent;
}
.table.table-sm tr:nth-of-type(odd), .table.table-sm tr.even {
  background-color: transparent;
}
.table.table-sm tr th {
  border-bottom-width: 0;
  border-top-width: 0;
  padding: 0.75rem;
}
.table.table-sm tr td {
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  padding-left: 0.75rem;
  vertical-align: middle;
}
.table.table-sm tr td [contenteditable=true] {
  padding: 0.5rem 0.75rem;
  margin-left: -0.75rem;
}
.table.table-sm tr td a[id^=detail] {
  float: left;
}
.table.table-sm tr td:last-child {
  border-right-width: 0;
}
.table.table-sm tr:last-child td {
  border-bottom: 1px solid #d8d8d8;
}
.table tr td .status {
  color: #ffffff;
  border-radius: 20px;
  padding: 3px 8px;
  display: block;
  text-align: center;
  font-size: 12px;
}
.table tr.incomplete td .status {
  background-color: #de7400;
}
@media (max-width: 767px) {
  .table tr.incomplete td .status {
    text-indent: initial;
  }
}
.table tr.complete td .status {
  background-color: #009966;
}
.table-12 {
  font-size: 0.75rem;
  color: #1D1D1B !important;
}
.table.table-bordered {
  border-width: 0;
  background-color: transparent;
  font-size: 12px;
}
.table.table-bordered thead tr {
  background-color: transparent !important;
}
.table.table-bordered thead th {
  border-width: 0;
  padding: 0 0.5rem 0.5rem;
  border-bottom: solid 2px #00A0D2;
}
.table.table-bordered thead th:first-child {
  padding: 0 0.5rem 0.5rem 0;
  border-bottom: solid 2px #c5c5c5;
  border-right: solid 3px #f4f4f4;
}
.table.table-bordered thead:after {
  content: "-";
  display: block;
  line-height: 1em;
  color: transparent;
}
.table.table-bordered tbody {
  background-color: #ffffff;
  border: 2px solid #d8d8d8;
}
.table.table-bordered tbody td {
  border: 1px solid #d8d8d8;
  padding: 0;
  vertical-align: middle;
}
.table.table-bordered tbody td:nth-child(2), .table.table-bordered tbody td:nth-child(3), .table.table-bordered tbody td:nth-child(4), .table.table-bordered tbody td:nth-child(5) {
  text-align: right;
}
.table.table-bordered tbody td [contenteditable=true] {
  padding: 0.5rem;
}
.table.table-bordered tbody td div.percentage {
  padding: 0.5rem;
}
.table.table-bordered tbody td div.percentage:after {
  content: "%";
}
.table.table-bordered tbody td:first-child {
  background-color: #f4f4f4;
  padding-left: 0.5rem;
}
.table.table-bordered tbody td.has-warning {
  border-bottom: 2px solid #de7400;
  background-color: #f4f4f4;
}
.table.table-bordered tbody td.has-danger {
  border-bottom: 2px solid #a31e22;
  background-color: #f4f4f4;
}
.group-table h4 {
  border-bottom: 1px solid #c5c5c5;
  padding: 15px 0;
}
.group-table .table.table-bordered {
  margin: 0;
}
.group-table .table.table-bordered tbody tr th {
  background-color: #ebebeb;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
  padding: 0.5rem;
  text-align: right;
  font-weight: 500;
}
.group-table .table.table-bordered tbody tr th:nth-child(3) {
  padding: 0;
}
.group-table .table.table-bordered tbody tr th:first-child {
  text-align: left;
}
.group-table .table.table-bordered tbody tr td {
  font-size: 12px;
  text-align: right;
}
.group-table .table.table-bordered tbody tr td:nth-child(3) {
  padding: 0;
}
.group-table .table.table-bordered tbody tr td:first-child {
  text-align: left;
}
.group-table .table.total td {
  background-color: #f4f4f4 !important;
  color: #000000;
  font-weight: bold;
}
.group-table .table.total td:nth-child(2) {
  text-align: right;
}
.table-striped thead th {
  border-top-width: 0;
  border-bottom-width: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f4f4f4;
}
.table-striped tbody tr td {
  border-right: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  text-align: right;
}
.table-striped tbody tr td:last-child {
  border-right-width: 0;
}
/* Dropdowns */
.dropdown-toggle::after {
  display: none;
}
a.dropdown-toggle:not([href]):not([tabindex]),
a.dropdown-toggle:not([href]):not([tabindex]):focus,
a.dropdown-toggle:not([href]):not([tabindex]):hover,
a.dropdown-toggle {
  background-color: transparent;
  color: #585858;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  border-radius: 0;
  width: 100%;
}
.dropdown-menu {
  position: absolute;
  top: 96%;
  left: 0;
  z-index: 1000;
  display: block;
  text-align: left;
  list-style: none;
  background-color: #f4f4f4;
  background-clip: padding-box;
  border: 0;
  border-top: 2px solid #009ed1;
  border-radius: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .dropdown-menu {
    top: 75%;
  }
}
.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  background-color: #ecedee;
}
.dropdown-divider {
  height: 2px;
  margin: 0.5rem auto;
  width: calc(100% - 2rem);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #444444;
}
.dropdown-divider {
  height: 2px;
  margin: 0;
  width: 100%;
  overflow: hidden;
  background-color: #d8d8d8;
}
.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  background-color: #ecedee;
  color: #979797;
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  color: #009ed1;
  text-decoration: none;
  background-color: #f4f4f4;
  outline: 0;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1rem;
  clear: both;
  font-weight: 400;
  color: #000;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.show .icon-more:after, .show .icon-more-table:after {
  color: #fff !important;
}
.show > .dropdown-menu {
  max-height: 250px;
}
.show > .dropdown-menu.dropdown-menu--titelbar {
  width: 400px;
  padding: 2px 0 0;
  margin: 20px 0 15px;
}
.show > .dropdown-menu.dropdown-menu--titelbar .dropdown-item {
  font-size: 20px;
  padding: 10px 15px;
}
.dropdown-menu--actions {
  right: 0;
  left: auto;
  background-color: #444444;
  border-top-width: 0;
  font-size: 13px;
  padding: 0 10px;
  max-height: 0;
  min-width: 180px;
  overflow: hidden;
  transition: max-height 500ms ease;
}
@media (max-width: 991px) {
  .dropdown-menu--actions {
    width: auto;
  }
}
@media (max-width: 767px) {
  .dropdown-menu--actions {
    width: 100vw;
  }
}
.dropdown-menu--actions .dropdown-item {
  color: #fff;
  border-bottom: 1px solid #707070;
  padding: 8px;
  transition: color 0.5s ease-in;
}
.dropdown-menu--actions .dropdown-item span {
  position: absolute;
  right: 15px;
  padding: 3px;
  transition: color 0.5s ease-in;
  color: #ffffff;
  font-size: 18px;
}
.dropdown-menu--actions .dropdown-item:hover, .dropdown-menu--actions .dropdown-item:focus {
  color: #d8d8d8;
}
.dropdown-menu--actions .dropdown-item:hover span, .dropdown-menu--actions .dropdown-item:focus span {
  color: #d8d8d8;
}
.dropdown-menu--actions .dropdown-item:last-child {
  border-bottom-width: 0;
}
a.dropdown-toggle:not([href]):not([tabindex]),
a.dropdown-toggle:not([href]):not([tabindex]):focus,
a.dropdown-toggle:not([href]):not([tabindex]):hover,
a.dropdown-toggle {
  font-weight: 400;
}
.mobile-nav {
  padding: 6px 0 0 !important;
  margin-right: 0;
}
.more-dropdown, .view-more {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.more-dropdown .dropdown-content, .view-more .dropdown-content {
  display: none;
  position: absolute;
  right: 10px;
  background-color: #55595c;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: -2px;
}
.more-dropdown .dropdown-content a, .view-more .dropdown-content a {
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  display: block;
}
.more-dropdown .dropdown-content a:hover, .view-more .dropdown-content a:hover {
  background-color: #444444;
  color: #ffffff;
}
.more-dropdown .dropdown-content a span:before, .view-more .dropdown-content a span:before {
  color: #c6c6c5;
  padding-right: 1rem;
  position: relative;
  top: 3px;
}
.more-dropdown:hover .dropdown-content, .view-more:hover .dropdown-content {
  display: block;
}
.more-dropdown .icon-more-table:after, .view-more .icon-more-table:after {
  color: #00A0D2 !important;
  left: 0;
}
.more-dropdown .icon-view-more:before, .view-more .icon-view-more:before {
  color: #979797;
  font-size: 20px;
}
.dropdown-menu--login, .language-dropdown .dropdown-menu {
  right: 0;
  left: auto;
  background-color: #f4f4f4;
  color: #444444;
  border-top-width: 0;
  font-size: 13px;
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease;
}
@media (max-width: 991px) {
  .dropdown-menu--login, .language-dropdown .dropdown-menu {
    width: auto;
    top: 96%;
  }
}
@media (max-width: 767px) {
  .dropdown-menu--login, .language-dropdown .dropdown-menu {
    width: 100vw;
  }
}
.dropdown-menu--login .dropdown-item, .language-dropdown .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #e4e4e4;
  padding: 8px 15px 8px 35px;
  transition: color 0.5s ease-in;
  color: #444444;
}
.dropdown-menu--login .dropdown-item span, .language-dropdown .dropdown-menu .dropdown-item span {
  position: absolute;
  left: 15px;
  padding: 0;
  transition: color 0.5s ease-in;
  color: #000000;
  margin-top: -2px;
}
.dropdown-menu--login .dropdown-item:hover, .language-dropdown .dropdown-menu .dropdown-item:hover, .dropdown-menu--login .dropdown-item:focus, .language-dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #f4f4f4;
}
.dropdown-menu--login .dropdown-item:hover span, .language-dropdown .dropdown-menu .dropdown-item:hover span, .dropdown-menu--login .dropdown-item:focus span, .language-dropdown .dropdown-menu .dropdown-item:focus span {
  color: #007FA7;
}
.dropdown-menu--login .dropdown-item:last-child, .language-dropdown .dropdown-menu .dropdown-item:last-child {
  border-bottom-width: 0;
}
.dropdown-menu--login .sign-out, .language-dropdown .dropdown-menu .sign-out {
  text-align: right;
  color: #00A0D2;
  padding: 15px 35px;
}
.dropdown-menu--login .sign-out span, .language-dropdown .dropdown-menu .sign-out span {
  right: 15px;
}
.dropdown-menu--titelbar {
  display: none;
  border-top-width: 0;
  background-color: #ecedee;
  top: 92%;
  margin: 20px 0 0;
}
.show .dropdown-menu--login, .show .language-dropdown .dropdown-menu, .language-dropdown .show .dropdown-menu {
  border-top: 2px solid #00A0D2;
}
.view-more a:hover, .view-more a:active, .view-more a:focus {
  text-decoration: none;
}
.view-more a:hover span:before, .view-more a:active span:before, .view-more a:focus span:before {
  color: #ffffff;
}
.view-more .dropdown-content {
  top: 30px;
  right: -4px;
  min-width: 150px;
  background-color: #444444;
  z-index: 2;
}
.view-more .dropdown-content a {
  font-weight: 400;
  padding: 10px;
}
.view-more .dropdown-content:before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #444444;
  position: absolute;
  top: -10px;
  right: 5px;
}
.language-dropdown span {
  font-size: 0.875rem;
  color: #00A0D2;
}
.language-dropdown .dropdown-menu {
  padding: 0;
}
.language-dropdown .dropdown-menu .dropdown-item {
  padding: 8px;
}
.language-dropdown .dropdown-menu .dropdown-item:hover, .language-dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #d8d8d8;
}
.language-dropdown.show .dropdown-menu {
  border-top: 2px solid #00A0D2;
  max-height: 250px;
  top: 31px;
}
.language-dropdown.show .icon-down_arrow:before {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: inline-block;
}
/* Button Groups */
.btn-group:focus, .btn-group:hover {
  cursor: pointer;
}
.btn-group .btn-group {
  border-bottom: 0;
}
.btn-group .btn-group .btn:first-child::before {
  display: block;
}
.btn-group button.btn {
  background-color: #f4f4f4;
  color: #585858;
  border-radius: 0;
  outline: 0;
  width: 100%;
  text-align: left;
}
.btn-group button.btn:focus, .btn-group button.btn:hover {
  background-color: #444;
  color: #fff;
  outline: 0;
  cursor: pointer;
}
.btn-group button.btn:focus::before, .btn-group button.btn:hover::before {
  display: none;
}
.btn-group button.btn::before {
  background-color: #cacaca;
  content: "";
  height: 1.2rem;
  left: 0;
  position: absolute;
  top: 0.5rem;
  width: 1px;
}
.btn-group button.btn:first-child::before {
  display: none;
}
.btn-group button.btn.active {
  background-color: #009ed1;
  color: #fff;
}
.btn-group button.btn:disabled {
  background-color: #ecedee;
  color: #c5c5c5;
}
.btn-group button.btn:disabled:focus::before, .btn-group button.btn:disabled:hover::before {
  display: block;
}
.btn-group button.btn.dropdown-toggle:focus, .btn-group button.btn.dropdown-toggle:hover {
  background-color: #f4f4f4;
  color: #000000;
}
.btn-group button.btn.large-dropdown {
  font-size: 36px;
  padding: 22px 20px 22px 10px;
  margin: -24px 0 -19px;
  color: #000000;
  font-weight: 300;
  line-height: 0.8;
}
.btn-group.btn-group-lg .btn::before {
  height: 1.8rem;
  top: 0.6rem;
}
.btn-group.btn-group-sm .btn::before {
  height: 0.8rem;
  top: 0.35rem;
}
.btn-group.open .caret {
  transform: rotate(180deg);
}
.btn-group.open .caret {
  transform: rotate(180deg);
}
/* Carets */
.caret {
  display: inline-block;
  height: 6px;
  margin-left: 0.8rem;
  position: relative;
  top: -0.1rem;
  transition: transform 0.3s;
  width: 12px;
}
.caret::before {
  border-left: 11px solid transparent;
  border-radius: 40%;
  border-right: 11px solid transparent;
  border-top: 11px solid #00A0D2;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.caret::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #f4f4f4;
  content: "";
  left: 3px;
  position: absolute;
  top: -1px;
}
.btn .caret {
  margin-left: 0.8rem;
}
.navbar-nav .caret {
  margin-left: 0.3rem;
}
.dropdown.open .caret {
  transform: rotate(180deg);
}
.caret-white::before {
  border-top: 6px solid #fff;
}
.caret-gray::before {
  border-top: 6px solid #585858;
}
.caret-black::before {
  border-top: 6px solid #000;
}
.caret-bg-gray::after {
  border-top: 3px solid #f4f4f4;
}
.caret-bg-dark-gray::after {
  border-top: 3px solid #585858;
}
.btn-group.show .caret {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  left: 10px;
  top: 14px;
}
.btn-group {
  padding: 0;
}
.btn-group.show .btn.large-dropdown.dropdown-toggle {
  background-color: #ecedee;
}
.caret {
  float: right;
  top: 11px;
}
/* Buttons */
.btn {
  cursor: pointer;
  border-radius: 0;
  line-height: 1.25;
}
@media (max-width: 575px) {
  .btn {
    font-size: 0.875rem;
  }
}
.btn:hover, .btn:focus {
  box-shadow: 0 0 0 0 rgba(2, 117, 216, 0.5);
  color: #ffffff;
}
.btn .icon-play-circle {
  color: #ffffff;
}
.btn .icon-play-circle:before {
  font-size: 25px;
  position: relative;
  top: 2px;
}
.btn-secondary.active, .btn-secondary:active, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:hover, .open > .btn-secondary.dropdown-toggle {
  background-color: #f4f4f4;
  border-color: #00A0D2;
  color: #00A0D2;
}
.btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled:hover {
  color: #767676;
  background-color: #f4f4f4;
  border-color: #979797;
}
.btn-tertiary {
  background-color: transparent;
  border-color: #00A0D2;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  color: #585858;
  font-size: 13px;
  line-height: 1;
}
.btn-tertiary.focus, .btn-tertiary:focus, .btn-tertiary:hover {
  background-color: #00A0D2;
  border-left-color: #00A0D2;
  border-right-color: #00A0D2;
  border-top-color: #00A0D2;
  color: #fff;
}
.btn-tertiary.disabled, .btn-tertiary:disabled, .btn-tertiary.disabled.focus, .btn-tertiary.disabled:focus, .btn-tertiary.disabled:hover, .btn-tertiary:disabled.focus, .btn-tertiary:disabled:focus, .btn-tertiary:disabled:hover {
  background-color: transparent;
  border-color: #bfc1c1;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  color: #767676;
}
.btn-link {
  font-weight: 500;
}
.btn-link .disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover,
.btn-success.disabled,
.btn-success:disabled,
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover,
.btn-info.disabled,
.btn-info:disabled,
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover,
.btn-warning.disabled,
.btn-warning:disabled,
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover,
.btn-danger.disabled,
.btn-danger:disabled,
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover {
  background-color: #bfc1c1;
  border-color: transparent;
}
.btn-primary, .btn-danger {
  color: #fff;
  background-color: #00A0D2;
  border-color: #00A0D2;
  font-weight: 400;
}
.btn-primary:focus, .btn-danger:focus, .btn-primary:hover, .btn-danger:hover {
  background-color: #007FA7;
  border-color: transparent;
}
.btn-secondary {
  color: #979797;
  background-color: #f4f4f4;
  border-color: #979797;
}
.btn-secondary:hover {
  background-color: #f4f4f4;
  border-color: #00A0D2;
  color: #00A0D2;
}
.btn-secondary.btn-secondary--modify {
  background-color: transparent;
}
.close-btn {
  padding-right: 5px;
}
.btn-danger {
  background-color: #a31e22;
  border-color: #a31e22;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #750d10;
  border-color: #750d10;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.primary-icon-link, .tertiary-icon-link, .secondary-icon-link {
  color: #00A0D2;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  font-size: 1rem;
}
.primary-icon-link [class^=icon-], .tertiary-icon-link [class^=icon-], .secondary-icon-link [class^=icon-], .primary-icon-link [class*=" icon-"], .tertiary-icon-link [class*=" icon-"], .secondary-icon-link [class*=" icon-"] {
  margin: 0 5px 0 0px;
  display: table-cell;
}
.primary-icon-link [class^=icon-]:before, .tertiary-icon-link [class^=icon-]:before, .secondary-icon-link [class^=icon-]:before, .primary-icon-link [class*=" icon-"]:before, .tertiary-icon-link [class*=" icon-"]:before, .secondary-icon-link [class*=" icon-"]:before {
  top: 2px;
  position: relative;
  color: #00A0D2;
}
.primary-icon-link span:last-child, .tertiary-icon-link span:last-child, .secondary-icon-link span:last-child {
  display: table-cell;
  padding-left: 5px;
  top: -2px;
  position: relative;
}
.primary-icon-link:hover, .tertiary-icon-link:hover, .secondary-icon-link:hover, .primary-icon-link:focus, .tertiary-icon-link:focus, .secondary-icon-link:focus {
  text-decoration: none;
  color: #00A0D2;
}
.primary-icon-link:hover [class^=icon-]:before, .tertiary-icon-link:hover [class^=icon-]:before, .secondary-icon-link:hover [class^=icon-]:before, .primary-icon-link:hover [class*=" icon-"]:before, .tertiary-icon-link:hover [class*=" icon-"]:before, .secondary-icon-link:hover [class*=" icon-"]:before, .primary-icon-link:focus [class^=icon-]:before, .tertiary-icon-link:focus [class^=icon-]:before, .secondary-icon-link:focus [class^=icon-]:before, .primary-icon-link:focus [class*=" icon-"]:before, .tertiary-icon-link:focus [class*=" icon-"]:before, .secondary-icon-link:focus [class*=" icon-"]:before {
  color: #00A0D2;
  text-decoration: none;
}
.primary-icon-link:hover span:last-child, .tertiary-icon-link:hover span:last-child, .secondary-icon-link:hover span:last-child, .primary-icon-link:focus span:last-child, .tertiary-icon-link:focus span:last-child, .secondary-icon-link:focus span:last-child {
  text-decoration: underline;
  color: #007FA7;
}
.primary-icon-link:active, .tertiary-icon-link:active, .secondary-icon-link:active {
  text-decoration: none;
  color: #00A0D2;
}
.primary-icon-link:active [class^=icon-]:before, .tertiary-icon-link:active [class^=icon-]:before, .secondary-icon-link:active [class^=icon-]:before, .primary-icon-link:active [class*=" icon-"]:before, .tertiary-icon-link:active [class*=" icon-"]:before, .secondary-icon-link:active [class*=" icon-"]:before {
  color: #00A0D2;
  text-decoration: none;
}
.primary-icon-link:active span:last-child, .tertiary-icon-link:active span:last-child, .secondary-icon-link:active span:last-child {
  text-decoration: underline;
  color: #00607D;
}
.secondary-icon-link {
  color: #000000;
}
.tertiary-icon-link {
  color: #00A0D2;
}
.tertiary-icon-link [class^=icon-]:before, .tertiary-icon-link [class*=" icon-"]:before {
  color: #979797;
}
.tertiary-icon-link:hover [class^=icon-]:before, .tertiary-icon-link:hover [class*=" icon-"]:before, .tertiary-icon-link:focus [class^=icon-]:before, .tertiary-icon-link:focus [class*=" icon-"]:before, .tertiary-icon-link:active [class^=icon-]:before, .tertiary-icon-link:active [class*=" icon-"]:before {
  color: #979797;
}
.primary-icon-link--mod {
  color: #00A0D2;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  font-size: 1rem;
}
.primary-icon-link--mod [class^=icon-], .primary-icon-link--mod [class*=" icon-"] {
  display: table-cell;
}
.primary-icon-link--mod [class^=icon-]:before, .primary-icon-link--mod [class*=" icon-"]:before {
  top: 2px;
  position: relative;
  color: #00A0D2;
}
.primary-icon-link--mod span:first-child {
  display: table-cell;
  padding-right: 5px;
  top: -2px;
  position: relative;
}
.primary-icon-link--mod:hover, .primary-icon-link--mod:focus {
  text-decoration: none;
  color: #00A0D2;
}
.primary-icon-link--mod:hover [class^=icon-]:before, .primary-icon-link--mod:hover [class*=" icon-"]:before, .primary-icon-link--mod:focus [class^=icon-]:before, .primary-icon-link--mod:focus [class*=" icon-"]:before {
  color: #00A0D2;
  text-decoration: none;
}
.primary-icon-link--mod:hover span:first-child, .primary-icon-link--mod:focus span:first-child {
  text-decoration: underline;
  color: #007FA7;
}
.primary-icon-link--mod:active {
  text-decoration: none;
  color: #00A0D2;
}
.primary-icon-link--mod:active [class^=icon-]:before, .primary-icon-link--mod:active [class*=" icon-"]:before {
  color: #00A0D2;
  text-decoration: none;
}
.primary-icon-link--mod:active span:first-child {
  text-decoration: underline;
  color: #00607D;
}
@media (max-width: 767px) {
  .btn-back {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .btn-back span:nth-of-type(2) {
    display: none;
  }
}
.btn-back .icon-back:after {
  display: none;
}
@media (max-width: 767px) {
  .btn-back .icon-back:after {
    display: block;
    margin: -10px -18px 0 0;
    padding: 8px 12px;
  }
}
.btn-back .icon-back:hover:after, .btn-back .icon-back:focus:after {
  color: #00A0D2;
}
.btn-word-wrap {
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.btn-full-word-wrap {
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  white-space: normal;
}
.btn-full-width {
  width: 100%;
}
/* Cards */
.card-img-bottom,
.card-img-top {
  max-width: 100%;
}
.card-title {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  padding-bottom: 1rem;
}
.card-text {
  color: #585858;
  font-size: 1rem;
}
.card-text:first-of-type {
  margin-top: 1.5rem;
}
.bg-software-gray-1 {
  background: #f4f4f4;
}
.card {
  background-color: #f4f4f4;
  border-radius: 0;
  border: 0;
  padding: 0;
}
.card .card-header {
  border-bottom: 2px solid #00A0D2;
  border-top: 1px solid #d8d8d8;
  padding: 0;
}
.card .card-header a h5 {
  padding: 0.75rem;
  color: #000000;
  background-color: #ecedee;
}
.card .card-header a h5:after {
  content: "\e906";
  font-family: "willis_fonts";
  transform: rotate(180deg);
  display: inline-block;
  position: absolute;
  right: 10px;
  color: #00A0D2;
}
.card .card-header a.collapsed h5 {
  background-color: transparent;
  color: #55595c;
}
.card .card-header a.collapsed h5:after {
  content: "\e906";
  font-family: "willis_fonts";
  transform: rotate(0deg);
  display: inline-block;
  position: absolute;
  right: 10px;
  color: #00A0D2;
}
.card .card-header a:hover, .card .card-header a:focus {
  text-decoration: none;
}
.card .card-body {
  padding: 0.75rem;
}
.card-inverse {
  background-color: #444;
}
.card-inverse .card-title {
  border-bottom: 1px solid #585858;
}
.card-inverse .card-text {
  color: #fff;
}
.card-floating {
  background-color: #f4f4f4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.card-floating .card-title {
  border-bottom: 0;
  margin-bottom: 0;
}
.card-floating .card-text {
  color: #585858;
  margin-top: 0;
}
.login-page,
.error-page {
  background: #ffffff;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; /*centers items on the line (the x-axis by default)*/
  align-items: center; /*centers items on the cross-axis (y by default)*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .login-page,
.error-page {
    display: block;
    overflow: unset;
    background: #f4f4f4;
  }
}
.login-page .card.login-card, .login-page .card.error-card,
.error-page .card.login-card,
.error-page .card.error-card {
  width: 100%;
  max-width: 730px;
  margin: 0;
  background: #f4f4f4; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #d8d8d8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}
@media (max-width: 767px) {
  .login-page .card.login-card, .login-page .card.error-card,
.error-page .card.login-card,
.error-page .card.error-card {
    position: static;
    width: auto;
    padding: 20px 0 0 0;
    height: auto;
    background: #f4f4f4;
  }
}
.login-page .card.login-card .card-block, .login-page .card.error-card .card-block,
.error-page .card.login-card .card-block,
.error-page .card.error-card .card-block {
  border-bottom: 2px solid #00A0D2;
}
@media (max-width: 767px) {
  .login-page .card.login-card .card-block, .login-page .card.error-card .card-block,
.error-page .card.login-card .card-block,
.error-page .card.error-card .card-block {
    border: none;
  }
}
.login-page .card.login-card .card-block .header--title--logo, .login-page .card.error-card .card-block .header--title--logo,
.error-page .card.login-card .card-block .header--title--logo,
.error-page .card.error-card .card-block .header--title--logo {
  width: 100%;
  max-width: 222px;
  display: block;
  margin: 10px 0 0 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card .card-block .header--title--logo, .login-page .card.error-card .card-block .header--title--logo,
.error-page .card.login-card .card-block .header--title--logo,
.error-page .card.error-card .card-block .header--title--logo {
    max-width: 280px;
  }
}
.login-page .card.login-card .card-block .header--title--logo img, .login-page .card.error-card .card-block .header--title--logo img,
.error-page .card.login-card .card-block .header--title--logo img,
.error-page .card.error-card .card-block .header--title--logo img {
  width: 100%;
}
.login-page .card.login-card .page-title, .login-page .card.error-card .page-title,
.error-page .card.login-card .page-title,
.error-page .card.error-card .page-title {
  margin: 120px 0 190px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card .page-title, .login-page .card.error-card .page-title,
.error-page .card.login-card .page-title,
.error-page .card.error-card .page-title {
    margin: 26px 0 57px 0;
  }
}
.login-page .card.login-card .page-title h1, .login-page .card.error-card .page-title h1,
.error-page .card.login-card .page-title h1,
.error-page .card.error-card .page-title h1 {
  padding: 0;
  margin: 0;
  display: inline-block;
  border: none;
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767px) {
  .login-page .card.login-card .page-title h1, .login-page .card.error-card .page-title h1,
.error-page .card.login-card .page-title h1,
.error-page .card.error-card .page-title h1 {
    font-size: 20px;
    padding: 8px 0 0 0;
  }
}
.login-page .card.login-card .overlay-content, .login-page .card.error-card .overlay-content,
.error-page .card.login-card .overlay-content,
.error-page .card.error-card .overlay-content {
  position: absolute;
  top: -30px;
  right: 35px;
  z-index: 1;
  background: #f4f4f4;
  width: 100%;
  max-width: 355px;
  height: 478px;
  padding: 50px;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content, .login-page .card.error-card .overlay-content,
.error-page .card.login-card .overlay-content,
.error-page .card.error-card .overlay-content {
    position: static;
    padding: 0;
    height: auto;
    max-width: 100%;
  }
}
.login-page .card.login-card .overlay-content h2, .login-page .card.error-card .overlay-content h2,
.error-page .card.login-card .overlay-content h2,
.error-page .card.error-card .overlay-content h2 {
  font-size: 28px;
  font-weight: 300;
  color: #000000;
  margin: 0 0 30px 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content h2, .login-page .card.error-card .overlay-content h2,
.error-page .card.login-card .overlay-content h2,
.error-page .card.error-card .overlay-content h2 {
    margin: 0 0 50px 0;
  }
}
.login-page .card.login-card .overlay-content .form-group, .login-page .card.error-card .overlay-content .form-group,
.error-page .card.login-card .overlay-content .form-group,
.error-page .card.error-card .overlay-content .form-group {
  padding: 0 0 30px 0;
  margin: 0;
}
.login-page .card.login-card .overlay-content .form-group label, .login-page .card.error-card .overlay-content .form-group label,
.error-page .card.login-card .overlay-content .form-group label,
.error-page .card.error-card .overlay-content .form-group label {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content .form-group label, .login-page .card.error-card .overlay-content .form-group label,
.error-page .card.login-card .overlay-content .form-group label,
.error-page .card.error-card .overlay-content .form-group label {
    font-size: 16px;
    padding: 0 0 10px 0;
  }
}
.login-page .card.login-card .overlay-content .form-group input::placeholder, .login-page .card.error-card .overlay-content .form-group input::placeholder,
.error-page .card.login-card .overlay-content .form-group input::placeholder,
.error-page .card.error-card .overlay-content .form-group input::placeholder {
  color: #c6c6c5;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content .form-group .btn, .login-page .card.error-card .overlay-content .form-group .btn,
.error-page .card.login-card .overlay-content .form-group .btn,
.error-page .card.error-card .overlay-content .form-group .btn {
    width: 100%;
    padding: 11px 0;
    font-size: 20px;
  }
}
.login-page .card.login-card .overlay-content ul.secondary-links, .login-page .card.error-card .overlay-content ul.secondary-links,
.error-page .card.login-card .overlay-content ul.secondary-links,
.error-page .card.error-card .overlay-content ul.secondary-links {
  margin: 56px 0 0 0;
  padding: 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content ul.secondary-links, .login-page .card.error-card .overlay-content ul.secondary-links,
.error-page .card.login-card .overlay-content ul.secondary-links,
.error-page .card.error-card .overlay-content ul.secondary-links {
    margin: 0 0 30px 0;
  }
}
.login-page .card.login-card .overlay-content ul.secondary-links li, .login-page .card.error-card .overlay-content ul.secondary-links li,
.error-page .card.login-card .overlay-content ul.secondary-links li,
.error-page .card.error-card .overlay-content ul.secondary-links li {
  padding: 0;
  margin: 0;
}
.login-page .card.login-card .overlay-content ul.secondary-links li a, .login-page .card.error-card .overlay-content ul.secondary-links li a,
.error-page .card.login-card .overlay-content ul.secondary-links li a,
.error-page .card.error-card .overlay-content ul.secondary-links li a {
  color: #767676;
  font-size: 13px;
  border-bottom: 1px solid #00A0D2;
  text-decoration: none;
  width: 100%;
  padding: 0 7px 7px 7px;
}
@media (max-width: 767px) {
  .login-page .card.login-card .overlay-content ul.secondary-links li a, .login-page .card.error-card .overlay-content ul.secondary-links li a,
.error-page .card.login-card .overlay-content ul.secondary-links li a,
.error-page .card.error-card .overlay-content ul.secondary-links li a {
    font-size: 16px;
    padding: 0 8px 8px 8px;
  }
}
.login-page .card.login-card.error-card .error-content, .login-page .card.error-card.error-card .error-content,
.error-page .card.login-card.error-card .error-content,
.error-page .card.error-card.error-card .error-content {
  width: 100%;
  padding: 90px 50px 100px 50px;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .login-page .card.login-card.error-card .error-content, .login-page .card.error-card.error-card .error-content,
.error-page .card.login-card.error-card .error-content,
.error-page .card.error-card.error-card .error-content {
    padding: 90px 15px 100px 15px;
  }
}
.login-page .card.login-card.error-card .error-content h2, .login-page .card.error-card.error-card .error-content h2,
.error-page .card.login-card.error-card .error-content h2,
.error-page .card.error-card.error-card .error-content h2 {
  color: #707070;
  font-size: 36px;
  font-weight: 300;
  padding: 0 0 37px 0;
  margin: 0;
}
@media (max-width: 767px) {
  .login-page .card.login-card.error-card .error-content h2, .login-page .card.error-card.error-card .error-content h2,
.error-page .card.login-card.error-card .error-content h2,
.error-page .card.error-card.error-card .error-content h2 {
    color: #000000;
    font-size: 28px;
  }
}
.login-page .card.login-card.error-card .error-content p, .login-page .card.error-card.error-card .error-content p,
.error-page .card.login-card.error-card .error-content p,
.error-page .card.error-card.error-card .error-content p {
  color: #585858;
  font-size: 20px;
  line-height: 25px;
}
.login-page .card.login-card.error-card .error-content p a, .login-page .card.error-card.error-card .error-content p a,
.error-page .card.login-card.error-card .error-content p a,
.error-page .card.error-card.error-card .error-content p a {
  color: #00A0D2;
}
@media (max-width: 575px) {
  .login-page .card.login-card.error-card .error-content p a, .login-page .card.error-card.error-card .error-content p a,
.error-page .card.login-card.error-card .error-content p a,
.error-page .card.error-card.error-card .error-content p a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .login-page .banner-img,
.error-page .banner-img {
    display: none;
  }
}
.login-page .banner-img img,
.error-page .banner-img img {
  width: 100%;
}
.login-page.error-page .banner-img,
.error-page.error-page .banner-img {
  display: none;
}
@media (max-width: 575px) {
  .login-page.error-page .banner-img,
.error-page.error-page .banner-img {
    position: absolute;
    bottom: 0;
  }
}
.middle-content {
  background: #ffffff;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.middle-content p {
  font-size: 20px;
  font-weight: 500;
}
/* Accordions */
.accordion .card {
  border: 0;
  margin-bottom: 0;
}
.accordion .card-header {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}
.accordion .card-header a h5 {
  padding: 1.125rem 0.75rem;
  margin: 0;
}
.accordion .card-header a h5:after {
  content: "\f2b8";
}
.accordion .card-header a.collapsed h5:after {
  content: "\f2a7";
}
.accordion .card-block {
  background-color: #f4f4f4;
  color: #444444;
}
.tertiary-accordion .card .card-header {
  border-top-width: 0;
  border-bottom: 1px solid #c5c5c5;
}
.tertiary-accordion .card .card-header a h5 {
  background-color: #ffffff;
  color: #585858;
  font-size: 20px;
}
.tertiary-accordion .card .card-header a h5:after {
  content: "Hide";
  font-family: Neue Haas Grotesk, Arial, sans-serif !important;
  font-size: 12px;
  transform: rotate(0deg);
  margin-top: 10px;
}
.tertiary-accordion .card .card-header a.collapsed h5:after {
  content: "Show";
  font-family: Neue Haas Grotesk, Arial, sans-serif !important;
  font-size: 12px;
}
/* Alerts */
.modal-header {
  background-color: #f4f4f4;
  border-bottom: 2px solid #cccccc;
  position: relative;
}
.modal-header .close {
  margin-top: 5px;
  position: absolute;
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 15px;
  opacity: 0.2;
}
.modal-header h4 {
  font-weight: 500;
}
.modal-title {
  color: #000000;
  font-size: 1.5rem;
  word-break: break-word;
}
.modal-body {
  color: #585858;
  font-size: 14px;
}
.modal-dialog {
  margin: 10% auto;
}
@media (max-width: 575px) {
  .modal-dialog {
    max-width: 320px;
  }
}
.modal-content {
  border-radius: 0;
}
.modal-footer {
  border-top-width: 0;
}
@media (max-width: 575px) {
  .modal-footer {
    display: block;
  }
  .modal-footer button {
    width: 100%;
  }
  .modal-footer > :not(:first-child) {
    margin-left: 0;
  }
  .modal-footer > :not(:last-child) {
    margin-right: 0;
  }
}
.modal-footer .btn-primary, .modal-footer .btn-danger {
  min-width: 140px;
}
.modal-footer .btn-primary-layer-width {
  min-width: 90px;
}
.modal-footer button:nth-of-type(1) {
  order: 3;
  margin: 0 0.25rem;
}
@media (max-width: 575px) {
  .modal-footer button:nth-of-type(1) {
    margin: 0 0 1rem 0;
    order: 1;
  }
}
.modal-footer button:nth-of-type(2) {
  order: 2;
  margin: 0 0.25rem;
}
@media (max-width: 575px) {
  .modal-footer button:nth-of-type(2) {
    margin: 0 0 1rem 0;
    order: 2;
  }
}
.modal-footer button:nth-of-type(3) {
  order: 1;
  margin: 0 0.25rem;
}
@media (max-width: 575px) {
  .modal-footer button:nth-of-type(3) {
    margin: 0;
    order: 3;
  }
}
.modal-timeout {
  padding: 15px 3px;
  margin: auto;
}
.modal-timeout .btn,
.modal-timeout .btn-primary,
.modal-timeout .btn-danger {
  white-space: normal;
}
.modal-confirm-run .btn {
  white-space: normal;
}
.modal--without-header .modal-header {
  background-color: transparent;
  border-bottom: 0px solid transparent;
}
.modal--without-header .modal-body .modal-title {
  font-weight: 500;
}
.modal--without-header .modal-body p {
  margin: 20px 0;
}
.modal table th {
  display: none;
}
@media (min-width: 760px) {
  .modal table th {
    display: table-cell;
  }
}
.modal table td {
  display: block;
  padding: 0.5rem 0;
}
@media (min-width: 760px) {
  .modal table td {
    display: table-cell;
    padding: 0.75rem;
  }
}
.modal table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 40%;
  display: inline-block;
}
@media (min-width: 760px) {
  .modal table td:before {
    display: none;
  }
}
.modal table td:last-child {
  margin-bottom: 5px;
}
.modal table td:last-child:before {
  display: none;
}
.modal-lg {
  max-width: 880px;
}
@media (max-width: 991px) {
  .modal-lg {
    max-width: 500px;
  }
}
#currencyModal label {
  color: #000000;
}
#currencyModal .select-wrapper {
  color: #000000;
}
.modal-full-width {
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
}
.modal-full-width .modal-content {
  min-height: 100vh;
  min-width: 100vw;
}
@media (max-width: 991px) {
  .modal-full-width .modal-content {
    height: auto;
  }
}
.modal-full-width .modal-body {
  padding: 10px 0 30px;
}
.modal-full-width .modal-header {
  background-color: transparent;
  border-bottom-width: 0;
}
@media (max-width: 767px) {
  .modal-full-width {
    opacity: 0.95;
  }
}
.select-wrapper {
  background-color: #f4f4f4 !important;
  border: 0;
  border-radius: 0;
  border-bottom: solid 2px #c5c5c5;
  width: 100%;
  padding: 0.45rem 1.5rem 0.5rem 0.75rem;
  appearance: none;
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .select-wrapper {
    background: url("/assets/images/combo_arrows.svg") no-repeat;
    background-position: right 10px center;
    background-size: 10px;
  }
}
.select-wrapper:hover, .select-wrapper:focus {
  border-bottom: solid 2px #00A0D2;
  color: inherit;
  outline: 0;
}
.select-wrapper:after {
  content: "\ea7f";
  font-family: "willis_fonts";
  position: absolute;
  transform: rotate(90deg);
  display: inline-block;
  color: #00A0D2;
  top: 5px;
  right: 20px;
}
.select-wrapper.styled-select {
  border-top: solid 2px #c5c5c5;
  border-left: solid 2px #c5c5c5;
  border-right: solid 2px #c5c5c5;
  border-bottom-width: 0;
  padding: 1rem 1.5rem 1rem 0.75rem;
  font-size: 20px;
}
.theme-option:after {
  content: "\e913";
}
.theme--option--default {
  color: #444444;
  background: #f4f4f4;
}
select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .only-ie {
    border: 0;
    border-radius: 0;
  }
  .only-ie.add-industry:after {
    right: 113px;
    z-index: 999;
  }
  .only-ie:after {
    content: "\ea7f";
    font-family: "willis_fonts";
    position: absolute;
    transform: rotate(90deg);
    display: inline-block;
    color: #00A0D2;
    margin-top: 5px;
    right: 20px;
  }
  .only-ie select {
    padding: 0.4rem 2rem 0.4rem 0.75rem;
    border-bottom: 2px solid #c5c5c5;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    z-index: 10;
    font-size: 14px;
  }
  .only-ie--mod:after {
    top: 16px;
    right: 30px;
  }
}
.navbar-brand {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  padding: 0.5em 1em;
  cursor: pointer;
  right: 0;
}
.navbar-brand a {
  color: #ffffff;
  position: relative;
}
.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}
.navbar-brand a.nav-link {
  top: -10px;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: #ffffff;
  transition: all 0.1s ease;
  background: #444444;
}
.navbar-brand.active {
  color: #ffffff;
  transition: all 0.1s ease;
  background: #444444;
}
.navbar-toggleable-md .navbar-nav .nav-link {
  padding: 0.393em 1em;
}
.navbar-toggler {
  padding: 0 0.75rem;
}
.show > .nav-link[title=Actions] {
  background-color: #444444;
}
.alert {
  margin: 30px 0;
  border-radius: 0;
  word-wrap: break-word;
}
.alert-success {
  background-color: #f3fffb;
  border-color: #009966;
  color: #009966;
}
.alert-success .close {
  opacity: 1;
}
.alert-success .close span {
  color: #009966;
}
.alert-danger {
  background-color: #fff5f5;
  border-color: #a31e22;
  color: #a31e22;
}
.alert-danger .close {
  opacity: 1;
}
.alert-danger .close span {
  color: #a31e22;
}
.alert-info {
  background-color: #f4f4f4;
  border-color: #707070;
  color: #707070;
}
.alert-info .close {
  opacity: 1;
}
.alert-info .close span {
  color: #707070;
}
.alert-warning {
  background-color: #fff6ee;
  border-color: #de7400;
  color: #de7400;
}
.alert-warning .close {
  opacity: 1;
}
.alert-warning .close span {
  color: #de7400;
}
.alert-wrapper {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 500px;
}
.alert-wrapper .alert {
  margin: -1px 0 0 0;
  padding: 22px 16px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-100px);
  transition-timing-function: ease-in;
  transition: 0.2s;
}
.alert-wrapper .alert span {
  float: left;
  position: relative;
  margin: 0;
  padding-right: 1rem;
  width: 10%;
}
.alert-wrapper .alert span[class^=icon-], .alert-wrapper .alert span[class*=" icon-"] {
  font-size: 30px;
}
.alert-wrapper .alert p {
  float: left;
  position: relative;
  margin: 0;
  padding-right: 1rem;
  font-size: 16px;
  width: 90%;
  font-weight: 500;
}
.alert-wrapper.alert-show .alert {
  transition: 0.25s;
  transition-timing-function: ease-out;
  transform: translateY(0);
  opacity: 1;
}
.footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod {
  border-top-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0 50px;
  margin: 0 0 25px;
}
@media (max-width: 767px) {
  .footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod {
    margin: 0;
    padding: 15px 20px;
  }
}
@media (max-width: 575px) {
  .footer-buttons, .footer-buttons--verticalNav, .footer-buttons--mod {
    display: block;
  }
  .footer-buttons.button-order, .button-order.footer-buttons--verticalNav, .button-order.footer-buttons--mod {
    display: flex;
  }
  .footer-buttons button, .footer-buttons--verticalNav button, .footer-buttons--mod button {
    width: 100%;
  }
  .footer-buttons > :not(:first-child), .footer-buttons--verticalNav > :not(:first-child), .footer-buttons--mod > :not(:first-child) {
    margin-left: 0;
  }
  .footer-buttons > :not(:last-child), .footer-buttons--verticalNav > :not(:last-child), .footer-buttons--mod > :not(:last-child) {
    margin-right: 0;
  }
}
.footer-buttons .btn-primary, .footer-buttons--verticalNav .btn-primary, .footer-buttons--mod .btn-primary, .footer-buttons .btn-danger, .footer-buttons--verticalNav .btn-danger, .footer-buttons--mod .btn-danger {
  min-width: 140px;
}
.footer-buttons button:nth-of-type(1), .footer-buttons--verticalNav button:nth-of-type(1), .footer-buttons--mod button:nth-of-type(1) {
  order: 3;
  margin: 0 0.25rem;
}
@media (max-width: 575px) {
  .footer-buttons button:nth-of-type(1), .footer-buttons--verticalNav button:nth-of-type(1), .footer-buttons--mod button:nth-of-type(1) {
    margin: 0 0 1rem 0;
    order: 1;
  }
  .footer-buttons button:nth-of-type(1).btn-next, .footer-buttons--verticalNav button:nth-of-type(1).btn-next, .footer-buttons--mod button:nth-of-type(1).btn-next {
    margin: 0 0.25rem;
    order: 2;
    -webkit-order: 2;
  }
}
.footer-buttons button:nth-of-type(2), .footer-buttons--verticalNav button:nth-of-type(2), .footer-buttons--mod button:nth-of-type(2) {
  order: 2;
  margin: 0 0.25rem;
}
@media (max-width: 575px) {
  .footer-buttons button:nth-of-type(2), .footer-buttons--verticalNav button:nth-of-type(2), .footer-buttons--mod button:nth-of-type(2) {
    margin: 0 0 1rem 0;
    order: 2;
  }
  .footer-buttons button:nth-of-type(2).btn-back, .footer-buttons--verticalNav button:nth-of-type(2).btn-back, .footer-buttons--mod button:nth-of-type(2).btn-back {
    margin: 0 0.25rem;
    order: 1;
    -webkit-order: 1;
  }
}
.footer-buttons--mod {
  padding: 15px 30px 50px;
}
@media (max-width: 991px) {
  .footer-buttons--mod {
    margin-bottom: 60px;
  }
}
.footer-buttons--verticalNav {
  padding: 15px;
}
.row-hr {
  border-top: 1px solid #d8d8d8;
}
.row-bottom-hr {
  border-bottom: 1px solid #d8d8d8;
}
hr {
  border-top: 1px solid #c5c5c5;
}
.display-1 {
  color: #707070;
  font-weight: 300;
  font-size: 2.25rem;
}
@media (max-width: 767px) {
  .display-1 {
    font-size: 1.8rem;
  }
}
.display-2 {
  color: #000000;
  font-weight: 500;
  font-size: 24px;
}
.display-3 {
  color: #585858;
  font-weight: 400;
  font-size: 1.25rem;
}
.display-4 {
  color: #585858;
  font-size: 1.125rem;
}
.display-5 {
  color: #1D1D1B;
  font-size: 1rem;
  font-weight: 500;
}
.display-6 {
  color: #444444;
  font-size: 0.875rem;
}
.jumbotron.vertical-center {
  margin-bottom: 0;
  min-height: 100%;
  height: 37vh;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  background-color: #fff;
}
@media (max-width: 767px) {
  .jumbotron.vertical-center {
    display: block;
    height: 100%;
  }
}
.jumbotron.vertical-center .absolute-center {
  width: 60%;
}
@media (max-width: 1199px) {
  .jumbotron.vertical-center .absolute-center {
    width: 60%;
  }
}
@media (max-width: 1199px) and (max-width: 1199px) {
  .jumbotron.vertical-center .absolute-center {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .jumbotron.vertical-center .absolute-center .right-addon input {
    padding: 0.75rem;
  }
  @keyframes spinner {
    0% {
      transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
      transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
  }
}
@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.jumbotron .item-underline .autocomplete li {
  border-bottom: 1px solid #D1D1D1;
}
.jumbotron .item-underline .autocomplete li:hover .sub-text {
  color: #D1D1D1 !important;
}
.jumbotron .item-underline .autocomplete li .no-records-found:hover {
  background-color: #f4f4f4;
  color: #000000;
  cursor: text;
}
.jumbotron .item-underline .myclients {
  height: 1px;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
}
.jumbotron .item-underline .myclients ul {
  background-color: #ffffff;
  max-height: 57vh !important;
  overflow-y: auto;
  min-height: 57vh !important;
}
.jumbotron .item-underline .myclients ul li {
  padding: 0.15rem 0.15rem;
  text-align: left;
  border-bottom: 1px Solid;
  border-color: #d8d8d8 !important;
}
.jumbotron .item-underline .myclients ul li .chevron::before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0px;
  position: relative;
  top: 6px;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 10px;
}
.jumbotron .item-underline .myclients ul li .chevron.right:before {
  left: 0px;
  transform: rotate(45deg);
}
.jumbotron .item-underline .myclients ul li .action {
  width: 10px;
  color: #00A0D2;
}
.jumbotron .item-underline .myclients ul li:hover {
  border-bottom: 1px Solid;
  border-color: #00A0D2 !important;
  background-color: #f4f4f4;
  border-width: 1px Solid;
  cursor: pointer;
}
.jumbotron .item-underline .myclients .header {
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  color: #585858;
  float: left;
}
.jumbotron .item-underline .myclients .template-padding {
  padding: 0px !important;
  margin: 0px !important;
}
.jumbotron .item-underline .myclients .template-padding .item-padding {
  padding-left: 0px;
}
.jumbotron .item-underline .myclients .row-padding-top {
  padding-top: 5px;
}
.jumbotron .item-underline .myclients .row-padding-top .company-name {
  color: #000000;
}
.jumbotron .item-underline .myclients .row-padding-top .item-text {
  color: #000000;
}
.jumbotron .autocomplete {
  height: 60px;
  margin-bottom: 25px;
  height: 60px;
  margin-bottom: 25px;
}
.jumbotron .autocomplete ul {
  background-color: #f4f4f4;
  max-height: 400px;
  max-height: 400px;
  overflow-y: auto;
  min-height: 1px;
  min-height: 1px;
}
.jumbotron .autocomplete ul li {
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.jumbotron .autocomplete ul li:hover {
  background-color: #444444;
  color: #ffffff;
  cursor: pointer;
}
.jumbotron .autocomplete ul .no-records-found:hover {
  background-color: #f4f4f4;
  color: #000000;
  cursor: text;
}
.myclients {
  height: 1px;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
}
.myclients ul {
  background-color: #ffffff;
  max-height: calc(63vh - 101px) !important;
  overflow-y: auto;
  min-height: calc(63vh - 101px) !important;
}
.myclients ul li {
  padding: 0.15rem 0.15rem;
  text-align: left;
  border-bottom: 1px Solid;
  border-color: #d8d8d8 !important;
}
.myclients ul li .chevron::before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0px;
  position: relative;
  top: 6px;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 10px;
}
.myclients ul li .chevron.right:before {
  left: 0px;
  transform: rotate(45deg);
}
.myclients ul li .action {
  width: 10px;
  color: #00A0D2;
}
.myclients ul li:hover {
  border-bottom: 1px Solid;
  border-color: #00A0D2 !important;
  background-color: #f4f4f4;
  border-width: 1px Solid;
  cursor: pointer;
}
.myclients .header {
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  color: #585858;
  float: left;
}
.myclients .template-padding {
  padding: 0px !important;
  margin: 0px !important;
}
.myclients .template-padding .item-padding {
  padding-left: 0px;
}
.myclients .row-padding-top {
  padding-top: 5px;
}
.myclients .row-padding-top .company-name {
  color: #000000;
}
.myclients .row-padding-top .item-text {
  color: #000000;
}
.height-hr {
  border-left: 1px solid #707070;
}
#create-run, #run-pages-help, #run-management-pages, #setup-an-item {
  background-color: #444444;
  border-left: 2px solid #00A0D2;
  padding: 15px;
  color: #ffffff;
}
#create-run h4, #run-pages-help h4, #run-management-pages h4, #setup-an-item h4 {
  font-weight: 400;
}
#create-run hr, #run-pages-help hr, #run-management-pages hr, #setup-an-item hr {
  border-color: #c5c5c5;
  margin-right: -15px;
}
#create-run ul, #run-pages-help ul, #run-management-pages ul, #setup-an-item ul {
  margin: 0;
}
#create-run ul li, #run-pages-help ul li, #run-management-pages ul li, #setup-an-item ul li {
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  padding: 15px 0;
}
#create-run ul li a, #run-pages-help ul li a, #run-management-pages ul li a, #setup-an-item ul li a {
  color: #d8d8d8;
  padding-right: 50px;
  height: 45px;
  position: relative;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  bottom: 0;
  width: 600px;
}
#create-run ul li a:after, #run-pages-help ul li a:after, #run-management-pages ul li a:after, #setup-an-item ul li a:after {
  color: #00A0D2;
  float: right;
  font-size: 32px;
  padding: 0;
  font-family: "willis_fonts";
  content: "\f28d";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
#create-run ul li a:after, #run-pages-help ul li a:after, #run-management-pages ul li a:after, #setup-an-item ul li a:after, #create-run ul li a:after:hover {
  content: "\f28d";
  text-decoration: none;
}
#create-run ul li a:hover, #run-pages-help ul li a:hover, #run-management-pages ul li a:hover, #setup-an-item ul li a:hover, #create-run ul li a:focus, #run-pages-help ul li a:focus, #run-management-pages ul li a:focus, #setup-an-item ul li a:focus {
  color: #d8d8d8;
  text-decoration: none;
}
#create-run ul li a:hover span, #run-pages-help ul li a:hover span, #run-management-pages ul li a:hover span, #setup-an-item ul li a:hover span, #create-run ul li a:focus span, #run-pages-help ul li a:focus span, #run-management-pages ul li a:focus span, #setup-an-item ul li a:focus span {
  text-decoration: underline;
}
#create-run ul li a:hover:after, #run-pages-help ul li a:hover:after, #run-management-pages ul li a:hover:after, #setup-an-item ul li a:hover:after, #create-run ul li a:focus:after, #run-pages-help ul li a:focus:after, #run-management-pages ul li a:focus:after, #setup-an-item ul li a:focus:after {
  color: #007FA7;
  text-decoration: none;
}
#create-run ul li:last-child, #run-pages-help ul li:last-child, #run-management-pages ul li:last-child, #setup-an-item ul li:last-child {
  border-bottom: 0 solid #707070;
  padding: 15px 0 0;
}
#run-management-pages, #setup-an-item {
  background-color: #f4f4f4;
  color: #444444;
  margin: 30px 0;
}
#run-management-pages ul li a, #setup-an-item ul li a {
  padding-right: 50px;
  height: 45px;
  position: relative;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  bottom: 0;
  font-size: 16px;
  color: #00A0D2;
  width: 600px;
}
#run-management-pages ul li a:after, #setup-an-item ul li a:after {
  color: #00A0D2;
  float: right;
  font-size: 32px;
  padding: 0;
  font-family: "willis_fonts";
  content: "\f28d";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
#run-management-pages ul li a:hover, #setup-an-item ul li a:hover, #run-management-pages ul li a:focus, #setup-an-item ul li a:focus {
  color: #007FA7;
}
#run-management-pages ul li a:hover:after, #setup-an-item ul li a:hover:after, #run-management-pages ul li a:focus:after, #setup-an-item ul li a:focus:after {
  color: #007FA7;
}
#run-pages-help {
  background-color: #f4f4f4;
  color: #444444;
  margin: 30px 0;
  border-left: 2px solid rgba(68, 68, 68, 0.5);
}
#run-pages-help ul li a {
  padding-right: 50px;
  height: 45px;
  position: relative;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  bottom: 0;
  font-size: 14px;
  width: 600px;
  font-weight: normal;
  color: #444444;
}
#run-pages-help ul li a:after {
  float: right;
  font-size: 32px;
  padding: 0;
  font-family: "willis_fonts";
  content: "\f2b6";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  color: #444444;
}
#run-pages-help ul li a:hover, #run-pages-help ul li a:focus {
  color: #00A0D2;
}
#run-pages-help ul li a:hover:after, #run-pages-help ul li a:focus:after {
  color: #00A0D2;
}
#run-pages-help ul li:first-child {
  padding: 0 0 15px;
}
.runs-manager--xs {
  margin-bottom: 35px;
  overflow: hidden;
}
.runs-manager--xs ul {
  margin: 0;
}
.runs-manager--xs ul li {
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #c5c5c5;
  width: 48%;
  float: left;
  display: inline-block;
}
@media (max-width: 400px) {
  .runs-manager--xs ul li {
    width: 100%;
  }
}
.runs-manager--xs ul li:nth-last-of-type(odd) {
  margin-left: 2%;
}
@media (max-width: 400px) {
  .runs-manager--xs ul li:nth-last-of-type(odd) {
    margin: 0;
  }
}
.runs-manager--xs ul li:nth-last-of-type(even) {
  margin-right: 2%;
}
@media (max-width: 400px) {
  .runs-manager--xs ul li:nth-last-of-type(even) {
    margin: 0;
  }
}
.runs-manager--xs ul li:hover {
  border-bottom: 1px solid #00A0D2;
}
.runs-manager--xs ul li a .mobile-link {
  font-size: 15px;
  color: #00A0D2;
  position: relative;
  padding: 0 35px 0 12px;
  margin: 0;
  display: table-cell;
  height: 55px;
  width: 600px;
  vertical-align: middle;
  bottom: 0;
}
.runs-manager--xs ul li a .mobile-link:after {
  color: #818a91;
  float: right;
  font-size: 32px;
  padding: 0;
  font-family: "willis_fonts";
  content: "\f28d";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
.runs-manager--xs ul li a .mobile-link:hover, .runs-manager--xs ul li a .mobile-link:focus {
  color: #444444;
}
.runs-manager--xs ul li a .mobile-link:hover:after, .runs-manager--xs ul li a .mobile-link:focus:after {
  color: #00A0D2;
}
.runs-manager--xs ul li a:hover, .runs-manager--xs ul li a:focus {
  text-decoration: none;
}
.table-list tbody tr td a[id^=detail] {
  float: right;
}
.table-list tbody tr td a[id^=detail] .icon-down_arrow {
  font-size: 16px;
}
.table-list tbody tr td.runname {
  white-space: nowrap;
  display: inline-block;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .table-list tbody tr td.runname {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .table-list tbody tr td.runname {
    width: auto;
    white-space: normal;
  }
}
.table-list .show-icon {
  display: none;
}
.table-list .related-con {
  font-size: 22px;
  color: #444444;
}
.table-list .active .hide-icon {
  display: none;
}
.table-list .active .show-icon {
  display: inline-block;
}
.table-list .active .show-icon.icon-close_thin:before {
  position: relative;
  top: 5px;
  font-size: 16px;
  color: #fff;
}
.table-list .active .related-con {
  color: #c6c6c5;
}
.table-list a:hover, .table-list a:focus {
  text-decoration: none;
}
#details-runs .tooltip-inner {
  max-width: 300px !important;
}
#details-runs h3 {
  border-bottom: 1px solid #c5c5c5;
  padding: 15px 0;
  font-weight: 300;
}
#details-runs form .icon-plus {
  display: inline;
}
#details-runs th.column-sort span:before {
  color: #00A0D2;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  left: -5px;
}
#details-runs th.column-sort span.icon-combo-arrow:before {
  font-size: 14px;
  font-weight: normal;
}
#details-runs tbody tr:nth-child(2n+1) {
  background: #fff;
}
#details-runs tbody tr:nth-child(4n+1) {
  background: #f4f4f4;
}
#details-runs tbody tr.active td {
  border-top-width: 0;
}
#details-runs div[id^=show] {
  display: none;
  padding: 0.75rem;
  border-top: 1px solid #707070;
  background-color: #444444 !important;
  color: #ffffff;
}
#details-runs div[id^=show] .details p {
  margin-bottom: 0;
}
#details-runs div[id^=show] .details p:nth-child(2) {
  margin: 25px 0;
}
#details-runs .icon-more-table {
  color: #00A0D2 !important;
  content: "\f2b5";
}
#details-runs .hidden .icon-more-table:after {
  color: #818a91 !important;
}
#details-runs .hidden .td-footer {
  padding: 15px;
}
#details-runs .hidden .td-footer > div {
  margin-right: 15px;
}
@media (max-width: 767px) {
  #details-runs .hidden .td-footer > div {
    width: 100%;
    display: block;
    margin-right: 0;
  }
}
#details-runs .hidden .td-footer button {
  width: 100%;
  cursor: pointer;
  min-width: 100px;
}
@media (max-width: 767px) {
  #details-runs .hidden .td-footer button {
    border-top: 1px solid #707070;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    text-align: left;
    max-width: 100%;
  }
  #details-runs .hidden .td-footer button [class^=icon-],
#details-runs .hidden .td-footer button [class*=" icon-"] {
    font-size: 18px;
  }
}
#details-runs .hidden .td-footer .btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #979797;
  border-radius: 0;
}
#details-runs .hidden .td-footer .btn-secondary:hover {
  background-color: #585858;
  border-color: #f4f4f4;
  color: #f4f4f4;
}
@media (max-width: 767px) {
  #details-runs .hidden .td-footer .btn-secondary:hover {
    border-color: #979797;
  }
}
#details-runs .hidden .td-footer .btn-secondary .icon-copy,
#details-runs .hidden .td-footer .btn-secondary .icon-delete,
#details-runs .hidden .td-footer .btn-secondary .icon-share,
#details-runs .hidden .td-footer .btn-secondary .icon-edit {
  display: none;
}
@media (max-width: 767px) {
  #details-runs .hidden .td-footer .btn-secondary .icon-copy,
#details-runs .hidden .td-footer .btn-secondary .icon-delete,
#details-runs .hidden .td-footer .btn-secondary .icon-share,
#details-runs .hidden .td-footer .btn-secondary .icon-edit {
    display: inline-block;
    padding-right: 1rem;
  }
}
#details-runs .hidden .td-footer .load-run {
  margin-left: auto;
  margin-right: 0;
  right: 15px;
}
@media (max-width: 767px) {
  #details-runs .hidden .td-footer .load-run {
    margin-top: 30px;
    width: 100%;
    position: relative;
    right: 0;
    margin-right: 0;
  }
}
#details-runs .hidden .td-footer .load-run button {
  text-align: center;
  max-width: 100%;
}
#details-runs .hidden hr {
  border-top: 1px solid #707070;
}
#details-runs .hidden .lob ul, #details-runs .hidden .shared-run ul {
  margin: 15px 0;
}
#details-runs .hidden .lob ul li, #details-runs .hidden .shared-run ul li {
  display: inline-block;
  border: 1px solid #707070;
  border-radius: 20px;
  padding: 5px 15px;
  margin: 5px 10px 5px 0;
}
#details-runs .hidden .shared-run h5 {
  margin-top: 15px;
}
#details-runs .hidden .shared-run .icon-person {
  padding-right: 1rem;
}
#details-runs .filter-search {
  float: right;
  position: relative;
  top: -50px;
}
#details-runs .filter-search a:after {
  content: "\f2b5";
  top: 1px;
  left: 8px;
  position: relative;
  color: #818a91 !important;
}
#details-runs .filter-search a:before {
  display: none;
}
#details-runs .filter-search a:hover, #details-runs .filter-search a:focus {
  box-shadow: 0 0 0 0 rgba(2, 117, 216, 0.25);
}
#details-runs .filter-search a:hover:after, #details-runs .filter-search a:focus:after {
  color: #00A0D2 !important;
}
@media (min-width: 992px) {
  #details-runs .filter-search {
    display: none;
    margin-top: 70px;
  }
}
#details-runs #searchFilter {
  margin: 25px 0 10px;
  width: 100%;
}
@media (min-width: 992px) {
  #details-runs #searchFilter {
    display: block;
  }
}
@media (max-width: 1199px) {
  #details-runs #searchFilter {
    margin: -30px 0 30px 0;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #details-runs #searchFilter {
    margin: 25px 0 10px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 0) {
  #details-runs #searchFilter {
    float: left;
  }
}
@media screen and (max-width: 992px) and (-webkit-min-device-pixel-ratio: 0) {
  #details-runs #searchFilter {
    float: left;
  }
}
#details-runs #searchFilter input {
  font-size: 14px;
}
#details-runs #searchFilter button {
  width: 100%;
}
#details-runs #searchFilter .right-addon .icon-search {
  position: absolute;
  pointer-events: none;
  padding: 10px;
  right: 15px;
  color: #00A0D2;
  font-size: 20px;
}
#details-runs #searchFilter .form-inline {
  margin-bottom: 20px;
  display: inline-block;
}
#details-runs #searchFilter .form-inline label {
  display: inline-block;
  font-size: 12px;
}
#details-runs #searchFilter .form-inline input {
  margin: 0 14px;
}
#details-runs #searchFilter .form-inline .form-control {
  display: inline-block;
  width: 200px;
  font-size: 14px;
}
@media (max-width: 1199px) {
  #details-runs #searchFilter .form-inline .form-control {
    width: auto;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #details-runs #searchFilter .form-inline .form-control {
    width: 128px;
  }
}
#no-runs .mt-7 {
  margin-top: 5rem;
}
@media (max-width: 991px) {
  #no-runs .mt-7 {
    margin-top: 2rem;
  }
}
#no-runs div:nth-child(2) {
  width: 565px;
  margin: 3rem auto 0;
  text-align: right;
}
@media (max-width: 575px) {
  #no-runs div:nth-child(2) {
    width: 90%;
  }
}
#no-runs div:nth-child(2).icon-notification:after {
  font-size: 50px;
}
#no-runs div:nth-child(3) {
  text-align: center;
  color: #444444;
  opacity: 0.47;
  margin: 0 0 7rem 0;
}
@media (max-width: 575px) {
  #no-runs div:nth-child(3) {
    text-align: left;
    width: 75%;
    margin-left: 15px;
  }
}
#no-runs div:nth-child(3) p {
  font-size: 20px;
}
@media (max-width: 991px) {
  #no-runs {
    padding-right: 0;
    padding-left: 0;
  }
}
.new-collateral {
  margin-bottom: 35px;
  overflow: hidden;
}
.new-collateral ul {
  margin: 0;
}
.new-collateral ul li {
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #c5c5c5;
  width: 100%;
  float: left;
  display: inline-block;
}
@media (max-width: 400px) {
  .new-collateral ul li {
    width: 100%;
  }
}
.new-collateral ul li a .mobile-link {
  font-size: 15px;
  color: #00A0D2;
  position: relative;
  padding: 0 35px 0 12px;
  margin: 0;
  display: table-cell;
  height: 55px;
  width: 1000px;
  vertical-align: middle;
  bottom: 0;
}
.new-collateral ul li a .mobile-link:after {
  color: #444444;
  float: right;
  font-size: 26px;
  padding: 5px 0;
  font-family: "willis_fonts";
  content: "\e908";
  position: absolute;
  top: 0;
  right: 7px;
  display: block;
}
.new-collateral ul li a .mobile-link:hover, .new-collateral ul li a .mobile-link:focus {
  color: #444444;
}
.new-collateral ul li a .mobile-link:hover:after, .new-collateral ul li a .mobile-link:focus:after {
  color: #00A0D2;
}
.new-collateral ul li a:hover, .new-collateral ul li a:focus {
  text-decoration: none;
}
.modal-content .modal-body .autocomplete ul {
  background-color: #f4f4f4;
  max-height: 300px;
  overflow-y: auto;
  min-height: 30px;
  display: inline;
}
.modal-content .modal-body .autocomplete ul li {
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.modal-content .modal-body .autocomplete ul li:hover {
  background-color: #444444;
  color: #ffffff;
  cursor: pointer;
}
.modal-content .modal-body .autocomplete ul li div {
  cursor: pointer;
}
.modal-content .modal-body .autocomplete ul li div p {
  margin-bottom: 0;
}
.progressIndicatorsRunItemDetails {
  color: #ffffff;
}
.main-container .table-list tbody tr td.runname {
  width: 350px;
}
@media (min-width: 1200px) {
  .main-container .table-list tbody tr td.runname {
    width: 250px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .main-container .table-list tbody tr td.runname {
    width: 106px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-container .table-list tbody tr td.runname {
    width: 195px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-container .table-list tbody tr td.runname {
    width: 250px;
  }
}
@media (max-width: 575px) {
  .main-container .table-list tbody tr td.runname {
    width: auto;
    white-space: normal;
  }
}
.run-item td {
  border: none;
}
.runs-list-wrapper {
  min-height: calc(100vh - 103px);
}
.select-wrapper {
  background-color: #f4f4f4 !important;
  border: 0;
  border-radius: 0;
  border-bottom: solid 2px #c5c5c5;
  width: 100%;
  padding: 0.45rem 1.5rem 0.5rem 0.75rem;
  appearance: none;
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .select-wrapper {
    background: url("/assets/images/combo_arrows.svg") no-repeat;
    background-position: right 10px center;
    background-size: 10px;
  }
}
.select-wrapper:hover, .select-wrapper:focus {
  border-bottom: solid 2px #00A0D2;
  color: inherit;
  outline: 0;
}
.select-wrapper:after {
  content: "\ea7f";
  font-family: "willis_fonts";
  position: absolute;
  transform: rotate(90deg);
  display: inline-block;
  color: #00A0D2;
  top: 5px;
  right: 20px;
}
.select-wrapper.styled-select {
  border-top: solid 2px #c5c5c5;
  border-left: solid 2px #c5c5c5;
  border-right: solid 2px #c5c5c5;
  border-bottom-width: 0;
  padding: 1rem 1.5rem 1rem 0.75rem;
  font-size: 20px;
}
.theme-option:after {
  content: "\e913";
}
.theme--option--default {
  color: #444444;
  background: #f4f4f4;
}
select::-ms-expand {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .only-ie {
    border: 0;
    border-radius: 0;
  }
  .only-ie.add-industry:after {
    right: 113px;
    z-index: 999;
  }
  .only-ie:after {
    content: "\ea7f";
    font-family: "willis_fonts";
    position: absolute;
    transform: rotate(90deg);
    display: inline-block;
    color: #00A0D2;
    margin-top: 5px;
    right: 20px;
  }
  .only-ie select {
    padding: 0.4rem 2rem 0.4rem 0.75rem;
    border-bottom: 2px solid #c5c5c5;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    z-index: 10;
    font-size: 14px;
  }
  .only-ie--mod:after {
    top: 16px;
    right: 30px;
  }
}
.stepper-container .stepper-wrap,
.titlebar--wrap .stepper-wrap {
  padding: 1.332rem 0;
  background: #f4f4f4;
}
.stepper-container .btn-link,
.titlebar--wrap .btn-link {
  font-size: 20px;
}
.stepper-container .btn-link .active,
.titlebar--wrap .btn-link .active {
  text-decoration: none;
  font-weight: 500;
}
.stepper-container .btn-link .disabled,
.titlebar--wrap .btn-link .disabled {
  opacity: 0.5;
  font-weight: 400;
  text-decoration: none;
}
.stepper-container .btn-link:hover,
.titlebar--wrap .btn-link:hover {
  text-decoration: none;
}
.stepper-container .btn-link .theme--text--dark,
.titlebar--wrap .btn-link .theme--text--dark {
  color: #707070;
  text-decoration: underline;
}
.stepper-container .btn-link .theme--text--dark.active,
.titlebar--wrap .btn-link .theme--text--dark.active {
  color: #000000;
  text-decoration: none;
}
.stepper-container .btn-link .theme--text--dark:hover,
.titlebar--wrap .btn-link .theme--text--dark:hover {
  text-decoration: none;
}
.stepper-container .btn-link .theme--text--dark.disabled,
.titlebar--wrap .btn-link .theme--text--dark.disabled {
  text-decoration: none;
}
.stepper-container .btn-link .icon-check-alt:before,
.titlebar--wrap .btn-link .icon-check-alt:before {
  font-size: 24px;
  position: relative;
  background: #ffffff;
  border-radius: 35px;
  color: #00c389;
  top: 4px;
}
.stepper-container .progress,
.titlebar--wrap .progress {
  position: absolute;
  margin: 0 -15px;
  height: 6px;
  width: 100%;
  background-color: #e4e4e4;
  border-radius: 0;
}
.stepper-container .progress .progress-bar.bg-success,
.titlebar--wrap .progress .progress-bar.bg-success {
  background-color: #009966 !important;
  text-indent: -9999px;
}
.bs-datepicker-head {
  background-color: #00A0D2 !important;
}
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #00A0D2 !important;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #00A0D2 !important;
}
.bs-datepicker-body table td {
  color: #444 !important;
}
.bs-datepicker-head button:hover {
  background-color: #00779e !important;
}
/* Currency */
.modal .currency-table tbody tr {
  font-weight: 500;
}
.modal .currency-table tbody tr td:before {
  display: none;
}
.modal .currency-table tbody tr td:first-child {
  padding: 0.75rem 0;
}
@media (max-width: 991px) {
  .modal .currency-table tbody tr td {
    display: table-cell;
    padding: 0.75rem;
  }
}
.modal .currency-table .icon-arrow:before {
  color: #c6c6c5;
}
.upload-excel-section .upload-success .icon-ico_tick_circle_01, .upload-igloo-section .upload-success .icon-ico_tick_circle_01 {
  display: block;
  font-size: 56px;
  margin: 10% 0 30px 0;
}
.upload-excel-section .dashed-box, .upload-igloo-section .dashed-box {
  border: 2px dashed #cecece;
  height: 355px;
  width: 100%;
  text-align: center;
  margin-right: 15px;
}
.upload-excel-section .dashed-box.nv-file-over, .upload-igloo-section .dashed-box.nv-file-over {
  border: dashed 2px #707070;
}
.upload-excel-section .dashed-box .mt-60, .upload-igloo-section .dashed-box .mt-60 {
  margin-top: -60px;
}
@media (max-width: 767px) {
  .upload-excel-section .dashed-box, .upload-igloo-section .dashed-box {
    margin: 0 0 30px;
  }
}
.upload-excel-section .dashed-box .upload-wrapper, .upload-igloo-section .dashed-box .upload-wrapper {
  position: relative;
  top: 38%;
}
.upload-excel-section .dashed-box .upload-wrapper h3, .upload-igloo-section .dashed-box .upload-wrapper h3, .upload-excel-section .dashed-box .upload-wrapper .wrapper-title, .upload-igloo-section .dashed-box .upload-wrapper .wrapper-title {
  color: #707070;
  font-weight: 400;
  margin-bottom: 2rem;
  font-size: 20px;
}
.upload-excel-section .dashed-box .upload-wrapper label.choose-file, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file {
  background-color: #00A0D2;
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
}
.upload-excel-section .dashed-box .upload-wrapper label.choose-file:hover, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file:hover, .upload-excel-section .dashed-box .upload-wrapper label.choose-file:active, .upload-igloo-section .dashed-box .upload-wrapper label.choose-file:active {
  background-color: #007FA7;
}
.upload-excel-section .dashed-box .upload-wrapper label.choose-file input[type=file], .upload-igloo-section .dashed-box .upload-wrapper label.choose-file input[type=file] {
  position: fixed;
  top: -1000px;
}
.dl-excel-temp-section {
  background-color: #f4f4f4;
  border-right: 15px solid #ffffff;
}
@media (max-width: 767px) {
  .dl-excel-temp-section {
    background-color: #ffffff;
    border-right-width: 0;
  }
  .dl-excel-temp-section .excel-section--small {
    background-color: #f4f4f4;
  }
}
.dl-excel-temp-section h3 {
  border-bottom: 1px solid #c5c5c5;
  padding: 10px 0 10px 0px;
}
.dl-excel-temp-section h3 [class^=icon-], .dl-excel-temp-section h3 [class*=" icon-"] {
  color: #702082;
  font-size: 32px;
  padding-right: 15px;
  vertical-align: middle;
}
.dl-excel-temp-section h3 span {
  display: table-cell;
}
.dl-excel-temp-section ol {
  padding: 0;
  margin: 0.7rem 1rem 1rem 1rem;
}
.dl-excel-temp-section ol li {
  font-size: 16px;
  padding: 0 0 0 28px;
  color: #000000;
  font-weight: 500;
}
.dl-excel-temp-section ol li p {
  font-size: 16px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #585858;
}
.dl-excel-temp-section ol li p.border-top {
  border-top: 1px solid #cecece;
  padding-top: 15px;
}
.dl-excel-temp-section ol li a, .dl-excel-temp-section ol li button {
  color: #00A0D2;
  margin: 0 0 20px 0;
  padding: 16px 10px 16px 46px;
  text-align: left;
  font-weight: 500;
  font-size: 1rem;
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.dl-excel-temp-section ol li a:before, .dl-excel-temp-section ol li button:before {
  color: #979797;
  float: left;
  font-size: 26px;
  padding: 5px 0;
  font-family: "willis_fonts";
  content: "\f2ba";
  position: absolute;
  top: 8px;
  left: 12px;
  display: block;
}
.dl-excel-temp-section ol li a:hover, .dl-excel-temp-section ol li a:focus, .dl-excel-temp-section ol li button:hover, .dl-excel-temp-section ol li button:focus {
  color: #007FA7;
  border-color: #979797;
}
.report-options {
  position: absolute;
  margin-top: -14px;
  right: 15px;
  z-index: 1;
  background: #ECEDEE;
  padding: 0;
  max-width: 230px;
  width: 230px;
  text-align: left;
}
@media (max-width: 575px) {
  .report-options {
    top: 45px;
  }
}
.report-options p {
  padding-left: 15px;
  padding-right: 10px;
}
.report-options h5 {
  font-weight: 500;
  border-bottom: 2px solid #00A0D2;
  font-size: 12px;
  padding: 10px 15px;
  color: #000000;
}
.report-options label {
  font-size: 13px;
  margin: 0;
}
.report-options:before {
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ECEDEE;
  position: absolute;
  right: 30px;
  top: -10px;
}
.report-options .download-your-report {
  padding: 10px;
  border-top: 1px solid #C5C5C5;
  font-weight: 500;
}
.report-options .download-your-report a span {
  font-size: 14px;
}
.report-options .download-your-report a span:after {
  content: "\f2df";
  font-family: "willis_fonts" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  position: absolute;
  right: 15px;
}
.report-options .download-your-report a:hover {
  text-decoration: none;
}
.report-options [type=checkbox]:disabled + label {
  color: #444444;
}
.report-options .optional-analysis {
  margin: 0 0 10px;
}
.report-options .optional-analysis .optional-title {
  border-top: 1px solid #C5C5C5;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 12px;
  margin-top: 10px;
}
.report-options .optional-analysis .option {
  font-size: 12px;
  margin: 0 -15px 0 15px;
}
.report-options .optional-analysis .option label {
  text-indent: -3px;
  font-size: 10px;
  padding-left: 1.55em;
}
.report-options .optional-analysis .option label > span {
  margin: 0.25em 0.2em 0.25em -1em;
}
.report-options .optional-analysis .option label > span > span {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.form-control::-webkit-input-placeholder {
  color: #c5c5c5;
}
.form-control:-moz-placeholder {
  color: #c5c5c5;
}
.form-control::-moz-placeholder {
  color: #c5c5c5;
}
.form-control:-ms-input-placeholder {
  color: #c5c5c5;
}
.form-control::-ms-input-placeholder {
  color: #c5c5c5;
}
.container-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
}
.assumptions-block {
  margin-bottom: 30px;
}
.assumptions-block .card {
  background-color: #ffffff;
}
.assumptions-block h3 {
  border-bottom: 1px solid #c5c5c5;
}
.assumptions-block h3 a {
  display: block;
  padding: 0.75rem 0 0.75rem 25px;
  color: #444444;
  font-weight: 400;
}
.assumptions-block h3 a:after {
  content: "\e906";
  font-family: "willis_fonts";
  transform: rotate(180deg);
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 18px;
  font-size: 12px;
  color: #00A0D2;
}
.assumptions-block h3 a:hover, .assumptions-block h3 a:focus {
  text-decoration: none;
}
.assumptions-block h3 a.collapsed:after {
  font-family: "willis_fonts";
  transform: rotate(0deg);
}
.assumptions-block h3 a.setup-view {
  position: absolute;
  top: 1px;
  right: 15px;
  font-size: 16px;
  display: table;
  color: #00A0D2;
}
.assumptions-block h3 a.setup-view:after {
  display: none;
}
.assumptions-block h3 a.setup-view .icon-settings {
  display: table-cell;
  padding-right: 10px;
}
.assumptions-block--mod h3 a {
  padding: 0.75rem 0 0.75rem 0;
}
.assumptions-block--mod h3 a:after {
  right: 15px;
  font-size: 18px;
}
.assumptions--table thead th {
  font-size: 16px;
  padding: 0.75rem 0 0.3rem 0;
  border: 0;
  color: #1D1D1B;
}
.assumptions--table thead th:after {
  content: "";
  display: block;
  border-bottom: 1px solid #d8d8d8;
  border-top-width: 0;
  position: relative;
  top: 7px;
}
.assumptions--table tbody td {
  padding: 0;
  vertical-align: top;
  border-top-width: 0;
  padding: 0.75rem 0 0 0.3rem;
}
@media (max-width: 767px) {
  .assumptions--table tbody td:first-child {
    width: 60%;
  }
}
.dot {
  height: 4px;
  width: 4px;
  background-color: #979797;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  top: -2px;
  position: relative;
}
.cookie-text {
  padding-top: 8px;
  font-size: small;
}
.tab-to-accordion hr {
  border-top: 1px solid #c5c5c5;
}
.tab-to-accordion .nav-tabs {
  display: none;
  padding-top: 0;
  border-bottom: 1px solid #00A0D2;
}
.tab-to-accordion .card {
  background-color: transparent;
}
.tab-to-accordion .card h3 {
  margin: 0;
}
.tab-to-accordion .nav-pills {
  padding: 0;
  right: 10px;
}
@media (min-width: 993px) {
  .tab-to-accordion .nav-tabs {
    display: flex;
    height: 55px;
  }
  .tab-to-accordion .nav-tabs .nav-link {
    width: 182px;
    height: 62px;
    margin-top: -0.5em;
    display: flex;
    align-items: flex-end;
    color: #444444;
  }
  .tab-to-accordion .nav-tabs .nav-link.active {
    color: #ffffff;
  }
  .tab-to-accordion .nav-tabs .nav-link.active:focus, .tab-to-accordion .nav-tabs .nav-link.active:hover {
    margin-top: -0.5em;
    display: flex;
    align-items: flex-end;
  }
  .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link {
    width: auto;
    height: auto;
    color: #00A0D2;
    margin-top: 0;
    padding-top: 1rem;
  }
  .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active {
    color: #000000;
  }
  .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active:focus, .tab-to-accordion .nav-tabs.secondary-nav-tabs .nav-link.active:hover {
    margin-top: 0;
    display: flex;
    align-items: flex-end;
  }
  .tab-to-accordion .card {
    border: none;
  }
  .tab-to-accordion .card .card-header {
    display: none;
  }
  .tab-to-accordion .card .collapse {
    display: block;
  }
}
@media (max-width: 992px) {
  .tab-to-accordion .tab-pane {
    display: block;
    opacity: 1;
  }
  .tab-to-accordion .tab-pane.tab-pane--sub {
    display: none;
  }
  .tab-to-accordion .tab-pane.tab-pane--sub.active {
    display: block;
  }
  .tab-to-accordion .tab-to-accordion .collapse.show .card-body .tab-content .tab-pane.fade {
    display: none;
  }
  .tab-to-accordion .tab-to-accordion .collapse.show .card-body .tab-content .tab-pane.fade.active {
    display: block;
  }
  .tab-to-accordion .secondary-accordion .card-header {
    margin: 0 15px;
  }
  .tab-to-accordion .secondary-accordion .card-header a h5 {
    padding: 0.5rem 0.75rem;
  }
  .tab-to-accordion .secondary-accordion .card-header a h5:after {
    right: 25px;
  }
}
.tab-to-accordion .tertiary-accordion .card .card-header {
  display: block;
}
.tab-to-accordion .tertiary-accordion .collapse {
  display: none;
}
.tab-to-accordion .tertiary-accordion .collapse.show {
  display: block;
}
.legend {
  padding: 15px;
  text-align: right;
}
.legend > li {
  display: inline-block;
  margin-left: 20px;
}
.legend > li .chart-1, .legend > li .chart-4, .legend > li .chart-3, .legend > li .chart-2 {
  background-color: #C111A0;
  padding: 10px;
  position: absolute;
  margin-right: 5px;
}
.legend > li .chart-2 {
  background-color: #FFB81C;
}
.legend > li .chart-3 {
  background-color: #5D63D3;
}
.legend > li .chart-4 {
  background-color: #6A0858;
}
.legend > li span:nth-child(2) {
  margin: 0 0 0 30px;
  font-size: 10px;
  color: #706F6E;
  position: relative;
  top: -2px;
}
.net-cost {
  background-color: #444444 !important;
  color: #ffffff;
  font-weight: 500;
}
.data-in-minus {
  color: #a31e22;
}
.main-container {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: calc(100% - 70px);
  min-height: calc(100vh - 143px);
}
.main-container .titlebar--wrap {
  padding-left: 1rem;
  padding-right: 1rem;
}
.scroll {
  overflow-x: auto;
}
.strategy-no,
.strategy-no-current {
  background-color: #006845;
  color: white;
  padding: 5px 10px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
.highcharts-tooltip-box {
  fill: #444444 !important;
  fill-opacity: 1 !important;
  stroke-width: 0 !important;
}
.highcharts-tooltip text {
  fill: #ffffff !important;
}
.tooltip-strategy {
  position: relative;
  display: inline-block;
}
.tooltip-strategy .strategy-content {
  background-color: #444444;
  min-width: 224px;
  z-index: 1;
  padding: 10px;
  color: #ffffff;
}
.tooltip-strategy .strategy-content a {
  color: #ffffff;
  padding: 5px 0;
  text-decoration: underline;
  display: block;
  font-size: 14px;
}
.tooltip-strategy .strategy-content a:hover {
  text-decoration: none;
}
.tooltip-strategy .strategy-content .title {
  border-bottom: 1px solid #707070;
  padding: 0 0 10px;
}
.tooltip-strategy .strategy-content ul {
  padding: 0;
  margin: 0;
}
.tooltip-strategy .strategy-content ul li {
  font-size: 14px;
  font-weight: 400;
}
.tooltip-strategy:hover .strategy-content {
  display: block;
}
@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.header-container {
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  border-bottom: 2px solid #d8d8d8;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.access-container {
  margin: 30px auto;
  max-width: 900px;
}
.access-container .grid-row {
  display: flex;
}
.access-container .grid-row autocomplete {
  width: 100%;
}
.access-container .grid-row autocomplete .autocomplete {
  width: 100%;
  max-width: 100%;
  padding: 10px 0;
  height: 90px;
}
.access-container .grid-row autocomplete .autocomplete ul {
  background-color: #f4f4f4;
  max-height: 300px;
  overflow-y: auto;
  min-height: 30px;
  cursor: pointer;
}
.access-container .grid-row div {
  flex-grow: 1;
  padding: 10px;
  max-width: 300px;
}
.access-container .grid-row:nth-child(2n) {
  background: #f4f4f4;
}
.access-container input[type=checkbox] {
  position: inherit;
  display: inline-block;
  max-width: 13px;
}
.access-container .access-container-header {
  width: 100%;
  border-bottom: 2px solid #eceeef;
  color: #444444;
  font-weight: bold;
}
.access-container .btn-primary, .access-container .btn-danger {
  margin-top: 10px;
}
.progress-caption span {
  font-size: 12px;
}
.progress-caption .progress {
  height: 6px;
  width: 100%;
  background-color: #e4e4e4;
  border-radius: 0;
}
.progress-caption .progress .progress-bar.bg-success {
  background-color: #009966 !important;
  text-indent: -9999px;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
  margin-right: 5px;
  position: relative;
  max-height: 60vh;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: transparent;
  opacity: 0.9;
}
.ps__thumb-x {
  background-color: #707070;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.ps__thumb-y {
  background-color: #707070;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #979797;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #979797;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scroll-container {
  height: 300px;
}
.scrollable-content {
  padding: 16px;
  margin: 0;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.pull-0 {
  right: auto;
}
.pull-1 {
  right: 8.3333333333%;
}
.pull-2 {
  right: 16.6666666667%;
}
.pull-3 {
  right: 25%;
}
.pull-4 {
  right: 33.3333333333%;
}
.pull-5 {
  right: 41.6666666667%;
}
.pull-6 {
  right: 50%;
}
.pull-7 {
  right: 58.3333333333%;
}
.pull-8 {
  right: 66.6666666667%;
}
.pull-9 {
  right: 75%;
}
.pull-10 {
  right: 83.3333333333%;
}
.pull-11 {
  right: 91.6666666667%;
}
.pull-12 {
  right: 100%;
}
.push-0 {
  left: auto;
}
.push-1 {
  left: 8.3333333333%;
}
.push-2 {
  left: 16.6666666667%;
}
.push-3 {
  left: 25%;
}
.push-4 {
  left: 33.3333333333%;
}
.push-5 {
  left: 41.6666666667%;
}
.push-6 {
  left: 50%;
}
.push-7 {
  left: 58.3333333333%;
}
.push-8 {
  left: 66.6666666667%;
}
.push-9 {
  left: 75%;
}
.push-10 {
  left: 83.3333333333%;
}
.push-11 {
  left: 91.6666666667%;
}
.push-12 {
  left: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.pull-0 {
  right: auto;
}
.pull-1 {
  right: 8.3333333333%;
}
.pull-2 {
  right: 16.6666666667%;
}
.pull-3 {
  right: 25%;
}
.pull-4 {
  right: 33.3333333333%;
}
.pull-5 {
  right: 41.6666666667%;
}
.pull-6 {
  right: 50%;
}
.pull-7 {
  right: 58.3333333333%;
}
.pull-8 {
  right: 66.6666666667%;
}
.pull-9 {
  right: 75%;
}
.pull-10 {
  right: 83.3333333333%;
}
.pull-11 {
  right: 91.6666666667%;
}
.pull-12 {
  right: 100%;
}
.push-0 {
  left: auto;
}
.push-1 {
  left: 8.3333333333%;
}
.push-2 {
  left: 16.6666666667%;
}
.push-3 {
  left: 25%;
}
.push-4 {
  left: 33.3333333333%;
}
.push-5 {
  left: 41.6666666667%;
}
.push-6 {
  left: 50%;
}
.push-7 {
  left: 58.3333333333%;
}
.push-8 {
  left: 66.6666666667%;
}
.push-9 {
  left: 75%;
}
.push-10 {
  left: 83.3333333333%;
}
.push-11 {
  left: 91.6666666667%;
}
.push-12 {
  left: 100%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.gpd-logo {
  max-height: 50px;
}
.info-icon-link {
  margin-top: 2.5px;
}
#navbarNavAltMarkup {
  min-height: 35px;
}
.sidebar--vertical--wrap-ext {
  background-color: #f4f4f4;
}
.sidebar--vertical--wrap-ext ul.nav .nav-item .nav-vertical-submenu {
  width: 20rem;
}
.v-sidebar {
  width: 200px;
  min-height: 86vh;
  max-height: calc(100% - 53px);
  height: calc(100% - 53px);
  background-color: #f4f4f4;
}
.hazard-layer-submenu-table {
  width: 100%;
}
@media (max-width: 1199px) {
  .hazard-layer-submenu-table {
    max-height: 500px;
    overflow: scroll;
  }
}
@media (max-width: 991px) {
  .hazard-layer-submenu-table {
    max-height: 500px;
    overflow: scroll;
  }
}
.hazard-layer-submenu-table th {
  font-weight: 500;
}
.hazard-layer-submenu-table th .sub-menu-header-text {
  font-size: 2.25rem;
  height: 50px;
  font-weight: 500;
}
.hazard-layer-submenu-table td,
.hazard-layer-submenu-table th {
  background-color: #e4e4e4;
  color: #1D1D1B;
  font-weight: bold;
}
.hazard-layer-submenu-table td .peril-icon,
.hazard-layer-submenu-table th .peril-icon {
  float: left;
  padding: 4px;
  margin-left: 4px;
}
.hazard-layer-submenu-table td .peril-icon i,
.hazard-layer-submenu-table th .peril-icon i {
  padding: 5px;
  float: left;
  color: #707070;
  cursor: pointer;
}
.hazard-layer-submenu-table td .peril-icon .icon-info1,
.hazard-layer-submenu-table th .peril-icon .icon-info1 {
  margin-left: 6px;
  margin-top: 10px;
  font-size: 20pt;
}
.hazard-layer-submenu-table td .peril-text,
.hazard-layer-submenu-table th .peril-text {
  padding: 4px;
  float: left;
  color: #1D1D1B;
}
.hazard-layer-submenu-table .peril-sub-menu {
  cursor: pointer;
}
.hazard-layer-submenu-table td .icon-selected {
  background-color: #00A0D2;
}
.hazard-layer-submenu-table td .icon-selected i {
  color: #ffffff;
}
.hazard-layer-submenu-table .peril-selected {
  border-right: solid 3px #00A0D2;
}
.hazard-layer-submenu-table .peril-selected .peril-icon {
  background-color: #00A0D2;
}
.hazard-layer-submenu-table .peril-selected .peril-icon i {
  color: #ffffff;
}
.hazard-layer-submenu-table td:nth-child(even) {
  background-color: #d8d8d8;
  font-weight: bold;
  width: 0px;
}
.hazard-layer-submenu-table td:nth-child(odd) {
  font-weight: normal;
  text-align: left;
  padding: 0px;
}
.hazard-layer-submenu-table td {
  border-bottom: solid 1px #c5c5c5;
  border-left: solid 1px #c5c5c5;
  text-align: center;
}
.fw-events .mc-menu {
  font-weight: 500 !important;
}
#map-controls-sub-menu,
#topLocationsSubMenu,
#liveAlertSubMenu {
  /*display: none;*/
  position: absolute;
  left: 120px;
  width: 380px;
  z-index: 2;
  left: 105px;
  background-color: #e4e4e4;
  opacity: 0.9;
  min-height: calc(100% - 53px);
  max-height: 86vh;
  overflow: scroll;
  overflow: auto;
}
@media (max-width: 1199px) {
  #map-controls-sub-menu,
#topLocationsSubMenu,
#liveAlertSubMenu {
    left: 105px;
  }
}
#map-controls-sub-menu .sub-menu-container,
#topLocationsSubMenu .sub-menu-container,
#liveAlertSubMenu .sub-menu-container {
  padding-bottom: 30%;
  height: 86vh;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
}
#map-controls-sub-menu .sub-menu-container accordion,
#topLocationsSubMenu .sub-menu-container accordion,
#liveAlertSubMenu .sub-menu-container accordion {
  margin-bottom: 100px;
}
#map-controls-sub-menu .mc-menu,
#topLocationsSubMenu .mc-menu,
#liveAlertSubMenu .mc-menu {
  padding: 10px 10px 10px 20px;
  border-bottom: solid 1px #c5c5c5;
  font-weight: 600;
  color: #1D1D1B;
}
#map-controls-sub-menu .mc-menu .icon-down_arrow,
#map-controls-sub-menu .mc-menu .icon-up_arrow,
#topLocationsSubMenu .mc-menu .icon-down_arrow,
#topLocationsSubMenu .mc-menu .icon-up_arrow,
#liveAlertSubMenu .mc-menu .icon-down_arrow,
#liveAlertSubMenu .mc-menu .icon-up_arrow {
  color: #00A0D2;
  font-size: 0.8rem;
  float: right;
  margin-right: 5px;
  margin-top: 7px;
}
#map-controls-sub-menu .mc-menu .icon-down_arrow:hover,
#map-controls-sub-menu .mc-menu .icon-up_arrow:hover,
#topLocationsSubMenu .mc-menu .icon-down_arrow:hover,
#topLocationsSubMenu .mc-menu .icon-up_arrow:hover,
#liveAlertSubMenu .mc-menu .icon-down_arrow:hover,
#liveAlertSubMenu .mc-menu .icon-up_arrow:hover {
  cursor: pointer;
}
#map-controls-sub-menu .mc-sub-menu,
#topLocationsSubMenu .mc-sub-menu,
#liveAlertSubMenu .mc-sub-menu {
  color: #1D1D1B;
}
#map-controls-sub-menu .mc-sub-menu ul,
#topLocationsSubMenu .mc-sub-menu ul,
#liveAlertSubMenu .mc-sub-menu ul {
  margin-bottom: 0px;
}
#map-controls-sub-menu .mc-sub-menu ul .sub-menu-selected,
#topLocationsSubMenu .mc-sub-menu ul .sub-menu-selected,
#liveAlertSubMenu .mc-sub-menu ul .sub-menu-selected {
  background-color: #979797;
  color: #ffffff;
  font-weight: 500;
}
#map-controls-sub-menu .mc-sub-menu li,
#topLocationsSubMenu .mc-sub-menu li,
#liveAlertSubMenu .mc-sub-menu li {
  padding: 10px 20px 10px 38px;
  border-bottom: solid 1px #c5c5c5;
  font-size: 0.85rem;
  font-weight: bold;
}
#map-controls-sub-menu .sub-menu-title,
#topLocationsSubMenu .sub-menu-title,
#liveAlertSubMenu .sub-menu-title {
  font-size: 24px;
  margin: 20px 0 0 20px;
  font-weight: 500;
  color: #1D1D1B;
}
#map-controls-sub-menu #locationsSubMenu,
#map-controls-sub-menu #tivSubMenu,
#map-controls-sub-menu #basemapSubMenu,
#map-controls-sub-menu #addressDataSubMenu,
#topLocationsSubMenu #locationsSubMenu,
#topLocationsSubMenu #tivSubMenu,
#topLocationsSubMenu #basemapSubMenu,
#topLocationsSubMenu #addressDataSubMenu,
#liveAlertSubMenu #locationsSubMenu,
#liveAlertSubMenu #tivSubMenu,
#liveAlertSubMenu #basemapSubMenu,
#liveAlertSubMenu #addressDataSubMenu {
  display: none;
  font-size: 0.85rem;
}
#map-controls-sub-menu #perilScoresSubMenu .icon-info:before,
#topLocationsSubMenu #perilScoresSubMenu .icon-info:before,
#liveAlertSubMenu #perilScoresSubMenu .icon-info:before {
  color: #00A0D2;
}
#map-controls-sub-menu #perilScoresSubMenu div,
#topLocationsSubMenu #perilScoresSubMenu div,
#liveAlertSubMenu #perilScoresSubMenu div {
  float: left;
  font-size: 0.75rem;
}
#map-controls-sub-menu #perilScoresSubMenu label,
#topLocationsSubMenu #perilScoresSubMenu label,
#liveAlertSubMenu #perilScoresSubMenu label {
  font-size: 0.8rem;
  font-weight: 600;
}
#map-controls-sub-menu #perilScoresSubMenu .score-row,
#topLocationsSubMenu #perilScoresSubMenu .score-row,
#liveAlertSubMenu #perilScoresSubMenu .score-row {
  padding: 0;
  margin-top: 20px;
}
#map-controls-sub-menu #perilScoresSubMenu .score-container,
#topLocationsSubMenu #perilScoresSubMenu .score-container,
#liveAlertSubMenu #perilScoresSubMenu .score-container {
  margin-left: 5px;
  font-size: 0.7rem;
}
#map-controls-sub-menu #perilScoresSubMenu .score-container .score-header,
#topLocationsSubMenu #perilScoresSubMenu .score-container .score-header,
#liveAlertSubMenu #perilScoresSubMenu .score-container .score-header {
  position: absolute;
  margin-top: 0px;
}
#map-controls-sub-menu .mc-menu-first,
#topLocationsSubMenu .mc-menu-first,
#liveAlertSubMenu .mc-menu-first {
  border-top: solid 2px #c5c5c5;
}
#map-controls-sub-menu .mc-menu-last,
#topLocationsSubMenu .mc-menu-last,
#liveAlertSubMenu .mc-menu-last {
  border-bottom: none;
}
#liveAlertSubMenu {
  max-height: 70vh;
  z-index: 9;
}
#liveAlertSubMenu .mc-menu {
  padding: 0 20px 0 30px;
}
#liveAlertSubMenu .mc-menu .icon-down_arrow,
#liveAlertSubMenu .mc-menu .icon-up_arrow {
  margin-top: -25px;
}
#map-controls-sub-menu .sub-menu-container accordion {
  margin-bottom: 0px;
}
.accordion-alert {
  margin-bottom: 100px !important;
}
.accordion-alert .mc-menu {
  padding-top: 15px !important;
}
#topLocationsSubMenu .custom-control-input {
  left: 0;
  z-index: 1;
}
#topLocationsSubMenu .location-sub-menu-table {
  float: left;
  padding: 15px 5px 25px 15px;
}
#topLocationsSubMenu .location-sub-menu-table .col-4 label,
#topLocationsSubMenu .location-sub-menu-table .col-6 label {
  width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#topLocationsSubMenu .location-sub-menu-table .col-6 label {
  width: 135px;
}
#topLocationsSubMenu .location-sub-menu-table #locationTHead {
  font-weight: bold;
}
#topLocationsSubMenu .location-sub-menu-table #locationTHead label {
  font-weight: bold;
}
#topLocationsSubMenu .location-sub-menu-table div,
#topLocationsSubMenu .location-sub-menu-table .icons {
  padding: 0px;
  float: left;
  font-size: 0.7rem;
}
#topLocationsSubMenu .location-sub-menu-table div label,
#topLocationsSubMenu .location-sub-menu-table .icons label {
  font-size: 0.75rem;
  margin-bottom: 1rem;
  padding-top: 2px;
  font-weight: 500;
}
#topLocationsSubMenu .location-sub-menu-table div icon,
#topLocationsSubMenu .location-sub-menu-table .icons icon {
  padding-top: 4px;
  font-size: 0.8rem;
  color: #00A0D2;
  font-weight: 600;
}
#topLocationsSubMenu .location-sub-menu-table div icon:hover,
#topLocationsSubMenu .location-sub-menu-table .icons icon:hover {
  cursor: pointer;
}
#topLocationsSubMenu .location-sub-menu-table .location-menu-back-text {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
  padding-top: 3px;
}
#topLocationsSubMenu .location-sub-menu-table .icon-back-arrow {
  font-size: 1.8rem;
  font-weight: 500;
  color: #00A0D2;
}
#topLocationsSubMenu .location-sub-menu-table .icon-back-arrow:hover {
  cursor: pointer;
}
.numerical-view-main {
  margin-left: 50px;
}
#fileUploadModal .modal-body {
  padding-bottom: 0px;
}
#fileUploadModal .modal-body .form-group {
  height: 240px;
  overflow: auto;
}
#fileUploadModal .modal-body .form-group #listErrors {
  list-style: decimal;
  padding-left: 15px;
  margin-left: 30px;
}
#fileUploadModal .modal-footer {
  padding-bottom: 30px;
  padding-right: 38px;
}
#scoreModal .modal-dialog .modal-content {
  min-height: 99.8vh;
}
#scoreModal .modal-dialog .modal-header button.close {
  right: 30px;
}
#scoreModal .modal-dialog .modal-header button.close span {
  font-size: 2.5rem;
}
#scoreModal .modal-dialog .modal-body {
  border-left: solid 7px #009966;
}
#scoreModal .modal-dialog .peril-score-description-content .ihs-text {
  float: left;
  width: 75%;
}
#scoreModal .modal-dialog .peril-score-description-content .ihs-logo {
  width: 20%;
  float: right;
}
#scoreModal .modal-dialog .peril-score-description-content .ihs-logo img {
  max-width: 75%;
  float: right;
}
#scoreModal .modal-dialog .peril-score-description-content ul {
  list-style-type: disc;
  padding-top: 30px;
  float: left;
  padding-left: 15px;
  margin-bottom: 25px;
}
#scoreModal .modal-dialog .psd-main-form {
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel {
  float: left;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tabs .psd-tab {
  width: 120px;
  float: left;
  height: 55px;
  background-color: #f4f4f4;
  border-left: solid 7px #009966;
  padding: 0.45rem;
  margin-bottom: 20px;
  font-weight: bold;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tabs .psd-tab:hover {
  cursor: pointer;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tabs .psd-tab-icon {
  float: right;
  width: 22px;
  height: 22px;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tabs .psd-tab-icon img {
  max-height: 22px;
  max-width: 22px;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .tab-tropicalcyclone .psd-tab-name {
  width: 70px;
  float: left;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .tab-tropicalcyclone .psd-tab-icon {
  margin-top: 23px;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .tab-selected {
  display: none;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tab-selected {
  background-color: #00607D !important;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tab-selected .psd-tab-name {
  color: #ffffff;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tab-selected .psd-tab-icon i {
  color: #ffffff;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel .psd-tab-selected .tab-selected {
  display: block;
  width: 113px;
  height: 8px;
  background-color: #00A0D2;
  margin: -14px 0 4px -7px;
}
#scoreModal .modal-dialog .psd-main-form .psd-main-panel p {
  margin: 0px;
}
#scoreModal .modal-dialog .psd-main-form:last-child {
  float: left;
}
#scoreModal .modal-dialog .tab-terrorism {
  border-color: #CC9315 !important;
}
#scoreModal .modal-dialog .tab-tornado {
  border-color: #59A6A2 !important;
}
#scoreModal .modal-dialog .tab-tropicalcyclone {
  border-color: #009966 !important;
}
#scoreModal .modal-dialog .tab-tsunami {
  border-color: #9699E2 !important;
}
#scoreModal .modal-dialog .tab-volcano {
  border-color: #852837 !important;
}
#scoreModal .modal-dialog .tab-wildfire {
  border-color: #FF8500 !important;
}
#scoreModal .modal-dialog .tab-coastalflood {
  border-color: #8E0255 !important;
}
#scoreModal .modal-dialog .tab-earthquake {
  border-color: #a31e22 !important;
}
#scoreModal .modal-dialog .tab-extratropicalstorm {
  border-color: #6D7E08 !important;
}
#scoreModal .modal-dialog .tab-flashflood {
  border-color: #007771 !important;
}
#scoreModal .modal-dialog .tab-hailstorm {
  border-color: #702082 !important;
}
#scoreModal .modal-dialog .tab-lightning {
  border-color: #FFB81C !important;
}
#scoreModal .modal-dialog .tab-riverflood {
  border-bottom: #00A0D2 !important;
}
#scoreModal .modal-dialog .risk-score-bullet-list {
  list-style-type: unset !important;
  padding: revert !important;
}
#scoreModal .modal-dialog .risk-score-table .munich-re-logo {
  height: 1.8rem;
  right: 2px;
  margin-top: -10px;
  margin-right: 0 !important;
}
@media (max-width: 575px) {
  #scoreModal .modal-dialog .risk-score-table .munich-re-logo {
    display: none;
  }
}
#scoreModal .modal-dialog .risk-score-table table {
  font-size: 0.85rem !important;
}
#scoreModal .modal-dialog .risk-score-table table thead {
  border-bottom: 3px solid #818a91;
}
#scoreModal .modal-dialog .risk-score-table table thead tr th:first-child {
  text-align: center;
  width: 20%;
}
@media (max-width: 767px) {
  #scoreModal .modal-dialog .risk-score-table table thead th {
    display: block;
    width: 100%;
  }
  #scoreModal .modal-dialog .risk-score-table table thead th:first-child {
    width: 200px;
    float: left;
  }
  #scoreModal .modal-dialog .risk-score-table table tbody tr td {
    width: 100%;
  }
  #scoreModal .modal-dialog .risk-score-table table tbody tr td:first-child {
    width: 200px;
    float: left;
  }
  #scoreModal .modal-dialog .risk-score-table table tbody tr td:before {
    content: "";
    display: none;
  }
}
#scoreModal .modal-dialog .risk-score-table table tbody tr {
  border-top: solid 0.5px #eceeef;
}
#scoreModal .modal-dialog .risk-score-table table tbody tr td:first-child {
  text-align: center;
}
#scoreModal .modal-dialog .risk-score-table table tbody tr td {
  padding: 0.35rem 0 0.35rem 1rem;
}
.navbar-brand {
  top: 0;
}
.navbar-brand a.nav-link {
  top: -6px;
  background-color: #444444;
  border-right: 10px solid #00A0D2;
  height: 40px;
  font-size: 18px;
}
.navbar-brand a.nav-link:hover, .navbar-brand a.nav-link:focus {
  background-color: #585858;
}
.navbar-brand:hover, .navbar-brand:focus {
  background-color: transparent;
}
.navbar-brand .ps-mobile {
  width: 120px;
}
.navbar-brand .ps-mobile [class^=icon-],
.navbar-brand .ps-mobile [class*=" icon-"] {
  float: right;
  padding: 2px 0 0;
}
.v-sidebar {
  background-color: #eceeef;
  width: 105px;
  float: left;
  left: 0;
  position: absolute;
  z-index: 12;
}
.v-sidebar .vt-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 105px;
  text-align: center;
  margin: 0;
}
.v-sidebar .vt-nav a,
.v-sidebar .vt-nav i,
.v-sidebar .vt-nav span {
  text-decoration: none;
  color: #444444;
  display: block;
}
.v-sidebar .vt-nav a {
  width: 105px;
}
.v-sidebar .vt-nav i {
  font-size: 1.6rem;
}
.v-sidebar .vt-nav span {
  width: 100%;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 17px;
}
.v-sidebar .vt-nav:hover {
  background-color: #702082;
  color: #ffffff;
}
.v-sidebar .vt-nav:hover i,
.v-sidebar .vt-nav:hover span {
  background-color: #702082;
  color: #ffffff;
}
.v-sidebar #hazard-layer-menu .icon-layers {
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .v-sidebar #hazard-layer-menu .icon-layers {
    font-size: 1.6rem;
  }
}
.v-sidebar .nav-selected {
  justify-content: left;
  background-color: #702082;
  color: #ffffff;
  width: 115px;
  z-index: 11;
}
.v-sidebar .nav-selected a,
.v-sidebar .nav-selected i,
.v-sidebar .nav-selected span {
  background-color: #702082;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .v-sidebar .vt-nav i {
    font-size: 1.4rem;
  }
  .v-sidebar .vt-nav span {
    font-size: 0.75rem;
  }
}
#hazard-layer-sub-menu {
  position: relative;
  max-width: 100%;
  z-index: 1;
  background-color: #e4e4e4;
  opacity: 0.9;
  overflow: auto;
  overflow-x: hidden;
}
#hazard-layer-sub-menu .hazard-score-column {
  min-width: 60px;
}
@media (max-width: 1199px) {
  #hazard-layer-sub-menu .hazard-layer-submenu-table {
    width: 100%;
  }
}
/*#hazard-layer-sub-menu:before{
  content: '';
  background: inherit;
  position: absolute;
  left: 105px;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.3);
  filter: blur(10px);
  max-width: 50%;
}*/
.peril-severity-panel {
  position: absolute;
  width: 214px;
  height: auto;
  max-height: 440px;
  text-align: center;
  right: 60px;
  bottom: 55px;
  margin-right: 35px;
  z-index: 1;
  background-color: #ffffff;
  padding: 12px 12px 26px 3px;
  overflow-y: auto;
  overflow-x: hidden;
}
.peril-severity-panel .peril-name-section {
  width: 70px;
  float: left;
}
.peril-severity-panel .peril-name-section .peril-name {
  width: 100%;
  font-size: 0.6rem;
}
.peril-severity-panel .peril-name-section i {
  font-size: 35px;
  color: #585858;
  margin: 3px 28% 0;
}
.peril-severity-panel .peril-name-section label {
  font-size: 10px;
  text-align: center;
  color: #585858;
  line-height: 13px;
  margin-top: 2px;
}
.peril-severity-panel .peril-severity-section {
  float: left;
  padding-bottom: 10px;
}
.peril-severity-panel .peril-severity-section .peril-name {
  width: auto;
  font-size: 11px;
}
.peril-severity-panel .peril-severity-section .color-palette {
  float: left;
  width: 105px;
  padding-left: 5px;
  height: 62px;
}
.peril-severity-panel .peril-severity-section .color-palette div {
  width: 20%;
  height: 45px;
  float: left;
}
.peril-severity-panel .peril-severity-section .color-palette .cp-1 {
  background-color: #CED0F2;
}
.peril-severity-panel .peril-severity-section .color-palette .cp-2 {
  background-color: #9699E2;
}
.peril-severity-panel .peril-severity-section .color-palette .cp-3 {
  background-color: #5D63D3;
}
.peril-severity-panel .peril-severity-section .color-palette .cp-4 {
  background-color: #4A4FA9;
}
.peril-severity-panel .peril-severity-section .color-palette .cp-5 {
  background-color: #333674;
}
.peril-severity-panel .peril-severity-section .color-palette-3 div {
  width: 33.3%;
}
.peril-severity-panel .peril-severity-section .color-palette-4 div {
  width: 25%;
}
.peril-severity-panel .peril-severity-section .color-palette-5 div {
  width: 20%;
}
.peril-severity-panel .peril-severity-section .color-palette-6 div {
  width: 16.5%;
}
.peril-severity-panel .peril-severity-section .color-palette-7 div {
  width: 14.22%;
}
.peril-severity-panel .peril-severity-section .color-palette-8 div {
  width: 10%;
}
.peril-severity-panel .peril-severity-section .color-palette-9 div {
  width: 10%;
}
.peril-severity-panel .peril-severity-section .color-palette-10 div {
  width: 10%;
}
.peril-severity-panel .live-alert-panel {
  padding-top: 2px;
  height: 77px;
  margin-bottom: 20px;
}
.peril-severity-panel .live-alert-panel .peril-name-section {
  width: 68px;
}
.peril-severity-panel .live-alert-panel .peril-severity-section {
  min-height: 79px;
}
.peril-severity-panel .live-alert-panel .live-event-text {
  font-size: 9px;
  text-align: center;
  width: 100% !important;
  height: auto !important;
  padding-bottom: 2px;
}
.peril-severity-panel .live-alert-panel .color-number {
  font-size: 8px;
}
.peril-severity-panel .live-alert-panel .icon {
  font-size: 23px !important;
  margin: 3px 35% 0 !important;
}
.peril-severity-panel .live-alert-panel .category-text {
  font-size: 10px;
  text-align: center;
  padding-left: 5px;
}
.peril-severity-panel .live-alert-panel .icon-padding {
  padding-top: 7px;
}
.peril-severity-panel .live-alert-panel label {
  margin-bottom: 0.4rem;
}
.peril-severity-panel .live-alert-panel1 {
  height: 144px;
}
.peril-severity-panel .live-alert-panel2 {
  height: 216px;
}
.peril-severity-panel1 {
  height: 150px;
}
.peril-severity-panel2 {
  height: 144px;
}
.peril-severity-panel3 {
  height: 220px;
}
.peril-severity-panel4 {
  height: 220px;
}
.live-alert-panel-container {
  height: 460px;
}
.live-alert-panel-container0 {
  height: 100px;
}
.live-alert-panel-container1 {
  height: 175px;
}
.live-alert-panel-container2 {
  height: 250px;
}
.live-alert-panel-container3 {
  height: 323px;
}
.live-alert-panel-container4 {
  height: 400px;
}
.live-alert-panel-container5 {
  height: 460px;
}
.eq-event-bulletin-link {
  text-decoration: underline;
  color: #a1d7ff !important;
}
.eq-event-bulletin-link:hover {
  text-decoration: underline;
  color: #a1d7ff !important;
}
.trend-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
.trend-icon .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #585858;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trend-icon .dash {
  width: 0;
  height: 0;
  border-left: 6px solid #007d61;
  border-right: 6px solid #007d61;
  border-bottom: 4px solid #007d61;
}
.trend-icon .triangle, .trend-icon .triangle-down, .trend-icon .triangle-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.trend-icon .triangle-up {
  border-bottom: 11px solid #a61932;
  margin-top: -2px;
}
.trend-icon .triangle-down {
  border-top: 11px solid #327fef;
  margin-top: 2px;
}
.trend-legend-entry {
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.trend-legend-entry .trend-label {
  margin-left: 10px;
}
.groups-legend, .trends-legend, .terror-targets-legend {
  margin-left: 15px;
  margin-bottom: 15px;
}
.groups-legend .display-3, .trends-legend .display-3, .terror-targets-legend .display-3 {
  text-align: left;
  font-size: 1.2rem;
}
.groups-legend .display-4, .trends-legend .display-4, .terror-targets-legend .display-4 {
  font-size: 15px;
}
.groups-legend-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 4px;
  padding-bottom: 4px;
  max-height: 136px;
}
.group-legend-entry {
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.group-legend-entry .group-label {
  margin-left: 10px;
}
.group-legend-entry .group-circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  align-self: center;
}
.esri-popup__icon.esri-icon-close,
.esri-popup__icon.esri-icon-zoom-in-magnifying-glass,
.esri-popup__button.esri-popup__action .esri-popup__action-text {
  color: white !important;
}
.esri-popup__inline-actions-container:only-child > .esri-popup__action,
.esri-popup__inline-actions-container:only-child > .esri-popup__action-toggle {
  max-width: unset !important;
}
/*Risk Score starts*/
.risk-score-main {
  padding: 20px 50px 0px 50px;
  margin: 2% 3% 0 2%;
  font-weight: 500;
  z-index: 12;
  background-color: #ffffff;
  width: calc(100% - 105px);
  color: #707070;
}
.risk-score-main .rs-result-title {
  font-size: 1.6rem;
  color: black;
}
.risk-score-main .rs-peril-score-text {
  float: right;
  padding-top: 14px;
}
.risk-score-main .rs-peril-score-text label {
  float: right;
  font-size: 1rem;
  font-weight: 500;
  padding-left: 5px;
  color: #707070;
}
.risk-score-main .rs-peril-score-text icon {
  font-size: 1.7rem;
  padding-top: 12px;
}
.risk-score-main .rs-peril-score-text .icon-info:before {
  color: #de7400;
}
.risk-score-main .rs-peril-score-text :hover {
  cursor: pointer;
}
.risk-score-main .rs-sub-head-container {
  float: left;
  display: flex;
  justify-content: right;
}
.risk-score-main .rs-sub-head-container .rs-sub-head {
  float: left;
  font-size: 1.25rem;
  font-weight: 500;
}
.risk-score-main .rs-sub-head-container .rs-download-results-link a {
  font-weight: 500;
  font-size: 1.25rem;
}
.risk-score-main .rs-sub-head-container .rs-download-results-link .icon-download {
  color: #00A0D2;
}
.risk-score-main .rs-sub-head-container .rs-download-results-link :hover {
  cursor: pointer;
}
.risk-score-main .rs-message {
  float: left;
  width: 100%;
  border: solid 2px #de7400;
  background-color: #fff6ee;
  padding: 10px;
}
.risk-score-main .rs-message label {
  float: left;
  width: 80%;
  font-size: 1rem;
  color: #de7400;
  margin-bottom: 0px;
}
.risk-score-main .rs-message icon {
  float: right;
  font-size: 0.75rem;
  color: #de7400;
  margin-top: 7px;
}
.risk-score-main .rs-message icon:hover {
  cursor: pointer;
}
.risk-score-main .score-grid {
  margin-top: 75px;
  float: left;
  width: 100%;
  font-size: 0.85rem;
}
.risk-score-main .score-grid div {
  float: left;
}
.risk-score-main .score-grid .empty-state {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}
.risk-score-main .score-grid .empty-state * {
  float: none !important;
}
.risk-score-main .score-grid .grid-head {
  width: 100%;
  font-weight: bold;
  height: 32px;
  border-bottom: solid 2px #d8d8d8;
}
.risk-score-main .score-grid .grid-head div {
  padding: 5px 0;
}
.risk-score-main .score-grid .grid-head .col-score {
  transform: rotate(-45deg);
  transform-origin: 0 0;
  white-space: nowrap;
  position: relative;
  top: 5px;
  padding-left: 0px;
  border: none;
}
.risk-score-main .score-grid .row-odd {
  width: 100%;
  background-color: #ecedee;
}
.risk-score-main .score-grid .row-odd div {
  padding: 5px 0;
}
.risk-score-main .score-grid .row-even {
  width: 100%;
}
.risk-score-main .score-grid .row-even div {
  padding: 5px 0;
}
.risk-score-main .score-grid .col-grid {
  width: 10.16%;
}
.risk-score-main .score-grid .col-grid .sort-image {
  vertical-align: middle;
}
.risk-score-main .score-grid .col-grid .sortImage {
  vertical-align: middle;
}
.risk-score-main .score-grid .col-grid-parent {
  width: 21.5%;
  padding-left: 20px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 21.5%;
  overflow: hidden;
}
.risk-score-main .score-grid .col-score {
  width: 3.2%;
  border: solid 1px #ecedee;
  text-align: center;
  font-weight: 500;
}
.risk-score-main .score-grid .col-name {
  color: #00A0D2 !important;
}
.risk-score-main .score-grid .col-name span {
  cursor: pointer;
}
.risk-score-main .score-grid .first-row div {
  border-top: none;
}
.risk-score-main-container {
  width: 100%;
  min-width: 100%;
  color: #1D1D1B;
  min-height: 100vh;
}
.risk-score-main-container .rs-separator-line {
  width: 100%;
  border-bottom: solid 2px #ecedee;
  float: left;
}
.risk-score-main-container .rs-pag {
  float: left;
  padding-top: 30px;
}
.risk-score-main-container .rs-pag div {
  float: left;
  width: auto;
  padding: 5px 8px;
  background-color: #ecedee;
  border: solid 1px #e4e4e4;
  font-size: 0.85rem;
}
.risk-score-main-container .rs-pag div:hover {
  cursor: pointer;
}
.risk-score-main-container .rs-pag .rsp-selected {
  background-color: #00A0D2;
  color: #ffffff;
  padding: 9px 8px;
  margin-top: -3px;
}
.risk-score-main-container .rs-buttons {
  width: calc(100% - 105px);
  margin-top: 20px;
  float: left;
}
.risk-score-main-container .rs-buttons button {
  float: right;
  margin-left: 20px;
}
/*Risk Score ends*/
/*Pager starts*/
.pg-pag {
  float: left;
  padding-top: 30px;
}
.pg-pag div {
  float: left;
  width: auto;
  padding: 3px 8px;
  background-color: #ecedee;
  border: solid 1px #e4e4e4;
  font-size: 0.9rem;
}
.pg-pag div:hover {
  cursor: pointer;
}
.pg-pag .pg-selected {
  background-color: #00A0D2;
  color: #ffffff;
  padding: 6px 8px;
  margin-top: -3px;
}
/*Pager ends*/
.titlebar--wrap .tilebar--container .display-2 {
  margin-left: 20px !important;
}
.add-facility-container {
  width: 100%;
  color: #55595c;
  background-color: #ffffff;
  font-size: 0.85rem;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 75vh;
}
@media (max-width: 1199px) {
  .add-facility-container {
    max-height: 70vh;
  }
}
.add-facility-container .af-title {
  font-size: 2rem;
  background-color: #e4e4e4;
  padding: 10px 15px;
  font-weight: 300;
}
.add-facility-container .af-main-content {
  padding-top: 30px;
  margin: 0 25%;
}
.add-facility-container .af-main-content .af-sub-title {
  padding-left: 13px;
}
.add-facility-container .af-main-content .af-sub-title .af-title-desc {
  font-size: 0.95rem;
  padding-bottom: 20px;
}
.add-facility-container .af-main-content table {
  width: 100%;
}
.add-facility-container .af-main-content .address-details-list {
  padding: 30px 0;
}
.add-facility-container .af-main-content .address-details-list table thead tr {
  border-top: solid 1px #e4e4e4;
  border-bottom: solid 1px #e4e4e4;
}
.add-facility-container .af-main-content .address-details-list table thead tr th {
  width: 15%;
}
.add-facility-container .af-main-content .address-details-list tr:nth-child(even) {
  background-color: #707070;
  color: #ffffff;
}
.add-facility-container .af-main-content .address-details-list .ad-address {
  width: 60%;
}
.add-facility-container .af-main-content .af-map {
  height: 150px;
  width: 100%;
  background-color: #e4e4e4;
}
.add-facility-container .af-main-content div,
.add-facility-container .af-main-content table td,
.add-facility-container .af-main-content select,
.add-facility-container .af-main-content button {
  font-size: 0.85rem;
  font-weight: 500;
}
.add-facility-container .af-main-content select {
  width: 100%;
  height: 27px;
}
.add-facility-container .af-main-content select :after {
  border-color: #00A0D2;
}
.add-facility-container .af-main-content button {
  width: 80px;
  height: 30px;
  font-size: 0.85rem;
  line-height: 1.15;
}
.add-facility-container .af-main-content .btn-add {
  margin-left: 15px;
}
.add-facility-container .af-main-content #btnFind {
  margin-top: 18px;
}
.score-container {
  width: 20px;
  height: 20px;
  padding: 2px 5px 5px 7px !important;
}
.score-0 {
  background-color: #c5c5c5;
  border: 2px solid #c5c5c5;
  color: #55595c;
}
.score-1 {
  background-color: #009300;
  border: 2px solid #009300;
  color: #ffffff;
}
.score-2 {
  background-color: #64c764;
  border: 2px solid #64c764;
  color: #ffffff;
}
.score-3 {
  background-color: #ffff99;
  border: 2px solid #ffff99;
  color: #000000;
}
.score-4 {
  background-color: #ffa319;
  border: 2px solid #ffa319;
  color: #ffffff;
}
.score-5 {
  background-color: red;
  border: 2px solid red;
  color: #ffffff;
}
.hide-me {
  display: none;
}
.filter-bar {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* height: 80px; */
  padding-top: 10px;
  padding-bottom: 10px;
  /* vertical-align: bottom; */
  background-color: #00A0D2;
  opacity: 0.8;
  text-align: center;
  top: -70px;
  transition: top 0.5s;
}
.filter-bar.open-without-ticker {
  top: 78px;
}
.filter-bar.open-with-ticker {
  top: 116px;
}
.filter-button {
  color: #FFF !important;
  line-height: 15px;
  font-weight: bold;
  font-size: 14px !important;
  border-bottom: none;
  padding: 2px;
  cursor: pointer;
}
.esriPopup .titlePane {
  background-color: #55595c;
}
.esriSimpleSlider {
  border: none;
}
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton,
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border: none !important;
  color: #55595c;
}
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton span,
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton span {
  color: #55595c;
}
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton div,
.esriSimpleSliderVertical .esriSimpleSliderDecrementButton span,
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton div,
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton span {
  font-weight: 300;
}
.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border-bottom: solid 1px #6e6e6e !important;
}
.map-control-home:before {
  content: "\f2d5";
  position: fixed;
  margin-top: 7px;
  margin-left: 5px;
  font-weight: 200;
  color: #55595c;
  font-size: 20px;
}
.location-count-container {
  margin: 4.45px 0;
  padding: 0px 20px;
  background-color: #e4e4e4;
  border: solid 1px #e4e4e4;
  border-radius: 30px;
}
.location-count-container label {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 15px;
  margin: 0;
  padding: 0;
}
.icon-info:before {
  color: #ffffff;
}
#gpdNavElement {
  position: absolute;
  top: -34px;
  right: 180px;
  width: 315px;
}
.popover-custom .popover-content {
  width: 200px;
  color: white;
  padding: 10px 14px;
  background: #444444;
}
.popover-custom.popover {
  background: #444444;
  border-radius: 0;
}
.popover-custom.popover.popover-top.after {
  border-top-color: #444444 !important;
}
.chart {
  width: 100% !important;
  margin: 0 auto;
  display: block;
}
.popover.popover-top::after,
.popover.bs-tether-element-attached-bottom::after {
  border-top-color: #444444 !important;
}
.truncate-text {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-tabs-header {
  padding: 5px 5px 0 5px;
  background: white;
  position: inherit;
  border-bottom: 1px solid #bcbcbc;
  /*min-height: 37px;*/
}
.stepper-container .btn-link {
  text-align: center;
}
.btnDownloadReportMarginWithoutTicker {
  margin-top: 25px;
}
.btnDownloadReportMarginWithTicker {
  margin-top: 45px;
}
.download-report-container {
  width: 100%;
  position: absolute;
  top: 92px;
  z-index: 9999;
  /* &:before {
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ecedee;;;
    position: absolute;
    right: 7%;
    top: -15px;
  }*/
}
.download-report-container label,
.download-report-container div titlebar--wrap {
  color: #707070;
}
.download-report-container div {
  float: left;
}
.download-report-container .download-report {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  color: #707070;
}
.download-report-container .download-report label {
  font-size: 2rem;
  padding-left: 125px;
  float: left;
  font-weight: 400;
}
.download-report-container .download-report button {
  float: right;
  padding-right: 25px;
}
.download-report-container .down-arrow-container {
  width: 100%;
}
.download-report-container .down-arrow-container {
  width: 87%;
  margin-left: 175px;
}
.download-report-container .down-arrow-container .up-arrow {
  width: 100%;
  float: right;
  margin-right: 40px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ecedee;
}
.download-report-container .notification-container {
  width: 100%;
}
.download-report-container .notification-container .notification-message {
  margin-right: 20px;
  width: 260px;
  float: right;
}
.download-report-container .notification-container .notification-message .notification-header {
  width: 100%;
  background-color: #ecedee;
  border-bottom: solid 2px #00A0D2;
  padding: 5px 10px;
  font-weight: 500;
}
.download-report-container .notification-container .notification-message .notification-content {
  width: 100%;
  background-color: #f4f4f4;
  padding: 5px 10px;
  font-size: 0.85rem;
}
.download-report-container .download-report-popup {
  background-color: #ffffff;
  width: 87%;
  margin-left: 175px;
  max-height: 60vh;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
.download-report-container .download-report-popup:before {
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ecedee;
  position: absolute;
  right: 7%;
  top: -15px;
}
.download-report-container .download-report-popup a {
  text-decoration: none;
  color: #00A0D2;
  pointer-events: all !important;
  opacity: 1 !important;
}
.download-report-container .download-report-popup .dr-title {
  background-color: #ecedee;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-bottom: solid 2px #00A0D2;
}
.download-report-container .download-report-popup .dr-title .title-1 {
  font-size: 1rem;
  font-weight: 500;
}
.download-report-container .download-report-popup .dr-title .title-2 {
  font-size: 0.85rem;
}
.download-report-container .download-report-popup .dr-popup-main {
  padding: 20px;
  margin-bottom: 10px;
}
.download-report-container .download-report-popup .dr-popup-main .peril-checkbox .peril-checkbox-container {
  width: 180px;
}
.download-report-container .download-report-popup .dr-popup-main .peril-checkbox label {
  padding-right: 20px;
  left: -20px;
  z-index: 1;
}
.download-report-container .download-report-popup .dr-popup-main .peril-checkbox .custom-control-input {
  position: relative;
  z-index: 11;
  left: -1px;
}
.download-report-container .download-report-popup .dr-popup-main .peril-checkbox .truncate-text {
  width: 160px;
}
.download-report-container .download-report-popup .dr-popup-main .dr-filter {
  width: 100%;
  margin: 10px 0;
  background-color: #ffffff;
}
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-title,
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-basemap,
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-hazard-layer {
  margin-right: 5%;
  width: 20%;
}
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-title input,
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-basemap input,
.download-report-container .download-report-popup .dr-popup-main .dr-filter .div-hazard-layer input {
  height: 38px;
}
.download-report-container .download-report-popup .dr-popup-main .dr-filter .map-legend {
  float: right;
}
.download-report-container .download-report-popup .dr-popup-main .dr-filter .map-legend .peril-severity-panel {
  position: inherit;
}
.download-report-container .download-report-popup .dr-popup-main .dr-status {
  background-color: #444444;
  width: 100%;
  margin: 10px 0;
  padding-top: 5px;
}
.download-report-container .download-report-popup .dr-popup-main .dr-status label {
  float: right;
  padding-right: 20px;
  color: #ffffff;
}
.download-report-container .download-report-popup .dr-popup-main .map-div1,
.download-report-container .download-report-popup .dr-popup-main .dr-comments {
  background-color: #ffffff;
  width: 100%;
  margin: 10px 0;
}
.download-report-container .download-report-popup .dr-popup-main .map-div1 {
  min-height: 300px;
  background-color: lightgray;
  max-width: 900px;
  margin: 20px 20%;
}
.download-report-container .download-report-popup .dr-popup-main .dr-comments label {
  width: 100%;
  font-weight: 500;
}
.download-report-container .download-report-popup .dr-popup-main .dr-generate-button {
  margin-top: 20px;
}
.download-report-container .tab-selection {
  width: 100%;
  height: 75px;
  background-color: #ecedee;
  border-bottom: solid 2px #00A0D2;
  padding-left: 30px;
}
.download-report-container .tab-selection .peril-tab {
  width: 170px;
  height: 74px;
  padding: 12px;
  margin-left: 30px;
  border: solid 2px #d8d8d8;
  border-bottom: solid 1px #00A0D2;
  background-color: #ffffff;
}
.download-report-container .tab-selection .peril-tab .label-name,
.download-report-container .tab-selection .peril-tab .peril-selected {
  width: 100%;
}
.download-report-container .tab-selection .peril-tab .label-name icon,
.download-report-container .tab-selection .peril-tab .peril-selected icon {
  font-size: 18px;
  color: #00A0D2;
}
.download-report-container .tab-selection .peril-tab a {
  text-decoration: none;
}
.download-report-container .tab-selection .peril-tab .peril-selected {
  font-size: 16px;
}
.download-report-container .tab-selection .tab-selected {
  background-color: #00A0D2;
}
.download-report-container .tab-selection .tab-selected label,
.download-report-container .tab-selection .tab-selected icon {
  color: #ffffff;
}
.download-report-container .tab-selection .tab-selected .icon-close_thin:before {
  color: #ffffff;
}
.download-report-container .peril-add-tab {
  width: 170px;
  padding-top: 30px;
  text-align: center;
}
.download-report-container .peril-add-tab label {
  color: #00A0D2;
  font-size: 1rem;
  cursor: pointer;
}
.download-report-container .peril-add-tab-disabled .icon-plus-circle:before {
  color: #d8d8d8 !important;
}
.download-report-container .peril-add-tab-disabled label {
  color: #d8d8d8;
}
.download-report-container .add-map-link {
  width: 100%;
  padding: 10px 15px;
  vertical-align: middle;
  background-color: #f4f4f4;
  color: #585858;
}
.download-report-container .add-map-link a {
  float: right;
}
.download-report-container .add-map-link icon {
  float: left;
  padding: 3px 5px 0 0;
}
.download-report-container .add-map-link label {
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 0px;
}
.download-report-container .add-map-link label:hover {
  cursor: pointer;
}
.download-report-container .map-view {
  padding-bottom: 10px;
}
.download-report-container .icon-info {
  padding: 2px 10px 0px 10px !important;
  font-size: 24px;
}
.download-report-container .icon-info-header {
  padding: 2px 10px 0px 10px !important;
  font-size: 24px;
}
.download-report-container .icon-info-details {
  padding: 30px 10px 0px 10px !important;
  font-size: 24px;
  float: right !important;
}
.download-report-container .icon-info:before {
  color: #00A0D2;
}
site-footer, site-footer > .run-info {
  position: fixed;
}
site-footer {
  z-index: 1001;
}
.pdfOptionMap {
  width: 100%;
}
.tb-container .tb-row.tb-header .tb-cell {
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
  font-weight: 500;
  padding: 10px 0 8px;
}
.tb-container .tb-row .tb-cell {
  font-size: 12px;
  border-bottom: 1px solid #ecedee;
  vertical-align: middle;
  padding: 2px 0;
}
.tb-container .tb-row .tb-cell .tb-row .tb-cell {
  border: 0;
}
.tb-container .tb-row .tb-cell .willis-icon {
  display: inline-block;
}
.tb-container .tb-row .tb-cell .willis-icon:before {
  font-family: "willis_fonts";
  float: left;
  font-size: 22px;
  padding: 5px 0;
  color: #979797;
}
.tb-container .tb-row .tb-cell .willis-icon.icon-info:before {
  color: #de7400;
}
.tb-container .tb-row .tb-cell .willis-icon.icon-ico_edit:before {
  color: #00A0D2;
  font-size: 16px;
}
.tb-container .tb-row .tb-cell .willis-icon.icon-ico_delete:before {
  color: #00A0D2;
  font-size: 16px;
}
.tb-container .tb-row .tb-cell .willis-icon.icon-warning-red:before {
  color: #a31e22;
}
.tb-container {
  display: table;
}
.tb-container .tb-row {
  display: table-row;
}
.tb-container .tb-row .tb-cell {
  display: table-cell;
  padding: 0 10 0 0;
}
.tb-container .tb-row .tb-cell .willis-icon {
  cursor: pointer;
}
.tb-container .tb-header .column-sort {
  cursor: pointer;
}
.tb-container .tb-row .tb-cell {
  padding: 5px 5px 5px 0;
}
.tb-container .tb-row .tb-cell.border-none {
  border: none;
}
.tb-container .tb-row.border-top .tb-cell {
  border-top: 1px solid #e4e4e4;
}
.tb-container .tb-row.border-bottom > .tb-cell {
  border-bottom: 1px solid #e4e4e4;
}
a .icon-ico_edit,
a .icon-ico_delete {
  cursor: pointer;
  color: #00A0D2;
}
a:hover, a:focus {
  color: #007FA7;
  text-decoration: none;
}
.esri-ui-manual-container .esri-component {
  display: inline;
}
.esri-attribution {
  background-color: inherit !important;
  text-align: right;
}
.esri-attribution div {
  display: inline-block;
  width: fit-content;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  margin-right: 5px;
  vertical-align: bottom;
}
.esri-attribution::after {
  background-color: #ffffff;
}
.esri-popup__position-container .esri-popup__main-container {
  background: #444444;
  color: #ffffff;
  width: 400px;
  max-height: 450px;
  margin-top: 60px;
}
@media (max-width: 840px) {
  .esri-popup__position-container .esri-popup__main-container {
    max-height: 314px;
  }
}
.esri-popup__position-container .esri-popup__main-container .esri-popup__content {
  overflow-y: auto;
}
.esri-popup__position-container .esri-popup__main-container .esri-popup__feature-buttons {
  display: none;
}
.esri-popup__position-container .esri-popup__main-container .customFontsize {
  font-size: 14px;
}
.esri-popup__position-container .esri-popup__main-container .alignright {
  text-align: right;
}
.esri-popup__position-container .esri-popup__main-container div.pop-up-tab {
  padding-right: 20px;
}
.esri-ui-bottom-right {
  bottom: 20px;
}
.esri-attribution__sources {
  text-align: right;
}
.esri-popup__position-container .tb-container .tb-row .tb-cell {
  padding: 3px 0;
}
#divexposureEdit {
  font-weight: 400 !important;
}
#divexposureEdit label {
  font-weight: 400 !important;
}
#divexposureEdit .title-label {
  font-size: 1rem !important;
  margin-bottom: 30px;
}
.pick-a-location #extent,
.pick-a-location .esriSimpleSliderIncrementButton,
.pick-a-location .esriSimpleSliderDecrementButton,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderDecrementButton,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  background-color: #ffffff !important;
  color: #6e6e6e;
  border: solid 1px #f4f4f4 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.pick-a-location #extent span,
.pick-a-location .esriSimpleSliderIncrementButton span,
.pick-a-location .esriSimpleSliderDecrementButton span,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderDecrementButton span,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderIncrementButton span {
  color: #6e6e6e;
}
.pick-a-location #extent:hover,
.pick-a-location .esriSimpleSliderIncrementButton:hover,
.pick-a-location .esriSimpleSliderDecrementButton:hover,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderDecrementButton:hover,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderIncrementButton:hover {
  background-color: #eceeef !important;
}
.pick-a-location .icon-home:before {
  position: absolute;
}
.pick-a-location #viewDiv .esriSimpleSliderVertical .esriSimpleSliderDecrementButton,
.pick-a-location .esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  background: #ffffff !important;
}
.tooltip-inner {
  text-align: left;
  padding: 10px 5px 10px 12px;
}
.tooltip.tooltip-left .tooltip-inner::before,
.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  border-left-color: #444444 !important;
}
.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  border-bottom-color: #444444 !important;
}
.tooltip span {
  opacity: 0;
}
.more-information-link {
  color: #00A0D2 !important;
  text-decoration: underline !important;
  font-size: 0.85rem;
}
.more-information-tooltip {
  /*position: relative;
  float: right;
  z-index: 1;
  text-align: left;
  padding: 10px;*/
}
.more-information-tooltip label,
.more-information-tooltip li {
  color: #ffffff;
}
.more-information-tooltip label {
  font-size: 0.85rem;
  font-weight: 400;
  margin-bottom: 5px !important;
}
.more-information-tooltip li {
  font-size: 0.8rem;
  list-style-type: decimal;
  margin-left: 15px;
  font-weight: 400;
}
.tooltip-container .tooltip-inner {
  max-width: inherit !important;
}
div.vt-nav.blocked:hover, li.nav-item.blocked:hover {
  background-color: #D7D7D7 !important;
  pointer-events: auto;
}
div.vt-nav.blocked:hover i, li.nav-item.blocked:hover i {
  color: #707070;
  background-color: #D7D7D7;
}
div.vt-nav.blocked:hover span, li.nav-item.blocked:hover span {
  color: #707070;
  background-color: #D7D7D7;
}
div.vt-nav.blocked:hover a, li.nav-item.blocked:hover a {
  color: #707070;
  margin-top: -3px;
}
li.nav-item.blocked a {
  margin-top: -2px;
}
li.nav-item.blocked:hover {
  margin-top: -1.2em;
  padding-top: 17px;
}
.info-tooltip {
  display: block;
  position: absolute;
  z-index: 99;
  color: #F4F4F4;
  text-align: left;
}
.info-tooltip .arrow {
  width: 0;
  height: 0;
  position: absolute;
}
.info-tooltip .arrow-left {
  border-top: 10px solid transparent;
  border-right: 10px solid #444;
  border-bottom: 10px solid transparent;
  top: -50px;
  right: -108px;
}
.info-tooltip .arrow-right {
  border-top: 10px solid transparent;
  border-left: 10px solid #444;
  border-bottom: 10px solid transparent;
  top: -50px;
  left: 368px;
}
.info-tooltip .arrow-top {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #444;
  top: -80px;
  left: 224px;
}
.info-tooltip .arrow-bottom {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #444;
  top: -12px;
  left: 224px;
}
.info-tooltip .dropdown-content {
  z-index: 10;
  display: initial;
  min-width: 260px !important;
  top: -70px;
  right: -368px;
  padding: 13px 39px 0px 17px;
  background-color: #444;
  position: absolute;
  width: 100px;
}
.info-tooltip .dropdown-content .dropdown-content-item {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 18px;
}
.service-status-container {
  padding-top: 6px;
  margin-right: 15px;
}
.service-status-container label,
.service-status-container div {
  float: left;
}
.service-status-container label {
  color: #ffffff;
}
.service-status-container .service-status {
  margin: 6px 0 0 7px;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  background-color: #00c389;
  border-width: 0px;
}
.service-status-container .service-status:hover {
  cursor: pointer;
}
.service-status-container .service-status-down {
  background-color: #f24965;
}
.readonly-mask .choose-file {
  pointer-events: none;
  opacity: 0.5;
}
.readonly-mask button.close,
.readonly-mask .pg-pag a,
.readonly-mask #gpdNavElement a,
.readonly-mask #disclaimer a,
.readonly-mask #cbContinents,
.readonly-mask #btnDownloadReport,
.readonly-mask .sidebar-link,
.readonly-mask .event-check,
.readonly-mask .ticker-container a,
.readonly-mask .peril-filter-header-item a,
.readonly-mask .download-header-item a,
.readonly-mask .peril-info-header-item a {
  pointer-events: auto !important;
  opacity: 1;
}
.readonly-mask .download-report-popup button,
.readonly-mask .download-report-popup .dr-title a {
  pointer-events: auto !important;
  opacity: 1;
}
.readonly-mask .download-report-popup .peril-add-tab {
  pointer-events: none;
  opacity: 0.5;
}
.readonly-mask .download-report-popup .pdfOptionMap {
  pointer-events: none;
}
.readonly-mask .download-report-popup .esriSimpleSlider {
  display: none;
}
.readonly-mask gpd-quality-data gpd-bar-chart tspan,
.readonly-mask gpd-peril-score-select div.score-container {
  pointer-events: auto;
}
.readonly-mask .exposure-delete,
.readonly-mask .icon-ico_delete:before,
.readonly-mask .download-sov {
  display: none !important;
}
.readonly-mask #gpdNavElement {
  right: 120px !important;
}
.event-check:hover {
  cursor: pointer;
}
.w3-container:after,
.w3-container:before {
  content: "";
  display: table;
  clear: both;
}
.w3-center {
  text-align: center !important;
}
.w3-animate-left {
  position: relative;
  animation: animateleft 0.4s;
}
@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.alert .expand-all {
  margin-top: -10px;
  text-decoration: underline;
}
.alert .expand-all:hover {
  color: #a31e22;
}
.alert #listErrors {
  list-style: decimal;
  padding-left: 15px;
}
.alert .error-head {
  font-weight: 500;
  padding-bottom: 8px;
}
#errorHandlingModal ul {
  margin-top: 10px;
}
#errorHandlingModal li {
  font-size: 1;
  margin-bottom: 5px;
}
#errorHandlingModal li span {
  margin-right: 5px;
}
#errorHandlingModal span.failed {
  color: #a31e22;
  font-weight: bold;
}
#errorHandlingModal span.modal-text {
  margin-bottom: 10px;
}
#exposureUpload .fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
#exposureUpload .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#exposureUpload a.tb-link {
  padding: 10px 0 10px 30px;
  margin: 0 0 10px 0;
  float: right;
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  font-family: "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
#exposureUpload a.tb-link:hover {
  color: #00A0D2;
}
#exposureUpload a.tb-link:before {
  font-size: 26px;
  position: absolute;
  top: 6px;
  left: 0;
  font-family: "willis_fonts";
  color: #00A0D2;
}
#exposureUpload a.tb-link.back-link {
  display: inline-block;
  float: left;
  font-weight: 500;
  padding: 10px 0 10px 34px;
  color: #000000;
}
#exposureResults .alert.hidden {
  display: none;
}
#exposureResults .nav-item .hidden-md-down {
  color: #a31a1a;
}
#exposureResults .nav-item .hidden-md-down.hidden {
  display: none;
}
#exposureResults #exposure-geolocation-table .text-xs-right {
  text-align: right !important;
  width: 150px;
}
#exposureResults #exposure-geolocation-table .overflow-hidden {
  overflow: hidden;
}
#exposureResults #exposure-geolocation-table ul {
  padding: 0;
}
#exposureResults #exposure-geolocation-table ul li {
  position: relative;
  float: right;
  display: inline-block;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  background: #f4f4f4;
  width: 180px;
  text-align: left;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu .title {
  display: block;
  padding: 8px 10px;
  color: #1D1D1B;
  font-size: 15px;
  font-weight: 500;
  font-family: "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  border-bottom: 2px solid #00A0D2;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu ul {
  padding: 5px 0;
  float: left;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu ul li {
  float: left;
  width: 100%;
  font-size: 14px;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu ul li a {
  color: #585858;
  padding: 5px 10px;
  float: left;
  width: 100%;
  text-decoration: none;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu ul li a:hover {
  color: #00A0D2;
}
#exposureResults #exposure-geolocation-table ul li .sub-menu .triangle-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  position: absolute;
  top: -10px;
  left: 65px;
}
#exposureResults #exposure-geolocation-table ul li:hover .sub-menu {
  display: block;
}
@media (max-width: 767px) {
  #exposureResults #exposure-geolocation-table .tb-container {
    overflow: auto;
    display: block;
  }
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row.border-bottom .tb-cell {
  padding-left: 17px;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell {
  padding: 2px 10px 0px 0;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .icon-info:before,
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .icon-ico_edit:before,
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .icon-ico_delete:before {
  font-size: 1.5rem;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell.column-sort {
  padding: 10px 10px 10px 0;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:first-child, #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(2) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(3), #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(4), #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(5), #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(6), #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(9) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(7) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(8) {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:first-child, #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:nth-child(2) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell.tb-cell-lg-hidden {
    display: none;
  }
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:last-child {
  padding: 0;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .swap-full {
  display: inline-block;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .swap-short {
  display: none;
}
@media (max-width: 991px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .swap-full {
    display: none;
  }
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .swap-short {
    display: inline-block;
  }
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell.tb-cell-md-hidden {
    display: none;
  }
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell.more-dropdown, #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell.view-more {
    overflow: visible;
  }
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container {
  padding: 0;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell {
  margin: 0 0 0 20px;
  display: table-cell;
}
@media (max-width: 767px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(n+2):not(:last-child) {
    display: none;
  }
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:first-child {
  margin: 0;
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
  text-align: left;
}
@media (min-width: 768px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
    display: none;
  }
}
@media (max-width: 991px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(2), #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(3) {
    display: none;
  }
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
    display: table-cell;
  }
}
#exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:last-child {
  text-align: right;
}
@media (max-width: 991px) {
  #exposureResults #exposure-geolocation-table .tb-container .tb-row .tb-cell:last-child {
    text-align: left;
  }
}
#exposureResults .exposure-results-container {
  min-width: 100%;
  padding: 0px 15px;
}
#exposureResults .exposure-results-container .tb-cell {
  max-width: 180px;
}
@media (min-width: 1200px) {
  #exposureResults .exposure-results-container {
    min-width: 83.33333333%;
  }
}
#exposureResults .search-container {
  width: 300px;
  float: right;
  padding: 0;
}
#exposureResults .search-container .icon-search {
  position: absolute;
  right: 0;
  padding: 10px;
  color: #00A0D2;
  font-size: 20px;
  pointer-events: none;
}
#exposureResults .run-button-container {
  margin-bottom: 25px !important;
  margin-top: 15px !important;
}
#exposureResults .tb-container .tb-row.border-bottom > .tb-cell {
  border-bottom: 1px solid #e4e4e4;
}
#exposureResults #divexposureEdit .disableAnchor {
  pointer-events: none;
  cursor: default;
  opacity: 0.25;
}
#exposureResults #divexposureEdit #viewDiv {
  height: 450px;
}
@media (max-width: 991px) {
  #exposureResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 767px) {
  #exposureResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 575px) {
  #exposureResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
#exposureResults .addedLocation {
  background-color: #707070 !important;
}
#exposureResults .addedLocation .tb-cell,
#exposureResults .addedLocation .icon-ico_edit:before,
#exposureResults .addedLocation .icon-ico_delete:before,
#exposureResults .addedLocation .icon-info:before {
  color: #ffffff;
}
#supplyChainResults .alert.hidden {
  display: none;
}
#supplyChainResults .nav-item .hidden-md-down {
  color: #a31a1a;
}
#supplyChainResults .nav-item .hidden-md-down.hidden {
  display: none;
}
#supplyChainResults #supplyChain-geolocation-table .text-xs-right {
  text-align: right !important;
  width: 150px;
}
#supplyChainResults #supplyChain-geolocation-table .overflow-hidden {
  overflow: hidden;
}
#supplyChainResults #supplyChain-geolocation-table ul {
  padding: 0;
}
#supplyChainResults #supplyChain-geolocation-table ul li {
  position: relative;
  float: right;
  display: inline-block;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  background: #f4f4f4;
  width: 180px;
  text-align: left;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu .title {
  display: block;
  padding: 8px 10px;
  color: #1D1D1B;
  font-size: 15px;
  font-weight: 500;
  font-family: "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  border-bottom: 2px solid #00A0D2;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu ul {
  padding: 5px 0;
  float: left;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu ul li {
  float: left;
  width: 100%;
  font-size: 14px;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu ul li a {
  color: #585858;
  padding: 5px 10px;
  float: left;
  width: 100%;
  text-decoration: none;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu ul li a:hover {
  color: #00A0D2;
}
#supplyChainResults #supplyChain-geolocation-table ul li .sub-menu .triangle-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  position: absolute;
  top: -10px;
  left: 65px;
}
#supplyChainResults #supplyChain-geolocation-table ul li:hover .sub-menu {
  display: block;
}
@media (max-width: 767px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container {
    overflow: auto;
    display: block;
  }
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row.border-bottom .tb-cell {
  padding-left: 17px;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell {
  padding: 8px 5px 8px 0;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .icon-info:before,
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .icon-ico_edit:before,
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .icon-ico_delete:before {
  font-size: 1.5rem;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell.column-sort {
  padding: 10px 10px 10px 0;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:first-child, #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(2) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(3), #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(4), #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(5), #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(6), #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(9) {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(7) {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(8) {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:first-child, #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:nth-child(2) {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell.tb-cell-lg-hidden {
    display: none;
  }
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:last-child {
  padding: 0;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .swap-full {
  display: inline-block;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .swap-short {
  display: none;
}
@media (max-width: 991px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .swap-full {
    display: none;
  }
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .swap-short {
    display: inline-block;
  }
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell.tb-cell-md-hidden {
    display: none;
  }
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell.more-dropdown, #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell.view-more {
    overflow: visible;
  }
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container {
  padding: 0;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell {
  margin: 0 0 0 20px;
  display: table-cell;
}
@media (max-width: 767px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(n+2):not(:last-child) {
    display: none;
  }
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:first-child {
  margin: 0;
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
  text-align: left;
}
@media (min-width: 768px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
    display: none;
  }
}
@media (max-width: 991px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(2), #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:nth-child(3) {
    display: none;
  }
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell .tb-container .tb-row .tb-cell:last-child {
    display: table-cell;
  }
}
#supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:last-child {
  text-align: right;
}
@media (max-width: 991px) {
  #supplyChainResults #supplyChain-geolocation-table .tb-container .tb-row .tb-cell:last-child {
    text-align: left;
  }
}
#supplyChainResults .risk-score {
  float: right;
  position: absolute;
  padding: 11px 60px 11px 16px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 37px;
  right: 0;
}
@media (max-width: 1199px) {
  #supplyChainResults .risk-score {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 767px) {
  #supplyChainResults .risk-score {
    width: 100%;
    text-align: left;
    float: none;
    margin: 0;
  }
}
#supplyChainResults .risk-score:after {
  color: #ffffff;
  font-size: 30px;
  padding: 5px 0;
  font-family: "willis_fonts";
  content: "\f2a5";
  position: absolute;
  top: 1px;
  right: 12px;
  display: block;
  font-weight: 300;
}
#supplyChainResults .exposure-results-container {
  min-width: 100%;
  padding: 0px 15px;
}
#supplyChainResults .exposure-results-container .tb-cell {
  max-width: 180px;
}
@media (min-width: 1200px) {
  #supplyChainResults .exposure-results-container {
    min-width: 83.33333333%;
  }
}
#supplyChainResults .search-container {
  width: 300px;
  float: right;
  padding: 0;
}
#supplyChainResults .search-container .icon-search {
  position: absolute;
  right: 0;
  padding: 10px;
  color: #00A0D2;
  font-size: 20px;
  pointer-events: none;
}
#supplyChainResults .run-button-container {
  margin-bottom: 25px !important;
  margin-top: 15px !important;
}
#supplyChainResults .tb-container .tb-row.border-bottom > .tb-cell {
  border-bottom: 1px solid #e4e4e4;
}
#supplyChainResults #divexposureEdit .disableAnchor {
  pointer-events: none;
  cursor: default;
  opacity: 0.25;
}
#supplyChainResults #divexposureEdit #viewDiv {
  height: 450px;
}
@media (max-width: 991px) {
  #supplyChainResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 767px) {
  #supplyChainResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 575px) {
  #supplyChainResults #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
#supplyChainResults .addedLocation {
  background-color: #707070 !important;
}
#supplyChainResults .addedLocation .tb-cell,
#supplyChainResults .addedLocation .icon-ico_edit:before,
#supplyChainResults .addedLocation .icon-ico_delete:before,
#supplyChainResults .addedLocation .icon-info:before {
  color: #ffffff;
}
#review .risk-score {
  float: right;
  position: absolute;
  padding: 11px 60px 11px 16px;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 37px;
  right: 100px;
  z-index: 10;
}
@media (max-width: 1199px) {
  #review .risk-score {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 767px) {
  #review .risk-score {
    width: 100%;
    text-align: left;
    float: none;
    margin: 0;
  }
}
#review .risk-score:after {
  color: #ffffff;
  font-size: 30px;
  padding: 5px 0;
  font-family: "willis_fonts";
  content: "\f2a5";
  position: absolute;
  top: 1px;
  right: 12px;
  display: block;
  font-weight: 300;
}
#addNewFacilityPopup .modal-dialog {
  max-width: 60%;
}
#addNewFacilityPopup .modal-dialog label {
  font-weight: 500;
}
.share-user-id {
  max-width: 200px;
  word-break: break-all;
}
.hide-arrow .icon-down_arrow,
.hide-arrow .icon-up_arrow {
  display: none;
}
.hide-arrow .filter--switch-handle {
  width: 24px;
}
.hide-arrow .filter--switch-input:checked ~ .filter--switch-handle {
  left: 31px;
}
.fw-events {
  font-weight: 500 !important;
}
.marquee-container {
  height: 36px;
  opacity: 0.85;
}
* {
  box-sizing: border-box;
}
@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: fixed;
  bottom: auto;
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  line-height: 2.3rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 40s;
  animation-play-state: paused;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  font-size: 1rem;
  padding: 0 2rem;
  color: #444444;
}
.ticker-wrap .ticker .icon {
  color: #444444;
  position: absolute;
  top: 8px;
}
.event-sep {
  padding-left: 10px !important;
}
.event-sep:before {
  content: "" !important;
}
.icon-play {
  /*background-image: url('/assets/img/icons8-play.svg') no-repeat !important;
  width: 25px !important;
  height: 25px !important;*/
}
.ticker__item {
  display: inline-block;
  padding: 7px 2rem;
  color: #979797;
}
.ticker__item:before {
  content: "•";
  color: #979797;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 1.5rem;
  position: absolute;
  top: -1px;
}
.hazard-menu {
  padding: 0 20px 2px 10px !important;
  border-bottom: none !important;
}
.hazard-menu .custom-control-input {
  left: auto !important;
  z-index: 1 !important;
}
.hazard-menu .custom-control-label {
  padding-left: 1.5rem !important;
}
.hazard-menu .custom-control-label .icon {
  float: left;
}
#liveAlertSubMenu {
  top: 36px;
  background-color: #e4e4e4;
}
#liveAlertSubMenu .disabled {
  cursor: default;
}
#liveAlertSubMenu .mc-menu {
  padding-left: 5px;
}
#liveAlertSubMenu .hazard-menu {
  border: none;
  border-top: solid 1px #444444;
}
#liveAlertSubMenu .hazard-menu .icon {
  float: left;
  padding-right: 15px;
  padding-top: 3px;
  color: #444444;
}
#liveAlertSubMenu .hazard-menu label {
  font-size: 1rem;
  font-weight: 500;
}
#liveAlertSubMenu .hazard-sub-menu {
  padding: 15px;
  font-size: 0.85rem;
  border-top: none;
}
#liveAlertSubMenu .hazard-sub-menu .hazard-address {
  font-size: 0.75rem;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid 1px #979797;
}
#liveAlertSubMenu .download-button-container {
  padding: 5% 7% 20% 7%;
  width: 100%;
}
#liveAlertSubMenu .download-button-container a {
  color: #707070;
  text-decoration: none;
  padding: 10px 10px 10px 27px;
  width: 100%;
  background-color: #f4f4f4;
  text-align: center;
}
#liveAlertSubMenu .download-button-container a:hover {
  text-decoration: none;
}
#liveAlertSubMenu .download-button-container a .icon {
  padding: 0px 15px;
  color: #444444;
  font-size: 1.4rem;
}
#liveAlertSubMenu .hazard-selected a,
#liveAlertSubMenu .hazard-selected .icon {
  background-color: #00A0D2;
  color: #ffffff !important;
}
.ticker-container {
  position: absolute;
  margin-left: 105px;
  width: 99%;
  z-index: 1;
}
@media (max-width: 1199px) {
  .ticker-container {
    margin-left: 91px;
  }
}
.ticker-container .close-container,
.ticker-container .rss-container,
.ticker-container .arrow-container,
.ticker-container .toplocations-container {
  height: 36px;
  background-color: #ffffff;
  float: left;
  border-bottom: solid 2px #FFB81C;
}
.ticker-container .close-container .icon,
.ticker-container .rss-container .icon,
.ticker-container .arrow-container .icon,
.ticker-container .toplocations-container .icon {
  font-size: 1.5rem;
  padding: 8px 6px 7px;
  float: left;
}
.ticker-container .close-container a:hover,
.ticker-container .rss-container a:hover,
.ticker-container .arrow-container a:hover,
.ticker-container .toplocations-container a:hover {
  text-decoration: none;
}
.ticker-container .close-container .icon,
.ticker-container .rss-container .icon,
.ticker-container .arrow-container .icon {
  color: #00A0D2;
}
.ticker-container .rss-container {
  background-color: #FFB81C;
}
.ticker-container .rss-container .icon {
  color: #444444;
  font-size: 2rem;
  padding: 6px;
}
.ticker-container .marquee-container {
  float: left;
  width: calc(100% - 160px);
  background-color: #d8d8d8;
  border-bottom: solid 2px #FFB81C;
}
.ticker-container .marquee-container marquee {
  height: 30px;
}
.ticker-container .marquee-container ul {
  position: absolute;
  top: 8px;
  list-style-type: none;
}
.ticker-container .marquee-container ul li {
  float: left;
  margin-left: 50px;
}
.ticker-container .marquee-container ul li:before {
  content: "•";
  color: #979797;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 1.5rem;
  position: absolute;
  top: -7px;
}
.icon-enabled:before {
  color: #00A0D2;
}
/*.live-alert-panel {
  padding-top: 2px;
  height: 77px;
  border: solid 1px $WTW-Gold;

  .peril-name-section {
    width: 68px;
  }

  .live-event-text {
    font-size: 9px;
    text-align: center;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 2px;
  }
  .color-number {
    font-size: 8px;
  }
  .icon {
    font-size: 23px !important;
    margin: 3px 35% 0 !important;
  }
  .category-text {
    font-size: 10px;
    text-align: center;
    padding-left: 5px;
  }
  label {
    margin-bottom: 0.4rem;
  }
}

*/
.readonly-mask input,
.readonly-mask button,
.readonly-mask select,
.readonly-mask a {
  pointer-events: none;
  opacity: 0.5;
}
.readonly-mask input[type=checkbox] {
  opacity: 0;
}
.readonly-mask .footer-buttons .btn-secondary, .readonly-mask .footer-buttons--mod .btn-secondary, .readonly-mask .footer-buttons--verticalNav .btn-secondary,
.readonly-mask #download,
.readonly-mask .stepper-container a,
.readonly-mask .pagination a {
  pointer-events: auto;
  opacity: 1;
}
.readonly-mask client-dashboard input,
.readonly-mask client-dashboard select,
.readonly-mask client-dashboard button,
.readonly-mask client-dashboard a {
  pointer-events: auto;
  opacity: 1;
}
.readonly-mask a.filter-button, .readonly-mask a.filterButton {
  pointer-events: auto;
  opacity: 1;
}
.hide-ticker {
  margin-left: 100%;
}
.modal-footer .btn-primary, .modal-footer .btn-danger,
.modal-footer .btn-secondary {
  min-width: 91px;
}
#supplyChainDignostic tr {
  cursor: pointer;
}
#supplyChainDignostic .icon-position {
  display: inline-block;
  position: fixed;
  bottom: 14px;
}
#supplyChainDignostic .icon-position .map-view-icon {
  width: 49px;
  height: 49px;
  margin-left: 22px;
  border-radius: 50%;
  background-color: #00A0D2;
  cursor: pointer;
}
#supplyChainDignostic .icon-position .map-view-icon .image {
  padding-top: 13px;
  margin-top: 0px;
  color: #ffffff;
  margin-left: 13px;
  float: left;
}
#supplyChainDignostic .menu-div {
  margin-left: 86px;
  display: inline-block;
  position: fixed;
  bottom: 0;
  margin-bottom: 13px;
}
#supplyChainDignostic .menu-div .menu-bar {
  height: 39px;
  width: 171px;
  background-color: #ffffff;
  margin-top: 8px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: flex;
}
#supplyChainDignostic .menu-div .icon-color {
  color: #00A0D2;
  margin-left: 10px;
  display: inline-block;
  align-self: center;
}
#supplyChainDignostic .menu-div .menu-text {
  margin-left: 15px;
  font-weight: 500;
  align-self: center;
}
#supplyChainDignostic .menu-div .icon-Base-Map.icon-color {
  font-size: 23px;
}
#supplyChainDignostic #myModal2 {
  animation: 1s ease 0s normal linear 1 fadein;
}
#supplyChainDignostic #myModal2 img {
  margin-left: 12px;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#supplyChainDignostic .risk-score-menu {
  position: absolute;
  right: -6px;
  display: inline-block;
  width: 395px;
  opacity: 1;
  z-index: 2;
}
#supplyChainDignostic .risk-score-menu .selected-chain {
  top: 96px;
  left: 950px;
  width: 8px;
  height: 30px;
  background: #00A0D2 0% 0% no-repeat padding-box;
  opacity: 1;
  float: left;
  margin-left: -13px;
}
#supplyChainDignostic .risk-score-menu .header-text {
  font-size: 1rem;
  float: left;
  margin-top: 4px;
}
#supplyChainDignostic .risk-score-menu .peril-text {
  font-size: 14px;
  float: left;
  font-weight: 400;
}
#supplyChainDignostic .risk-score-menu p {
  text-align: center;
  font-size: 13px;
  margin-right: 19px;
}
#supplyChainDignostic .risk-score-menu .header-div {
  height: 55px;
}
#supplyChainDignostic .table-perilText {
  font-weight: bold;
  margin-top: 8px;
  margin-left: 53px;
}
#supplyChainDignostic .animation {
  animation: 150ms ease 0s normal forwards 1 fadein;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#supplyChainDignostic .display-block {
  display: inline-block;
}
#supplyChainDignostic .container {
  position: relative;
}
#supplyChainDignostic .icon-icon {
  font-size: 100px;
  position: absolute;
  margin-top: 16px;
  left: 77px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#supplyChainDignostic #riskLayer .icon-info1:before {
  content: "\f2c8";
  color: #00A0D2;
}
#supplyChainDignostic #riskLayer .peril-icon {
  padding: 8px 8px 8px 0px;
}
#supplyChainDignostic #riskLayer .peril-subheader-text {
  padding: 20px 0px 10px 13px;
  font-weight: bold;
}
#supplyChainDignostic #riskLayer .basemap-subheader-text {
  padding: 14px 0px 14px 20px;
  font-size: 14px;
}
#supplyChainDignostic #riskLayer .active {
  margin-top: -20px;
}
#supplyChainDignostic #basemap {
  display: block;
}
#supplyChainDignostic #basemap .img-class {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#supplyChainDignostic #basemap .image-margin {
  left: 8px;
}
#supplyChainDignostic #basemap .image-left {
  left: 20px;
}
#supplyChainDignostic .supply-chain-text {
  vertical-align: super;
  margin-left: 10px;
}
#supplyChainDignostic .chain {
  width: 375px;
  z-index: 2;
  overflow: scroll;
  overflow: auto;
}
#supplyChainDignostic .chain td,
#supplyChainDignostic .chain th {
  background-color: #e4e4e4;
  color: #1D1D1B;
}
#supplyChainDignostic .chain .basemap-div {
  width: 166px;
}
#supplyChainDignostic .chain p {
  text-align: center;
  margin: 0px;
  font-size: 13px;
  padding: 0px;
}
#supplyChainDignostic .icon-icon {
  position: absolute;
  margin-top: -74px;
  left: 83px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#supplyChainDignostic .icon-ico_tick_circle_01:before {
  content: "\f2c7";
  color: #00A0D2;
  vertical-align: -webkit-baseline-middle;
}
#supplyChainDignostic #hazardLayer {
  display: block;
}
#supplyChainDignostic #hazardLayer .sub-header-text {
  font-weight: normal;
  margin-left: 0px;
  padding-top: 5px;
  padding-left: 19px;
  font-weight: 500;
}
#supplyChainDignostic #hazardLayer .sub-header-icon {
  width: 14px;
}
#supplyChainDignostic #hazardLayer .peril-selected {
  border-right: solid 3px #00A0D2;
  background-color: #00A0D2;
}
#supplyChainDignostic #hazardLayer .peril-selected i {
  color: #ffffff;
}
#supplyChainDignostic #hazardLayer .peril-selected .header-icon {
  width: 14px;
}
#supplyChainDignostic #hazardLayer .peril-selected .peril-hazard-text {
  font-weight: normal;
  margin-left: 0px;
}
#supplyChainDignostic #liveevent {
  display: block;
}
#supplyChainDignostic #supply-chain {
  background-color: #e4e4e4;
  display: block;
}
#supplyChainDignostic #supply-chain .supply-chain-icon {
  padding: 1px 12px 0 8px;
  width: 42px;
}
#supplyChainDignostic #supply-chain .supply-chain-icon-div {
  width: 42px;
  padding: 8px 4px 9px 2px;
}
#supplyChainDignostic #supply-chain .supply-chain-icon-selected {
  border-right: solid 3px #00A0D2;
  background-color: #00A0D2;
}
#supplyChainDignostic #supply-chain .table-perilText {
  font-weight: normal;
  margin-left: 0px;
}
#supplyChainDignostic #supply-chain .border-div {
  cursor: pointer;
  border-bottom: solid 1px #c5c5c5;
}
#supplyChainDignostic #supply-chain .icon-style {
  display: inline-block;
  margin-left: 1px;
}
#supplyChainDignostic #supply-chain .text-style {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 12px;
}
#supplyChainDignostic #supply-chain .supply-chain-selection-text {
  padding-left: 14px;
  font-size: 16px;
  border-bottom: #c5c5c5 1px solid;
}
#supplyChainDignostic #supply-chain .supply-chain-description {
  font-size: 12px;
  padding: 10px 20px 0 13px;
}
#supplyChainDignostic #supply-chain .supply-chain-live-event-description {
  border-bottom: #c5c5c5 1px solid;
  font-size: 13px;
  padding-left: 13px;
  padding-bottom: 10px;
}
#supplyChainDignostic .nav-border {
  border-bottom: #00A0D2 1px solid;
  padding-top: 14px;
  height: 52px;
  padding-left: 6px;
}
#supplyChainDignostic .active-tab {
  text-align: center;
  padding: 15px 14px 17px 14px !important;
  height: 54px;
  margin-top: -1.2em !important;
}
#supplyChainDignostic .inactive-tab {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  /* width: 57px; */
  height: 54px;
}
#supplyChainDignostic .icon-close-position {
  position: absolute;
  font-size: 18px;
  margin-top: 4px;
  margin-right: 10px;
  left: 331.08px;
  cursor: pointer;
}
#supplyChainDignostic .rs-peril-score-text {
  float: right;
  position: relative;
  background-color: rgba(255, 255, 255, 0.55);
  padding: 5px 5px 0px 5px;
  color: white;
  border-radius: 2px;
  margin: 15px 10px;
}
#supplyChainDignostic .rs-peril-score-text label {
  float: right;
  font-size: 1rem;
  font-weight: 500;
  padding-left: 5px;
  color: white;
}
#supplyChainDignostic .rs-peril-score-text icon {
  font-size: 1.7rem;
  padding-top: 12px;
  color: white;
}
#supplyChainDignostic .rs-peril-score-text .icon-info:before {
  color: white;
}
#supplyChainDignostic .rs-peril-score-text :hover {
  cursor: pointer;
}
.risk-score-supplyChain .rs-sub-head-container {
  justify-content: left !important;
}
.label-margin {
  margin-top: 2.2%;
}
.nav-height {
  z-index: 1;
  background-color: #e4e4e4;
  opacity: 0.9;
  min-height: calc(100vh - 186px);
  height: calc(100vh - 186px) !important;
  max-height: calc(100% - 47px);
  overflow-y: auto;
  overflow-x: hidden;
}
.nav-height .hazard-score-column {
  min-width: 60px;
}
#riskScoreSubMenu .icon-info:before {
  content: "\f2c8";
  color: #00A0D2;
}
#riskScoreSubMenu .icon-download:before {
  content: "\f2df";
  color: #00A0D2;
}
#riskScoreSubMenu .div-perilScore {
  display: inline-block;
  float: right;
  margin-right: 26px;
}
#riskScoreSubMenu .div-perilScore label {
  padding-left: 4px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
#riskScoreSubMenu .div-perilScore .div-downloadResult {
  display: inline-block;
  margin-left: 15px;
}
#riskScoreSubMenu .div-perilScore .risk-score-main {
  padding: 0px 50px 0px 50px;
  margin: 0 3% 0 2%;
}
.risk-score-main-container1 {
  width: 100%;
  min-width: 100%;
  color: #1D1D1B;
}
#legend .nav-height {
  height: calc(100vh - 133px) !important;
}
#legend .legend-placeholder {
  padding-left: 5px;
  background-color: #ffffff;
  height: calc(100vh - 123px) !important;
  overflow-y: auto;
  min-height: calc(100vh - 186px);
}
#legend ::-webkit-scrollbar {
  width: 5px !important;
}
#legend ::-webkit-scrollbar-thumb {
  background-color: #808080;
}
#mapLayerLegendContainer .esri-legend__service:last-of-type {
  padding-bottom: 0;
}
#legend hr {
  margin: 0;
}
.legend-line-height {
  line-height: 1.4;
}
.hazardLayer-header-text {
  padding-left: 20px;
}
.numerical-view-page .nv-menu-container {
  position: sticky;
  top: 20px;
}
.numerical-view-page .nv-container {
  height: auto !important;
  margin-bottom: 10%;
}
.info-widget {
  width: 34.5%;
  display: inline-block;
}
.middle {
  float: left;
  width: 76.5%;
  overflow: hidden;
  /*will change this to hidden later to deny scolling to user*/
  white-space: nowrap;
}
.rightarrow {
  width: 20px;
  height: 52px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  border-bottom: solid 1px #00A0D2;
  padding-right: 40px;
}
.leftarrow {
  width: 20px;
  height: 52px;
  background-color: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  padding-bottom: 15px;
  border-bottom: solid 1px #00A0D2;
}
.imgright:before {
  content: url("/assets/icons8-forward.svg");
  display: inline-block;
  font-size: 1rem;
}
.imgleft:before {
  content: url("/assets/icons8-forward.svg");
  webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  font-size: 1rem;
}
.scticker-container {
  position: absolute;
  width: 105%;
  z-index: 1;
}
.scticker-container .close-container,
.scticker-container .rss-container,
.scticker-container .arrow-container,
.scticker-container .toplocations-container {
  height: 36px;
  background-color: #ffffff;
  float: left;
  border-bottom: solid 2px #FFB81C;
}
.scticker-container .close-container .icon,
.scticker-container .rss-container .icon,
.scticker-container .arrow-container .icon,
.scticker-container .toplocations-container .icon {
  font-size: 1.5rem;
  padding: 8px 6px 7px;
  float: left;
}
.scticker-container .close-container a:hover,
.scticker-container .rss-container a:hover,
.scticker-container .arrow-container a:hover,
.scticker-container .toplocations-container a:hover {
  text-decoration: none;
}
.scticker-container .close-container .icon,
.scticker-container .rss-container .icon,
.scticker-container .arrow-container .icon {
  color: #00A0D2;
}
.scticker-container .rss-container {
  background-color: #FFB81C;
}
.scticker-container .rss-container .icon {
  color: #444444;
  font-size: 2rem;
  padding: 6px;
}
.scticker-container .marquee-container {
  float: left;
  width: calc(100% - 160px);
  background-color: #d8d8d8;
  border-bottom: solid 2px #FFB81C;
}
.scticker-container .marquee-container marquee {
  height: 30px;
}
.scticker-container .marquee-container ul {
  position: absolute;
  top: 8px;
  list-style-type: none;
}
.scticker-container .marquee-container ul li {
  float: left;
  margin-left: 50px;
}
.scticker-container .marquee-container ul li:before {
  content: "•";
  color: #979797;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 1.5rem;
  position: absolute;
  top: -7px;
}
.esri-ui-corner .esri-component {
  box-shadow: none !important;
}
.remove-readonly-mask {
  pointer-events: all !important;
  opacity: 1 !important;
}
.download-link-placement {
  margin-left: 50px;
  position: absolute;
  bottom: 20px;
  padding: 0 0 0 10px;
}
.numerical-view-icon {
  margin-left: 10px !important;
  height: 30px;
  margin-top: 5px;
}
.hazard-sub-layer-label {
  margin-left: 30px;
  font-size: 13px;
}
.supply-chain-icon-selection {
  color: #FFF !important;
}
.supply-chain-default {
  color: #585858;
}
.report-button {
  position: absolute;
  right: 25px;
  z-index: 11;
}
.report-button.disabled {
  opacity: 0.9;
}
.report-button__img {
  width: 20px;
  vertical-align: text-bottom;
}
.one-word-per-line {
  word-spacing: 999px;
}
.trend-map-layer-toggles .mc-menu {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}
.trend-change-layer-toggles .mc-menu {
  border-top: none !important;
  padding-top: 0px !important;
}
.terror-targets-popup li {
  color: white;
}
.esri-popup__button.esri-popup__action:has(.esri-popup__icon.esri-icon-table) {
  display: none !important;
}
.map-options__subtitle {
  font-size: 1.25rem;
  padding-top: 1.25rem;
}
.map-options__mc-menu {
  padding: 10px 20px 10px 30px;
  border-top: none;
  border-bottom: solid 1px #c5c5c5;
  font-size: 0.85rem;
  font-weight: 600;
  color: #1D1D1B;
}
.map-options__mc-menu .icon-down_arrow,
.map-options__mc-menu .icon-up_arrow {
  color: #00A0D2;
  font-size: 0.8rem;
  float: right;
  margin-right: 5px;
  margin-top: 7px;
}
.map-options__mc-menu .icon-down_arrow:hover,
.map-options__mc-menu .icon-up_arrow:hover {
  cursor: pointer;
}
.live_events__subSection {
  display: block;
  font-weight: bold;
  padding-top: 6px;
}
.watch-the-video-button {
  background-color: #00A0D2;
  color: white;
  padding: 9px 19px;
  border-style: none;
}
.pop-up-parent {
  position: relative;
}
.modal-dialog-centered {
  margin: 2% auto !important;
}
.fs-15 {
  font-size: 15px !important;
}
.upload-excel-section .dashed-box, .upload-igloo-section .dashed-box {
  height: 100% !important;
}
.sov-footer button {
  display: none !important;
}
.pagination, .footer-buttons, .footer-buttons--mod, .footer-buttons--verticalNav {
  padding-bottom: 5% !important;
}
.esri-layer-list__list--root > .esri-layer-list__item:nth-child(1) > .esri-layer-list__item-container > .esri-layer-list__item-label {
  pointer-events: none !important;
}
.esri-layer-list__list--root > .esri-layer-list__item:nth-child(1) > .esri-layer-list__item-container .esri-icon-visible {
  display: none !important;
  cursor: none !important;
  pointer-events: none !important;
}
.esri-layer-list__item-container ~ .esri-layer-list__list .esri-layer-list__item {
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
.esri-layer-list__list {
  margin: 0px !important;
}
.esri-layer-list__no-items {
  font-size: 0; /* Hide original text */
}
.esri-layer-list__no-items::before {
  content: "There are currently no filters to display"; /* Your custom text */
  font-size: 14px; /* Restore font size */
}
.filter-icon {
  background-image: url("/assets/filter.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.icon-info_01 {
  font-size: 6rem;
  color: #8a6d3b;
}
#divexposureEdit .disableAnchor {
  pointer-events: none;
  cursor: default;
  opacity: 0.25;
}
#divexposureEdit #viewDiv {
  height: 450px;
}
@media (max-width: 991px) {
  #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 767px) {
  #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
@media (max-width: 575px) {
  #divexposureEdit #viewDiv.esri-view .esri-view-root {
    height: 450px;
  }
}
.table-12 .tb-row .tb-cell {
  font-size: 12px;
  color: #1D1D1B;
}
.table-12 .tb-row .tb-cell.tb-th {
  font-weight: 500;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.table-12 .tb-row .tb-cell .icon-ico_edit,
.table-12 .tb-row .tb-cell .icon-ico_delete {
  color: #00A0D2;
}
.table-12 .tb-row .tb-cell .icon-info {
  color: #de7400;
}
.hidden-button {
  display: none;
}
.thirdparty--toolbar--wrap .nav-link {
  padding: 0.1em 1em !important;
}
.thirdparty--toolbar--title--logo {
  height: 25px;
  width: initial !important;
}
.icon-gpd-terrorism:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_terror_01.cf8f96400a62fa9e.svg');
  background-repeat: no-repeat;
}
.icon-gpd-civil-unrest:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_civil_unrest_01.c030575d5eeff40c.svg');
  background-repeat: no-repeat;
}
.icon-gpd-war:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_war_01.13edbc7115e0d425.svg');
  background-repeat: no-repeat;
}
.icon-gpd-terrorism-alter:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_terror_01_alter.6a10ba5cc3f33031.svg');
  background-repeat: no-repeat;
}
.icon-gpd-civil-unrest-alter:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_civil_unrest_01_alter.0da91f155d615021.svg');
  background-repeat: no-repeat;
}
.icon-gpd-war-alter:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_war_01_alter.61db7e5844a1bcbc.svg');
  background-repeat: no-repeat;
}
.icon-gpd-terrorism-white:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_terror_01_white.6118efd199148b2e.svg');
  background-repeat: no-repeat;
}
.icon-gpd-civil-unrest-white:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_civil_unrest_01_white.b2e76d25c29307cc.svg');
  background-repeat: no-repeat;
}
.icon-gpd-war-white:before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  background-image: url('ico_war_01_white.76e4f9c6072652bd.svg');
  background-repeat: no-repeat;
}
gpd-map alert {
  position: relative;
  top: 15px;
  left: 30px;
  bottom: 0;
  right: 226px;
  display: block;
  width: 85%;
}
gpd-map alert .alert-success {
  background-color: #F4F4F4;
  border-color: #959595;
  color: #959595;
}
gpd-map alert .alert-success .close {
  position: absolute;
  right: 10px;
  top: 3px;
}
gpd-map alert .alert-success .close span {
  color: #959595;
  position: absolute;
  right: 0;
  top: 0;
}
.scorecard-tooltip {
  position: relative;
}
.scorecard-tooltip__content {
  position: absolute;
  bottom: 170%;
  left: -200%;
  margin-left: -60px;
  visibility: hidden;
  width: 240px;
  background-color: #444444;
  color: #fff;
  border-radius: 6px;
  padding: 0.5em;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}
.scorecard-tooltip__content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #444444 transparent transparent transparent;
}
.scorecard-tooltip:hover .scorecard-tooltip__content {
  visibility: visible;
  opacity: 1;
}
.scorecard-tooltip__list {
  margin: 0;
}
.scorecard-tooltip__list li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scorecard__icon-col {
  text-align: center;
}
.scorecard__icon-col .icon {
  color: #707070;
}
.modal-xl {
  max-width: 60%;
}
@media (max-width: 991px) {
  .modal-xl {
    max-width: 500px;
  }
}
.esri-popup .custom_popup {
  margin-top: -31px;
  padding: 15px;
  height: 100%;
  background-color: #55595c;
  color: #ffffff;
  font-weight: 600;
}
.custom_popup__title {
  padding: 20px 0 10px !important;
  border-bottom: 0.5px solid #707070 !important;
  font-size: 1rem !important;
}
.custom_popup__table {
  table-layout: fixed !important;
  color: inherit !important;
  width: 100% !important;
  border-bottom: 0.5px solid #707070 !important;
}
.custom_popup__table td {
  padding: 0.25rem !important;
  vertical-align: top !important;
}
.static-position {
  position: static !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .left-padding {
    padding-left: 20px;
  }
}
.noposition {
  position: unset !important;
  margin-right: 5px !important;
  Top: 3px !important;
}
*:focus {
  outline: 0;
  outline: none;
}
.nopadding {
  padding-right: 0;
  padding-left: 0;
}
.top-padding {
  padding-top: 10px;
}
a, object, embed, button {
  outline: 0;
}
a {
  cursor: pointer;
}
input::-moz-focus-inner {
  border: 0;
}
a {
  color: #00A0D2;
}
a:hover, a:focus {
  color: #007FA7;
}
.breadcrumb {
  background-color: #f4f4f4;
  padding: 0 1rem;
  margin: 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #bfbfbf;
  content: "/";
}
.breadcrumb .breadcrumb-item.active {
  color: #000000;
}
.scorecard--wrap {
  width: 645px;
  overflow-x: scroll;
  margin-left: 14em;
  margin-top: -15px;
}
.scorecard--wrap .nav-link {
  font-size: 16px;
  font-weight: normal;
}
.scorecard--wrap .headcol {
  position: absolute;
  width: 16em;
  left: 25px;
}
.scorecard--wrap .table tr {
  font-size: 12px;
}
.scorecard--wrap .table tr:first-child {
  font-weight: bold;
  font-size: 16px;
}
.scorecard--wrap .table td, .scorecard--wrap .table th {
  margin: 0;
  white-space: nowrap;
}
.scorecard--wrap .table th {
  border-bottom-width: 0px;
}
.scorecard--wrap .table .utility--position--relative {
  font-weight: 500;
  padding: 0.8rem 0.65rem 0.5rem;
  font-size: 18px;
}
.tooltip .tooltip-inner {
  background-color: #444444;
  border-radius: 0;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #444444;
}
.tooltip.show {
  opacity: 0.95;
}
.icon-filter_mobile a {
  position: relative;
  top: -9px;
}
.tr--opacity {
  opacity: 0.5;
}
.tr--opacity td .more-dropdown, .tr--opacity td .view-more {
  pointer-events: none;
}
[contenteditable=true] {
  padding: 0.75rem 0 0.75rem 0.3rem;
}
[contenteditable=true]:active, [contenteditable=true]:focus {
  border: none;
  outline: none;
  background-color: #f4f4f4;
  border-bottom: 2px solid #00A0D2 !important;
}
.percentage {
  padding: 0.75rem 0 0.75rem 0.3rem;
}
.percentage:active, .percentage:focus {
  border: none;
  outline: none;
  background-color: #f4f4f4;
  border-bottom: 2px solid #00A0D2 !important;
}
table tbody td div.percentage {
  padding: 0.5rem;
}
table tbody td div.percentage:after {
  content: "%";
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .lob--details.col-md-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.base_strategy {
  background-color: #f4f4f4;
  border-bottom: 2px solid #00A0D2;
  width: 100%;
  padding: 0;
}
.base_strategy [class*=col-] {
  min-height: 0;
}
.base_strategy .tb-container {
  padding: 0;
}
.base_strategy .tb-container .tb-cell.tab {
  padding: 0 3px 0 0;
}
.base_strategy .tab-contain {
  padding: 0;
}
.base_strategy .tab-contain .card {
  background-color: #444444;
  padding: 0.75rem;
  color: #ffffff;
}
.base_strategy .tab-contain .card .base_strategy--table {
  padding-right: 15px;
}
.base_strategy .tab-contain .card .base_strategy--table:nth-child(4) {
  padding-right: 0;
}
@media (max-width: 991px) {
  .base_strategy .tab-contain .card .base_strategy--table:nth-child(2) {
    padding-right: 0;
  }
}
.base_strategy .tab-contain .card .base_strategy--table table {
  color: #ffffff;
}
.base_strategy .tab-contain .card .base_strategy--table table thead th {
  font-size: 16px;
  padding: 0.75rem 0 0.5rem 0;
  border: 0;
}
.base_strategy .tab-contain .card .base_strategy--table table thead th:after {
  content: "";
  display: block;
  border-bottom: solid 2px rgba(216, 216, 216, 0.5);
  border-top-width: 0;
  position: relative;
  top: 7px;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr {
  background-color: transparent;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr td {
  padding: 0;
  vertical-align: middle;
  border-top-width: 0;
  padding: 0.3rem 0 0.3rem 0.3rem;
  font-size: 13px;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true] {
  padding: 0.3rem 0 0.3rem 0.3rem;
  border-bottom: 2px solid #979797 !important;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true]:active, .base_strategy .tab-contain .card .base_strategy--table table tbody tr td [contenteditable=true]:focus {
  background-color: #707070;
  text-decoration: none;
  border-bottom: 2px solid #979797 !important;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal] {
  background-color: #707070;
  display: block;
  padding: 0 5px;
  border-bottom: 2px solid #979797;
}
.base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal]:hover, .base_strategy .tab-contain .card .base_strategy--table table tbody tr td a[data-toggle=modal]:focus {
  border-bottom: 2px solid #979797;
}
@media (max-width: 767px) {
  .base_strategy .tab-contain .card .base_strategy--table table tbody tr td:first-child {
    width: 60%;
  }
}
.base_strategy .tab-contain .card .base_strategy--table .select-wrapper--mod {
  background-color: #585858;
  color: #ffffff;
}
.base_strategy .footer-buttons, .base_strategy .footer-buttons--mod, .base_strategy .footer-buttons--verticalNav {
  margin: 0;
}
.total {
  padding: 15px 0 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.sub-title {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  filter: alpha(opacity=30);
  pointer-events: none;
}
.share-user-id {
  max-width: 200px;
  word-break: break-all;
}
.live-event-icon-container {
  float: right;
  height: 60px;
  width: 66px;
  background-color: #FFB81C;
  position: absolute;
  right: 0px;
  top: -40px;
}
.live-event-icon-container .icon {
  font-size: 36px;
  float: left;
  padding: 8px 16px 0px 4px;
  color: #000000;
}
.live-event-icon-container span {
  font-size: 10px;
  font-weight: bold;
  padding-left: 9px;
}
body.uiSignal-open {
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/esri/themes/light/main.css ***!
  \************************************************************************************************************************************************************************************************************************/
@charset "utf-8";

.dgrid {
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
    height: 30em;
    display: block;
}

.dgrid-header {
    background-color: #eee;
}

.dgrid-header-row {
    position: absolute;
    right: 17px;
    left: 0;
}

.dgrid-header-scroll {
    position: absolute;
    top: 0;
    right: 0;
}

.dgrid-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.dgrid-header-hidden {
    font-size: 0;
    height: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dgrid-footer-hidden {
    display: none;
}

.dgrid-sortable {
    cursor: pointer;
}

.dgrid-header,
.dgrid-header-row,
.dgrid-footer {
    overflow: hidden;
    background-color: #eee;
}

.dgrid-row-table {
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
    empty-cells: show;
    width: 100%;
    height: 100%;
}

.dgrid-cell {
    padding: 3px;
    text-align: left;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #ddd;
    border-top-style: none;
    box-sizing: border-box;
}

.dgrid-content {
    position: relative;
    height: 99%;
}

.dgrid-scroller {
    overflow-x: auto;
    overflow-y: scroll;
    position: absolute;
    top: 0px;
    margin-top: 25px;
    bottom: 0px;
    width: 100%;
}

.dgrid-preload {
    font-size: 0;
    line-height: 0;
}

.dgrid-loading {
    position: relative;
    height: 100%;
}

.dgrid-above {
    position: absolute;
    bottom: 0;
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url('ui-icons_222222_256x240.4a990233810a44fa.png');
}

.dgrid-sort-arrow {
    background-position: -64px -16px;
    display: block;
    float: right;
    margin: 0 4px 0 5px;
    height: 12px;
}

.dgrid-sort-up .dgrid-sort-arrow {
    background-position: 0px -16px;
}

.dgrid-selected {
    background-color: #bbb;
}

.dgrid-input {
    width: 99%;
}

html.has-mozilla .dgrid .dgrid-row:focus,
html.has-mozilla .dgrid .dgrid-cell:focus {
    outline: 1px dotted;
}

html.has-mozilla .dgrid-focus {
    outline-offset: -1px;
}

.dgrid-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

.dgrid-autoheight {
    height: auto;
}

.dgrid-autoheight .dgrid-scroller {
    position: relative;
    overflow-y: hidden;
}

.dgrid-autoheight .dgrid-header-scroll {
    display: none;
}

.dgrid-autoheight .dgrid-header {
    right: 0;
}

.dgrid-column-set {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    touch-action: pan-y;
}

.dgrid-column-set-cell {
    vertical-align: top;
    height: 100%;
}

.dgrid-column-set-scroller-container {
    font-size: 0;
    position: absolute;
    bottom: 0;
}

.dgrid-autoheight .dgrid-column-set-scroller-container {
    position: relative;
}

.dgrid-column-set-scroller {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
}

.dgrid-column-set-scroller-content {
    height: 1px;
}

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

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

.dgrid-expando-icon {
    width: 16px;
    height: 16px;
}

.dgrid-tree-container {
    transition-duration: 0.3s;
    overflow: hidden;
}

.dgrid-tree-container.dgrid-tree-resetting {
    transition-duration: 0;
}

.dgrid-hider-toggle {
    background-position: 0 -192px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}

.dgrid-rtl-swap .dgrid-hider-toggle {
    right: auto;
    left: 0;
}

.dgrid-hider-menu {
    position: absolute;
    top: 0;
    right: 17px;
    width: 184px;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 99999;
    padding: 4px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dgrid-rtl-swap .dgrid-hider-menu {
    right: auto;
    left: 17px;
}

.dgrid-hider-menu-row {
    position: relative;
    padding: 2px;
}

.dgrid-hider-menu-check {
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 0;
}

.dgrid-hider-menu-label {
    display: block;
    padding-left: 20px;
}

.dgrid-header .dojoDndTarget .dgrid-cell {
    display: table-cell;
}

.dgrid-header .dojoDndItemBefore {
    border-left: 2px dotted #000 !important;
}

.dgrid-header .dojoDndItemAfter {
    border-right: 2px dotted #000 !important;
}

.dgrid-column-resizer {
    cursor: col-resize;
    position: absolute;
    width: 2px;
    background-color: #666;
    z-index: 1000;
}

.dgrid-resize-handle {
    height: 100px;
    width: 0;
    position: absolute;
    right: -4px;
    top: -4px;
    cursor: col-resize;
    z-index: 999;
    border-left: 5px solid transparent;
    outline: none;
}

.dgrid-resize-header-container {
    height: 100%;
}

.dgrid-resize-guard {
    cursor: col-resize;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

html.has-touch .dgrid-resize-handle {
    border-left: 20px solid transparent;
}

html.has-touch .dgrid-column-resizer {
    width: 2px;
}

.dgrid-resize-header-container {
    position: relative;
}

.dgrid-header .dgrid-cell {
    overflow: hidden;
}

.dgrid-spacer-row {
    height: 0;
}

.dgrid-spacer-row th {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.dgrid-status {
    padding: 2px;
}

.dgrid-pagination .dgrid-status {
    float: left;
}

.dgrid-pagination .dgrid-navigation,
.dgrid-pagination .dgrid-page-size {
    float: right;
}

.dgrid-navigation .dgrid-page-link {
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
    padding: 0 4px;
}

.dgrid-first,
.dgrid-last,
.dgrid-next,
.dgrid-previous {
    font-size: 130%;
}

.dgrid-pagination .dgrid-page-disabled {
    color: #aaa;
    cursor: default;
}

.dgrid-page-input {
    margin-top: 1px;
    width: 2em;
    text-align: center;
}

.dgrid-page-size {
    margin: 1px 4px 0 4px;
}

.dgrid-rtl-swap .dgrid-header-row {
    right: 0;
    left: 17px;
}

.dgrid-rtl-swap .dgrid-header-scroll {
    left: 0px;
    right: auto;
}

.dgrid-rtl .dgrid-cell {
    text-align: right;
}

.dgrid-rtl .dgrid-sort-arrow {
    float: left;
    margin: 0 5px 0 4px;
}

.dgrid-rtl .ui-icon-triangle-1-e {
    background-position: -96px -16px;
}

.dgrid-rtl .ui-icon-triangle-1-se {
    background-position: -80px -16px;
}

.dgrid-rtl .dgrid-pagination .dgrid-status {
    float: right;
}

.dgrid-rtl .dgrid-pagination .dgrid-page-size {
    float: right;
}

.dgrid-rtl .dgrid-pagination .dgrid-navigation {
    float: left;
}

.dgrid-rtl.dgrid-autoheight .dgrid-header {
    left: 0;
}

@font-face {
    font-family: "Avenir Next W00";
    src: url('Avenir_Next_W00_400.77fb1ad337e03b42.eot?#iefix');
    src: url('Avenir_Next_W00_400.77fb1ad337e03b42.eot?#iefix') format("eot"), url('Avenir_Next_W00_400.47faee7620a96234.woff2') format("woff2"), url('Avenir_Next_W00_400.a4e95284c8a7e776.woff') format("woff"), url('Avenir_Next_W00_400.c3bedb26f0f2b18a.ttf') format("truetype"), url('Avenir_Next_W00_400.37d68c63c560c25a.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next W00";
    src: url('Avenir_Next_W00_Italic_400.e5a8ad218b8f2cc5.eot?#iefix');
    src: url('Avenir_Next_W00_Italic_400.e5a8ad218b8f2cc5.eot?#iefix') format("eot"), url('Avenir_Next_W00_Italic_400.94c37d392fb87d0e.woff2') format("woff2"), url('Avenir_Next_W00_Italic_400.716cd1fb48689962.woff') format("woff"), url('Avenir_Next_W00_Italic_400.5dee7d5e89daa035.ttf') format("truetype"), url('Avenir_Next_W00_Italic_400.4e88e13fda35c838.svg') format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next W00";
    src: url('Avenir_Next_W00_600.cc7c0569999a6234.eot?#iefix');
    src: url('Avenir_Next_W00_600.cc7c0569999a6234.eot?#iefix') format("eot"), url('Avenir_Next_W00_600.84e5669daa80b1da.woff2') format("woff2"), url('Avenir_Next_W00_600.c7d55b4087afb126.woff') format("woff"), url('Avenir_Next_W00_600.99a5cc369fe7a8ec.ttf') format("truetype"), url('Avenir_Next_W00_600.9db32e2d5f42ec29.svg') format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next W00";
    src: url('Avenir_Next_W00_Italic_600.f87051048e630575.eot?#iefix');
    src: url('Avenir_Next_W00_Italic_600.f87051048e630575.eot?#iefix') format("eot"), url('Avenir_Next_W00_Italic_600.d0dc7091db526aa9.woff2') format("woff2"), url('Avenir_Next_W00_Italic_600.b1cc3fdab2ffc3e7.woff') format("woff"), url('Avenir_Next_W00_Italic_600.58b9ab9a9de17462.ttf') format("truetype"), url('Avenir_Next_W00_Italic_600.a766cde3b549d566.svg') format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'CalciteWebCoreIcons';
    src: url('CalciteWebCoreIcons.45628a50fc69bd35.ttf?iz9r4h') format("truetype"), url('CalciteWebCoreIcons.e18a0672ce1ba8a0.woff?iz9r4h') format("woff"), url('CalciteWebCoreIcons.95dbb3c36574e3d5.svg?iz9r4h#CalciteWebCoreIcons') format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="esri-icon-"],
[class*=" esri-icon-"] {
    font-family: 'CalciteWebCoreIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.esri-icon-close:before {
    content: "\e600";
    color: inherit
}

.esri-icon-drag-horizontal:before {
    content: "\e601";
    color: inherit
}

.esri-icon-drag-vertical:before {
    content: "\e602";
    color: inherit
}

.esri-icon-handle-horizontal:before {
    content: "\e603";
    color: inherit
}

.esri-icon-handle-vertical:before {
    content: "\e604";
    color: inherit
}

.esri-icon-check-mark:before {
    content: "\e605";
    color: inherit
}

.esri-icon-left-triangle-arrow:before {
    content: "\e606";
    color: inherit
}

.esri-icon-right-triangle-arrow:before {
    content: "\e607";
    color: inherit
}

.esri-icon-down-arrow:before {
    content: "\e608";
    color: inherit
}

.esri-icon-up-arrow:before {
    content: "\e609";
    color: inherit
}

.esri-icon-overview-arrow-bottom-left:before {
    content: "\e60a";
    color: inherit
}

.esri-icon-overview-arrow-bottom-right:before {
    content: "\e60b";
    color: inherit
}

.esri-icon-overview-arrow-top-left:before {
    content: "\e60c";
    color: inherit
}

.esri-icon-overview-arrow-top-right:before {
    content: "\e60d";
    color: inherit
}

.esri-icon-maximize:before {
    content: "\e60e";
    color: inherit
}

.esri-icon-minimize:before {
    content: "\e60f";
    color: inherit
}

.esri-icon-checkbox-unchecked:before {
    content: "\e610";
    color: inherit
}

.esri-icon-checkbox-checked:before {
    content: "\e611";
    color: inherit
}

.esri-icon-radio-unchecked:before {
    content: "\e612";
    color: inherit
}

.esri-icon-radio-checked:before {
    content: "\e613";
    color: inherit
}

.esri-icon-up-arrow-circled:before {
    content: "\e614";
    color: inherit
}

.esri-icon-down-arrow-circled:before {
    content: "\e615";
    color: inherit
}

.esri-icon-left-arrow-circled:before {
    content: "\e616";
    color: inherit
}

.esri-icon-right-arrow-circled:before {
    content: "\e617";
    color: inherit
}

.esri-icon-zoom-out-fixed:before {
    content: "\e618";
    color: inherit
}

.esri-icon-zoom-in-fixed:before {
    content: "\e619";
    color: inherit
}

.esri-icon-refresh:before {
    content: "\e61a";
    color: inherit
}

.esri-icon-edit:before {
    content: "\e61b";
    color: inherit
}

.esri-icon-authorize:before {
    content: "\e61c";
    color: inherit
}

.esri-icon-map-pin:before {
    content: "\e61d";
    color: inherit
}

.esri-icon-blank-map-pin:before {
    content: "\e61e";
    color: inherit
}

.esri-icon-table:before {
    content: "\e61f";
    color: inherit
}

.esri-icon-plus:before {
    content: "\e620";
    color: inherit
}

.esri-icon-minus:before {
    content: "\e621";
    color: inherit
}

.esri-icon-beginning:before {
    content: "\e622";
    color: inherit
}

.esri-icon-reverse:before {
    content: "\e623";
    color: inherit
}

.esri-icon-pause:before {
    content: "\e624";
    color: inherit
}

.esri-icon-play:before {
    content: "\e625";
    color: inherit
}

.esri-icon-forward:before {
    content: "\e626";
    color: inherit
}

.esri-icon-end:before {
    content: "\e627";
    color: inherit
}

.esri-icon-erase:before {
    content: "\e628";
    color: inherit
}

.esri-icon-up-down-arrows:before {
    content: "\e629";
    color: inherit
}

.esri-icon-left:before {
    content: "\e62a";
    color: inherit
}

.esri-icon-right:before {
    content: "\e62b";
    color: inherit
}

.esri-icon-announcement:before {
    content: "\e62c";
    color: inherit
}

.esri-icon-notice-round:before {
    content: "\e62d";
    color: inherit
}

.esri-icon-notice-triangle:before {
    content: "\e62e";
    color: inherit
}

.esri-icon-home:before {
    content: "\e62f";
    color: inherit
}

.esri-icon-locate:before {
    content: "\e630";
    color: inherit
}

.esri-icon-expand:before {
    content: "\e631";
    color: inherit
}

.esri-icon-collapse:before {
    content: "\e632";
    color: inherit
}

.esri-icon-layer-list:before {
    content: "\e633";
    color: inherit
}

.esri-icon-basemap:before {
    content: "\e634";
    color: inherit
}

.esri-icon-globe:before {
    content: "\e635";
    color: inherit
}

.esri-icon-applications:before {
    content: "\e636";
    color: inherit
}

.esri-icon-arrow-up-circled:before {
    content: "\e637";
    color: inherit
}

.esri-icon-arrow-down-circled:before {
    content: "\e638";
    color: inherit
}

.esri-icon-arrow-left-circled:before {
    content: "\e639";
    color: inherit
}

.esri-icon-arrow-right-circled:before {
    content: "\e63a";
    color: inherit
}

.esri-icon-minus-circled:before {
    content: "\e63b";
    color: inherit
}

.esri-icon-plus-circled:before {
    content: "\e63c";
    color: inherit
}

.esri-icon-add-attachment:before {
    content: "\e63d";
    color: inherit
}

.esri-icon-attachment:before {
    content: "\e63e";
    color: inherit
}

.esri-icon-calendar:before {
    content: "\e63f";
    color: inherit
}

.esri-icon-close-circled:before {
    content: "\e640";
    color: inherit
}

.esri-icon-browser:before {
    content: "\e641";
    color: inherit
}

.esri-icon-collection:before {
    content: "\e642";
    color: inherit
}

.esri-icon-comment:before {
    content: "\e643";
    color: inherit
}

.esri-icon-configure-popup:before {
    content: "\e644";
    color: inherit
}

.esri-icon-contact:before {
    content: "\e645";
    color: inherit
}

.esri-icon-dashboard:before {
    content: "\e646";
    color: inherit
}

.esri-icon-deny:before {
    content: "\e647";
    color: inherit
}

.esri-icon-description:before {
    content: "\e648";
    color: inherit
}

.esri-icon-directions:before {
    content: "\e649";
    color: inherit
}

.esri-icon-directions2:before {
    content: "\e64a";
    color: inherit
}

.esri-icon-documentation:before {
    content: "\e64b";
    color: inherit
}

.esri-icon-duplicate:before {
    content: "\e64c";
    color: inherit
}

.esri-icon-review:before {
    content: "\e64d";
    color: inherit
}

.esri-icon-environment-settings:before {
    content: "\e64e";
    color: inherit
}

.esri-icon-error:before {
    content: "\e64f";
    color: inherit
}

.esri-icon-error2:before {
    content: "\e650";
    color: inherit
}

.esri-icon-experimental:before {
    content: "\e651";
    color: inherit
}

.esri-icon-feature-layer:before {
    content: "\e652";
    color: inherit
}

.esri-icon-filter:before {
    content: "\e653";
    color: inherit
}

.esri-icon-grant:before {
    content: "\e654";
    color: inherit
}

.esri-icon-group:before {
    content: "\e655";
    color: inherit
}

.esri-icon-key:before {
    content: "\e656";
    color: inherit
}

.esri-icon-labels:before {
    content: "\e657";
    color: inherit
}

.esri-icon-tag:before {
    content: "\e658";
    color: inherit
}

.esri-icon-layers:before {
    content: "\e659";
    color: inherit
}

.esri-icon-left-arrow:before {
    content: "\e65a";
    color: inherit
}

.esri-icon-right-arrow:before {
    content: "\e65b";
    color: inherit
}

.esri-icon-link-external:before {
    content: "\e65c";
    color: inherit
}

.esri-icon-link:before {
    content: "\e65d";
    color: inherit
}

.esri-icon-loading-indicator:before {
    content: "\e65e";
    color: inherit
}

.esri-icon-maps:before {
    content: "\e65f";
    color: inherit
}

.esri-icon-marketplace:before {
    content: "\e660";
    color: inherit
}

.esri-icon-media:before {
    content: "\e661";
    color: inherit
}

.esri-icon-media2:before {
    content: "\e662";
    color: inherit
}

.esri-icon-menu:before {
    content: "\e663";
    color: inherit
}

.esri-icon-mobile:before {
    content: "\e664";
    color: inherit
}

.esri-icon-phone:before {
    content: "\e665";
    color: inherit
}

.esri-icon-navigation:before {
    content: "\e666";
    color: inherit
}

.esri-icon-pan:before {
    content: "\e667";
    color: inherit
}

.esri-icon-printer:before {
    content: "\e668";
    color: inherit
}

.esri-icon-pie-chart:before {
    content: "\e669";
    color: inherit
}

.esri-icon-chart:before {
    content: "\e66a";
    color: inherit
}

.esri-icon-line-chart:before {
    content: "\e66b";
    color: inherit
}

.esri-icon-question:before {
    content: "\e66c";
    color: inherit
}

.esri-icon-resend-invitation:before {
    content: "\e66d";
    color: inherit
}

.esri-icon-rotate:before {
    content: "\e66e";
    color: inherit
}

.esri-icon-save:before {
    content: "\e66f";
    color: inherit
}

.esri-icon-settings:before {
    content: "\e670";
    color: inherit
}

.esri-icon-settings2:before {
    content: "\e671";
    color: inherit
}

.esri-icon-share:before {
    content: "\e672";
    color: inherit
}

.esri-icon-sign-out:before {
    content: "\e673";
    color: inherit
}

.esri-icon-support:before {
    content: "\e674";
    color: inherit
}

.esri-icon-user:before {
    content: "\e675";
    color: inherit
}

.esri-icon-time-clock:before {
    content: "\e676";
    color: inherit
}

.esri-icon-trash:before {
    content: "\e677";
    color: inherit
}

.esri-icon-upload:before {
    content: "\e678";
    color: inherit
}

.esri-icon-download:before {
    content: "\e679";
    color: inherit
}

.esri-icon-zoom-in-magnifying-glass:before {
    content: "\e67a";
    color: inherit
}

.esri-icon-search:before {
    content: "\e67b";
    color: inherit
}

.esri-icon-zoom-out-magnifying-glass:before {
    content: "\e67c";
    color: inherit
}

.esri-icon-locked:before {
    content: "\e67d";
    color: inherit
}

.esri-icon-unlocked:before {
    content: "\e67e";
    color: inherit
}

.esri-icon-favorites:before {
    content: "\e67f";
    color: inherit
}

.esri-icon-compass:before {
    content: "\e680";
    color: inherit
}

.esri-icon-down:before {
    content: "\e681";
    color: inherit
}

.esri-icon-up:before {
    content: "\e682";
    color: inherit
}

.esri-icon-chat:before {
    content: "\e683";
    color: inherit
}

.esri-icon-dock-bottom:before {
    content: "\e684";
    color: inherit
}

.esri-icon-dock-left:before {
    content: "\e685";
    color: inherit
}

.esri-icon-dock-right:before {
    content: "\e686";
    color: inherit
}

.esri-icon-organization:before {
    content: "\e687";
    color: inherit
}

.esri-icon-north-navigation:before {
    content: "\e688";
    color: inherit
}

.esri-icon-locate-circled:before {
    content: "\e689";
    color: inherit
}

.esri-icon-dial:before {
    content: "\e68a";
    color: inherit
}

.esri-icon-polygon:before {
    content: "\e68b";
    color: inherit
}

.esri-icon-polyline:before {
    content: "\e68c";
    color: inherit
}

.esri-icon-visible:before {
    content: "\e68d";
    color: inherit
}

.esri-icon-non-visible:before {
    content: "\e68e";
    color: inherit
}

.esri-icon-link-vertical:before {
    content: "\e68f";
    color: inherit
}

.esri-icon-unlocked-link-vertical:before {
    content: "\e690";
    color: inherit
}

.esri-icon-link-horizontal:before {
    content: "\e691";
    color: inherit
}

.esri-icon-unlocked-link-horizontal:before {
    content: "\e692";
    color: inherit
}

.esri-icon-swap:before {
    content: "\e693";
    color: inherit
}

.esri-icon-cta-link-external:before {
    content: "\e694";
    color: inherit
}

.esri-icon-reply:before {
    content: "\e695";
    color: inherit
}

.esri-icon-public:before {
    content: "\e696";
    color: inherit
}

.esri-icon-share2:before {
    content: "\e697";
    color: inherit
}

.esri-icon-launch-link-external:before {
    content: "\e698";
    color: inherit
}

.esri-icon-rotate-back:before {
    content: "\e699";
    color: inherit
}

.esri-icon-pan2:before {
    content: "\e69a";
    color: inherit
}

.esri-icon-tracking:before {
    content: "\e69b";
    color: inherit
}

.esri-icon-expand2:before {
    content: "\e69c";
    color: inherit
}

.esri-icon-arrow-down:before {
    content: "\e69d";
    color: inherit
}

.esri-icon-arrow-up:before {
    content: "\e69e";
    color: inherit
}

.esri-icon-hollow-eye:before {
    content: "\e69f";
    color: inherit
}

.esri-icon-play-circled:before {
    content: "\e6a0";
    color: inherit
}

.esri-icon-volume-off:before {
    content: "\e6a1";
    color: inherit
}

.esri-icon-volume-on:before {
    content: "\e6a2";
    color: inherit
}

.esri-icon-bookmark:before {
    content: "\e900";
    color: inherit
}

.esri-icon-lightbulb:before {
    content: "\e901";
    color: inherit
}

.esri-icon-sketch-rectangle:before {
    content: "\e902";
    color: inherit
}

.esri-icon-north-navigation-filled:before {
    content: "\e903";
    color: inherit
}

.esri-icon-default-action:before {
    content: "\e904";
    color: inherit
}

.esri-icon-undo:before {
    content: "\e905";
    color: inherit
}

.esri-icon-redo:before {
    content: "\e906";
    color: inherit
}

.esri-icon-cursor:before {
    content: "\e907";
    color: inherit
}

.esri-icon-cursor-filled:before {
    content: "\e908";
    color: inherit
}

.esri-icon-measure:before {
    content: "\e90a";
    color: inherit
}

.esri-icon-measure-line:before {
    content: "\e909";
    color: inherit
}

.esri-icon-measure-area:before {
    content: "\e90b";
    color: inherit
}

.esri-view {
    display: flex;
    margin: 0;
    padding: 0
}

.esri-view .esri-view-user-storage {
    overflow: hidden
}

.esri-view .esri-view-root {
    position: relative;
    flex: 1 1 100%;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.esri-view .esri-view-surface {
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    direction: ltr
}

.esri-view .esri-view-surface--touch-none {
    touch-action: none
}

.esri-view .esri-view-surface--touch-pan {
    touch-action: pan-x pan-y
}

.esri-view .esri-view-surface--inset-outline {
    outline: 0
}

.esri-view .esri-view-surface--inset-outline:focus::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: -3px;
    pointer-events: none;
    overflow: hidden
}

.esri-view .esri-view-surface[data-cursor="copy"] {
    cursor: copy
}

.esri-view .esri-view-surface[data-cursor="crosshair"] {
    cursor: crosshair
}

.esri-view .esri-view-surface[data-cursor="help"] {
    cursor: help
}

.esri-view .esri-view-surface[data-cursor="move"] {
    cursor: move
}

.esri-view .esri-view-surface[data-cursor="pointer"] {
    cursor: pointer
}

.esri-view .esri-view-surface[data-cursor="progress"] {
    cursor: progress
}

.esri-view .esri-view-surface[data-cursor="grab"] {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.esri-view .esri-view-surface[data-cursor="grabbing"] {
    cursor: move;
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.esri-view .esri-view-surface[data-cursor="n-resize"] {
    cursor: n-resize
}

.esri-view .esri-view-surface[data-cursor="e-resize"] {
    cursor: e-resize
}

.esri-view .esri-view-surface[data-cursor="s-resize"] {
    cursor: s-resize
}

.esri-view .esri-view-surface[data-cursor="w-resize"] {
    cursor: w-resize
}

.esri-view .esri-view-surface[data-cursor="ne-resize"] {
    cursor: ne-resize
}

.esri-view .esri-view-surface[data-cursor="nw-resize"] {
    cursor: nw-resize
}

.esri-view .esri-view-surface[data-cursor="se-resize"] {
    cursor: se-resize
}

.esri-view .esri-view-surface[data-cursor="sw-resize"] {
    cursor: sw-resize
}

.esri-view .esri-view-surface[data-cursor="ew-resize"] {
    cursor: ew-resize
}

.esri-view .esri-view-surface[data-cursor="ns-resize"] {
    cursor: ns-resize
}

.esri-view .esri-view-surface[data-cursor="nesw-resize"] {
    cursor: nesw-resize
}

.esri-view .esri-view-surface[data-cursor="nwse-resize"] {
    cursor: nwse-resize
}

.esri-view .esri-view-surface[data-interacting="true"] {
    cursor: move;
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.esri-view .esri-display-object,
.esri-view .esri-bitmap {
    position: absolute;
    border: none;
    margin: 0;
    padding: 0;
    -webkit-user-drag: none;
    -webkit-user-select: none
}

.esri-view .esri-bitmap {
    max-width: none;
    transform-origin: top left
}

.esri-ui {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden;
    font-size: 14px;
    z-index: 0
}

.esri-ui .esri-component {
    pointer-events: auto
}

.esri-ui .esri-attribution {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.esri-ui-corner {
    position: absolute;
    display: flex
}

.esri-ui-inner-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.esri-ui-manual-container>.esri-component {
    position: absolute
}

.esri-ui-manual-container .esri-swipe {
    z-index: -1
}

.esri-ui-top-left,
.esri-ui-top-right {
    flex-flow: column
}

.esri-ui-top-left {
    align-items: flex-start
}

.esri-ui-top-right {
    align-items: flex-end
}

.esri-ui-bottom-left,
.esri-ui-bottom-right {
    flex-flow: row;
    align-items: flex-end
}

.esri-ui-bottom-right {
    flex-flow: row-reverse
}

.esri-ui-top-left {
    top: 0;
    left: 0
}

.esri-ui-top-right {
    top: 0;
    right: 0
}

.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
    margin-bottom: 10px
}

.esri-ui-bottom-left {
    bottom: 0;
    left: 0
}

.esri-ui-bottom-left .esri-component {
    margin-right: 10px
}

.esri-ui-bottom-right {
    /* bottom: 0; */
    right: 0
}

.esri-ui-bottom-right .esri-component {
    margin-left: 10px
}

html[dir="rtl"] .esri-ui-top-left {
    align-items: flex-end
}

html[dir="rtl"] .esri-ui-top-right {
    align-items: flex-start
}

html[dir="rtl"] .esri-ui-bottom-left {
    flex-direction: row-reverse
}

html[dir="rtl"] .esri-ui-bottom-right {
    flex-direction: row
}

.esri-zoom-box__container {
    position: relative;
    height: 100%;
    width: 100%
}

.esri-zoom-box__overlay {
    cursor: crosshair;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.esri-zoom-box__overlay-background {
    fill: rgba(0, 0, 0, 0.1)
}

.esri-zoom-box__outline {
    fill: transparent;
    stroke: dodgerblue;
    stroke-dasharray: 1, 1;
    stroke-width: 2px
}

.esri-overlay-surface {
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.esri-text-overlay-item {
    display: block;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3em
}

.esri-text-overlay-item-anchor-bottom {
    transform: translate(-50%, -100%)
}

.esri-text-overlay-item-anchor-bottom-right {
    transform: translate(-100%, -100%)
}

.esri-text-overlay-item-anchor-bottom-left {
    transform: translate(0, -100%)
}

.esri-text-overlay-item-anchor-top {
    transform: translate(-50%, 0)
}

.esri-text-overlay-item-anchor-top-right {
    transform: translate(-100%, 0)
}

.esri-text-overlay-item-anchor-top-left {
    transform: translate(0, 0)
}

.esri-text-overlay-item-anchor-center {
    transform: translate(-50%, -50%)
}

.esri-text-overlay-item-anchor-right {
    transform: translate(-100%, -50%)
}

.esri-text-overlay-item-anchor-left {
    transform: translate(0, -50%)
}

.esri-line-overlay-item {
    display: block;
    position: absolute;
    overflow: hidden;
    white-space: nowrap
}

.esri-widget {
    box-sizing: border-box;
    color: #323232;
    font-size: 14px;
    font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    background-color: #fff
}

.esri-widget *,
.esri-widget *:before,
.esri-widget *:after {
    box-sizing: inherit
}

.esri-widget__anchor {
    text-decoration: none;
    color: #0079c1
}

.esri-widget__anchor:hover {
    color: #00598e
}

.esri-widget__anchor--disabled {
    pointer-events: none;
    opacity: .4
}

.esri-widget__header {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 1 0 100%;
    padding: 12px 0 12px 15px;
    justify-content: space-between;
    min-height: 48px;
    width: 100%
}

.esri-widget__header .esri-widget__heading {
    align-items: center;
    color: #6e6e6e;
    display: flex;
    margin: 0;
    padding: 0;
    width: calc(100% - 48px)
}

.esri-widget__header-button {
    -webkit-appearance: none;
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    border: none;
    color: #6e6e6e;
    cursor: pointer;
    display: flex;
    flex: 0 0 48px;
    justify-content: center;
    padding: 0;
    width: 48px
}

.esri-widget__heading {
    color: #323232;
    font-weight: 600;
    margin: 0 0 0.5rem 0
}

h1.esri-widget__heading {
    font-size: 20px
}

h2.esri-widget__heading {
    font-size: 16px
}

h3.esri-widget__heading,
h4.esri-widget__heading,
h5.esri-widget__heading,
h6.esri-widget__heading {
    font-size: 14px
}

.esri-widget__footer {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    min-height: 48px;
    width: 100%
}

.esri-widget__footer-pagination {
    align-items: center;
    color: #6e6e6e;
    display: flex;
    justify-content: space-between
}

.esri-widget__footer-pagination-previous-button,
.esri-widget__footer-pagination-next-button {
    background-color: transparent;
    border: 0;
    margin: 0 7px;
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color 125ms ease-in-out
}

.esri-widget__footer-pagination-previous-button:hover,
.esri-widget__footer-pagination-previous-button:focus,
.esri-widget__footer-pagination-next-button:hover,
.esri-widget__footer-pagination-next-button:focus {
    background-color: #f0f0f0;
    color: #2e2e2e
}

.esri-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 0;
    margin: 2px 0 0 0;
    font-size: 14px;
    line-height: 16px;
    background-clip: padding-box;
    overflow: hidden;
    width: 100%;
    visibility: hidden;
    max-height: 0
}

.esri-menu .esri-menu__header {
    padding: 6px 12px;
    background-color: #4c4c4c;
    color: #fff
}

.esri-menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.esri-menu__list-item {
    padding: 0.8em 1em;
    cursor: pointer;
    border-top: solid 1px rgba(110, 110, 110, 0.3);
    border-left: 3px solid transparent
}

.esri-menu__list-item:first-child {
    border-top: none
}

.esri-menu__list-item:hover,
.esri-menu__list-item:focus {
    background-color: #f0f0f0
}

.esri-menu__list-item:active {
    background-color: #e2f1fb
}

.esri-menu__list-item--active,
.esri-menu__list-item--active:hover,
.esri-menu__list-item--active:focus {
    background-color: #e2f1fb;
    border-left-color: #0079c1
}

.esri-menu__list-item [class^="esri-icon"] {
    padding-right: 2.8px
}

.esri-widget__table {
    color: #323232;
    border: none;
    border-collapse: collapse;
    width: 100%
}

.esri-widget__table tr:nth-child(odd) {
    background-color: rgba(76, 76, 76, 0.1)
}

.esri-widget__table tr:nth-child(even) {
    background-color: rgba(76, 76, 76, 0.02)
}

.esri-widget__table tr a {
    color: #6e6e6e
}

.esri-widget__table tr a:hover,
.esri-widget__table tr a:focus {
    color: #2e2e2e
}

.esri-widget__table tr td,
.esri-widget__table tr th {
    padding: 0.5em 0.7em;
    word-break: break-word;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400
}

.esri-widget__table tr th {
    width: 50%;
    text-align: left;
    border-right: 3px solid rgba(0, 0, 0, 0.05)
}

.esri-widget__table tr td {
    width: 50%
}

.esri-input {
    background-color: #fff;
    border: 1px solid rgba(110, 110, 110, 0.3);
    color: #323232;
    font-family: inherit;
    font-size: 14px
}

.esri-input[type="text"],
.esri-input[type="number"] {
    height: 32px;
    padding: 0 0.5em
}

.esri-input::-ms-clear {
    display: none
}

.esri-input::-moz-placeholder {
    color: rgba(50, 50, 50, 0.4);
    opacity: 1
}

.esri-input:-ms-input-placeholder {
    color: rgba(50, 50, 50, 0.4)
}

.esri-input::-webkit-input-placeholder {
    color: rgba(50, 50, 50, 0.4)
}

.esri-button {
    align-items: center;
    background-color: #0079c1;
    border: 1px solid #0079c1;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 14px;
    min-height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 6px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    transition: background-color 125ms ease-in-out, border 125ms ease-in-out
}

.esri-button:hover {
    background-color: #00598e;
    border: 1px solid #00598e;
    color: #fff
}

.esri-button--secondary {
    background-color: transparent;
    color: #0079c1
}

.esri-button--tertiary {
    background-color: transparent;
    border-color: transparent;
    color: #0079c1
}

.esri-button--tertiary:hover {
    background-color: transparent;
    border-color: transparent;
    color: #00598e;
    text-decoration: underline
}

.esri-button--disabled {
    opacity: .4;
    pointer-events: none
}

[class*="esri-icon"] {
    font-size: 16px;
    display: inline-block
}

.esri-widget__content--empty {
    align-items: center;
    color: #6e6e6e;
    display: flex;
    flex-flow: column wrap;
    padding: 18px 22px;
    text-align: center
}

.esri-widget__content--empty h1.esri-widget__heading,
.esri-widget__content--empty h2.esri-widget__heading,
.esri-widget__content--empty h3.esri-widget__heading,
.esri-widget__content--empty h4.esri-widget__heading,
.esri-widget__content--empty h5.esri-widget__heading {
    font-weight: 400
}

.esri-widget__content-illustration--empty {
    padding: 1rem 0;
    width: 128px
}

.esri-widget__content-icon--empty {
    padding: 0.5rem 0;
    width: 32px
}

.esri-select {
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 0.85em;
    width: 100%;
    height: 32px;
    color: #323232;
    border: 1px solid rgba(110, 110, 110, 0.3);
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding: 0 0.5em;
    background: url("data:image/svg+xml,%3Csvg width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11%2013l5%205.833L21%2013z%27%20fill%3D%27%236e6e6e%27%20fill-rule%3D%27nonzero%27/%3E%3C/svg%3E") no-repeat right center #fff
}

.esri-select::-ms-expand {
    display: none
}

.esri-disabled a,
.esri-disabled [class*="esri-icon"],
.esri-disabled [role="menu"],
.esri-disabled [role="checkbox"] {
    color: rgba(110, 110, 110, 0.4)
}

.keynav-mode .esri-widget:focus {
    outline: 2px solid #6e6e6e;
    outline-offset: 2px;
    z-index: 1
}

.keynav-mode .esri-widget *:focus {
    outline: 2px solid #6e6e6e;
    outline-offset: 2px;
    z-index: 1
}

.esri-widget__loader-animation {
    animation: esri-rotate 1250ms infinite linear;
    transform: translateZ(0);
    border: 0.15em solid transparent;
    border-color: rgba(50, 50, 50, 0.8) rgba(110, 110, 110, 0.3) rgba(110, 110, 110, 0.3) rgba(110, 110, 110, 0.3);
    border-radius: 100%;
    display: block;
    font-size: 16px;
    height: 1em;
    width: 1em
}

.esri-widget--button {
    font-size: 14px;
    background-color: #fff;
    color: #6e6e6e;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    transition: background-color 125ms ease-in-out
}

.esri-widget--button:hover {
    background-color: #f0f0f0;
    color: #2e2e2e
}

.esri-widget--button:active {
    background-color: #e2f1fb
}

.esri-ui-corner .esri-component {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component.esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel-height-only {
    min-height: 32px;
    transition: max-height 250ms ease-in-out;
    overflow-y: auto
}

.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel {
    width: 300px
}

.esri-view-height-greater-than-medium .esri-expand .esri-widget--panel,
.esri-view-height-greater-than-medium .esri-expand .esri-widget--panel-height-only,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    max-height: 680px
}

.esri-view-height-medium .esri-expand .esri-widget--panel,
.esri-view-height-medium .esri-expand .esri-widget--panel-height-only,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    max-height: 540px
}

.esri-view-height-small .esri-expand .esri-widget--panel,
.esri-view-height-small .esri-expand .esri-widget--panel-height-only,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    max-height: 420px
}

.esri-view-height-xsmall .esri-expand .esri-widget--panel,
.esri-view-height-xsmall .esri-expand .esri-widget--panel-height-only,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    max-height: 240px
}

.esri-ui-bottom-right .esri-menu,
.esri-ui-bottom-left .esri-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 2px
}

html[dir="rtl"] .esri-widget__table th {
    text-align: right;
    border-right: none;
    border-left: 3px solid rgba(0, 0, 0, 0.05)
}

html[dir="rtl"] .esri-select {
    background-position: left 50%
}

html[dir="rtl"] .esri-menu__list-item [class^="esri-icon"] {
    padding-right: 0;
    padding-left: 2px
}

html[dir="rtl"] .esri-menu__list-item {
    border-left: none;
    border-right: 3px solid transparent
}

html[dir="rtl"] .esri-menu__list-item--active {
    border-right-color: #0079c1
}

.esri-icon-font-fallback-text {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

[class^="esri-icon"] {
    animation: none
}

@keyframes esri-fade-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

20%:before,
20%:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

20%:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

20%:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-rotating {
    animation: esri-rotate 1250ms infinite linear;
    transform: translateZ(0)
}

.esri-clearfix:before,
.esri-clearfix:after {
    content: " ";
    display: table
}

.esri-clearfix:after {
    clear: both
}

.esri-interactive {
    cursor: pointer
}

.esri-hidden {
    display: none !important
}

.esri-invisible {
    visibility: hidden !important
}

.esri-offscreen {
    position: absolute;
    top: -999em;
    left: -999em
}

.esri-area-measurement-2d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-2d__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-area-measurement-2d__container a {
    text-decoration: none
}

.esri-area-measurement-2d__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex: 0 0 auto
}

.esri-area-measurement-2d__header-title,
h1 .esri-area-measurement-2d__header-title {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    display: block;
    flex: 1;
    word-break: break-word;
    text-align: left
}

.esri-area-measurement-2d__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-2d__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-2d__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-area-measurement-2d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-2d__measurement-item {
    display: flex;
    padding-bottom: 12px;
    flex-flow: column
}

.esri-area-measurement-2d__measurement-item--disabled {
    display: flex;
    color: rgba(50, 50, 50, 0.4)
}

.esri-area-measurement-2d__measurement-item-title {
    padding-bottom: 3px
}

.esri-area-measurement-2d__measurement-item-value {
    font-weight: 600
}

.esri-area-measurement-2d__settings {
    display: flex;
    justify-content: space-between;
    padding: 6px 15px
}

.esri-area-measurement-2d__units {
    display: flex;
    flex: 0 1 48%;
    flex-flow: column;
    padding: 0;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-2d__units:only-child {
    flex: 1 0 100%
}

.esri-area-measurement-2d__units-select {
    width: 100%;
    padding-left: 0.5em;
    padding-right: 2.7em
}

.esri-area-measurement-2d__units-select-wrapper {
    width: 100%
}

.esri-area-measurement-2d__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

html[dir="rtl"] .esri-area-measurement-2d__units-select {
    padding-left: 2.7em;
    padding-right: 0.5em
}

.esri-area-measurement-3d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-3d__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-area-measurement-3d__container a {
    text-decoration: none
}

.esri-area-measurement-3d__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex: 0 0 auto
}

.esri-area-measurement-3d__header-title,
h1 .esri-area-measurement-3d__header-title {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    display: block;
    flex: 1;
    word-break: break-word;
    text-align: left
}

.esri-area-measurement-3d__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-3d__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-3d__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-area-measurement-3d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-3d__measurement-item {
    display: flex;
    padding-bottom: 12px;
    flex-flow: column
}

.esri-area-measurement-3d__measurement-item--disabled {
    display: flex;
    color: rgba(50, 50, 50, 0.4)
}

.esri-area-measurement-3d__measurement-item-title {
    padding-bottom: 3px
}

.esri-area-measurement-3d__measurement-item-value {
    font-weight: 600
}

.esri-area-measurement-3d__settings {
    display: flex;
    justify-content: space-between;
    padding: 6px 15px
}

.esri-area-measurement-3d__units {
    display: flex;
    flex: 0 1 48%;
    flex-flow: column;
    padding: 0;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-area-measurement-3d__units:only-child {
    flex: 1 0 100%
}

.esri-area-measurement-3d__units-select {
    width: 100%;
    padding-left: 0.5em;
    padding-right: 2.7em
}

.esri-area-measurement-3d__units-select-wrapper {
    width: 100%
}

.esri-area-measurement-3d__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

html[dir="rtl"] .esri-area-measurement-3d__units-select {
    padding-left: 2.7em;
    padding-right: 0.5em
}

.esri-attribution {
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(255, 255, 255, 0.65);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.esri-attribution__link {
    color: currentColor
}

.esri-attribution__link:hover,
.esri-attribution__link:active,
.esri-attribution__link:visited,
.esri-attribution__link:focus {
    color: currentColor
}

.esri-attribution__sources {
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    align-self: flex-start;
    flex: 1 0
}

.esri-attribution__sources[role="button"] {
    font-size: 1em
}

.esri-attribution__powered-by {
    font-weight: 400;
    padding: 0 5px;
    text-align: right;
    white-space: nowrap;
    align-self: flex-end
}

.esri-attribution--open {
    z-index: 2
}

.esri-attribution__sources--open {
    white-space: normal
}

html[dir="rtl"] .esri-attribution__powered-by {
    text-align: left
}

.esri-basemap-gallery {
    color: #323232;
    background-color: #fff;
    overflow-y: auto;
    position: relative;
    width: auto
}

.esri-basemap-gallery__item-container {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    transition: opacity 250ms ease-in-out;
    list-style: none;
    margin: 0;
    padding: 0
}

.esri-basemap-gallery--source-refreshing .esri-basemap-gallery__item-container {
    opacity: .4
}

.esri-basemap-gallery__empty-message {
    padding: 12px 15px;
    animation: esri-fade-in 500ms ease-in-out
}

.esri-basemap-gallery__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 7px;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    animation: esri-fade-in 500ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

.esri-basemap-gallery__item:first-child {
    margin-top: 6px
}

.esri-basemap-gallery__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 100%;
    animation: esri-fade-in 500ms ease-in-out
}

.esri-basemap-gallery__loader:before,
.esri-basemap-gallery__loader:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-basemap-gallery__loader:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-basemap-gallery__loader:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-basemap-gallery__item--loading {
    cursor: auto;
    background-color: #f5f5f5;
    border-color: #fff
}

.esri-basemap-gallery__item--error {
    cursor: auto;
    opacity: .4
}

.esri-basemap-gallery__item-thumbnail {
    height: 64px;
    width: auto;
    box-shadow: 0 0 0 1px rgba(110, 110, 110, 0.3)
}

@supports (object-fit: cover) {
    .esri-basemap-gallery__item-thumbnail {
        height: 64px;
        width: 64px;
        object-fit: cover
    }
}

.esri-basemap-gallery__item-title {
    font-size: 12px;
    word-break: break-word;
    color: #6e6e6e;
    padding: 0 7px
}

.esri-basemap-gallery__item--selected,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
    cursor: auto;
    border-left-color: #0079c1;
    background-color: #e2f1fb
}

.esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus .esri-basemap-gallery__item-title {
    color: #323232
}

.esri-basemap-gallery__item:hover,
.esri-basemap-gallery__item:focus {
    outline: none;
    background-color: #f0f0f0;
    border-left-color: #f0f0f0
}

.esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item:focus .esri-basemap-gallery__item-title {
    color: #6e6e6e
}

.esri-basemap-gallery__item.esri-basemap-gallery__item--error:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--error:focus {
    background-color: #fff;
    border-color: transparent
}

.esri-view .esri-basemap-gallery {
    min-width: 225px;
    max-width: 300px
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component {
    width: 450px;
    max-width: initial
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-container {
    flex-flow: row wrap;
    align-items: baseline
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item {
    border: 1px solid rgba(0, 0, 0, 0);
    flex-flow: column wrap;
    width: 29.333%;
    margin: 3px 2%;
    padding: 12px 0;
    text-align: center
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-thumbnail {
    max-width: 100%;
    margin-bottom: 6px
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-title {
    margin-top: 6px;
    width: 100%
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item--selected,
.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
    border-color: #0079c1
}

html[dir="rtl"] .esri-basemap-gallery__item--selected,
html[dir="rtl"] .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
html[dir="rtl"] .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
    border-left-color: transparent;
    border-right-color: #0079c1
}

.esri-basemap-layer-list {
    color: #323232;
    background-color: #f5f5f5;
    padding: 6px 7px;
    overflow-y: auto;
    display: flex;
    flex-flow: column
}

.esri-basemap-layer-list__title-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3px 0
}

.esri-widget__heading.esri-basemap-layer-list__main-heading {
    flex: 1 1;
    margin: 0;
    padding: 3px 3px 3px 0;
    font-size: 14px
}

.esri-basemap-layer-list__editing-card {
    display: flex;
    flex-flow: column;
    padding: 12px 15px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    width: 100%;
    animation: esri-fade-in-down 250ms ease-in-out
}

.esri-basemap-layer-list__editing-input {
    display: flex;
    flex-flow: column
}

.esri-basemap-layer-list__editing-actions {
    display: flex;
    justify-content: flex-end;
    margin: 6px 0 0 0
}

.esri-basemap-layer-list__editing-actions .esri-button {
    font-size: 12px;
    min-height: 16px;
    width: 33%
}

.esri-basemap-layer-list__edit-button {
    background-color: transparent;
    border: none;
    color: #6e6e6e;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 32px;
    border-radius: 2px;
    transition: background-color 125ms ease-in-out;
    cursor: pointer
}

.esri-basemap-layer-list__edit-button:hover,
.esri-basemap-layer-list__edit-button:focus {
    background-color: rgba(110, 110, 110, 0.3);
    color: #2e2e2e
}

.esri-widget__heading.esri-basemap-layer-list__list-heading {
    font-size: 12px;
    padding: 0;
    font-weight: 400
}

.esri-basemap-layer-list__list {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0
}

.esri-basemap-layer-list__item--has-children {
    padding-bottom: 6px
}

.esri-basemap-layer-list__item--has-children .esri-basemap-layer-list__list:not([hidden]) {
    animation: esri-basemap-layer-list-reveal 375ms ease-in-out
}

.esri-basemap-layer-list__list[hidden] {
    display: none
}

.esri-basemap-layer-list__list--root {
    margin: 0
}

.esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container {
    cursor: pointer
}

.esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container:hover {
    border-left-color: rgba(110, 110, 110, 0.3)
}

.esri-basemap-layer-list__item[aria-selected="true"]>.esri-basemap-layer-list__item-container {
    border-left-color: #0079c1
}

.esri-basemap-layer-list__item[aria-selected="true"]>.esri-basemap-layer-list__item-container:hover {
    border-left-color: #0079c1
}

.esri-basemap-layer-list__item-container~.esri-basemap-layer-list__list .esri-basemap-layer-list__item {
    border-bottom-width: 0
}

.esri-basemap-layer-list__item {
    background-color: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    position: relative;
    overflow: hidden;
    list-style: none;
    margin: 3px 0;
    padding: 0
}

.esri-basemap-layer-list__item-container {
    border-left: 3px solid transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 7px 12px 20px;
    transition: border-color 250ms ease-in-out
}

.esri-basemap-layer-list__item--invisible-at-scale .esri-basemap-layer-list__item-title {
    color: rgba(110, 110, 110, 0.4)
}

.esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__item-container {
    padding-left: 5px
}

.esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__list {
    font-size: 12px
}

.esri-basemap-layer-list__child-toggle {
    color: #6e6e6e;
    width: 15px;
    cursor: pointer
}

.esri-basemap-layer-list__child-toggle [class*="esri-icon"] {
    line-height: 1.2em
}

.esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--opened,
.esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl,
.esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed {
    display: none
}

.esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--opened {
    display: block
}

.esri-basemap-layer-list__item-label {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1
}

.esri-basemap-layer-list__item-label[role="checkbox"]:hover,
.esri-basemap-layer-list__item-label[role="radio"]:hover {
    cursor: pointer
}

.esri-basemap-layer-list__item-title {
    flex: 1;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.3em;
    word-break: break-word;
    overflow-wrap: break-word;
    transition: color 125ms ease-in-out
}

.esri-basemap-layer-list__item-error-message {
    display: flex;
    align-items: center;
    visibility: hidden;
    height: 0;
    margin-top: -1px;
    padding: 3px 7px;
    overflow: hidden;
    background-color: rgba(140, 41, 7, 0.1);
    color: #8c2907;
    font-size: 12px;
    transition: transform 250ms ease-in-out;
    transform: scale(1, 0);
    animation: esri-fade-in-down 250ms ease-in-out;
    transform-origin: center top
}

.esri-basemap-layer-list__item-error-message [class^="esri-icon-"],
.esri-basemap-layer-list__item-error-message [class*="esri-icon-"] {
    margin-right: 0.3rem
}

.esri-basemap-layer-list__item--error .esri-basemap-layer-list__item-error-message {
    visibility: visible;
    height: auto;
    transform: scale(1, 1)
}

.esri-basemap-layer-list__item-toggle {
    padding: 0 3px;
    cursor: pointer;
    color: #6e6e6e
}

.esri-basemap-layer-list__item--updating:before,
.esri-basemap-layer-list__item--updating:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-basemap-layer-list__item--updating:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-basemap-layer-list__item--updating:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-basemap-layer-list__item-actions-menu {
    display: flex
}

.esri-basemap-layer-list__item-actions-menu-item {
    display: flex;
    flex: 1 0 21px;
    justify-content: center;
    align-items: center;
    color: #6e6e6e;
    cursor: pointer;
    padding: 0 3px;
    transition: border-color 250ms ease-in-out
}

.esri-basemap-layer-list__item-actions-menu-item:first-of-type {
    margin: 0 2px
}

.esri-basemap-layer-list__item-actions-menu-item:hover {
    background-color: #f0f0f0
}

.esri-basemap-layer-list__item-actions-menu-item--active,
.esri-basemap-layer-list__item-actions-menu-item--active:hover {
    background-color: #e2f1fb
}

.esri-basemap-layer-list__item-actions {
    position: relative;
    background-color: #f5f5f5;
    color: #6e6e6e;
    margin: -1px 7px 6px;
    height: auto
}

.esri-basemap-layer-list__item-actions[aria-expanded="true"] {
    animation: esri-fade-in 250ms ease-in-out
}

.esri-basemap-layer-list__item-actions-section {
    animation: esri-basemap-layer-list-reveal 375ms ease-in-out
}

.esri-basemap-layer-list__item-actions[hidden] {
    display: none
}

.esri-basemap-layer-list__item-actions-close {
    color: #6e6e6e;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 5px;
    z-index: 1
}

.esri-basemap-layer-list__item-actions-list {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 6px 0;
    list-style: none;
    border-top: 2px solid #fff
}

.esri-basemap-layer-list__item-actions-list:first-of-type {
    border-top: 0
}

.esri-basemap-layer-list__item-action,
.esri-basemap-layer-list__action-toggle {
    border: 1px solid transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: pointer;
    font-size: 12px;
    width: 100%;
    margin: 0;
    padding: 6px 15px;
    opacity: 1;
    transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out
}

.esri-basemap-layer-list__item-action {
    justify-content: flex-start;
    flex-flow: row
}

.esri-basemap-layer-list__action-toggle {
    flex-flow: row-reverse;
    justify-content: space-between
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-title {
    margin-left: 0
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-icon {
    background-color: #4c4c4c;
    border-radius: 16px;
    box-shadow: 0 0 0 1px #fff;
    flex: 0 0 28px;
    height: 16px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color 125ms ease-in-out;
    width: 16px
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-icon:before {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: background-color 125ms ease-in-out, left 125ms ease-in-out;
    width: 12px
}

.esri-basemap-layer-list__action-toggle--on .esri-basemap-layer-list__item-action-icon {
    background-color: #fff
}

.esri-basemap-layer-list__action-toggle--on .esri-basemap-layer-list__item-action-icon:before {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #4c4c4c;
    left: 12px
}

.esri-basemap-layer-list__item-action:hover,
.esri-basemap-layer-list__action-toggle:hover {
    background-color: #f0f0f0
}

.esri-basemap-layer-list__item-actions[hidden] .esri-basemap-layer-list__item-action {
    opacity: 0
}

.esri-basemap-layer-list__item-action-icon {
    flex: 0 0 16px;
    font-size: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 0.1em
}

.esri-basemap-layer-list__item-action-image {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    font-size: 14px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.esri-basemap-layer-list__item-action-title {
    margin-left: 5px
}

.esri-basemap-layer-list-panel {
    margin: 12px 15px
}

.esri-basemap-layer-list__hr {
    border: none;
    height: 1px;
    width: 100%;
    background-color: rgba(110, 110, 110, 0.3)
}

.esri-basemap-layer-list__no-items {
    color: #6e6e6e;
    text-align: center;
    padding: 24px 15px
}

.esri-basemap-layer-list-panel__content--legend .esri-legend__service {
    padding: 0 0 12px 0
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__item-container {
    padding-left: 20px;
    padding-right: 5px
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__list {
    margin: 0 15px 0 0
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__list--root {
    margin: 0
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed {
    display: none
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
    display: block
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
    display: none
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-action-title {
    margin-left: 0;
    margin-right: 5px
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__action-toggle {
    margin-right: 0
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item:after {
    animation: looping-progresss-bar-ani 1500ms linear infinite reverse
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-error-message [class^="esri-icon-"],
html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-error-message [class*="esri-icon-"] {
    margin-right: 0;
    margin-left: 0.3rem
}

@keyframes esri-basemap-layer-list-reveal {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes esri-basemap-slide {
    0% {
        margin-top: 0;
        margin-left: 0;
        opacity: 0
    }

    75% {
        margin-top: 0;
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-top: 5px;
        margin-left: 5px;
        opacity: 1
    }
}

.esri-basemap-toggle {
    cursor: pointer;
    position: relative;
    overflow: visible;
    width: 69px;
    height: 69px;
    background-color: transparent;
    box-shadow: none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

.esri-basemap-toggle:hover {
    background-color: transparent
}

.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.esri-basemap-toggle__container {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-basemap-toggle__image {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('basemap-toggle-64.a1844b036b9de273.svg')
}

.esri-basemap-toggle__image--secondary {
    margin-top: 5px;
    margin-left: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    animation: esri-basemap-slide 2000ms ease-in-out
}

.esri-basemap-toggle__image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: background-color 125ms ease-in-out;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.esri-basemap-toggle__image-overlay .esri-basemap-toggle:hover {
    background-color: rgba(46, 46, 46, 0.4)
}

.esri-basemap-toggle__title {
    flex: 1 0 100%;
    height: auto;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.3em;
    padding: 0.5em;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center
}

.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image-overlay,
.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image--secondary {
    background-color: #fff
}

.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image-overlay:before,
.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image--secondary:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: 0.25
}

.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image-overlay {
    background-image: url('basemap-toggle-64.a1844b036b9de273.svg')
}

.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__image--secondary:before {
    opacity: 1
}

.esri-basemap-toggle.esri-disabled .esri-basemap-toggle__title {
    display: none
}

.esri-widget.esri-basemap-toggle .esri-widget.esri-basemap-toggle,
.esri-ui-corner .esri-widget.esri-basemap-toggle {
    background-color: transparent;
    box-shadow: none
}

.esri-bookmarks {
    background-color: #fff
}

.esri-bookmarks__loader-container {
    height: 150px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.esri-bookmarks__loader {
    height: 64px;
    width: 100%;
    background: url('loading-throb.af7d87537600f26e.gif') no-repeat center center
}

.esri-bookmarks__list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.esri-bookmarks__list--sortable .esri-bookmarks__bookmark-image-container {
    margin-left: 0
}

.esri-bookmarks__bookmark {
    align-items: center;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    position: relative;
    display: flex;
    border-color: transparent;
    background-color: transparent;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    overflow: hidden
}

.esri-bookmarks__bookmark:hover {
    background-color: #f0f0f0;
    color: #2e2e2e
}

.esri-bookmarks__bookmark:hover:active {
    background-color: #fff;
    color: #6e6e6e
}

.esri-bookmarks__bookmark.sortable-chosen {
    background-color: #e2f1fb;
    transition: background-color 250ms ease-in-out
}

.esri-bookmarks__bookmark-button {
    border: none;
    background-color: transparent;
    padding: 0;
    color: #6e6e6e;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    flex: 1;
    text-align: left
}

@supports (text-align: initial) {
    .esri-bookmarks__bookmark-button {
        text-align: initial
    }
}

.esri-bookmarks_bookmark-drag-handle {
    align-items: center;
    align-self: stretch;
    background-color: transparent;
    border: none;
    color: rgba(50, 50, 50, 0.4);
    cursor: move;
    display: flex;
    justify-content: center;
    margin: 0 7px 0 0;
    padding: 0;
    transition: background-color 250ms ease-in-out;
    width: 16px
}

.esri-bookmarks_bookmark-drag-handle:focus,
.esri-bookmarks_bookmark-drag-handle:hover {
    color: #2e2e2e
}

.esri-bookmarks_bookmark-drag-handle[aria-pressed="true"] {
    background-color: #4c4c4c;
    color: #fff
}

.esri-bookmarks__bookmark--active:before,
.esri-bookmarks__bookmark--active:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-bookmarks__bookmark--active:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-bookmarks__bookmark--active:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-bookmarks__bookmark--active {
    color: #323232;
    background-color: #e2f1fb;
    cursor: default
}

.esri-bookmarks__bookmark--active:hover,
.esri-bookmarks__bookmark--active:focus {
    color: #323232;
    background-color: #e2f1fb;
    cursor: default
}

.esri-bookmarks__bookmark-name {
    font-size: 12px;
    flex: 1;
    overflow: hidden;
    padding: 18px 0;
    overflow-wrap: break-word;
    word-break: break-word
}

.esri-bookmarks__bookmark-image-container {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: 0 7px;
    max-width: 64px
}

.esri-bookmarks__image {
    max-width: 64px;
    margin: 6px 0
}

.esri-bookmarks__bookmark-edit-button {
    align-items: center;
    background-color: transparent;
    border-radius: 2px;
    border: none;
    color: #6e6e6e;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 7px;
    width: 32px
}

.esri-bookmarks__bookmark-edit-button:hover {
    background-color: #fff;
    color: #2e2e2e
}

.esri-bookmarks__add-bookmark {
    background-color: #f5f5f5;
    padding: 6px 7px
}

.esri-bookmarks__add-bookmark-button {
    border-radius: 2px;
    font-size: 12px;
    justify-content: flex-start;
    padding: 12px 3px;
    transition: background-color 250ms ease-in-out
}

.esri-bookmarks__add-bookmark-button:hover {
    background-color: #fff;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-bookmarks__add-bookmark-icon {
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px
}

.esri-bookmarks__authoring-card {
    background-color: #f5f5f5;
    padding: 6px 7px;
    animation: esri-fade-in-down 250ms ease-in-out
}

.esri-bookmarks__authoring-form {
    display: flex;
    flex-flow: column;
    padding: 12px 15px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 2px
}

.esri-bookmarks__authoring-label {
    display: flex;
    flex-flow: column
}

.esri-bookmarks__authoring-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 6px
}

.esri-bookmarks__authoring-actions .esri-button {
    font-size: 12px;
    min-height: 16px;
    width: 33%
}

.esri-bookmarks__authoring-actions .esri-bookmarks__authoring-delete-button {
    color: #8c2907;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: auto
}

.esri-widget__no-bookmark-icon {
    font-size: 32px;
    line-height: 64px;
    width: 64px;
    height: 64px;
    display: inline-block;
    text-align: center
}

.esri-bookmarks--fade-in {
    opacity: 0;
    transition: opacity 375ms ease-out
}

.esri-bookmarks--fade-in-active {
    opacity: 1
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks__bookmark--active:after {
    animation: looping-progresss-bar-ani 1500ms linear infinite reverse
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks__bookmark-container {
    margin-right: 0;
    margin-left: 7px
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks_bookmark-drag-handle {
    margin-right: 0;
    margin-left: 7px
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks__authoring-actions .esri-bookmarks__authoring-delete-button {
    margin-right: 0;
    margin-left: auto
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks__list--sortable .esri-bookmarks__bookmark-image-container {
    margin-right: 0;
    margin-left: 7px
}

html[dir="rtl"] .esri-bookmarks .esri-bookmarks__bookmark-button {
    text-align: right
}

@supports (text-align: initial) {
    html[dir="rtl"] .esri-bookmarks .esri-bookmarks__bookmark-button {
        text-align: initial
    }
}

.esri-browseitems {
    margin: 0 auto;
    width: 100%;
    font-family: "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    height: 100%
}

.esri-browseitems .gallery {
    min-height: 450px;
    margin: 0 auto;
    height: 100%;
    clear: both
}

.esri-browseitems .gallery .gallery-left {
    float: left;
    width: 25%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%
}

.esri-browseitems .gallery .gallery-left a {
    text-decoration: none;
    color: #6e6e6e;
    font-size: 15px
}

.esri-browseitems .gallery .gallery-right {
    float: right;
    width: 74%;
    height: 100%;
    margin-top: 8px
}

.esri-browseitems .gallery .gallery-right p.filter-title {
    margin-bottom: 0.3em;
    padding: 0 1.5% 0 1.5%;
    font-size: 17px
}

.esri-browseitems .gallery .template-info-panel {
    width: 279px;
    padding: 15px;
    background: #fff;
    border: solid 1px #e0e0e0;
    border-right: none;
    right: -680px;
    top: 0px;
    overflow-x: hidden;
    position: absolute;
    z-index: 800;
    box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.25);
    transition: all 500ms ease-in-out;
    height: 94.5%
}

.esri-browseitems .esri-loaderthrob {
    position: absolute;
    background: #fff url('loading-throb.af7d87537600f26e.gif') 100% center no-repeat !important;
    top: 45%;
    width: 33px;
    text-align: center;
    z-index: 100;
    color: #ccc;
    height: 39px;
    left: 58%
}

.esri-browseitems .dgrid {
    border: none !important;
    height: auto;
    min-height: 180px !important
}

.esri-browseitems .dgrid .dgrid-loading {
    position: absolute;
    background: #fff url('loading-throb.af7d87537600f26e.gif') 100% center no-repeat !important;
    top: 45%;
    width: 33px;
    text-align: center;
    z-index: 100;
    color: #ccc;
    height: 39px;
    left: 58%
}

.esri-browseitems .dgrid .gallery-view h5 {
    width: 100%;
    height: 2.125em;
    line-height: 1em;
    font-size: 16px;
    word-wrap: break-word;
    font-family: "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    overflow: hidden
}

.esri-browseitems .dgrid .dgrid-footer {
    background: none repeat scroll 0 0 #fff !important;
    position: relative
}

.esri-browseitems .dgrid .dgrid-status {
    display: none !important;
    visibility: hidden
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-page-link {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-page-link:hover {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-page-skip {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-page-disabled {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-first {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-first:hover {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-previous {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-previous:hover {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-next {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-next:hover {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-last {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ededed;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    font-size: 1em;
    line-height: 1.5em;
    margin: 5px;
    padding: 5px 10px;
    float: left
}

.esri-browseitems .dgrid .dgrid-pagination .dgrid-last:hover {
    background-color: #007ac2;
    color: #fff
}

.esri-browseitems .hide {
    display: none
}

.esri-browseitems .top-bar {
    clear: both;
    width: 100%;
    padding: 0 10px;
    margin: auto
}

.esri-browseitems #gallery-grid_search {
    width: 31%;
    margin-bottom: 10px
}

.esri-browseitems .gallery-left ul {
    list-style: none;
    padding: 0 0;
    margin: 15px 0;
    width: 100%;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef
}

.esri-browseitems .gallery-left li a {
    padding: 0.5rem 0.2rem 0.5rem 0.7rem;
    font-size: 15px;
    margin-right: 0;
    display: block;
    line-height: 1.42857143;
    border-top: 1px solid #efefef;
    width: 90%;
    color: #6e6e6e;
    position: relative
}

.esri-browseitems .gallery-left li a:hover:after {
    content: "»";
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0.5rem;
    padding: 0 0.3875rem;
    transition: all 150ms linear
}

.esri-browseitems .gallery-left li.active>a {
    color: #6e6e6e;
    cursor: default;
    background-color: #d2e9f9
}

.esri-browseitems .gallery-left li.active>a:focus {
    color: #6e6e6e;
    cursor: default;
    background-color: #d2e9f9
}

.esri-browseitems .dgrid-grid.dgrid {
    background: none repeat scroll 0 0 #fff;
    border: none;
    width: auto !important;
    height: auto;
    max-height: 75%;
    overflow-y: auto
}

.esri-browseitems .dgrid-grid.dgrid .gallery-view img {
    border: 1px solid #e0e0e0;
    padding: 4px;
    transition: all 0.2s ease-in-out
}

.esri-browseitems .dgrid-grid.dgrid .gallery-view img:hover {
    border-color: #333
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-row .gallery-view {
    float: left;
    width: 29.9%;
    padding: 1% 1.6%;
    margin: auto;
    position: relative
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-row .gallery-view:hover {
    cursor: pointer;
    background: #fff;
    background-color: #fff
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-scroller {
    position: relative;
    min-height: 380px
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-content {
    background: none repeat scroll 0 0 #fff;
    border: none;
    width: auto !important;
    height: auto;
    overflow-y: hidden
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-row.dgrid-selected .gallery-view {
    background: #fff;
    background-color: #fff
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-row.dgrid-selected .gallery-view:hover {
    background: #fff;
    background-color: #fff
}

.esri-browseitems .dgrid-grid.dgrid .dgrid-navigation {
    float: inherit !important;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    display: table;
    width: auto !important
}

.esri-browseitems .template-overlay {
    position: absolute;
    z-index: 100;
    top: 12px;
    left: 15px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    width: 187px;
    height: 124px;
    line-height: 124px;
    pointer-events: none;
    font-size: 15px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.esri-browseitems .template-overlay p {
    font-size: 15px
}

.esri-browseitems .instructions {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 50%;
    float: left
}

.esri-browseitems .instructions span {
    font-size: 17px;
    display: inline-block
}

.esri-browseitems .instructions span.hide.messageLeft {
    width: 0;
    padding: 0;
    display: none
}

.esri-browseitems .instructions span.messageLeft {
    width: 37%;
    padding-right: 6.25%;
    vertical-align: top
}

.esri-browseitems .instructions span.messageRight {
    width: 100%;
    vertical-align: top
}

.esri-browseitems .instructions .messageRight {
    opacity: 1;
    transition: opacity 250ms ease-in-out, left 0ms linear
}

.esri-browseitems .input-group-btn .btn {
    margin-top: 0.6em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 2.25rem
}

.esri-browseitems .dgrid-no-data {
    position: relative;
    font-size: 17px;
    margin: 20px
}

.esri-browseitems .templates.fade .dgrid {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none
}

.esri-browseitems .templates.fade .filter-title {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none
}

.esri-browseitems .templates {
    opacity: 1;
    transition: opacity 250ms ease-in-out, left 0ms linear
}

.esri-browseitems .soria .dgrid-selected {
    background: #fff;
    background-color: #fff
}

.esri-browseitems .template-info-showing {
    min-height: 150px
}

.esri-browseitems .template-info-showing .template-info {
    display: block
}

.esri-browseitems .template-info-showing .thumbnail {
    border: 1px solid #e0e0e0;
    width: auto;
    margin: 0 0 10px 0;
    float: left;
    padding: 0
}

.esri-browseitems .template-info-showing .thumbnail:hover {
    border-color: #e0e0e0;
    cursor: auto
}

.esri-browseitems .template-info-showing .thumbnail>img {
    margin: 0;
    width: 277px
}

.esri-browseitems .template-info-showing h4 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    clear: left;
    color: #616161;
    font-weight: normal;
    max-height: 3em;
    overflow: hidden;
    height: auto
}

.esri-browseitems .template-info-showing p {
    font-size: 1rem !important;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 7.5em;
    line-height: 1.25em
}

.esri-browseitems .panel-actions {
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    opacity: 0;
    transition: opacity 250ms ease 500ms;
    text-align: center
}

.esri-browseitems .quiet-scroll pre::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    border-left: 0;
    background: rgba(0, 0, 0, 0.1)
}

.esri-browseitems .quiet-scroll pre::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0
}

.esri-browseitems .quiet-scroll pre::-webkit-scrollbar-track {
    background: none
}

.esri-browseitems .quiet-scroll::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    border-left: 0;
    background: rgba(0, 0, 0, 0.1)
}

.esri-browseitems .quiet-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0
}

.esri-browseitems .quiet-scroll::-webkit-scrollbar-track {
    background: none
}

.esri-browseitems .btn-main {
    width: 90%;
    margin-bottom: 10px
}

.esri-browseitems .btn-secondary {
    background-color: transparent;
    color: #5daddd;
    width: 44%;
    border: 1px solid #5daddd;
    margin: 4px 4px 10px 4px
}

.esri-browseitems .btn-secondary:hover {
    text-decoration: none;
    background-color: #5daddd;
    color: white
}

.esri-browseitems .btn-wide {
    width: 90%
}

.esri-browseitems .btn-cancel {
    background: none;
    border-color: #fff;
    color: #828282
}

.esri-browseitems .btn-cancel:hover {
    background: none;
    border-color: #fff;
    color: #005e95
}

.esri-browseitems p {
    margin: 0
}

.esri-browseitems .btn {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0.37rem 0.9rem;
    box-shadow: none;
    white-space: normal;
    word-wrap: break-word
}

.esri-browseitems .searchBar {
    margin-right: 15px;
    margin-top: 3px;
    max-width: 37%;
    width: auto;
    float: right
}

.esri-browseitems .searchBar .esriSearchBox {
    padding-left: 1.5em !important;
    background: url('search.7533fa7406e80d38.svg') no-repeat 0.25em center white !important;
    display: inline-block;
    padding: 0 0.31rem;
    font-size: 0.9375rem;
    line-height: 1.55rem;
    color: #595959;
    border: 1px solid #a9a9a9;
    transition: border-color 150ms linear;
    -webkit-appearance: textfield;
    height: 2.25rem;
    border-radius: 4px;
    width: auto;
    margin: 0 0 0 0 0;
    float: left;
    width: auto
}

.esri-browseitems .searchBar .btn {
    margin-top: 0.6em;
    height: 38px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.esri-browseitems .esriSearchBox:focus {
    border: 1px solid #0079c1
}

.esri-browseitems.filters .esriHelpIcon {
    background: url('helpIcon.37294e1ecb30686a.png') no-repeat center;
    width: 20px;
    height: 20px;
    margin: 1px 0 0 10px;
    cursor: pointer;
    display: inline-block
}

.esri-browseitems.filters .esriHelpIcon.hide {
    display: none
}

.esri-browseitems.filters .instructions {
    width: 60%
}

.esri-browseitems.filters .instructions span.messageRight {
    max-width: 40%;
    width: auto;
    vertical-align: top
}

.esri-browseitems.nofilters .esri-loaderthrob {
    left: 48%
}

.esri-browseitems.nofilters .gallery .gallery-left {
    width: 0;
    display: none
}

.esri-browseitems.nofilters .gallery .gallery-right {
    width: 100%;
    float: left;
    overflow: hidden
}

.esri-browseitems.nofilters .gallery span.messageRight {
    width: 100%;
    vertical-align: top
}

.esri-browseitems.nofilters span.messageLeft {
    width: 0;
    padding: 0;
    display: none
}

.esri-browseitems.nofilters .dgrid-grid.dgrid .dgrid-scroller {
    margin-bottom: 0px !important
}

.esri-browseitems.nofilters.wide .dgrid-grid.dgrid .dgrid-row .gallery-view {
    width: 21%
}

.esri-browseitems.nofilters.wide .template-overlay {
    top: 14px;
    left: 18px
}

.html[dir="rtl"] .esri-browseitems.filters .esriHelpIcon {
    margin: 0 10px 0 0
}

.html[dir="rtl"] .esri-browseitems .searchBar {
    margin: 0 0 0 10px;
    margin-right: inherit;
    margin-left: 15px
}

.html[dir="rtl"] .esri-browseitems .searchBar .esriSearchBox {
    padding-left: inherit;
    padding-right: 1.5em;
    float: right;
    border-radius: 0 4px 4px 0;
    background: #fff url('search32.0e928c8a1abd7e79.png') 98% center no-repeat !important
}

.html[dir="rtl"] .esri-browseitems .searchBar .btn {
    border-radius: 4px 0 0 4px
}

.html[dir="rtl"] .esri-browseitems .dgrid .dgrid-pagination .dgrid-page-link {
    float: right
}

.html[dir="rtl"] .esri-browseitems .dgrid .dgrid-pagination .dgrid-page-skip {
    float: right
}

.html[dir="rtl"] .esri-browseitems .dgrid .dgrid-row .gallery-view {
    float: right
}

.html[dir="rtl"] .esri-browseitems .gallery .gallery-left {
    float: right
}

.html[dir="rtl"] .esri-browseitems .gallery .template-info-panel {
    border-left: none;
    left: -680px;
    right: inherit;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.25);
    transition: all 500ms ease-in-out
}

.html[dir="rtl"] .esri-browseitems .gallery-left li a:hover:after {
    right: inherit;
    left: 0
}

.html[dir="rtl"] .esri-browseitems .template-overlay {
    top: 11px;
    left: 6px
}

.html[dir="rtl"] .esri-browseitems .instructions {
    float: right
}

.html[dir="rtl"] .esri-browseitems .searchBar {
    float: left
}

.html[dir="rtl"] .esri-browseitems.showing .gallery .template-info-panel {
    left: 0;
    right: inherit
}

.esri-browseitems.showing .dgrid-grid.dgrid .gallery-view img:hover {
    border-color: #e0e0e0
}

.esri-browseitems.showing .instructions .messageRight {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none
}

.esri-browseitems.showing .templates .dgrid {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none
}

.esri-browseitems.showing .templates .filter-title {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none
}

.esri-browseitems.showing .esriHelpIcon {
    opacity: 0.3;
    transition: opacity 250ms ease-in-out, left 0ms linear 250ms;
    pointer-events: none;
    pointer-events: none;
    cursor: default
}

.esri-browseitems.showing .gallery .gallery-right {
    cursor: pointer
}

.esri-browseitems.showing .gallery .template-info-panel {
    opacity: 1;
    right: 0px
}

.esri-browseitems.showing .panel-actions {
    opacity: 1
}

@media all and (max-width: 800px) {
    .esri-browseitems .dgrid .dgrid-content {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around
    }

    .esri-browseitems .dgrid .dgrid-row {
        flex: 0 1 50%
    }
}

@media all and (max-width: 500px) {
    .esri-browseitems .dgrid .dgrid-content {
        display: flex;
        flex-flow: column wrap
    }

    .esri-browseitems .dgrid .dgrid-pagination .dgrid-next {
        flex: 0 1 50%
    }

    .esri-browseitems .dgrid-grid.dgrid .dgrid-navigation {
        margin: 0;
        flex-flow: row wrap;
        display: inline-flex;
        align-items: flex-end
    }

    .esri-browseitems .dgrid-pagination-links {
        flex: 0 1 50%
    }

    .esriBrowseAnalysisLayers .top-bar {
        display: flex;
        flex-flow: row wrap;
        flex-direction: column
    }

    .esriBrowseAnalysisLayers .dgrid .dgrid-pagination .dgrid-previous {
        flex: 0 1 50%
    }
}

.esri-classed-color-slider {
    direction: ltr;
    min-width: 260px
}

.esri-classed-color-slider .esri-slider {
    font-size: 12px
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-classed-color-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-classed-color-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-classed-color-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-classed-color-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-classed-color-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-classed-color-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-classed-color-slider .esri-slider .esri-slider__max,
.esri-classed-color-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-classed-color-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-classed-color-slider .esri-slider .esri-histogram__average-line,
.esri-classed-color-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-classed-color-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-classed-color-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-classed-color-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-classed-color-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-classed-color-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-classed-color-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-classed-color-slider__ramp svg path {
    stroke-width: .5px
}

.esri-classed-color-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-classed-size-slider {
    direction: ltr;
    min-width: 260px
}

.esri-classed-size-slider .esri-slider {
    font-size: 12px
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-classed-size-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-classed-size-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-classed-size-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-classed-size-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-classed-size-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-classed-size-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-classed-size-slider .esri-slider .esri-slider__max,
.esri-classed-size-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-classed-size-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-classed-size-slider .esri-slider .esri-histogram__average-line,
.esri-classed-size-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-classed-size-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-classed-size-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-classed-size-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-classed-size-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-classed-size-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-classed-size-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-classed-size-slider__ramp svg path {
    stroke-width: .5px
}

.esri-classed-size-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-color-picker {
    font-size: 12px;
    color: #6e6e6e;
    text-shadow: none;
    width: 226px
}

.esri-color-picker .esri-section {
    margin: 10px 0 8px
}

.esri-color-picker .esri-section:last-child {
    margin-bottom: 0
}

.esri-color-picker.esri-container {
    display: inline-block;
    padding: 12px 15px;
    background-color: #fff
}

.esri-color-picker .esri-hex-input {
    display: inline-block;
    color: #6e6e6e;
    width: 5.6em;
    border: 1px solid rgba(110, 110, 110, 0.3);
    direction: ltr;
    text-transform: uppercase;
    vertical-align: middle
}

.esri-color-picker .esri-input-label {
    display: inline-block;
    vertical-align: middle
}

.esri-color-picker .esri-swatch {
    vertical-align: middle;
    height: 15px;
    width: 15px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    border-color: transparent;
    transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out
}

.esri-color-picker .esri-swatch-empty:before {
    display: inline-block;
    background-color: #f00;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    width: 200%;
    transform: rotate(-45deg);
    transform-origin: top left;
    content: "";
    z-index: 1
}

.esri-color-picker .esri-swatch-empty {
    position: relative;
    overflow: hidden;
    border: solid 1px rgba(110, 110, 110, 0.3);
    background-color: #fff;
    transition: border-color 0.25s ease-in-out
}

.esri-color-picker .esri-palette-options {
    padding: 6px 0 0;
    position: relative
}

.esri-color-picker .esri-palette-options .esri-swatch-empty {
    margin: 0 10px 0
}

.esri-color-picker .esri-palette-options .esri-palette-toggle {
    position: absolute;
    right: 0;
    color: #6e6e6e;
    vertical-align: middle;
    box-shadow: none;
    border: none;
    padding: 0;
    font-size: inherit;
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.dijitRtl .esri-color-picker .esri-palette-options .esri-palette-toggle {
    left: 0;
    right: auto
}

.esri-color-picker .esri-label {
    margin: 0 0 4px
}

.esri-color-pickerLabel.esri-disabled {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.esri-color-picker .esri-swatch-preview {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    height: 25px;
    width: 100%
}

.esri-color-picker .esri-swatch-preview.esri-container {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    text-align: center
}

.esri-color-picker .esri-swatch-preview .esri-swatch {
    position: absolute;
    cursor: auto;
    margin: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%
}

.esri-color-picker .esri-swatch-preview .esri-swatch.esri-swatch-empty {
    display: none
}

.esri-color-picker .esri-swatch-row {
    font-size: 0;
    white-space: nowrap;
    line-height: 0
}

.esri-color-picker .esri-palette.esri-recent:empty {
    background-color: #f5f5f5;
    box-shadow: 0 0 0 1px rgba(110, 110, 110, 0.3);
    width: 15px;
    height: 15px
}

.esri-color-picker .esri-swatch.esri-swatch-transparency-background {
    background-image: url('transparent-bg.ea4e4230335f0abb.png')
}

.esri-color-picker .esri-palette .esri-swatch.esri-selected {
    border: 1px solid
}

.esri-color-picker .esri-swatch.esri-selected {
    animation: esri-color-picker-highlight-selection 0.2s ease
}

.esri-color-picker .esri-transparency-slider::-ms-tooltip {
    display: none
}

.esri-color-picker .esri-transparency-slider[type="range"] {
    -webkit-appearance: none;
    margin: 0;
    width: 100%
}

.esri-color-picker .esri-transparency-slider[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: none;
    background-color: rgba(110, 110, 110, 0.3);
    border-radius: 0px;
    border: none;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

.esri-color-picker .esri-transparency-slider[type="range"]::-webkit-slider-thumb {
    box-shadow: none;
    border: none;
    height: 16px;
    width: 10px;
    border-radius: 2px;
    background-color: #6e6e6e;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

.esri-color-picker .esri-transparency-slider[type="range"][disabled]::-webkit-slider-runnable-track {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-color-picker .esri-transparency-slider[type="range"][disabled]::-webkit-slider-thumb {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-color-picker .esri-transparency-slider[type="range"][disabled],
.esri-color-picker .esri-transparency-slider[type="range"][disabled]::-webkit-slider-runnable-track,
.esri-color-picker .esri-transparency-slider[type="range"][disabled]::-webkit-slider-thumb {
    cursor: default
}

.esri-color-picker .esri-transparency-slider[type="range"][disabled]+.esri-color-picker-ticks {
    color: rgba(110, 110, 110, 0.4)
}

.esri-color-picker .esri-transparency-slider[type="range"]:focus::-webkit-slider-runnable-track {
    background-color: rgba(110, 110, 110, 0.3)
}

.esri-color-picker .esri-transparency-slider[type="range"]::-moz-range-track,
.esri-color-picker .esri-transparency-slider[type="range"]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    box-shadow: none;
    background-color: rgba(110, 110, 110, 0.3);
    border: none;
    border-radius: 0px;
    border: none;
    color: transparent
}

.esri-color-picker .esri-transparency-slider[type="range"]::-moz-range-thumb,
.esri-color-picker .esri-transparency-slider[type="range"]::-ms-thumb {
    box-shadow: none;
    border: none;
    height: 16px;
    width: 10px;
    border-radius: 2px;
    background: #6e6e6e;
    cursor: pointer
}

.esri-color-picker .esri-transparency-slider[type="range"]::-ms-fill-lower,
.esri-color-picker .esri-transparency-slider[type="range"]::-ms-fill-upper {
    background: rgba(110, 110, 110, 0.3);
    border: none;
    border-radius: 0px;
    box-shadow: none
}

.esri-color-picker .esri-transparency-slider[type="range"]:focus::-ms-fill-lower,
.esri-color-picker .esri-transparency-slider[type="range"]:focus::-ms-fill-upper {
    background: rgba(110, 110, 110, 0.3)
}

.esri-color-picker .esri-palette.esri-container.esri-alt .esri-palette {
    left: -100%
}

.esri-color-picker .esri-palette.esri-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.esri-color-picker .esri-palette {
    left: 0;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: left 0.15s, visibility 0.1s
}

.esri-color-picker .esri-container .esri-palette {
    margin: 6px 0
}

.dijitRtl .esri-color-picker .esri-palette {
    left: auto;
    right: 0;
    transition-property: right
}

.dijitRtl .esri-color-picker .esri-palette.esri-container.esri-alt .esri-palette {
    right: -100%;
    left: 0
}

.esri-color-picker .esri-color-picker-ticks {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    transition: color 250ms ease-in-out
}

.esri-color-size-slider {
    direction: ltr;
    min-width: 260px
}

.esri-color-size-slider .esri-slider {
    font-size: 12px
}

.esri-color-size-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-color-size-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-color-size-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-color-size-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-color-size-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-color-size-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-color-size-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-color-size-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-color-size-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-color-size-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-color-size-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-color-size-slider .esri-slider .esri-slider__max,
.esri-color-size-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-color-size-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-color-size-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-color-size-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-color-size-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-color-size-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-color-size-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-color-size-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-color-size-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-color-size-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-color-size-slider__ramp svg path {
    stroke-width: .5px
}

.esri-color-size-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-color-slider {
    direction: ltr;
    min-width: 260px
}

.esri-color-slider .esri-slider {
    font-size: 12px
}

.esri-color-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-color-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-color-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-color-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-color-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-color-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-color-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-color-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-color-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-color-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-color-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-color-slider .esri-slider .esri-slider__max,
.esri-color-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-color-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-color-slider .esri-slider .esri-histogram__average-line,
.esri-color-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-color-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-color-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-color-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-color-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-color-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-color-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-color-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-color-slider__ramp svg path {
    stroke-width: .5px
}

.esri-color-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-compass {
    border-radius: 50%
}

.esri-compass .esri-compass__icon {
    font-size: 20px
}

.esri-coordinate-conversion {
    cursor: default;
    font-size: 12px;
    position: relative;
    width: 400px
}

.esri-coordinate-conversion .esri-select option[disabled] {
    color: rgba(110, 110, 110, 0.4)
}

.esri-coordinate-conversion.esri-disabled {
    pointer-events: none;
    color: rgba(110, 110, 110, 0.4)
}

.esri-coordinate-conversion.esri-disabled [class*="esri-icon-"]:before {
    color: rgba(110, 110, 110, 0.4)
}

.esri-coordinate-conversion--no-basemap {
    padding: 1em;
    width: auto
}

.esri-coordinate-conversion--capture-mode .esri-coordinate-conversion__mode-toggle {
    color: #6e6e6e;
    background: #f5f5f5
}

.esri-coordinate-conversion__conversion-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

.esri-coordinate-conversion__display {
    flex: 1 1 auto;
    min-height: 2em;
    padding: 0.5em;
    word-break: break-all
}

.esri-coordinate-conversion__display:hover,
.esri-coordinate-conversion__select-row:hover {
    background-color: #f0f0f0
}

.esri-coordinate-conversion__button {
    margin: 0 0 0 auto;
    color: #6e6e6e;
    border-color: #6e6e6e;
    background-color: #fff;
    width: 30%
}

.esri-coordinate-conversion__button:hover {
    color: #fff;
    background-color: #6e6e6e;
    border-color: #6e6e6e
}

.esri-coordinate-conversion__input-group {
    align-items: center;
    display: flex;
    width: 80%;
    margin: 12px auto 12px auto
}

.esri-coordinate-conversion__input-group label {
    display: flex;
    align-items: center
}

.esri-coordinate-conversion .esri-coordinate-conversion__input-coordinate[type="text"] {
    width: 100%;
    margin: 0;
    padding: 0 0.5em;
    border: 1px solid rgba(110, 110, 110, 0.3);
    font-size: 12px;
    height: 2em
}

.esri-coordinate-conversion__input-coordinate--rejected {
    -webkit-text-decoration: underline red;
    text-decoration: underline red
}

.esri-coordinate__settings {
    display: flex;
    flex-direction: column;
    align-items: center
}

.esri-coordinate__settings .esri-select {
    font-size: inherit
}

.esri-coordinate-conversion__settings-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
    margin-top: 12px
}

.esri-coordinate-conversion__settings-group>* {
    margin-bottom: 0.5em
}

.esri-coordinate-conversion__settings-group-horizontal {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%
}

.esri-coordinate-conversion__settings-group:last-child {
    margin-bottom: 6px;
    text-align: center;
    width: 100%
}

.esri-coordinate-conversion__preview-coordinate {
    min-height: 1.25em
}

.esri-coordinate-conversion__row {
    padding: 0 15px 0 15px;
    display: flex;
    align-items: center;
    height: 3em
}

.esri-coordinate-conversion__row .esri-coordinate-conversion__row-button {
    display: none
}

.esri-coordinate-conversion__row:hover .esri-coordinate-conversion__row-button {
    display: flex
}

.esri-coordinate-conversion__row:focus-within .esri-coordinate-conversion__row-button {
    display: flex
}

.esri-coordinate-conversion__pattern-input {
    padding: 4px;
    width: 100%;
    height: 32px
}

.esri-coordinate-conversion__tools {
    flex: 0 0 auto;
    display: flex;
    position: relative;
    margin: 0 0 0 auto;
    padding: 0
}

.esri-coordinate-conversion__select-primary {
    font-size: inherit;
    margin: 0;
    padding: 0 2.5em 0 0.5em;
    width: auto
}

.esri-coordinate-conversion__select-row {
    font-size: inherit;
    background: #fff;
    height: 2em;
    margin: 0;
    text-align-last: center;
    flex: 0 0 75px;
    padding: 0 0.5em 0 0.5em
}

.esri-coordinate-conversion__conversions-view {
    margin: 6px 0 6px 0
}

.esri-ui-top-right .esri-coordinate-conversion__conversions-view,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down {
    display: flex;
    flex-direction: column
}

.esri-ui-top-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down .esri-coordinate-conversion__conversion-list {
    flex-direction: column
}

.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up {
    display: flex;
    flex-direction: column-reverse
}

.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-coordinate-conversion__conversion-list {
    flex-direction: column-reverse
}

.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-up,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-down {
    transform: rotate(180deg)
}

.esri-coordinate-conversion__heading {
    width: 100%;
    height: 32px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center
}

.esri-coordinate-conversion__heading .esri-widget__heading {
    margin: 0 auto 0 auto
}

.esri-coordinate-conversion__heading .esri-coordinate-conversion__back-button {
    position: absolute;
    margin-left: 0;
    top: 0;
    left: 0;
    background-color: #f5f5f5
}

.esri-coordinate-conversion__heading .esri-coordinate-conversion__back-button:hover {
    background-color: #fff
}

.esri-coordinate-conversion__popup {
    animation: esri-fade-in 250ms linear;
    color: #fff;
    white-space: nowrap;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    white-space: inherit;
    text-align: center;
    transform: translate(-50%, -50%);
    background-color: #4c4c4c;
    opacity: 0.8;
    padding: 1em
}

.esri-date-picker {
    display: inline-flex;
    border: 1px solid rgba(110, 110, 110, 0.3);
    background-color: #fff
}

.esri-date-picker__calendar {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 6px
}

.esri-date-picker__day-picker,
.esri-date-picker__month-picker,
.esri-date-picker__year-picker {
    display: flex;
    justify-content: center;
    align-items: center
}

.esri-date-picker__day-picker {
    flex-wrap: wrap;
    flex-direction: column
}

.esri-date-picker__day-picker,
.esri-date-picker__month-picker {
    margin-bottom: 6px
}

.esri-date-picker__date {
    margin: 0 12px 0 0
}

.esri-date-picker__calendar-toggle {
    border: none;
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0 0.5em;
    height: 32px;
    color: #323232
}

.esri-date-picker .esri-date-picker__month-dropdown {
    border: none;
    font-weight: 600;
    padding-right: 2.3em
}

.esri-date-picker__week-item {
    display: flex;
    justify-content: center
}

.esri-date-picker__day-item--header {
    background: #f5f5f5;
    font-weight: 600;
    cursor: auto
}

.esri-date-picker__day-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    border-right: 1px solid rgba(110, 110, 110, 0.3);
    cursor: pointer
}

.esri-date-picker__day-item--header {
    border-top: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-date-picker__day-item:first-child {
    border-left: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-date-picker__day-item--nearby-month {
    color: rgba(110, 110, 110, 0.4)
}

.esri-date-picker__day-item--today {
    color: #0079c1
}

.esri-date-picker__day-item--active {
    background: rgba(110, 110, 110, 0.3)
}

.esri-date-picker__month-picker {
    font-weight: 600;
    justify-content: space-between
}

.esri-date-picker__year-picker-item {
    color: #323232;
    padding: 6px;
    margin: 0 4px;
    cursor: pointer
}

.esri-date-picker__day-item--selected,
.esri-date-picker__year-picker-item--selected {
    color: #fff;
    background-color: #0079c1;
    cursor: auto
}

html[dir="rtl"] .esri-date-picker__calendar {
    left: auto;
    right: 0
}

html[dir="rtl"] .esri-date-picker__date {
    margin: 0 0 0 12px
}

html[dir="rtl"] .esri-date-picker__day-item:first-child {
    border-left: none
}

html[dir="rtl"] .esri-date-picker__day-item:last-child {
    border-left: 1px solid rgba(110, 110, 110, 0.3)
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 12px rgba(232, 76, 61, 0)
    }
}

.esri-daylight {
    padding: 12px;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.esri-daylight .esri-widget__anchor {
    font-size: 12px
}

.esri-daylight .esri-daylight__panel--error {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-daylight .esri-daylight__container {
    margin: 6px 0 6px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.esri-daylight .esri-daylight__container .esri-slider {
    width: inherit;
    flex-grow: 1
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__tick-label {
    font-size: 10px;
    line-height: normal;
    margin-top: 14px;
    text-align: center
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__tick-label .esri-label__ampm {
    font-size: 7px
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__label-input {
    font-size: 10px
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__tick {
    width: 2px;
    margin: -3px 0 0 -3px;
    border-color: #fff;
    border-style: solid;
    border-width: 3px 3px 5px 3px;
    box-sizing: content-box
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__tick:hover {
    border-color: #f0f0f0
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__labelled-tick {
    height: 8px
}

.esri-daylight .esri-daylight__container .esri-date-picker,
.esri-daylight .esri-daylight__container .esri-daylight__season-picker {
    flex-grow: 1
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
    margin-left: 24px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    flex-grow: 0;
    padding: 4px;
    fill: #fff
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-play:before {
    content: none
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-pause {
    padding: 0px 6px 1px 8px;
    animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 1)
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-pause svg {
    display: none
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal~.esri-daylight__play-pause-button {
    margin-bottom: 17px
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box {
    font-size: 10px;
    min-width: inherit;
    white-space: nowrap;
    margin: 0
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label {
    left: auto;
    margin: 0;
    min-width: auto;
    outline: none
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on {
    width: 100px;
    left: -46px
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
    width: 60px;
    left: -30px
}

.esri-daylight .esri-daylight__checkbox {
    width: auto;
    padding: inherit;
    min-height: auto;
    margin-right: 6px;
    background-color: transparent;
    border: none;
    color: #0079c1
}

.esri-daylight .esri-daylight__shadow-container {
    margin: 6px 0 6px 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

.esri-daylight .esri-slider--date-on .esri-slider {
    padding: 20px 24px 50px 24px
}

.esri-daylight .esri-slider--date-off .esri-slider {
    padding: 20px 24px 40px 24px
}

.esri-daylight .esri-slider--shadow-on .esri-slider__thumb {
    box-shadow: 2px 2px 5px 0px rgba(148, 148, 148, 0.63)
}

.esri-daylight .esri-slider-with-dropdown__anchor {
    font-size: 10px
}

.esri-daylight .esri-slider-with-dropdown__box .esri-slider__label-input {
    width: 50px
}

.esri-slider-with-dropdown__box {
    text-align: center
}

.esri-slider-with-dropdown__box .esri-slider__label {
    display: inline-block;
    position: static
}

.esri-slider-with-dropdown__box .esri-slider__label-input {
    display: inline-block
}

.esri-slider__anchor:focus .esri-slider-with-dropdown__box.esri-slider__label {
    outline: none !important
}

.esri-slider-with-dropdown__dropdown-root {
    display: inline-block;
    margin-left: 4px
}

.esri-slider-with-dropdown__anchor {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0
}

.esri-slider-with-dropdown__anchor--closed::after {
    content: "\25bf";
    visibility: hidden
}

.esri-slider-with-dropdown__anchor--closed:hover::after {
    visibility: visible
}

.esri-slider-with-dropdown__anchor--open::after {
    content: "\25b5"
}

.esri-ui-top-right .esri-slider-with-dropdown__list,
.esri-ui-bottom-right .esri-slider-with-dropdown__list {
    left: -190px
}

.esri-ui-top-left .esri-slider-with-dropdown__list,
.esri-ui-bottom-left .esri-slider-with-dropdown__list {
    right: -186px
}

.esri-ui-top-left .esri-slider-with-dropdown__list,
.esri-ui-top-right .esri-slider-with-dropdown__list {
    top: 0.5em
}

.esri-ui-bottom-left .esri-slider-with-dropdown__list,
.esri-ui-bottom-right .esri-slider-with-dropdown__list {
    bottom: 0.5em
}

.esri-slider-with-dropdown__list {
    position: absolute;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(110, 110, 110, 0.15);
    height: 350px;
    width: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    white-space: inherit;
    font-size: 12px
}

.esri-slider-with-dropdown__list-item {
    display: flex;
    flex-direction: column;
    padding: 7px 10px 7px 8px
}

.esri-slider-with-dropdown__list-item:hover {
    background-color: #f0f0f0
}

.esri-slider-with-dropdown__list-item--selected {
    background-color: #e2f1fb
}

html[dir="rtl"] .esri-slider-with-dropdown__dropdown-root {
    margin-left: 0;
    margin-right: 4px
}

html[dir="rtl"] .esri-daylight .esri-daylight__container .esri-daylight__play-pause-button {
    margin-right: 24px;
    margin-left: 0
}

html[dir="rtl"] .esri-daylight .esri-daylight__checkbox {
    margin-left: 6px;
    margin-right: 0
}

html[dir="rtl"] .esri-daylight .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on {
    right: -46px;
    left: auto
}

html[dir="rtl"] .esri-daylight .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
    right: -30px;
    left: auto
}

.esri-directions {
    color: #323232
}

.esri-directions__panel-content {
    padding: 12px 0
}

.esri-directions__sign-in-panel {
    color: #6e6e6e;
    display: flex;
    justify-content: center
}

.esri-directions__section {
    margin-top: 12px;
    margin-bottom: 12px
}

.esri-directions__section-splitter {
    width: 100%;
    margin: 18px 0;
    border-top: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-directions__travel-modes-select,
.esri-directions__departure-time {
    margin: 0 15px 6px;
    width: calc(100% - 30px)
}

.esri-directions__panel-content--sign-in,
.esri-directions__panel-content--loading,
.esri-directions__panel-content--error {
    min-height: 420px;
    margin: 0 12px;
    color: #6e6e6e;
    display: flex;
    align-items: center;
    justify-content: center
}

.esri-directions__loader {
    height: 40px;
    width: 32px;
    background: url('loading-throb.af7d87537600f26e.gif') no-repeat center
}

.esri-directions__warning-card {
    border-top: solid 2px #de2900;
    color: #6e6e6e;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 12px;
    margin: 20px auto;
    width: 90%
}

.esri-directions__warning-header {
    color: #8c2907;
    display: flex;
    margin-bottom: 6px
}

.esri-directions__warning-heading {
    color: inherit;
    margin: 0 4px
}

.esri-directions__warning-message {
    color: inherit;
    font-weight: 400
}

.esri-directions__departure-time-controls {
    display: flex
}

.esri-directions__departure-time-controls .esri-date-picker,
.esri-directions__departure-time-controls .esri-time-picker {
    flex: 1 50% auto;
    border-top: 0
}

.esri-directions__departure-time-controls .esri-widget:first-child {
    border-right: 0
}

.esri-directions__departure-time-controls .esri-time-picker {
    padding: 0;
    display: flex;
    justify-content: center
}

.esri-directions__departure-time-controls .esri-time-picker__input {
    width: 100%
}

.esri-directions__departure-time-controls .esri-date-picker__calendar-toggle {
    padding: 0
}

.esri-directions__directions-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.esri-directions__sign-in-content {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.esri-directions__sign-in-button {
    width: auto
}

.esri-directions__content-title {
    margin-top: 0;
    padding: 0 12px;
    align-self: flex-start
}

.esri-directions__summary {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

.esri-directions__summary-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.esri-directions__stops {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none
}

.esri-directions__stop-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-top: dashed 2px transparent;
    background-color: #fff
}

.esri-directions__stop-row-ghost {
    opacity: 0.25
}

.esri-directions__stop-underline {
    border-top: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-directions__stop-handle {
    padding-left: 7px
}

.esri-directions__stop-input:hover .esri-directions__stop-underline {
    border-color: #323232
}

.esri-directions .esri-search__input:focus+.esri-directions__stop-underline {
    border-color: #000
}

.esri-directions__stop-input {
    padding: 0 4px;
    flex-grow: 0.8
}

.esri-directions__stop-input .esri-search .esri-search__input {
    border: none;
    height: auto;
    margin-bottom: 2px;
    padding: 0;
    outline-offset: 4px
}

.esri-directions__add-stop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    cursor: pointer
}

.esri-directions__add-stop .esri-directions__stop-icon {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0.08
}

.esri-directions__add-stop .esri-directions__add-stop-text {
    width: auto;
    flex-grow: 0.9;
    padding: 0 4px
}

.esri-directions__remove-stop-icon,
.esri-directions__stop-row:hover .esri-directions__remove-stop-icon[hidden] {
    visibility: hidden
}

.esri-directions__remove-stop:focus .esri-directions__remove-stop-icon,
.esri-directions__stop-row:hover .esri-directions__remove-stop-icon {
    visibility: visible
}

.esri-directions__reverse-stops[hidden] {
    display: inherit;
    visibility: hidden
}

.esri-directions__stop-options {
    display: flex;
    flex-grow: 0.1;
    justify-content: space-between;
    padding-right: 7px
}

.esri-directions__stop-row:first-child {
    margin-top: 0
}

.esri-directions__stop-row:last-child {
    margin-bottom: 0
}

.esri-directions__stop-icon[hidden] {
    display: inline-block;
    visibility: hidden
}

.esri-directions__stop-icon--interactive {
    cursor: pointer
}

.esri-directions__stop-icon-container {
    display: inline-block;
    position: relative
}

.esri-directions__stop-icon-container::after {
    content: "";
    display: block;
    border-left: 1px dashed rgba(110, 110, 110, 0.3);
    position: absolute;
    height: 28px;
    top: 14px;
    left: 6px
}

.esri-directions__stop-icon-container--last::after {
    border: none
}

.esri-directions__costs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    cursor: pointer;
    padding: 12px 15px 0
}

.esri-directions__costs-details {
    display: flex;
    justify-content: space-around;
    white-space: nowrap;
    width: 80%;
    margin-bottom: 6px
}

.esri-directions__costs-units {
    display: flex;
    justify-content: space-around
}

.esri-directions__costs-value,
.esri-directions__other-costs-total,
.esri-directions__vertical-splitter {
    color: #6e6e6e;
    font-size: 1.5em;
    line-height: 1.5
}

.esri-directions__vertical-splitter {
    border: 1px solid rgba(50, 50, 50, 0.2)
}

.esri-directions__horizontal-splitter {
    border-top: 1px solid rgba(110, 110, 110, 0.3);
    flex-grow: 0.95
}

.esri-directions__maneuvers {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 0 0 0;
    margin: 0
}

.esri-directions__maneuver {
    display: flex;
    padding: 12px 15px 12px 22px;
    border: none;
    border-left: 3px solid transparent;
    cursor: pointer
}

.esri-directions__maneuver:hover,
.esri-directions__maneuver:focus {
    background-color: #f0f0f0
}

.esri-directions__maneuver--active {
    border-color: #0079c1;
    background-color: #e2f1fb
}

.esri-directions__maneuver-list {
    padding: 0;
    margin: 0
}

.esri-directions__maneuver-section-header {
    display: flex;
    padding: 0 15px
}

.esri-directions__maneuver-section-header [class*="esri-icon"] {
    padding-top: 3px
}

.esri-directions__maneuver-section-header-toggle-button {
    display: flex
}

.esri-directions__maneuver-section-title {
    padding: 0 7px 6px
}

.esri-directions__maneuver-section-toggle {
    cursor: pointer
}

.esri-directions__maneuver-icon {
    fill: #323232;
    margin-right: 4px;
    width: 24px;
    height: 24px
}

.esri-directions__maneuver-costs {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap
}

.esri-directions__cost--intermediate,
.esri-directions__cost--cumulative {
    font-size: 12px
}

.esri-directions__maneuver-costs-container {
    width: 100%
}

.esri-directions__scroller {
    overflow-y: auto
}

.esri-directions__stop-row--valid .esri-directions__stop-handle:hover {
    cursor: move
}

.esri-directions__disclaimer {
    font-size: 12px;
    color: #323232;
    padding: 0 15px
}

.esri-directions .esri-search {
    box-shadow: none;
    width: auto
}

.esri-directions .esri-search .esri-widget--button {
    display: none
}

.esri-directions .esri-search .esri-search__container:before {
    display: none
}

.esri-directions .esri-search .esri-search__container:after {
    top: auto;
    bottom: -2px
}

.esri-direct-line-measurement-3d__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-direct-line-measurement-3d__container a {
    text-decoration: none
}

.esri-direct-line-measurement-3d__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex: 0 0 auto
}

.esri-direct-line-measurement-3d__header-title,
h1 .esri-direct-line-measurement-3d__header-title {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    display: block;
    flex: 1;
    word-break: break-word;
    text-align: left
}

.esri-direct-line-measurement-3d__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-direct-line-measurement-3d__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-direct-line-measurement-3d__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-direct-line-measurement-3d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-direct-line-measurement-3d__measurement-item {
    display: flex;
    padding-bottom: 12px;
    flex-flow: column
}

.esri-direct-line-measurement-3d__measurement-item--disabled {
    display: flex;
    color: rgba(50, 50, 50, 0.4)
}

.esri-direct-line-measurement-3d__measurement-item-title {
    padding-bottom: 3px
}

.esri-direct-line-measurement-3d__measurement-item-value {
    font-weight: 600
}

.esri-direct-line-measurement-3d__settings {
    display: flex;
    justify-content: space-between;
    padding: 6px 15px
}

.esri-direct-line-measurement-3d__units {
    display: flex;
    flex: 0 1 48%;
    flex-flow: column;
    padding: 0;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-direct-line-measurement-3d__units:only-child {
    flex: 1 0 100%
}

.esri-direct-line-measurement-3d__units-select {
    width: 100%;
    padding-left: 0.5em;
    padding-right: 2.7em
}

.esri-direct-line-measurement-3d__units-select-wrapper {
    width: 100%
}

.esri-direct-line-measurement-3d__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

html[dir="rtl"] .esri-direct-line-measurement-3d__units-select {
    padding-left: 2.7em;
    padding-right: 0.5em
}

.esri-distance-measurement-2d__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-distance-measurement-2d__container a {
    text-decoration: none
}

.esri-distance-measurement-2d__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex: 0 0 auto
}

.esri-distance-measurement-2d__header-title,
h1 .esri-distance-measurement-2d__header-title {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    margin: 0;
    display: block;
    flex: 1;
    word-break: break-word;
    text-align: left
}

.esri-distance-measurement-2d__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-distance-measurement-2d__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-distance-measurement-2d__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-distance-measurement-2d__measurement {
    padding: 12px 15px;
    margin: 12px 0;
    background-color: #f5f5f5;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-distance-measurement-2d__measurement-item {
    display: flex;
    padding-bottom: 12px;
    flex-flow: column
}

.esri-distance-measurement-2d__measurement-item--disabled {
    display: flex;
    color: rgba(50, 50, 50, 0.4)
}

.esri-distance-measurement-2d__measurement-item-title {
    padding-bottom: 3px
}

.esri-distance-measurement-2d__measurement-item-value {
    font-weight: 600
}

.esri-distance-measurement-2d__settings {
    display: flex;
    justify-content: space-between;
    padding: 6px 15px
}

.esri-distance-measurement-2d__units {
    display: flex;
    flex: 0 1 48%;
    flex-flow: column;
    padding: 0;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-distance-measurement-2d__units:only-child {
    flex: 1 0 100%
}

.esri-distance-measurement-2d__units-select {
    width: 100%;
    padding-left: 0.5em;
    padding-right: 2.7em
}

.esri-distance-measurement-2d__units-select-wrapper {
    width: 100%
}

.esri-distance-measurement-2d__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

html[dir="rtl"] .esri-distance-measurement-2d__units-select {
    padding-left: 2.7em;
    padding-right: 0.5em
}

.esri-editor {
    display: flex;
    flex-direction: column;
    position: relative
}

.esri-editor__header {
    padding: 0 11px;
    font-size: 16px;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    display: flex;
    align-items: center;
    height: 56px
}

.esri-editor__title {
    text-align: center;
    flex: 1 1 auto;
    overflow: hidden
}

.esri-editor__content {
    background-color: #f5f5f5;
    padding: 6px 7px 0;
    justify-content: center;
    align-items: flex-start;
    flex: 1 1 auto;
    min-height: 20vh;
    display: flex;
    flex-direction: row;
    animation: esri-fade-in 250ms ease-in-out;
    transition: min-height 250ms ease-in-out
}

.esri-editor__content:empty {
    min-height: 0
}

.esri-editor__message {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px
}

.esri-editor__scroller {
    overflow-y: auto;
    padding-top: 6px;
    padding-bottom: 12px;
    align-items: stretch
}

.esri-editor .esri-feature-form {
    width: 100%;
    padding: 0
}

.esri-editor .esri-item-list {
    background-color: transparent
}

.esri-editor .esri-item-list__group {
    margin-left: 0;
    margin-right: 0
}

.esri-editor__temp-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.esri-editor__back-button {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background-color: #f8f8f8;
    transition: background-color 125ms ease-in-out
}

.esri-editor__back-button:hover {
    background-color: #f0f0f0;
    color: #2e2e2e
}

.esri-editor__controls {
    border-top: 1px solid rgba(110, 110, 110, 0.3);
    padding: 12px 15px;
    display: flex;
    flex-direction: column
}

.esri-editor__control-button {
    margin-bottom: 6px;
    min-height: 32px
}

.esri-editor__feature-list-item {
    box-shadow: 0 1px 0 rgba(110, 110, 110, 0.3);
    padding: 12px 3px;
    background-color: #fff;
    cursor: pointer;
    margin: 3px 0;
    border: 1px solid rgba(110, 110, 110, 0.3);
    border-color: transparent;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    transition: border-color 125ms ease-in-out
}

.esri-editor__feature-list-item:hover,
.esri-editor__feature-list-item:focus {
    border-color: #000
}

.esri-editor__feature-list-item:active {
    background-color: #e2f1fb;
    color: #6e6e6e
}

.esri-editor__feature-list-item[class^="esri-icon"] {
    padding-right: 2.8px
}

.esri-editor__feature-list-item--disabled {
    pointer-events: none;
    opacity: .4
}

.esri-editor__feature-list-icon {
    flex: 0 0 auto;
    padding: 0 7px
}

.esri-editor__feature-list-index {
    text-align: right;
    flex-basis: 2ch
}

.esri-editor__feature-list-name {
    flex: 1 1 auto;
    margin: 0 7px
}

.esri-editor__feature-list {
    width: 100%;
    margin: 0;
    padding: 3px 3px;
    list-style: none
}

.esri-editor__warning-card {
    background-color: #fff;
    border-top: solid 3px #de2900;
    color: #323232;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 12px 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 85%;
    display: flex;
    flex-flow: column nowrap;
    animation: esri-fade-in-up 250ms ease-in-out
}

.esri-editor__warning-icon {
    color: inherit
}

.esri-editor__warning-header {
    color: #8c2907;
    display: flex;
    margin-bottom: 12px;
    flex: 0 0 auto
}

.esri-editor__warning-heading {
    color: #323232;
    margin: 0 3px
}

.esri-editor__warning-message {
    color: inherit;
    font-weight: 400;
    word-break: break-word;
    flex: 1 1 auto;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 0 12px 0
}

.esri-editor__warning-divider {
    color: inherit;
    margin: 0 0 12px 0;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    border-color: rgba(110, 110, 110, 0.15);
    flex: 0 0 auto
}

.esri-editor__warning-option {
    margin: 6px 0;
    cursor: pointer;
    flex: 0 0 auto
}

.esri-editor__warning-option--positive {
    color: #0079c1
}

.esri-editor__warning-option--negative {
    color: #8c2907
}

.esri-editor__overlay {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7)
}

.esri-editor__progress-bar {
    position: absolute;
    width: 100%
}

.esri-editor__mode-selection {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.esri-ui .esri-editor {
    width: 300px
}

.esri-ui .esri-editor__scroller {
    max-height: 270px
}

.esri-ui .esri-editor .esri-item-list__scroller {
    max-height: 190px
}

.esri-editor__progress-bar:before,
.esri-editor__progress-bar:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-editor__progress-bar:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-editor__progress-bar:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-expand {
    overflow: visible;
    min-height: 32px;
    min-width: 32px
}

.esri-expand__container {
    position: relative;
    transition: 300ms
}

.esri-expand__content {
    opacity: 0;
    width: 0;
    height: 0;
    z-index: 1;
    margin: 0 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: opacity 250ms ease-in-out, margin 250ms ease-in-out;
    overflow: hidden;
    visibility: hidden
}

.esri-ui-top-left .esri-expand__content,
.esri-ui-bottom-left .esri-expand__content {
    left: 100%
}

.esri-ui-top-right .esri-expand__content,
.esri-ui-bottom-right .esri-expand__content {
    right: 100%
}

.esri-ui-top-left .esri-expand__content,
.esri-ui-top-right .esri-expand__content {
    top: 0
}

.esri-ui-bottom-left .esri-expand__content,
.esri-ui-bottom-right .esri-expand__content {
    bottom: 0
}

.esri-ui-top-left .esri-icon-expand,
.esri-ui-bottom-left .esri-icon-expand,
.esri-ui-top-left .esri-icon-collapse,
.esri-ui-bottom-left .esri-icon-collapse {
    transform: rotate(180deg)
}

.esri-expand__content--expanded {
    opacity: 1;
    width: auto;
    height: auto;
    overflow: visible;
    margin-left: 7px;
    margin-right: 7px;
    visibility: visible
}

.esri-expand__content .esri-widget {
    box-shadow: none
}

.esri-expand__icon-number {
    position: absolute;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1em;
    padding: 0.125em 0.333em;
    height: 16px;
    border-radius: 16px;
    background-color: #6e6e6e;
    color: #fff;
    transform-origin: 50%;
    animation: expand-number-intro-ani 1000ms ease-in-out
}

.esri-ui-top-left .esri-expand__icon-number,
.esri-ui-bottom-left .esri-expand__icon-number {
    right: -6px
}

.esri-ui-top-right .esri-expand__icon-number,
.esri-ui-bottom-right .esri-expand__icon-number {
    left: -6px
}

.esri-ui-bottom-right .esri-expand__icon-number--expanded,
.esri-ui-top-right .esri-expand__icon-number--expanded,
.esri-ui-bottom-left .esri-expand__icon-number--expanded,
.esri-ui-top-left .esri-expand__icon-number--expanded {
    position: static;
    top: auto;
    left: auto;
    right: auto
}

.esri-expand__icon-number--expanded {
    display: none
}

.esri-view-height-greater-than-medium .esri-ui-corner .esri-component .esri-expand__content {
    max-height: 680px
}

.esri-view-height-medium .esri-ui-corner .esri-component .esri-expand__content {
    max-height: 540px
}

.esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content {
    max-height: 420px
}

.esri-view-height-xsmall .esri-ui-corner .esri-component .esri-expand__content {
    max-height: 240px
}

.esri-expand--drawer .esri-widget {
    max-width: 100%;
    width: 100%
}

.esri-expand--drawer .esri-expand__container--expanded {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
    background: #fff;
    z-index: 1;
    overflow: auto
}

.esri-expand--drawer .esri-expand__container--expanded .esri-expand__panel {
    display: flex;
    justify-content: space-between;
    padding: 1.023rem;
    align-items: center
}

.esri-expand--drawer .esri-expand__container--expanded .esri-expand__panel .esri-expand__icon-number--expanded {
    display: block
}

.esri-expand--drawer .esri-expand__mask--expanded {
    background-color: #000;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0.8;
    z-index: 1
}

.esri-ui-top-right .esri-expand--drawer .esri-expand__panel,
.esri-ui-bottom-right .esri-expand--drawer .esri-expand__panel {
    flex-flow: row nowrap
}

.esri-ui-top-right .esri-expand--drawer .esri-expand__container--expanded,
.esri-ui-bottom-right .esri-expand--drawer .esri-expand__container--expanded {
    width: 75%;
    max-width: 300px;
    animation: expand-slide-rtl-ani 300ms forwards
}

.esri-ui-top-left esri-expand--drawer .esri-expand__panel,
.esri-ui-bottom-left esri-expand--drawer .esri-expand__panel {
    flex-flow: row-reverse nowrap
}

.esri-ui-top-left esri-expand--drawer .esri-expand__container--expanded,
.esri-ui-bottom-left esri-expand--drawer .esri-expand__container--expanded {
    width: 75%;
    max-width: 300px;
    animation: expand-slide-ltr-ani 300ms forwards
}

.esri-view-width-xsmall .esri-expand--auto .esri-widget {
    max-width: 100%;
    width: 100%
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
    background: #fff;
    z-index: 1;
    overflow: auto
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel {
    display: flex;
    justify-content: space-between;
    padding: 1.023rem;
    align-items: center
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel .esri-expand__icon-number--expanded {
    display: block
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__mask--expanded {
    background-color: #000;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 0.8;
    z-index: 1
}

.esri-view-width-xsmall .esri-ui-top-right .esri-expand--auto .esri-expand__panel,
.esri-view-width-xsmall .esri-ui-bottom-right .esri-expand--auto .esri-expand__panel {
    flex-flow: row nowrap
}

.esri-view-width-xsmall .esri-ui-top-right .esri-expand--auto .esri-expand__container--expanded,
.esri-view-width-xsmall .esri-ui-bottom-right .esri-expand--auto .esri-expand__container--expanded {
    width: 75%;
    max-width: 300px;
    animation: expand-slide-rtl-ani 300ms forwards
}

.esri-view-width-xsmall .esri-ui-top-left esri-expand--auto .esri-expand__panel,
.esri-view-width-xsmall .esri-ui-bottom-left esri-expand--auto .esri-expand__panel {
    flex-flow: row-reverse nowrap
}

.esri-view-width-xsmall .esri-ui-top-left esri-expand--auto .esri-expand__container--expanded,
.esri-view-width-xsmall .esri-ui-bottom-left esri-expand--auto .esri-expand__container--expanded {
    width: 75%;
    max-width: 300px;
    animation: expand-slide-ltr-ani 300ms forwards
}

.esri-expand--floating .esri-expand__content {
    position: absolute
}

.esri-expand--floating .esri-expand__mask,
.esri-expand--floating .esri-expand__content-panel {
    display: none
}

.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__content {
    position: absolute
}

.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__mask,
.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__content-panel {
    display: none
}

@keyframes expand-slide-rtl-ani {
    from {
        right: -600px
    }

    to {
        right: 0
    }
}

@keyframes expand-slide-ltr-ani {
    from {
        left: -600px
    }

    to {
        left: 0
    }
}

@keyframes expand-number-intro-ani {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.25)
    }

    100% {
        transform: scale(1)
    }
}

.esri-feature__title {
    font-size: 14px;
    display: block;
    word-break: break-word;
    word-wrap: break-word
}

.esri-feature__media,
.esri-feature__attachments,
.esri-feature__media-container {
    display: flex
}

.esri-feature__loading-container {
    width: 100%;
    justify-content: center;
    display: flex;
    padding: 12px 0
}

.esri-icon-loading-indicator {
    display: inline-block
}

.esri-feature {
    width: 100%
}

.esri-feature h1,
.esri-feature h2,
.esri-feature h3,
.esri-feature h4,
.esri-feature h5,
.esri-feature h6 {
    margin: 0.5em 0 0.5em 0;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.3em
}

.esri-feature h1 {
    font-size: 20px
}

.esri-feature h2 {
    font-size: 16px
}

.esri-feature h3,
.esri-feature h4,
.esri-feature h5,
.esri-feature h6 {
    font-size: 14px
}

.esri-feature p {
    font-size: 14px;
    line-height: 1.3em;
    margin: 0 0 1.2em
}

.esri-feature img {
    max-width: 100%;
    max-height: 100%
}

.esri-feature figcaption {
    font-size: 12px;
    font-style: italic;
    padding: 0;
    margin: 0.2em 0 0;
    display: block
}

.esri-feature ul {
    margin-bottom: 1rem;
    padding: 0 0 0 1rem
}

.esri-feature li {
    margin: 0.3em 0
}

.esri-feature a {
    color: #6e6e6e
}

.esri-feature a:hover,
.esri-feature a:focus {
    color: #2e2e2e
}

.esri-feature__content-element {
    padding: 0 7px 24px
}

.esri-feature__content-element:last-child {
    padding-bottom: 0
}

.esri-feature__field-data--date {
    text-transform: capitalize
}

.esri-feature__attachments-title {
    margin: 0 auto 0 0;
    font-weight: 600
}

.esri-feature__attachments {
    flex-flow: column wrap;
    align-items: flex-start
}

.esri-feature .esri-feature__attachments-items {
    display: flex;
    padding: 12px 0;
    margin: 6px 0;
    width: 100%
}

.esri-feature .esri-feature__attachments-item {
    line-height: 1.2em;
    list-style-type: none;
    margin: 0
}

.esri-feature__attachment-item-mask {
    display: flex;
    overflow: hidden;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px
}

.esri-feature__attachment-item-mask--icon {
    background-color: #f5f5f5
}

.esri-feature__attachment-item-mask--icon .esri-feature__attachments-image {
    width: 32px;
    height: 32px
}

.esri-feature__attachments-image-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 125ms;
    z-index: 2
}

.esri-feature__attachments-link-icon {
    font-size: 15px;
    transform: translate(0, -10px);
    transition: transform 125ms ease-out
}

.esri-feature .esri-feature__attachments-item-link {
    background-color: transparent;
    color: #6e6e6e;
    display: flex;
    text-decoration: none;
    transition: background-color 250ms
}

.esri-feature__attachments-item-link:hover,
.esri-feature__attachments-item-link:focus {
    color: #2e2e2e;
    background-color: #f0f0f0;
    cursor: pointer
}

.esri-feature__attachments-item-link:hover .esri-feature__attachments-image-overlay,
.esri-feature__attachments-item-link:focus .esri-feature__attachments-image-overlay {
    color: #fff;
    opacity: 1
}

.esri-feature__attachments-item-link:hover .esri-feature__attachments-link-icon,
.esri-feature__attachments-item-link:focus .esri-feature__attachments-link-icon {
    transform: translate(0, 0)
}

.esri-feature__attachments--list .esri-feature__attachments-items {
    flex-direction: column;
    flex-wrap: nowrap
}

.esri-feature__attachments--list .esri-feature__attachments-item {
    margin-top: 3px
}

.esri-feature__attachments--list .esri-feature__attachments-item:first-child {
    margin-top: 0
}

.esri-feature__attachments--list .esri-feature__attachments-item-link {
    align-items: center;
    word-break: break-all
}

.esri-feature__attachments--list .esri-feature__attachment-item-mask {
    margin-right: 7px
}

.esri-feature__attachments--list .esri-feature__attachments-filename {
    flex: 1
}

.esri-feature__attachments--preview .esri-feature__attachments-items {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.esri-feature__attachments--preview .esri-feature__attachments-item {
    margin-bottom: 12px;
    width: 100%
}

.esri-feature__attachments--preview .esri-feature__attachment-item-mask {
    width: 100%;
    height: auto
}

.esri-feature__attachments--preview .esri-feature__attachments-image {
    max-width: 100%
}

.esri-feature__attachments--preview .esri-feature__attachments-item-link {
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 12px
}

.esri-feature__attachments--preview .esri-feature__attachments-filename {
    margin-top: 12px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    width: calc(100% - 15px)
}

.esri-feature__attachments--preview .esri-feature__attachment-item-mask--icon {
    background-color: transparent
}

.esri-feature__media {
    flex-flow: row wrap;
    align-items: center
}

.esri-feature__media-item-title {
    font-size: 16px;
    padding: 0.3rem 0 0
}

.esri-feature__media-item-caption {
    font-size: 12px;
    padding: 0.1rem 0 0
}

.esri-feature__media-container {
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    min-height: 150px;
    margin-top: 6px
}

.esri-feature__media-container .esri-feature__button {
    justify-content: center;
    align-items: center;
    flex: 0 1 15%;
    font-size: 20px;
    color: #6e6e6e;
    display: none
}

.esri-feature__media-container .esri-feature__button:hover {
    cursor: pointer;
    color: #2e2e2e
}

.esri-feature__media-item {
    max-width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.esri-feature__media-chart {
    background-color: #fff;
    min-width: 250px;
    width: 100%;
    height: 250px
}

.esri-feature__media-previous-icon--rtl,
.esri-feature__media-next-icon--rtl {
    display: none
}

.esri-feature--media-pagination-visible .esri-feature__media-container .esri-feature__button {
    display: flex
}

.esri-feature--media-pagination-visible .esri-feature__media-item-container {
    flex: 0 0 70%
}

.esri-feature--media-pagination-visible .esri-feature__media-summary {
    display: flex
}

.esri-feature--media-pagination-visible .esri-feature__media-chart {
    height: 225px
}

.esri-feature__last-edited-info {
    font-size: 12px;
    padding-top: 6px
}

.esri-view-width-xlarge .esri-feature .esri-feature__media-item img {
    max-width: 380px
}

.esri-view-width-xlarge .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 320px
}

.esri-view-width-large .esri-feature .esri-feature__media-item img {
    max-width: 280px
}

.esri-view-width-large .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 220px
}

.esri-view-width-medium .esri-feature .esri-feature__media-item img {
    max-width: 240px
}

.esri-view-width-medium .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 180px
}

.esri-view-width-small .esri-feature .esri-feature__media-item img {
    max-width: 225px
}

.esri-view-width-small .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 165px
}

.esri-view-width-xsmall .esri-feature .esri-feature__media-item img {
    max-width: 180px
}

.esri-view-width-xsmall .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 120px
}

.esri-view-width-xsmall .esri-docked .esri-feature .esri-feature__media-item img {
    max-width: 300px
}

.esri-view-width-xsmall .esri-docked .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
    max-width: 240px
}

html[dir="rtl"] .esri-feature__attachments-title {
    margin: 0 0 0 auto
}

html[dir="rtl"] .esri-feature__media-summary {
    margin: 0 auto 0 0
}

html[dir="rtl"] .esri-feature__media-image-summary {
    margin: 0 0.5em 0 0
}

html[dir="rtl"] .esri-feature__media-previous-icon--rtl,
html[dir="rtl"] .esri-feature__media-next-icon--rtl {
    display: inline-block
}

html[dir="rtl"] .esri-feature__media-previous-icon,
html[dir="rtl"] .esri-feature__media-next-icon {
    display: none
}

html[dir="rtl"] .esri-feature__attachments--list .esri-feature__attachment-item-mask {
    margin-right: 0;
    margin-left: 7px
}

.esri-feature-form {
    background-color: #f5f5f5;
    padding: 12px 6px
}

.esri-feature-form__form {
    display: flex;
    flex-direction: column
}

.esri-feature-form__label {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 12px;
    position: relative;
    opacity: 1
}

.esri-feature-form__input {
    margin-top: 4px;
    width: 100%;
    resize: horizontal
}

.esri-feature-form__input--date,
.esri-feature-form__input--time {
    resize: none
}

.esri-feature-form__input--disabled {
    opacity: .4
}

.esri-feature-form__input--invalid {
    border: 1px solid #de2900
}

.esri-feature-form__input-icon--invalid {
    position: absolute;
    top: 30px;
    right: 4px;
    color: #8c2907;
    background-color: #fff
}

.esri-feature-form__input:focus+.esri-feature-form__input-icon--invalid {
    display: none
}

.esri-feature-form__field-error-message {
    padding: 7px 0;
    font-size: 12px
}

.esri-feature-form__date-input-container {
    display: flex
}

.esri-feature-form__date-input-part {
    width: 50%;
    display: flex;
    flex-direction: column
}

.esri-feature-form__date-input-part:first-child .esri-feature-form__input {
    border-right: none
}

.esri-feature-form__date-format-hint {
    color: #6e6e6e;
    font-size: 12px;
    padding: 0.5em 0.5em 0 0.5em
}

.esri-feature-form__group-description {
    margin: 6px 0 4px 0
}

.esri-feature-form__group-label {
    font-weight: bolder;
    margin-bottom: 6px
}

.esri-feature-form__group {
    border: none;
    border-left: 4px solid rgba(110, 110, 110, 0.3);
    padding: 0 6px;
    margin: 6px 7px;
    min-inline-size: unset;
    transition: border-color 250ms
}

.esri-feature-form__group .esri-feature-form__label {
    margin-top: 12px;
    margin-bottom: 0
}

.esri-feature-form__group--sequential .esri-feature-form__label {
    transition: opacity 250ms, margin 250ms
}

.esri-feature-form__group--active {
    border-color: #0079c1
}

.esri-feature-form__group--collapsed {
    cursor: pointer
}

.esri-feature-form__group--collapsed .esri-feature-form__label {
    pointer-events: none;
    opacity: 0;
    height: 0;
    margin: 0
}

.esri-feature-form__description-text {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #6e6e6e
}

html[dir="rtl"] .esri-feature-form__group {
    border-left: none;
    border-right: 4px solid rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-feature-form__date-input-part:first-child .esri-feature-form__input {
    border-right: 1px solid rgba(110, 110, 110, 0.3);
    border-left: none
}

.esri-heatmap-slider {
    direction: ltr;
    min-width: 260px
}

.esri-heatmap-slider .esri-slider {
    font-size: 12px
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-heatmap-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-heatmap-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-heatmap-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-heatmap-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-heatmap-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-heatmap-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-heatmap-slider .esri-slider .esri-slider__max,
.esri-heatmap-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-heatmap-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-heatmap-slider .esri-slider .esri-histogram__average-line,
.esri-heatmap-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-heatmap-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-heatmap-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-heatmap-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-heatmap-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-heatmap-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-heatmap-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-heatmap-slider__ramp svg path {
    stroke-width: .5px
}

.esri-heatmap-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-histogram {
    width: 100%;
    height: 100%
}

.esri-histogram__content {
    height: 100%;
    width: 100%
}

.esri-histogram__svg {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.esri-histogram__data-line {
    stroke: #888;
    stroke-width: 1px;
    shape-rendering: crispedges
}

.esri-histogram__label {
    stroke: black;
    font-size: 12px;
    stroke-width: 0
}

.esri-histogram__average-data-line {
    stroke: #444
}

.esri-histogram__average-symbol {
    font-family: "Georgia, serif";
    font-style: italic
}

.esri-histogram-range-slider {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.esri-histogram-range-slider .esri-slider .esri-slider__label {
    top: 24px;
    display: none
}

.esri-histogram-range-slider .esri-slider__anchor--moving .esri-slider__label {
    display: inline
}

.esri-histogram-range-slider .esri-slider {
    font-size: 12px
}

.esri-histogram-range-slider .esri-slider__content {
    display: flex;
    flex-direction: column-reverse
}

.esri-histogram-range-slider .esri-slider__max {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right
}

.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
    text-align: right
}

.esri-histogram-range-slider .esri-slider__min {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left
}

.esri-histogram-range-slider .esri-slider__min .esri-slider__range-input {
    text-align: left
}

.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__max,
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__min {
    display: inline;
    min-width: 50%
}

.esri-histogram-range-slider .esri-histogram {
    display: flex;
    align-self: flex-end
}

.esri-histogram-range-slider .esri-histogram__bar {
    touch-action: none
}

.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
    float: right
}

.esri-histogram-range-slider__slider-container {
    align-self: flex-end;
    margin-bottom: 24px;
    width: 100%
}

.esri-histogram-range-slider__histogram-container {
    display: flex;
    flex-grow: 1;
    height: 100%;
    min-height: 0;
    width: 100%
}

.esri-histogram-range-slider__range-type--less-than .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--at-most .esri-slider__segment-0 {
    background-color: #0079c1
}

.esri-histogram-range-slider__range-type--greater-than .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--at-least .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--between .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--not-between .esri-slider__segment-1 {
    background-color: #0079c1
}

.esri-horizontal-slider.dijitSlider.dijitDisabled {
    opacity: 0.5
}

.esri-horizontal-slider.dijitSlider .dijitSliderBumper {
    background: #999 none;
    box-shadow: none
}

.esri-horizontal-slider.dijitSlider .dijitSliderBar {
    border-color: #999
}

.esri-horizontal-slider.dijitSlider .dijitSliderProgressBar {
    background: #ddd none
}

.esri-horizontal-slider.dijitSlider .dijitSliderRemainingBarH {
    box-shadow: none
}

.esri-horizontal-slider.dijitSlider .dijitSliderImageHandle,
.esri-horizontal-slider.dijitSlider .dijitSliderImageHandle.dijitSliderThumbHover {
    background: url('slider-handle.01c042d527c557c6.png');
    border: none;
    width: 10px;
    height: 14px
}

.dijitRtl .esri-horizontal-slider.dijitSlider .dijitSliderImageHandle {
    left: auto;
    right: 50%
}

.dijitRtl .esri-horizontal-slider .dijitSliderMoveableH {
    right: auto;
    left: 0
}

.esri-horizontal-slider .dijitRuleContainer {
    padding: 6px 0 20px;
    color: #4d4d4d
}

.esri-horizontal-slider .dijitRuleLabel {
    z-index: 2;
    font-size: 12px
}

html[dir="rtl"] .dijitSlider .dijitSliderLeftBumper {
    border-radius: 0px 2px 2px 0;
    border-width: 1px 1px 1px 0;
    margin-left: -1px
}

html[dir="rtl"] .dijitSlider .dijitSliderRightBumper {
    border-radius: 2px 0 0 2px;
    border-width: 1px 0 1px 1px;
    margin-left: -2px;
    margin-right: 0
}

.esriSignInDialog.esri-widget table tr :nth-child(even),
.esriSignInDialog.esri-widget table tr :nth-child(odd) {
    background-color: #fff
}

.esriIdentityDialog--visible~.dijitTooltip {
    font-size: 14px;
    font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.esriIdentityDialog .dijitReset {
    margin: 0;
    border: 0;
    padding: 0;
    font: inherit;
    line-height: normal;
    color: inherit
}

.esriIdentityDialog .dijitInline {
    display: inline-block;
    border: 0;
    padding: 0;
    vertical-align: middle
}

.esriIdentityDialog table.dijitInline {
    display: inline-table;
    box-sizing: content-box;
    -moz-box-sizing: content-box
}

.esriIdentityDialog .dijitVisible {
    display: block !important;
    position: relative;
    visibility: visible
}

.esriIdentityDialog .dijitInputContainer {
    overflow: hidden;
    float: none !important;
    position: relative
}

.esriIdentityDialog .dijitValidationTextBox .dijitValidationContainer {
    float: right;
    text-align: center
}

.esriIdentityDialog .dijitTextBox input.dijitInputField {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.esriIdentityDialog .dijitValidationTextBox .dijitValidationContainer {
    display: none
}

.esriIdentityDialog .dijitOffScreen {
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important
}

.esriIdentityDialog .dijitContainer {
    overflow: hidden
}

.esriIdentityDialog .dijitButtonNode * {
    vertical-align: middle
}

.esriIdentityDialog .dijitLeft {
    background-position: left top;
    background-repeat: no-repeat
}

.esriIdentityDialog .dijitStretch {
    white-space: nowrap;
    background-repeat: repeat-x
}

.esriIdentityDialog .dijitRight {
    background-position: right top;
    background-repeat: no-repeat
}

.esriIdentityDialog .dijitButton {
    margin: 0.2em;
    vertical-align: middle
}

.esriIdentityDialog .dijitButtonContents {
    display: block
}

.esriIdentityDialog td.dijitButtonContents {
    display: table-cell
}

.esriIdentityDialog .dijitButtonNode img {
    vertical-align: middle
}

.esriIdentityDialog .dijitButtonNode {
    border: 1px solid gray;
    margin: 0;
    line-height: normal;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap
}

.esriIdentityDialog .dijitTextBox .dijitButtonNode {
    border-width: 0
}

.esriIdentityDialog .dijitButtonNode,
.esriIdentityDialog .dijitButtonNode * {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.esriIdentityDialog .dijitTextBox {
    border: solid black 1px;
    width: 15em;
    vertical-align: middle
}

.esriIdentityDialog .dijitTextBoxReadOnly,
.esriIdentityDialog .dijitTextBoxDisabled {
    color: gray
}

.esriIdentityDialog .dijitPlaceHolder {
    color: rgba(50, 50, 50, 0.4);
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    pointer-events: none
}

.esriIdentityDialog .dijitTextBox input:focus {
    outline: none
}

.esriIdentityDialog .dijitTextBoxFocused {
    outline: 5px -webkit-focus-ring-color
}

.esriIdentityDialog .dijitTextBox input {
    float: left
}

.esriIdentityDialog .dijitInputInner {
    border: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.esriIdentityDialog .dijitValidationTextBoxError input.dijitValidationInner {
    text-indent: -2em !important;
    direction: ltr !important;
    text-align: left !important;
    height: auto !important
}

.esriIdentityDialog .dijitValidationTextBoxError .dijitValidationContainer {
    display: inline;
    cursor: default
}

.esriIdentityDialog .dijitLayoutContainer {
    position: relative;
    display: block;
    overflow: hidden
}

.esriIdentityDialog .dijitAlignTop,
.esriIdentityDialog .dijitAlignBottom,
.esriIdentityDialog .dijitAlignLeft,
.esriIdentityDialog .dijitAlignRight {
    position: absolute;
    overflow: hidden
}

.esriIdentityDialog body .dijitAlignClient {
    position: absolute
}

.esriIdentityDialog .dijitContentPane {
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.esriIdentityDialog .dijitContentPaneSingleChild {
    overflow: hidden
}

.esriIdentityDialog .dijitContentPaneLoading .dijitIconLoading,
.esriIdentityDialog .dijitContentPaneError .dijitIconError {
    margin-right: 9px
}

.esriIdentityDialog--visible~.dijitTooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    left: 0;
    top: -10000px;
    overflow: visible
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipContainer {
    border: solid black 2px;
    background: #fff;
    color: #323232;
    font-size: small
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipFocusNode {
    padding: 2px 2px 2px 2px
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipConnector {
    position: absolute
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipData {
    display: none
}

.esriIdentityDialog.dijitDialog {
    position: absolute;
    z-index: 999;
    overflow: hidden
}

.esriIdentityDialog.dijitDialog .closeText {
    display: none;
    position: absolute
}

.esriIdentityDialog .dijitDialogTitleBar {
    cursor: move
}

.esriIdentityDialog .dijitDialogFixed .dijitDialogTitleBar {
    cursor: default
}

.esriIdentityDialog .dijitDialogCloseIcon {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.esriIdentityDialog .dijitDialogPaneContent {
    -webkit-overflow-scrolling: touch
}

.dijitDialogUnderlayWrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    display: none;
    background: transparent !important
}

.esriIdentityDialog .dijitNoIcon {
    display: none
}

.esriIdentityDialog .dijitToggleButtonIconChar {
    display: none !important
}

.esriIdentityDialog .dijitReadOnly *,
.esriIdentityDialog .dijitDisabled *,
.esriIdentityDialog .dijitReadOnly,
.esriIdentityDialog .dijitDisabled {
    cursor: default
}

.esriIdentityDialog .dijitButtonNode {
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    color: #6e6e6e;
    background-color: #fff;
    transition: all 0.25s ease;
    border-color: rgba(110, 110, 110, 0.3)
}

.esriIdentityDialog .dijitButtonNode:hover {
    color: #6e6e6e;
    background-color: #fff
}

.esriIdentityDialog .dijitButtonNode:active,
.esriIdentityDialog .dijitButtonNode:focus {
    color: #0079c1;
    background-color: #fff
}

.esriIdentityDialog .dijitButtonNode .dijitIcon {
    margin-right: 6px
}

.esriIdentityDialog .dijitButtonContents {
    padding: 5px 10px
}

.esriIdentityDialog .dijitButtonText {
    padding: 0;
    font-size: 12px;
    line-height: 1.66667;
    line-height: 20px;
    text-align: center
}

.esriIdentityDialog .dijitDisabled {
    outline: none
}

.esriIdentityDialog .dijitDisabled .dijitButtonNode {
    cursor: false;
    pointer-events: none;
    box-shadow: none
}

.esriIdentityDialog .dijitDisabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: 0.65
}

.esriIdentityDialog.dijitDialog {
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(110, 110, 110, 0.3);
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2), 0 5px 6px -3px rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    outline: 0
}

.esriIdentityDialog .dijitDialogTitleBar {
    padding: 15px;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    min-height: 16.66667px
}

.esriIdentityDialog .dijitDialogTitle {
    font-size: 16px;
    margin: 0;
    line-height: 1.66667
}

.esriIdentityDialog .dijitDialogCloseIcon {
    float: right;
    font-family: "CalciteWebCoreIcons";
    speak: none;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1;
    color: #6e6e6e;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2
}

.esriIdentityDialog .dijitDialogCloseIcon:before {
    content: "\e600"
}

.esriIdentityDialog .dijitDialogCloseIcon:hover,
.esriIdentityDialog .dijitDialogCloseIcon:focus {
    color: #6e6e6e;
    text-decoration: none;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}

.esriIdentityDialog .dijitDialogPaneContent {
    padding: 15px;
    position: relative
}

.esriIdentityDialog .dijitDialogPaneContent>.dijitDialogPaneActionBar {
    margin: 15px -15px -15px
}

.esriIdentityDialog .dijitDialogPaneContentArea {
    position: relative;
    padding: 0
}

.esriIdentityDialog .dijitDialogPaneActionBar {
    padding: 15px;
    text-align: right;
    border-top: 1px solid rgba(110, 110, 110, 0.3);
    *zoom: 1
}

.esriIdentityDialog .dijitDialogPaneActionBar:after {
    content: "";
    display: table;
    clear: both
}

.esriIdentityDialog .dijitDialogPaneActionBar .dijitButton+.dijitButton {
    margin-left: 5px
}

.esriIdentityDialog_underlay.dijitDialogUnderlay {
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75
}

.esriIdentityDialog .dijitTextBox {
    background-color: #fff;
    border: 1px solid rgba(110, 110, 110, 0.3);
    transition: border-color 0.25s ease-in-out
}

.esriIdentityDialog .dijitTextBox .dijitInputField {
    padding: 5px 10px;
    color: #323232;
    font-size: 12px;
    line-height: 1.66667
}

.esriIdentityDialog .dijitTextBox .dijitInputInner {
    line-height: 1.66667;
    height: 20px
}

.esriIdentityDialog .dijitTextBox .dijitPlaceHolder {
    font-style: normal;
    color: #6e6e6e
}

.esriIdentityDialog .dijitTextBoxFocused {
    border-color: #000;
    outline: 0
}

.esriIdentityDialog .dijitTextBoxFocused .dijitArrowButton {
    border-color: #000
}

.esriIdentityDialog .dijitTextBoxError .dijitInputField {
    color: #c7461a
}

.esriIdentityDialog .dijitTextBoxError,
.esriIdentityDialog .dijitTextBoxError.dijitTextBoxFocused,
.esriIdentityDialog .dijitTextBoxError .dijitArrowButton {
    border-color: #c7461a
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationContainer {
    width: 26px;
    padding: 5px;
    color: #c7461a;
    font-family: "CalciteWebCoreIcons";
    speak: none;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1.25
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationContainer:before {
    content: "\e650"
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationIcon {
    display: none
}

.esriIdentityDialog .dijitTextBoxDisabled {
    background-color: rgba(110, 110, 110, 0.4)
}

.esriIdentityDialog--visible~.dijitTooltip,
.esriIdentityDialog--visible~.dijitTooltip,
.esriIdentityDialog--visible~.dijitTooltip * {
    box-sizing: content-box
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipContainer {
    border: 0;
    font-size: 12px;
    line-height: 1.4;
    max-width: 200px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #4c4c4c;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipContents {
    padding: 5px 10px
}

.esriIdentityDialog--visible~.dijitTooltip .dijitTooltipConnector {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: 0.85
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipBelow {
    margin-top: 3px;
    padding-top: 5px
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipBelow .dijitTooltipConnector {
    top: 0;
    left: 15px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(110, 110, 110, 0.3)
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipAbove {
    margin-top: -3px;
    padding-bottom: 5px
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipAbove .dijitTooltipConnector {
    bottom: 0;
    left: 15px;
    border-width: 5px 5px 0;
    border-top-color: rgba(110, 110, 110, 0.3)
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipLeft {
    margin-left: -3px;
    padding-right: 5px
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipLeft .dijitTooltipConnector {
    top: 50%;
    right: 0;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(110, 110, 110, 0.3)
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipRight {
    margin-left: 3px;
    padding-left: 5px
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipRight .dijitTooltipConnector {
    top: 50%;
    left: 0;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(110, 110, 110, 0.3)
}

.dijitRtl .esriIdentityDialog .dijitOffScreen {
    left: auto !important;
    right: -10000px !important
}

.dijitRtl .esriIdentityDialog .dijitPlaceHolder {
    left: auto;
    right: 0
}

.esriIdentityDialog .dijitTextBoxRtl .dijitValidationContainer {
    border-right-width: 1px !important;
    border-left-width: 0 !important
}

.esriIdentityDialog .dijitValidationTextBoxRtl .dijitValidationContainer {
    float: left
}

.esriIdentityDialog .dijitRtl .dijitContentPaneLoading .dijitIconLoading,
.esriIdentityDialog .dijitRtl .dijitContentPaneError .dijitIconError {
    margin-right: 0;
    margin-left: 9px
}

.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipBelow.dijitTooltipABRight .dijitTooltipConnector,
.esriIdentityDialog--visible~.dijitTooltip.dijitTooltipAbove.dijitTooltipABRight .dijitTooltipConnector {
    left: auto;
    right: 15px
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogCloseIcon {
    float: left
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogPaneActionBar {
    text-align: left
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogPaneActionBar .dijitButton+.dijitButton {
    margin-left: 0;
    margin-right: 5px
}

.esriIdentityDialog .dijitContentPane {
    padding: 15px;
    box-sizing: content-box
}

.esri-item-list {
    width: 100%
}

.esri-item-list__filter-container {
    background: transparent;
    position: relative;
    display: flex;
    padding: 6px 7px;
    margin: 0 0 6px;
    overflow: hidden;
    flex-grow: 1
}

.esri-item-list__filter-input {
    width: 100%;
    border: none;
    border-bottom: 2px solid rgba(110, 110, 110, 0.3);
    background-color: transparent;
    padding: 6px 0;
    transition: border 250ms ease-in-out
}

.esri-item-list__filter-input:focus {
    outline: none;
    border-color: #0079c1
}

.esri-item-list__filter-placeholder {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #6e6e6e;
    margin: 6px 7px;
    padding: 0 7px;
    pointer-events: none
}

.esri-item-list__filter-placeholder-text {
    margin: 0 3px
}

.esri-item-list__group {
    color: #6e6e6e;
    padding: 0 15px 12px;
    margin: 4px 5px 6px 5px
}

.esri-item-list__scroller {
    overflow-y: auto
}

.esri-item-list__group-header {
    display: flex;
    align-items: center;
    margin: 12px 0;
    padding: 0;
    font-weight: normal
}

.esri-item-list__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.esri-item-list__list-item-container {
    background: #fff;
    display: flex;
    margin: 0 2px;
    width: 100%
}

.esri-item-list__list-item-container .esri-item-list__list-item-label {
    margin: 0 7px
}

.esri-item-list__list-item {
    box-shadow: 0 1px 0 rgba(110, 110, 110, 0.3);
    padding: 3px 3px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 2px;
    margin-bottom: 6px;
    border: 1px solid rgba(110, 110, 110, 0.3);
    min-height: 48px;
    border-color: transparent;
    transition: border 250ms ease-in-out;
    display: flex;
    justify-content: space-between
}

.esri-item-list__list-item:hover,
.esri-item-list__list-item:focus {
    border-color: #323232
}

.esri-item-list__list-item[class^="esri-icon"] {
    padding-right: 2.8px
}

.esri-item-list__list-item-label {
    flex: 1;
    margin: 0;
    display: flex;
    align-items: center
}

.esri-item-list__no-matches-message {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 96px
}

.esri-item-list__no-items-message {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px
}

.esri-ui .esri-item-list__scroller {
    max-height: 420px
}

.esri-layer-list {
    color: #323232;
    background-color: #f5f5f5;
    padding: 6px 7px;
    overflow-y: auto;
    display: flex;
    flex-flow: column
}

.esri-layer-list__list {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0
}

.esri-layer-list__item--has-children {
    padding-bottom: 6px
}

.esri-layer-list__item--has-children .esri-layer-list__list:not([hidden]) {
    animation: esri-layer-list-reveal 375ms ease-in-out
}

.esri-layer-list__list[hidden] {
    display: none
}

.esri-layer-list__list--root {
    margin: 0
}

.esri-layer-list__item--selectable .esri-layer-list__item-container {
    cursor: pointer
}

.esri-layer-list__item--selectable .esri-layer-list__item-container:hover {
    border-left-color: rgba(110, 110, 110, 0.3)
}

.esri-layer-list__item[aria-selected="true"]>.esri-layer-list__item-container {
    border-left-color: #0079c1
}

.esri-layer-list__item[aria-selected="true"]>.esri-layer-list__item-container:hover {
    border-left-color: #0079c1
}

.esri-layer-list__item-container~.esri-layer-list__list .esri-layer-list__item {
    border-bottom-width: 0
}

.esri-layer-list__item {
    background-color: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    position: relative;
    overflow: hidden;
    list-style: none;
    margin: 3px 0;
    padding: 0
}

.esri-layer-list__item-container {
    border-left: 3px solid transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 7px 12px 20px;
    transition: border-color 250ms ease-in-out
}

.esri-layer-list__item--invisible-at-scale .esri-layer-list__item-title,
.esri-layer-list__item--invisible-at-scale .esri-layer-list__item-toggle {
    color: rgba(110, 110, 110, 0.4)
}

.esri-layer-list__item--has-children>.esri-layer-list__item-container {
    padding-left: 5px
}

.esri-layer-list__item--has-children>.esri-layer-list__list {
    font-size: 12px
}

.esri-layer-list__child-toggle {
    color: #6e6e6e;
    width: 15px;
    cursor: pointer
}

.esri-layer-list__child-toggle [class*="esri-icon"] {
    line-height: 1.2em
}

.esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--opened,
.esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl,
.esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed {
    display: none
}

.esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--opened {
    display: block
}

.esri-layer-list__item-label {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1
}

.esri-layer-list__item-label[role="checkbox"]:hover,
.esri-layer-list__item-label[role="radio"]:hover {
    cursor: pointer
}

.esri-layer-list__item-title {
    flex: 1;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.3em;
    word-break: break-word;
    overflow-wrap: break-word;
    transition: color 125ms ease-in-out
}

.esri-layer-list__item-error-message {
    display: flex;
    align-items: center;
    visibility: hidden;
    height: 0;
    margin-top: -1px;
    padding: 3px 7px;
    overflow: hidden;
    background-color: rgba(140, 41, 7, 0.1);
    color: #8c2907;
    font-size: 12px;
    transition: transform 250ms ease-in-out;
    transform: scale(1, 0);
    animation: esri-fade-in-down 250ms ease-in-out;
    transform-origin: center top
}

.esri-layer-list__item-error-message [class^="esri-icon-"],
.esri-layer-list__item-error-message [class*="esri-icon-"] {
    margin-right: 0.3rem
}

.esri-layer-list__item--error .esri-layer-list__item-error-message {
    visibility: visible;
    height: auto;
    transform: scale(1, 1)
}

.esri-layer-list__item-toggle {
    padding: 0 3px;
    cursor: pointer;
    color: #6e6e6e
}

.esri-layer-list__item--updating:before,
.esri-layer-list__item--updating:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-layer-list__item--updating:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-layer-list__item--updating:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-layer-list__item-actions-menu {
    display: flex
}

.esri-layer-list__item-actions-menu-item {
    display: flex;
    flex: 1 0 21px;
    justify-content: center;
    align-items: center;
    color: #6e6e6e;
    cursor: pointer;
    padding: 0 3px;
    transition: border-color 250ms ease-in-out
}

.esri-layer-list__item-actions-menu-item:first-of-type {
    margin: 0 2px
}

.esri-layer-list__item-actions-menu-item:hover {
    background-color: #f0f0f0
}

.esri-layer-list__item-actions-menu-item--active,
.esri-layer-list__item-actions-menu-item--active:hover {
    background-color: #e2f1fb
}

.esri-layer-list__item-actions {
    position: relative;
    background-color: #f5f5f5;
    color: #6e6e6e;
    margin: -1px 7px 6px;
    height: auto
}

.esri-layer-list__item-actions[aria-expanded="true"] {
    animation: esri-fade-in 250ms ease-in-out
}

.esri-layer-list__item-actions-section {
    animation: esri-layer-list-reveal 375ms ease-in-out
}

.esri-layer-list__item-actions[hidden] {
    display: none
}

.esri-layer-list__item-actions-close {
    color: #6e6e6e;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 5px;
    z-index: 1
}

.esri-layer-list__item-actions-list {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 6px 0;
    list-style: none;
    border-top: 2px solid #fff
}

.esri-layer-list__item-actions-list:first-of-type {
    border-top: 0
}

.esri-layer-list__item-action,
.esri-layer-list__action-toggle {
    border: 1px solid transparent;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: pointer;
    font-size: 12px;
    width: 100%;
    margin: 0;
    padding: 6px 15px;
    opacity: 1;
    transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out
}

.esri-layer-list__item-action {
    justify-content: flex-start;
    flex-flow: row
}

.esri-layer-list__action-toggle {
    flex-flow: row-reverse;
    justify-content: space-between
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-title {
    margin-left: 0
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-icon {
    background-color: #4c4c4c;
    border-radius: 16px;
    box-shadow: 0 0 0 1px #fff;
    flex: 0 0 28px;
    height: 16px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color 125ms ease-in-out;
    width: 16px
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-icon:before {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: background-color 125ms ease-in-out, left 125ms ease-in-out;
    width: 12px
}

.esri-layer-list__action-toggle--on .esri-layer-list__item-action-icon {
    background-color: #fff
}

.esri-layer-list__action-toggle--on .esri-layer-list__item-action-icon:before {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #4c4c4c;
    left: 12px
}

.esri-layer-list__item-action:hover,
.esri-layer-list__action-toggle:hover {
    background-color: #f0f0f0
}

.esri-layer-list__item-actions[hidden] .esri-layer-list__item-action {
    opacity: 0
}

.esri-layer-list__item-action-icon {
    flex: 0 0 16px;
    font-size: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 0.1em
}

.esri-layer-list__item-action-image {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    font-size: 14px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.esri-layer-list__item-action-title {
    margin-left: 5px
}

.esri-layer-list-panel {
    margin: 12px 15px
}

.esri-layer-list-panel__content--legend .esri-legend__service {
    padding: 0 0 12px 0
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item--has-children>.esri-layer-list__item-container {
    padding-left: 20px;
    padding-right: 5px
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__list {
    margin: 0 15px 0 0
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__list--root {
    margin: 0
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed {
    display: none
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl {
    display: block
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed-rtl {
    display: none
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item-action-title {
    margin-left: 0;
    margin-right: 5px
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__action-toggle .esri-layer-list__action-toggle {
    margin-right: 0
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item:after {
    animation: looping-progresss-bar-ani 1500ms linear infinite reverse
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item-error-message [class^="esri-icon-"],
html[dir="rtl"] .esri-layer-list .esri-layer-list__item-error-message [class*="esri-icon-"] {
    margin-right: 0;
    margin-left: 0.3rem
}

@keyframes esri-layer-list-reveal {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.esri-legend {
    overflow: hidden;
    overflow-y: auto
}

.esri-legend__message {
    padding: 0.5em 1em
}

.esri-legend__service {
    padding: 12px 15px;
    word-wrap: break-word;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-legend__service:last-child {
    border-bottom: none
}

.esri-legend__layer {
    margin-left: 7px
}

.esri-legend__group-layer-child {
    margin-left: 7px;
    padding-left: 0;
    padding-right: 0
}

.esri-legend__layer-table {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-bottom: 12px
}

.esri-legend__layer-child-table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 12px
}

.esri-legend__layer-body {
    margin-left: 7px
}

.esri-legend__layer-row {
    display: flex
}

.esri-legend__layer-cell {
    min-width: 100px;
    word-break: break-word;
    padding: 4px 0;
    vertical-align: middle
}

.esri-legend__layer-cell--symbols {
    min-width: 10px;
    text-align: center
}

.esri-legend__layer-table--size-ramp {
    display: table
}

.esri-legend__layer-table--size-ramp .esri-legend__layer-row {
    display: table-row
}

.esri-legend__layer-table--size-ramp .esri-legend__layer-cell {
    display: table-cell
}

.esri-legend__size-ramp~.esri-legend__layer-cell--info {
    max-width: 80%;
    width: 80%
}

.esri-legend__layer-cell--info {
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
    word-wrap: normal;
    word-break: normal;
    max-width: 250px
}

.esri-legend__imagery-layer-image--stretched {
    margin-bottom: -2px;
    display: block
}

.esri-legend__imagery-layer-cell--stretched {
    vertical-align: top;
    line-height: 1;
    padding: 0
}

.esri-legend__imagery-layer-info--stretched {
    vertical-align: top;
    padding: 0 2px
}

.esri-legend__symbol {
    display: block;
    margin: auto
}

.esri-legend__layer-caption {
    display: table-caption;
    padding: 6px 0
}

.esri-legend__ramp-labels {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between
}

.esri-legend__ramps {
    margin-left: 3px
}

.esri-legend__color-ramp {
    width: 24px
}

.esri-legend__opacity-ramp {
    background-image: url('transparent-bg.ea4e4230335f0abb.png')
}

.esri-legend__ramp-tick {
    position: absolute;
    width: 4px;
    border-top: 1px solid rgba(110, 110, 110, 0.3);
    line-height: 0;
    right: 1px;
    left: auto
}

.esri-legend__ramp-label {
    position: relative;
    padding: 0 7px;
    white-space: nowrap;
    line-height: 1em;
    font-size: 12px
}

.esri-legend__ramp-label:before {
    position: absolute;
    top: 0.25em;
    right: 100%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 4px 3px 0;
    border-color: transparent rgba(50, 50, 50, 0.8) transparent transparent
}

.esri-legend__ramp-label:first-child {
    margin-top: -4px
}

.esri-legend__ramp-label:last-child {
    bottom: -3px
}

.esri-legend-layer-caption {
    display: table-caption;
    padding: 6px 0
}

html[dir="rtl"] .esri-legend__ramp-label:before {
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent rgba(50, 50, 50, 0.8);
    left: 100%;
    right: auto
}

html[dir="rtl"] .esri-legend__layer,
html[dir="rtl"] .esri-legend__group-layer-child,
html[dir="rtl"] .esri-legend__layer-body {
    margin-left: 0;
    margin-right: 7px
}

.esri-legend--card {
    display: flex;
    overflow-x: auto;
    transition: max-width 250ms ease-in-out;
    background: #fff;
    position: relative
}

.esri-legend--card__section {
    font-size: 12px;
    min-height: 150px;
    min-width: 300px;
    padding: 12px 15px;
    border-left: 1px solid rgba(110, 110, 110, 0.3);
    overflow: auto
}

.esri-legend--card__section:first-child {
    border-left: none
}

.esri-legend--card__message {
    padding: 0.5em 1em
}

.esri-legend--card__service-caption-container {
    font-weight: 600;
    height: 45px;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-legend--card__service-caption-text {
    margin: 0;
    overflow: auto;
    padding-bottom: 20px
}

.esri-legend--card__layer-caption {
    font-weight: 400;
    margin-bottom: 12px;
    padding: 6px 0
}

.esri-legend--card__service-content {
    display: flex;
    height: calc(100% - 45px)
}

.esri-legend--card__label-container {
    display: flex;
    flex-wrap: wrap
}

.esri-legend--card__relationship-label-container {
    display: flex;
    flex-direction: column
}

.esri-legend--card__relationship-label-container .esri-legend--card__layer-row {
    padding-bottom: 0.5em
}

.esri-legend--card__relationship-label-container .esri-legend--card__layer-row:last-child {
    padding-bottom: 0em
}

.esri-legend--card__relationship-section {
    border: none
}

.esri-legend--card__label-element {
    margin: 0.1em;
    padding: 0.5em 1em;
    min-width: 4em;
    min-height: 2.7em;
    text-align: center
}

.esri-legend--card__image-label {
    padding-left: 7px;
    padding-right: 7px
}

.esri-legend--card__layer-row,
.esri-legend--card__size-ramp-container {
    display: flex;
    align-items: center
}

.esri-legend--card__ramp-label {
    white-space: nowrap;
    margin: 0 0.5em
}

.esri-legend--card__interval-separator {
    text-align: center;
    font-size: 0.5em
}

.esri-legend--card__imagery-layer-image--stretched {
    margin-bottom: -2px;
    display: block
}

.esri-legend--card__symbol-container {
    position: relative
}

.esri-legend--card__interval-separators-container {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, -50%)
}

.esri-legend--card__carousel-title {
    margin: 0
}

.esri-legend--card__service {
    min-width: fit-content;
    border-left: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-legend--card__symbol {
    display: block;
    margin: auto
}

.esri-legend--stacked {
    height: 282px;
    min-width: 300px
}

.esri-legend--stacked .esri-legend--card__section {
    border: none;
    overflow: auto;
    height: 250px;
    width: 250px
}

.esri-legend--stacked .esri-legend--card__size-ramp-row {
    flex-direction: column
}

.esri-legend--stacked .esri-legend--card__symbol-row {
    display: table-row;
    margin: 5px 0;
    width: 100%
}

.esri-legend--stacked .esri-legend--card__label-cell {
    display: table-cell;
    vertical-align: middle
}

.esri-legend--stacked .esri-legend--card__symbol-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.esri-legend--stacked .esri-legend--card__carousel-indicator-container {
    align-items: center;
    bottom: 0;
    box-shadow: 0 -1px 0 rgba(110, 110, 110, 0.3);
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0
}

.esri-legend--stacked .esri-legend--card__carousel-indicator {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 16px
}

.esri-legend--stacked .esri-legend--card__carousel-indicator:before {
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #6e6e6e;
    content: "";
    display: block;
    height: 10px;
    transition: background-color 125ms ease-in-out;
    width: 10px
}

.esri-legend--stacked .esri-legend--card__carousel-indicator:hover::before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:hover::before {
    background-color: #6e6e6e
}

.esri-ui-corner {
    max-width: 100%
}

.esri-ui-corner .esri-legend--card {
    max-height: 420px
}

html[dir="rtl"] .esri-view-width-greater-than-small .esri-legend--card__section {
    border-left: 0;
    border-right: 1px solid rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-view-width-greater-than-small .esri-legend--card__section:first-child {
    border-right: none
}

.esri-relationship-ramp--diamond__container {
    display: flex;
    font-size: 12px
}

.esri-relationship-ramp--diamond__left-column {
    align-self: center;
    padding-right: 5px;
    text-align: right;
    max-width: 85px
}

.esri-relationship-ramp--diamond__right-column {
    align-self: center;
    padding-left: 5px;
    text-align: left;
    max-width: 85px
}

.esri-relationship-ramp--diamond__middle-column {
    display: flex;
    flex-direction: column;
    text-align: center
}

.esri-relationship-ramp--diamond__middle-column--label {
    align-self: center;
    max-width: 85px
}

.esri-relationship-ramp--diamond__middle-column--ramp {
    width: 85px;
    height: 85px
}

.esri-relationship-ramp--square__table {
    display: table;
    font-size: 12px
}

.esri-relationship-ramp--square__table-row {
    display: table-row
}

.esri-relationship-ramp--square__table-cell {
    display: table-cell
}

.esri-relationship-ramp--square__table-label {
    max-width: 95px
}

.esri-relationship-ramp--square__table-label--left-bottom {
    text-align: left;
    vertical-align: bottom
}

.esri-relationship-ramp--square__table-label--right-bottom {
    text-align: right;
    vertical-align: bottom
}

.esri-relationship-ramp--square__table-label--left-top {
    text-align: left;
    vertical-align: top
}

.esri-relationship-ramp--square__table-label--right-top {
    text-align: right;
    vertical-align: top
}

.esri-line-of-sight__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-line-of-sight__container a {
    text-decoration: none
}

.esri-line-of-sight__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-line-of-sight__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-line-of-sight__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-line-of-sight__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

.esri-line-of-sight__secondary-button {
    margin-bottom: 10px
}

.esri-navigation-toggle {
    display: flex;
    flex-flow: column nowrap
}

.esri-navigation-toggle:hover,
.esri-navigation-toggle:focus {
    background-color: #f0f0f0
}

.esri-navigation-toggle:hover .esri-navigation-toggle__button,
.esri-navigation-toggle:focus .esri-navigation-toggle__button {
    color: #2e2e2e
}

.esri-navigation-toggle--horizontal {
    flex-flow: row nowrap
}

.esri-navigation-toggle--horizontal .esri-navigation-toggle__button--rotate {
    border-top: none;
    border-left: solid 1px rgba(110, 110, 110, 0.3)
}

.esri-navigation-toggle__button {
    box-shadow: none;
    position: relative;
    background-color: transparent
}

.esri-navigation-toggle__button:before {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    transition: opacity 125ms ease-in-out;
    opacity: 0;
    border-width: 0 6px 6px 0;
    border-color: transparent #2e2e2e transparent transparent
}

.esri-navigation-toggle__button:hover,
.esri-navigation-toggle__button:focus {
    background-color: transparent
}

.esri-navigation-toggle__button--rotate {
    border-top: solid 1px rgba(110, 110, 110, 0.3)
}

.esri-navigation-toggle__button--pan {
    margin-bottom: 0
}

.esri-navigation-toggle__button--active {
    color: #2e2e2e
}

.esri-navigation-toggle__button--active:before {
    opacity: 1
}

.esri-navigation-toggle.esri-disabled .esri-navigation-toggle__button {
    background-color: #fff;
    color: rgba(110, 110, 110, 0.4);
    cursor: auto
}

.esri-navigation-toggle.esri-disabled .esri-navigation-toggle__button:before {
    opacity: 0
}

html[dir="rtl"] .esri-navigation-toggle--horizontal .esri-navigation-toggle__button--rotate {
    border-left: none;
    border-right: solid 1px rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-navigation-toggle__button:before {
    border-width: 6px 6px 0 0;
    border-color: #2e2e2e transparent transparent transparent;
    right: auto;
    left: 1px
}

.esri-opacity-slider {
    direction: ltr;
    min-width: 260px
}

.esri-opacity-slider .esri-slider {
    font-size: 12px
}

.esri-opacity-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-opacity-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-opacity-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-opacity-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-opacity-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-opacity-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-opacity-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-opacity-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-opacity-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-opacity-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-opacity-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-opacity-slider .esri-slider .esri-slider__max,
.esri-opacity-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-opacity-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-opacity-slider .esri-slider .esri-histogram__average-line,
.esri-opacity-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-opacity-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-opacity-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-opacity-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-opacity-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-opacity-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-opacity-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-opacity-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-opacity-slider__ramp svg path {
    stroke-width: .5px
}

.esri-opacity-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

@keyframes esri-docking-animation {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes popup-intro-animation-down {
    0% {
        transform: translate(0, -5px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes popup-intro-animation-up {
    0% {
        transform: translate(0, 5px);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.esri-ui .esri-popup {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    display: flex
}

.esri-popup--shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .8)
}

.esri-popup__button {
    border-radius: 2px;
    padding: 6px 7px;
    margin: 6px 0;
    line-height: 1.3em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: #6e6e6e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    transition: background-color 125ms ease-in-out
}

.esri-popup__button--disabled {
    cursor: default;
    opacity: .4;
    color: rgba(110, 110, 110, 0.4)
}

.esri-popup__button:hover {
    color: #2e2e2e;
    background-color: #f0f0f0
}

.esri-popup--aligned-top-center {
    transform-origin: 50% 100%
}

.esri-popup--aligned-bottom-center {
    transform-origin: 50% -5%
}

.esri-popup--aligned-top-left,
.esri-popup--aligned-bottom-left {
    transform-origin: 100% 50%
}

.esri-popup--aligned-top-right,
.esri-popup--aligned-bottom-right {
    transform-origin: -5% 50%
}

.esri-popup--aligned-top-center,
.esri-popup--aligned-top-left,
.esri-popup--aligned-top-right {
    animation: popup-intro-animation-down 200ms ease-in-out
}

.esri-popup--aligned-bottom-center,
.esri-popup--aligned-bottom-left,
.esri-popup--aligned-bottom-right {
    animation: popup-intro-animation-up 200ms ease-in-out
}

.esri-popup__main-container {
    outline: none;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    width: 340px;
    max-height: 340px;
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap
}

.esri-popup__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex: 0 0 auto
}

.esri-popup__header-buttons {
    padding: 0 7px;
    margin: 0 0 0 auto;
    display: flex
}

.esri-popup__header-container {
    flex: 1
}

.esri-popup__header-container--button {
    cursor: pointer
}

.esri-popup__header-title {
    border-radius: 2px;
    font-size: 14px;
    padding: 6px 7px;
    margin: 6px auto 6px 7px;
    display: block;
    transition: background-color 125ms ease-in-out;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.esri-popup__header-title:hover {
    background-color: #f0f0f0
}

.esri-popup__content {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    font-size: 12px;
    font-weight: 400;
    margin: 0 15px 12px;
    overflow: auto
}

.esri-popup__feature-menu-button {
    transition: box-shadow 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-popup__feature-menu-button:hover,
.esri-popup__feature-menu-button:focus {
    background-color: #f0f0f0
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-button {
    background-color: #f0f0f0;
    color: #2e2e2e
}

.esri-popup--feature-menu-open .esri-popup__header,
.esri-popup--feature-menu-open .esri-popup__content {
    flex: 0 1 0px;
    overflow: hidden;
    opacity: 0
}

.esri-popup--feature-updated {
    opacity: 0;
    transition: opacity 375ms ease-out
}

.esri-popup--feature-updated-active {
    opacity: 1
}

.esri-popup__pagination-page-text {
    white-space: nowrap
}

.esri-popup__footer {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    padding: 6px 0
}

.esri-popup__footer .esri-popup__button {
    font-weight: 400;
    font-size: 12px;
    position: relative;
    display: flex;
    justify-content: center;
    flex: 0 0 auto
}

.esri-popup__actions {
    animation: esri-fade-in-scale 125ms ease-in-out;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #6e6e6e;
    display: flex;
    flex-flow: column;
    margin: 6px 7px;
    max-width: 50%;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"] {
    align-items: center;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    color: #6e6e6e;
    display: flex;
    justify-content: flex-start;
    padding: 12px 7px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"]:hover {
    background-color: #f0f0f0
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"]:last-child {
    border-bottom: none
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"] .esri-popup__icon {
    flex: 0 0 16px
}

.esri-popup__footer .esri-popup__actions-menu-button {
    padding-left: 7px;
    padding-right: 7px;
    margin: 0 7px;
    transition: box-shadow 125ms ease-in-out
}

.esri-popup__footer .esri-popup__actions-menu-button:hover {
    background-color: #f0f0f0
}

.esri-popup--actions-menu-open .esri-popup__footer .esri-popup__actions-menu-button {
    background-color: #f5f5f5;
    color: #2e2e2e
}

[class*="esri-popup--is-docked-bottom-"].esri-popup--is-docked .esri-popup__actions,
[class*="esri-popup--aligned-top-"] .esri-popup__actions {
    bottom: 32px;
    top: auto;
    transform-origin: bottom center
}

[class*="esri-popup--is-docked-top-"].esri-popup--is-docked .esri-popup__actions,
[class*="esri-popup--aligned-bottom-"] .esri-popup__actions {
    bottom: auto;
    top: 32px;
    transform-origin: top center
}

.esri-popup__icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    flex: 0 0 16px
}

[class*="esri-popup--is-docked-top-"] .esri-popup__footer,
[class*="esri-popup--aligned-bottom-"] .esri-popup__footer {
    border-bottom: solid 1px rgba(110, 110, 110, 0.3)
}

[class*="esri-popup--is-docked-bottom-"] .esri-popup__content~.esri-popup__footer,
[class*="esri-popup--aligned-top-"] .esri-popup__content~.esri-popup__footer {
    margin-top: -12px
}

.esri-popup__navigation {
    background-color: #f5f5f5;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 15px 0 auto;
    padding: 0;
    justify-content: center
}

.esri-popup__navigation .esri-popup__button {
    margin: 0;
    padding-left: 3px;
    padding-right: 3px
}

.esri-popup__inline-actions-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    position: relative
}

.esri-popup__inline-actions-container:only-child {
    width: 100%;
    max-width: unset;
    justify-content: flex-start
}

.esri-popup__inline-actions-container:only-child>.esri-popup__action,
.esri-popup__inline-actions-container:only-child>.esri-popup__action-toggle {
    max-width: 24%
}

.esri-popup__inline-actions-container:only-child .esri-popup__actions-menu-button {
    margin-left: auto
}

.esri-popup__inline-actions-container>.esri-popup__action,
.esri-popup__inline-actions-container>.esri-popup__action-toggle {
    margin: 0 7px;
    max-width: 36%
}

.esri-popup__inline-actions-container .esri-popup__icon,
.esri-popup__inline-actions-container [class*="esri-icon"] {
    margin: 0 3px
}

.esri-popup__action-toggle.esri-popup__action-toggle--on {
    background-color: #e2f1fb;
    color: #2e2e2e
}

.esri-popup__action-toggle.esri-popup__action-toggle--on:hover {
    background-color: #e2f1fb;
    color: #2e2e2e
}

.esri-popup__feature-menu {
    left: 0;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    width: 100%;
    background-color: #fff;
    color: #6e6e6e;
    z-index: 1;
    margin: 6px 0;
    max-height: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

[class*="esri-popup--is-docked-bottom-"].esri-popup--is-docked .esri-popup__feature-menu,
[class*="esri-popup--aligned-top-"] .esri-popup__feature-menu {
    bottom: 32px;
    top: auto;
    transform-origin: bottom center
}

[class*="esri-popup--is-docked-top-"].esri-popup--is-docked .esri-popup__feature-menu,
[class*="esri-popup--aligned-bottom-"] .esri-popup__feature-menu {
    bottom: auto;
    top: 32px;
    transform-origin: top center
}

.esri-popup__feature-menu-list {
    padding: 0;
    margin: 0;
    counter-reset: section
}

.esri-popup__feature-menu-item {
    list-style-type: none;
    border: solid 1px rgba(110, 110, 110, 0.3);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    transition: background-color 125ms ease-in-out;
    margin-top: -1px;
    position: relative
}

.esri-popup__feature-menu-item:hover,
.esri-popup__feature-menu-item:focus {
    cursor: pointer;
    background-color: #f0f0f0
}

.esri-popup__feature-menu-item::before {
    counter-increment: section;
    content: counter(section);
    display: flex;
    justify-content: center;
    flex: 0 0 8%;
    text-align: center
}

.esri-popup__feature-menu-item--selected,
.esri-popup__feature-menu-item--selected:hover,
.esri-popup__feature-menu-item--selected:focus {
    background-color: #e2f1fb
}

.esri-popup__feature-menu-item .esri-icon-check-mark {
    padding: 0 0.5rem
}

.esri-popup__feature-menu-title {
    display: flex;
    flex: 1 0 82%;
    min-height: 1em;
    margin: 0;
    padding: 0.8em 4%;
    border-left: solid 1px rgba(0, 0, 0, 0.25)
}

.esri-popup__feature-menu-viewport {
    max-height: 0px;
    opacity: 0;
    overflow: auto;
    position: relative;
    z-index: 1
}

.esri-popup__feature-menu-header {
    background-color: transparent;
    border-bottom: solid 1px rgba(110, 110, 110, 0.3);
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2em;
    overflow: hidden;
    position: relative;
    opacity: 0
}

.esri-popup--feature-menu-open .esri-popup__feature-menu {
    height: auto;
    opacity: 1;
    animation: esri-fade-in-scale 125ms ease-out;
    max-height: none;
    overflow: visible
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-header {
    padding: 12px 15px;
    max-height: none;
    display: block;
    opacity: 1;
    margin: 0
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
    max-height: 175px;
    opacity: 1;
    padding-top: 1px
}

.esri-popup__loading-container {
    margin: 0 7px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.esri-popup__action-image {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    flex: 0 0 16px
}

.esri-popup__action-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.esri-popup__collapse-button {
    align-items: center;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    flex: 1 0;
    justify-content: center;
    padding: 6px 0
}

.esri-popup__pointer {
    position: absolute;
    width: 0;
    height: 0
}

.esri-popup__pointer-direction {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px
}

.esri-popup--aligned-top-center .esri-popup__pointer {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -6px
}

.esri-popup--aligned-bottom-center .esri-popup__pointer {
    bottom: 100%;
    left: 50%;
    margin: 0 0 0 -6px
}

.esri-popup--aligned-top-left .esri-popup__pointer {
    bottom: 6px;
    right: 6px;
    transform: rotate(-45deg)
}

.esri-popup--aligned-bottom-left .esri-popup__pointer {
    top: 6px;
    right: 6px;
    transform: rotate(45deg)
}

.esri-popup--aligned-top-right .esri-popup__pointer {
    bottom: 6px;
    left: 6px;
    transform: rotate(45deg)
}

.esri-popup--aligned-bottom-right .esri-popup__pointer {
    top: 6px;
    left: 6px;
    transform: rotate(-45deg)
}

.esri-popup--aligned-top-center .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
    transform: scale(.75, 2) rotate(45deg)
}

.esri-popup--aligned-top-left .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-left .esri-popup__pointer-direction,
.esri-popup--aligned-top-right .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-right .esri-popup__pointer-direction {
    top: -6px;
    left: -6px;
    transform: scale(1, 3.5) rotate(45deg)
}

.esri-popup--aligned-top-center .esri-popup__pointer-direction {
    top: -6px;
    left: 0
}

.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
    bottom: -6px;
    left: 0
}

.esri-view-width-xlarge .esri-popup__main-container {
    width: 460px
}

.esri-view-width-large .esri-popup__main-container {
    width: 400px
}

.esri-view-width-medium .esri-popup__main-container {
    width: 340px
}

.esri-view-width-less-than-medium .esri-popup__main-container {
    width: 280px
}

.esri-view-width-less-than-medium .esri-popup__action-text {
    display: none
}

.esri-view-width-xsmall .esri-popup__button[class*="esri-popup__navigation-"],
.esri-view-width-xsmall .esri-popup__pagination-page-text {
    display: none
}

.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
    margin-bottom: 16px
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
    width: auto;
    margin: 0
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
    width: 100%;
    max-height: 75%;
    padding: 4px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container.esri-popup--is-collapsible:before,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container.esri-popup--is-collapsible:before {
    background-color: rgba(110, 110, 110, 0.3);
    border-radius: 2px;
    content: "";
    height: 2px;
    left: calc(50% - 16px);
    position: absolute;
    top: 6px;
    width: 32px
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center.esri-popup--feature-menu-open .esri-popup__main-container:before,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center.esri-popup--feature-menu-open .esri-popup__main-container:before {
    visibility: hidden
}

.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__feature-menu,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__actions {
    bottom: 36px
}

.esri-view-height-xlarge .esri-popup__main-container {
    max-height: 460px
}

.esri-view-height-xlarge.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
    max-height: 410px
}

.esri-view-height-large .esri-popup__main-container {
    max-height: 400px
}

.esri-view-height-large.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
    max-height: 350px
}

.esri-view-height-less-than-medium .esri-popup__main-container {
    max-height: 300px
}

.esri-view-height-less-than-medium.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
    max-height: 250px
}

.esri-popup--is-docked {
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: 15px 15px 30px 15px;
    animation: esri-docking-animation 250ms ease-out
}

.esri-popup--is-docked .esri-popup__header {
    padding-top: 2px
}

.esri-popup--is-docked-top-left,
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-top-right {
    align-items: flex-start
}

.esri-popup--is-docked-bottom-left,
.esri-popup--is-docked-bottom-center,
.esri-popup--is-docked-bottom-right {
    align-items: flex-end
}

.esri-popup--is-docked-top-left,
.esri-popup--is-docked-bottom-left {
    justify-content: flex-start
}

.esri-popup--is-docked-top-center,
.esri-popup--is-docked-bottom-center {
    justify-content: center
}

.esri-popup--is-docked-top-right,
.esri-popup--is-docked-bottom-right {
    justify-content: flex-end
}

.esri-popup--is-docked-top-left .esri-popup__main-container,
.esri-popup--is-docked-top-right .esri-popup__main-container,
.esri-popup--is-docked-bottom-left .esri-popup__main-container,
.esri-popup--is-docked-bottom-right .esri-popup__main-container {
    max-height: 80%
}

.esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-popup--is-docked-bottom-center .esri-popup__main-container {
    max-height: 40%
}

html[dir="rtl"] .esri-widget .esri-popup__header-title,
html[dir="rtl"] .esri-popup__header-title {
    margin: 6px 7px 6px auto
}

html[dir="rtl"] .esri-popup__header-buttons {
    margin: 0 auto 0 0
}

html[dir="rtl"] .esri-popup__feature-menu-title {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, 0.25)
}

html[dir="rtl"] .esri-popup__navigation {
    margin: 0 auto 0 15px
}

html[dir="rtl"] .esri-popup__actions {
    right: auto;
    left: 0
}

html[dir="rtl"] .esri-popup__inline-actions-container:only-child .esri-popup__actions-menu-button {
    margin-left: 7px;
    margin-right: auto
}

html[dir="rtl"] .esri-popup__inline-actions-container .esri-popup__action {
    margin-right: 7px;
    margin-left: 15px
}

html[dir="rtl"] .esri-popup--is-docked .esri-popup__loading-container {
    order: 0
}

html[dir="rtl"] .esri-popup--is-docked-top-left,
html[dir="rtl"] .esri-popup--is-docked-bottom-left {
    justify-content: flex-end
}

html[dir="rtl"] .esri-popup--is-docked-top-right,
html[dir="rtl"] .esri-popup--is-docked-bottom-right {
    justify-content: flex-start
}

.esri-print {
    position: relative;
    padding: 12px 15px;
    overflow-y: auto
}

.esri-print section[aria-hidden="true"] {
    display: none
}

.esri-print__form-section-container {
    margin: 0 0 12px 0
}

.esri-print__header-title {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 12px;
    margin: 0 auto 0 0
}

.esri-print__layout-section,
.esri-print__map-only-section {
    padding: 12px 0 0;
    border-top: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-print__layout-tab-list {
    position: relative;
    bottom: -1px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.esri-print__layout-tab {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 5px 5px;
    width: 100%;
    cursor: pointer;
    color: #6e6e6e;
    border: 1px solid rgba(0, 0, 0, 0)
}

.esri-print__layout-tab:hover,
.esri-print__layout-tab:focus {
    color: #323232;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-print__layout-tab[aria-selected="true"],
.esri-print__layout-tab[aria-selected="true"]:hover {
    background-color: #fff;
    color: #323232;
    border-color: rgba(110, 110, 110, 0.3);
    border-bottom-color: #fff
}

.esri-print__panel--error {
    color: #8c2907
}

.esri-print__panel-container {
    flex: 1 0
}

.esri-print__input-text {
    width: 100%;
    margin: 0
}

.esri-print__scale-input-container {
    display: flex;
    align-items: center
}

.esri-print__advanced-options-section {
    background-color: #f5f5f5;
    color: #6e6e6e
}

.esri-print__advanced-options-button-container {
    color: #6e6e6e;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    width: 100%;
    overflow: visible
}

.esri-print__advanced-options-button {
    border: none;
    cursor: pointer;
    font-family: inherit;
    padding: 6px 7px;
    width: 100%;
    background-color: transparent
}

.esri-print__advanced-options-button[aria-expanded="true"] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--opened,
.esri-print__advanced-options-button .esri-print__advanced-options-button-icon--closed-rtl {
    display: none
}

.esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded="true"] .esri-print__advanced-options-button-icon--opened {
    display: block
}

.esri-print__advanced-options-button-title {
    font-size: 12px;
    margin: 0 3px
}

.esri-print__advanced-options-container {
    font-size: 12px;
    padding: 6px 7px
}

.esri-print__advanced-options-container .esri-print__form-section-container {
    margin-bottom: 6px
}

.esri-print__size-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.esri-print__advanced-options-section [class*="esri-icon"],
.esri-print__size-container [class*="esri-icon"] {
    background: transparent
}

.esri-print__size-container [class*="esri-icon"] {
    align-self: flex-end
}

.esri-print__size-container button {
    color: #6e6e6e
}

.esri-print__width-container,
.esri-print__height-container {
    flex: 0 0 43%
}

.esri-print__swap-button {
    flex: 0 0 5%;
    border: none
}

.esri-print__refresh-button {
    border: 1px solid rgba(110, 110, 110, 0.3);
    border-left-width: 0
}

.esri-print__export-button {
    margin: 12px 0
}

.esri-print__export-panel-container {
    font-size: 12px;
    border-top: 1px solid #ddd;
    padding: 12px 0
}

.esri-print__export-panel-container [class*="esri-icon"] {
    margin-right: 0.5em;
    margin-top: 0.15em
}

.esri-print__exported-file-link-title {
    word-break: break-all
}

.esri-print__exported-file-link {
    color: #6e6e6e;
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px;
    text-decoration: none
}

.esri-print__exported-file-link:hover {
    color: #2e2e2e
}

.esri-print__exported-file--error {
    color: #8c2907;
    cursor: pointer
}

.esri-print .esri-print__exported-file--error:hover {
    color: #8c2907
}

.esri-print__loader {
    height: 40px;
    width: 32px;
    background: url('loading-throb.af7d87537600f26e.gif') no-repeat center;
    margin: 0 auto
}

html[dir="rtl"] .esri-print__refresh-button {
    border-left-width: 1px;
    border-right-width: 0
}

html[dir="rtl"] .esri-print__export-panel-container [class*="esri-icon"] {
    margin-right: 0;
    margin-left: 0.5em
}

html[dir="rtl"] .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed {
    display: none
}

html[dir="rtl"] .esri-print__advanced-options-button[aria-expanded="false"] .esri-print__advanced-options-button-icon--closed-rtl {
    display: block
}

.esri-raster-symbology {
    display: flex;
    flex-flow: column nowrap
}

.esri-raster-symbology-editor--hidden {
    display: none
}

.esri-raster-symbology-editor--block {
    display: block
}

.esri-raster-symbology-editor__percent-clip-row {
    display: table-row
}

.esri-raster-symbology-editor__std-deviation-row {
    display: table-row
}

.esri-raster-symbology-editor__stretch-dra-row {
    display: table-row
}

.esri-raster-symbology-editor__stretch-color-ramp-row {
    display: table-row
}

.esri-raster-symbology-editor__table {
    width: 100%
}

.esri-raster-symbology-editor__filtering-select {
    width: 100% !important
}

.field-esriRasterSymbologyEditorUniqueValueSymbol {
    width: 20%
}

.field-esriRasterSymbologyEditorUniqueValueValue {
    width: 80%
}

.esri-raster-symbology-editor__thumbnail-image,
.esri-raster-symbology-editor__symbology-type-icon--rgb,
.esri-raster-symbology-editor__symbology-type-icon--stretch,
.esri-raster-symbology-editor__symbology-type-icon--unique-value,
.esri-raster-symbology-editor__symbology-type-icon--discrete {
    width: 32px;
    height: 32px
}

.esri-raster-symbology-editor__stretch-type-icon--min-max {
    background-image: url('raster-symbology-editor-stretch-type-min-max.eab859139bd2a737.png')
}

.esri-raster-symbology-editor__stretch-type-icon--none {
    background-image: url('raster-symbology-editor-stretch-type-none.e4c4003420a5045a.png')
}

.esri-raster-symbology-editor__stretch-type-icon--standard-deviation {
    background-image: url('raster-symbology-editor-stretch-type-standard-deviation.8b64999da2d4b394.png')
}

.esri-raster-symbology-editor__stretch-type-icon--percent-clip {
    background-image: url('raster-symbology-editor-stretch-type-percent-clip.58d573360c31e64d.png')
}

.esri-raster-symbology-editor__band-combination-icon--natural-color {
    background-image: url('raster-symbology-editor-band-combination-natural-color.a998d67810a6130a.png')
}

.esri-raster-symbology-editor__band-combination-icon--land-water {
    background-image: url('raster-symbology-editor-band-combination-land-water.cc6cd3937d86fd5d.png')
}

.esri-raster-symbology-editor__band-combination-icon--landuse {
    background-image: url('raster-symbology-editor-band-combination-landuse.ba6e7d40849a3c46.png')
}

.esri-raster-symbology-editor__band-combination-icon--bathymetric {
    background-image: url('raster-symbology-editor-band-combination-bathymetric.9c803265235ec239.png')
}

.esri-raster-symbology-editor__band-combination-icon--vegetation {
    background-image: url('raster-symbology-editor-band-combination-vegetation.a080419555fa43c8.png')
}

.esri-raster-symbology-editor__band-combination-icon--color-infrared {
    background-image: url('raster-symbology-editor-band-combination-color-infrared.a91adf6bbdd31a92.png')
}

.esri-raster-symbology-editor__symbology-type-icon--rgb {
    background-image: url('raster-symbology-editor-symbology-type-rgb.2af688fd29ade904.png')
}

.esri-raster-symbology-editor__symbology-type-icon--stretch {
    background-image: url('raster-symbology-editor-symbology-type-stretch.fd446aa2c6dc3d9a.png')
}

.esri-raster-symbology-editor__symbology-type-icon--unique-value {
    background-image: url('raster-symbology-editor-symbology-type-unique-value.f9e0a6ba14000d42.png')
}

.esri-raster-symbology-editor__symbology-type-icon--discrete {
    background-image: url('raster-symbology-editor-symbology-type-discrete.fadabc7235c7dd7d.png')
}

.esri-raster-symbology-editor__menu-item-td {
    border: none !important;
    background: none !important
}

.esri-raster-symbology-editor__dgrid-symbol-cell {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    margin-left: auto;
    margin-right: auto
}

.esri-raster-symbology-editor__menu-item-text {
    white-space: pre-wrap;
    width: 40ex
}

.esri-raster-symbology-editor__checkbox {
    display: inline-block
}

.esri-renderer-slider {
    position: relative;
    display: inline-block;
    margin: 10px;
    font-weight: normal;
    text-align: left;
    background-color: #fff
}

.esri-renderer-slider .esri-slider-node {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px 4px;
    white-space: nowrap;
    margin: 0 0 0 80px
}

.esri-renderer-slider .esri-slider-area {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #888;
    width: 2px;
    height: 200px
}

.esri-renderer-slider .esri-slider-area-right {
    width: 140px;
    height: 200px;
    display: inline-block;
    vertical-align: top
}

.esri-slider-ramp-surface {
    border: 1px solid #888
}

.esri-renderer-slider .esri-slider-area-right *:focus {
    outline: none
}

.esri-renderer-slider .esri-slider-area-right .esri-histogram-bar:hover {
    cursor: pointer;
    fill: #888
}

.esri-renderer-slider .esri-ramp {
    border: 1px solid #888
}

.esri-renderer-slider .esri-moveable {
    position: absolute;
    left: 0
}

.esri-renderer-slider .esri-handle-container {
    position: absolute;
    height: 20px;
    width: 18px
}

.esri-renderer-slider .esri-handle {
    position: absolute;
    background-color: #000;
    border: 1px solid #ccc;
    border-right: none;
    box-sizing: border-box;
    cursor: pointer;
    width: 10px;
    height: 14px;
    top: 3px;
    background-image: url('handles.1f09beb680785eb6.png');
    background-position: -15px -8px;
    z-index: 4;
    box-shadow: 0px 1px 3px #000
}

.esri-renderer-slider .esri-handle-span {
    background-color: #000;
    border: 1px solid #ccc;
    box-shadow: 2px 0 3px #000;
    height: 12px;
    width: 12px;
    transform: scale(0.707) rotate(45deg);
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 3px
}

.esri-renderer-slider .esri-handle:hover,
.esri-handle-span:hover+.esri-handle {
    background-position: -30px -8px;
    background-color: #fff
}

.esri-renderer-slider .esri-handle-span:hover {
    cursor: pointer
}

.esri-renderer-slider .esri-handle-label {
    position: absolute;
    right: 5px;
    top: 3px;
    text-align: right
}

.esri-renderer-slider .esri-handle-label-span:hover {
    background-color: #e5f2fe;
    cursor: pointer;
    text-decoration: underline
}

.esri-renderer-slider .esri-moveable .dijitNumberTextBox,
.esri-renderer-slider .esri-moveable .dijitValidationTextBox {
    text-align: start;
    position: relative;
    width: 100px;
    top: -3px;
    left: 117px;
    z-index: 99
}

.esri-renderer-slider .esri-moveable .dijitValidationTextBox {
    width: 140px;
    left: 157px
}

.esri-renderer-slider .esri-handler-tick {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 9px;
    width: 32px;
    z-index: 2
}

.esri-renderer-slider .esri-handler-tick-top {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000
}

.esri-renderer-slider .esri-handler-tick-bottom {
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff
}

.esri-renderer-slider .esri-top-label-node {
    margin-bottom: 4px
}

.esri-renderer-slider .esri-top-label-node,
.esri-renderer-slider .esri-bottom-label-node {
    height: 22px;
    margin: auto;
    text-align: center;
    line-height: 20px
}

.esri-renderer-slider .esri-top-label-node,
.esri-renderer-slider .esri-bottom-label-node,
.esri-renderer-slider .esri-handle-label {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #444
}

.esri-renderer-slider .esri-handler-tick-size {
    border-top: none !important;
    border-bottom: 1px solid #000 !important;
    width: 32px !important
}

.esri-renderer-slider .esri-heatmap-tick {
    width: 34px !important
}

.esri-renderer-slider .esri-top-label-node span,
.esri-renderer-slider .esri-bottom-label-node span {
    height: 20px
}

.esri-renderer-slider .esri-top-label-node-hover:hover,
.esri-renderer-slider .esri-bottom-label-node-hover:hover {
    background-color: #e5f2fe;
    cursor: pointer;
    text-decoration: underline
}

.dj_rtl .esri-renderer-slider .esri-slider-node {
    margin: 0 80px 0 0
}

.dj_rtl .esri-renderer-slider .esri-slider-area-right {
    text-align: right
}

.dj_rtl .esri-renderer-slider .esri-slider-node .esri-handle-label {
    direction: ltr;
    unicode-bidi: embed;
    left: 0;
    position: absolute;
    right: auto;
    text-align: left;
    top: 3px;
    padding-left: 3px
}

.dj_rtl .esri-renderer-slider .esri-moveable .dijitNumberTextBox {
    left: -112px;
    text-align: right
}

.dj_rtl .esri-renderer-slider .esri-moveable .dijitValidationTextBox {
    left: -152px;
    text-align: right
}

.dj_rtl .esri-renderer-slider .esri-handler-tick {
    left: -42px
}

.dj_rtl .esri-renderer-slider .esri-top-label-node,
.dj_rtl .esri-renderer-slider .esri-bottom-label-node {
    direction: ltr;
    unicode-bidi: embed
}

.dj_rtl .esri-renderer-slider .esri-handle {
    border: 1px solid #ccc;
    border-left: none;
    box-shadow: 0px 1px 3px #000;
    background-position: -16px -8px
}

.dj_rtl .esri-renderer-slider .esri-handle-span {
    box-shadow: 2px 0 3px #000;
    left: 1px
}

.esri-scale-bar.esri-widget {
    background: transparent;
    box-shadow: none
}

.esri-scale-bar__bar-container {
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: width 250ms ease-in-out;
    font-size: 12px
}

.esri-scale-bar__bar-container--ruler {
    flex-direction: column
}

.esri-scale-bar__bar-container--line:last-child {
    align-items: flex-start
}

.esri-scale-bar__ruler {
    display: flex;
    flex-wrap: wrap;
    height: 6px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-scale-bar__ruler-block {
    height: 50%;
    width: 25%;
    background-color: #323232
}

.esri-scale-bar__ruler-block:nth-child(-n+2) {
    margin-right: 25%
}

.esri-scale-bar__ruler-block:nth-child(n+3) {
    margin-left: 25%
}

.esri-scale-bar__line {
    position: relative;
    height: 1.5em;
    background-color: rgba(255, 255, 255, 0.33);
    left: 0;
    z-index: 1
}

.esri-scale-bar__line--top {
    bottom: -1px;
    border-bottom: 2px solid #323232
}

.esri-scale-bar__line--bottom {
    top: -1px;
    border-top: 2px solid #323232
}

.esri-scale-bar__line--top:before,
.esri-scale-bar__line--top:after,
.esri-scale-bar__line--bottom:before,
.esri-scale-bar__line--bottom:after {
    content: "";
    display: block;
    width: 2px;
    height: 1.5em;
    background-color: #323232;
    position: absolute;
    border-right: 2px solid #323232
}

.esri-scale-bar__line--top:before {
    bottom: -2px;
    left: 0
}

.esri-scale-bar__line--top:after {
    bottom: -2px;
    right: 0
}

.esri-scale-bar__line--bottom:before {
    top: -2px;
    left: 0
}

.esri-scale-bar__line--bottom:after {
    height: 1.5em;
    top: -2px;
    right: 0
}

.esri-scale-bar__label-container--line {
    position: absolute;
    left: 0;
    z-index: 2
}

.esri-scale-bar__label-container--ruler {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative
}

.esri-scale-bar__label-container--ruler .esri-scale-bar__label {
    padding: 6px 0 0;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff
}

.esri-scale-bar__label-container--top {
    bottom: 0
}

.esri-scale-bar__label-container--bottom {
    top: 1px
}

.esri-scale-bar__label {
    font-size: inherit;
    color: #323232;
    white-space: nowrap;
    padding: 0 7px;
    font-weight: 600
}

html[dir="rtl"] .esri-scale-bar__ruler {
    margin: 0 .5ch 0 2ch
}

html[dir="rtl"] .esri-scale-bar__label-container--line {
    left: auto;
    right: 0
}

.esri-scale-range-slider {
    background-color: transparent;
    min-width: 310px;
    position: relative;
    display: flex;
    flex-direction: column
}

.esri-scale-range-slider .esri-slider {
    background-color: transparent;
    padding: 9px 11px 9px 9px
}

.esri-scale-range-slider .esri-slider__segment-1 {
    background-color: #0079c1;
    height: 4px
}

.esri-scale-range-slider.esri-widget {
    box-shadow: none
}

.esri-scale-range-slider.esri-disabled {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.esri-scale-range-slider__scale-indicator-container {
    position: absolute;
    left: 9px;
    right: 11px
}

.esri-scale-range-slider__scale-indicator {
    top: 11px;
    margin-left: -4px;
    width: 1px;
    position: relative;
    transition-property: left;
    transition-duration: 0.2s
}

.esri-scale-range-slider__scale-indicator-icon {
    fill: #323232
}

.esri-scale-range-slider__scale-menu-container {
    margin-top: 12px;
    display: flex;
    width: 100%;
    justify-content: space-between
}

.esri-scale-range-slider__scale-menu-toggle {
    color: #0079c1;
    cursor: pointer;
    background-color: transparent;
    border: none;
    font-size: 14px;
    white-space: nowrap
}

.esri-scale-range-slider__scale-menu-toggle--active {
    font-weight: 600
}

.esri-scale-range-slider__scale-menu-toggle-icon {
    font-size: 12px;
    margin: 0 7px
}

.esri-scale-range-slider__scale-preview {
    display: inline-flex;
    flex-direction: column;
    background-color: #fff;
    padding: 6px 7px;
    margin: 12px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-scale-range-slider__scale-preview-thumbnail {
    display: block;
    box-sizing: border-box;
    padding: 64px
}

.esri-scale-range-slider__scale-menu {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
    color: #323232
}

.esri-scale-range-slider__scale-menu-list {
    min-width: 200px;
    padding: 6px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    list-style-type: none
}

.esri-scale-range-slider__scale-menu-item {
    display: flex;
    flex-direction: column;
    padding: 6px 7px;
    margin: 0;
    cursor: pointer
}

.esri-scale-range-slider__scale-menu-item:hover,
.esri-scale-range-slider__scale-menu-item:focus {
    background-color: #f0f0f0
}

.esri-scale-range-slider__scale-menu-scroller {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden
}

.esri-scale-range-slider__scale-item-label {
    padding-bottom: 4px
}

.esri-scale-range-slider__scale-item-label::before {
    content: "•";
    color: transparent;
    margin: 0 7px 0
}

.esri-scale-range-slider__scale-menu-item--current-scale .esri-scale-range-slider__scale-item-label::before {
    color: #0079c1
}

.esri-scale-range-slider__scale-menu-item:hover .esri-scale-range-slider__scale-item-label::before {
    color: rgba(110, 110, 110, 0.4)
}

.esri-scale-range-slider__scale-item-value {
    color: #6e6e6e;
    font-size: 12px;
    margin: 0 30px
}

.esri-scale-range-slider__scale-item-value--editable {
    width: 14ch
}

.esri-search {
    width: 240px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    overflow: visible
}

.esri-search .esri-widget--button {
    box-shadow: none
}

.esri-search .esri-icon-notice-triangle {
    font-size: 16px;
    line-height: 16px;
    margin: 0 5px 0 0;
    vertical-align: text-bottom
}

.esri-search .esri-widget__loader {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 32px
}

.esri-search .esri-widget__loader-text {
    margin: 0 5px
}

.esri-search__container,
.esri-search__input-container,
.esri-search__form {
    display: flex;
    flex-flow: row nowrap
}

.esri-search__container {
    position: relative;
    align-items: stretch;
    flex: 1 0 100%
}

.esri-search__container .esri-search__input,
.esri-search__container .esri-widget--button {
    z-index: 0
}

.esri-search__container .esri-search__input:focus,
.esri-search__container .esri-widget--button:focus {
    z-index: 1
}

.esri-search--searching:before,
.esri-search--searching:after {
    content: "";
    opacity: 1;
    position: absolute;
    height: 2px;
    top: 0;
    transition: opacity 500ms ease-in-out
}

.esri-search--searching:before {
    background-color: rgba(110, 110, 110, 0.3);
    width: 100%;
    z-index: 0
}

.esri-search--searching:after {
    background-color: #6e6e6e;
    width: 20%;
    z-index: 0;
    animation: looping-progresss-bar-ani 1500ms linear infinite
}

.esri-search__input-container {
    align-items: stretch;
    flex: 2 0
}

.esri-search__form {
    padding: 0;
    margin: 0;
    align-items: stretch;
    flex: 1 0
}

.esri-search__input {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    box-shadow: none
}

.esri-search__input::-ms-clear {
    display: none
}

.esri-search__input::-moz-placeholder {
    color: rgba(50, 50, 50, 0.4);
    opacity: 1
}

.esri-search__input:-ms-input-placeholder {
    color: rgba(50, 50, 50, 0.4)
}

.esri-search__input::-webkit-input-placeholder {
    color: rgba(50, 50, 50, 0.4)
}

.esri-search__submit-button,
.esri-search__sources-button {
    cursor: pointer;
    align-self: flex-end
}

.esri-search__submit-button {
    border-left: solid 1px rgba(110, 110, 110, 0.3)
}

.esri-search__sources-button {
    border-right: solid 1px rgba(110, 110, 110, 0.3)
}

.esri-search__sources-button--up {
    display: none
}

.esri-search__clear-button {
    align-self: flex-end;
    display: flex
}

.esri-search__source-name {
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.esri-search__suggestions-menu [class^="esri-icon"] {
    vertical-align: middle
}

.esri-search__suggestions-menu .esri-menu__header:first-child,
.esri-search__suggestions-menu ul:first-child {
    border: none
}

.esri-search--show-suggestions .esri-search__suggestions-menu,
.esri-search--sources .esri-search__sources-menu {
    overflow: auto;
    visibility: visible;
    max-height: 300px;
    animation: esri-fade-in 250ms ease-out
}

.esri-search__source--active {
    background-color: #e2f1fb
}

.esri-search--warning .esri-search__warning-menu {
    transition: opacity 125ms ease-in-out;
    visibility: visible;
    opacity: 1;
    max-height: inherit
}

.esri-search__sources-button {
    display: flex
}

.esri-search--multiple-sources .esri-search__input {
    border-left: 0
}

.esri-search__warning-menu {
    z-index: 1;
    font-size: 14px;
    opacity: 0
}

.esri-search__warning-body {
    padding: 0.8em 1em
}

.esri-search__warning-header {
    font-weight: bold;
    margin-bottom: 5px
}

.esri-ui-bottom-left .esri-search__sources-button--up,
.esri-ui-bottom-right .esri-search__sources-button--up {
    display: flex
}

.esri-ui-bottom-left .esri-search__sources-button--down,
.esri-ui-bottom-right .esri-search__sources-button--down {
    display: none
}

html[dir="rtl"] .esri-search__submit-button {
    border-left: none;
    border-right: solid 1px rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-search__sources-button {
    border-right: none;
    border-left: solid 1px rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-search__container:after {
    animation: looping-progresss-bar-ani 1500ms linear infinite reverse
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-header {
    font-weight: bold;
    margin-bottom: 2px
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-item {
    margin-bottom: 10px
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list {
    display: none
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list ul {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list li {
    padding: 2px 0
}

.esri-search-result-renderer .esri-search-result-renderer__more-results--show-more-results .esri-search-result-renderer__more-results-list {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc
}

.esri-size-slider {
    direction: ltr;
    min-width: 260px
}

.esri-size-slider .esri-slider {
    font-size: 12px
}

.esri-size-slider .esri-slider .esri-slider__thumb {
    background-color: #6e6e6e;
    border-radius: 0;
    border: none;
    width: 6px;
    height: 12px
}

.esri-size-slider .esri-slider .esri-slider__content {
    flex-direction: row;
    height: 240px;
    margin: 0 auto 0 40%
}

.esri-size-slider .esri-slider .esri-slider__track {
    flex: 0 1 0px;
    width: 0px
}

.esri-size-slider .esri-slider .esri-slider__anchor {
    border-bottom: 1px solid #6e6e6e;
    border-top: 1px solid #fff;
    width: 30px
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
    text-decoration: underline
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
    background-color: #2e2e2e;
    border: none;
    transform: none
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
    border-left-color: #2e2e2e
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
    background-color: #49b0f2;
    transform: translate3d(-1.5px, 0, 0)
}

.esri-size-slider .esri-slider .esri-slider__thumb {
    left: -12px;
    top: -6px
}

.esri-size-slider .esri-slider .esri-slider__thumb:before {
    position: absolute;
    top: 0;
    left: -1.5px;
    width: 3px;
    content: "";
    height: 12px;
    background-color: #6e6e6e;
    transition: transform 125ms ease-in-out, background-color 125ms ease-in-out
}

.esri-size-slider .esri-slider .esri-slider__thumb:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: "";
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid #6e6e6e;
    border-top: 6px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0
}

.esri-size-slider .esri-slider .esri-slider__label {
    left: auto;
    line-height: 20px;
    min-width: 50px;
    right: 50px;
    text-align: right
}

.esri-size-slider .esri-slider .esri-slider__label:hover {
    background-color: #f0f0f0
}

.esri-size-slider .esri-slider .esri-slider__range-input {
    margin: auto;
    text-align: center;
    width: 50%
}

.esri-size-slider .esri-slider .esri-slider__label-input {
    text-align: right;
    width: 70px
}

.esri-size-slider .esri-slider .esri-slider__max,
.esri-size-slider .esri-slider .esri-slider__min {
    flex: 0 0 40px;
    height: 40px;
    padding: 9px 0
}

.esri-size-slider .esri-slider .esri-slider__extra-content {
    height: 100%
}

.esri-size-slider .esri-slider .esri-histogram__average-line,
.esri-size-slider .esri-slider .esri-histogram__label {
    stroke: #6e6e6e
}

.esri-size-slider .esri-slider .zoom-cap--max {
    position: absolute;
    top: 0
}

.esri-size-slider .esri-slider .zoom-cap--min {
    position: absolute;
    bottom: 0
}

.esri-size-slider .esri-slider .zoom-cap {
    height: 11px;
    width: 30px;
    stroke-width: 0
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
    fill: #fff
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--line {
    fill: #fff
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
    fill: #323232
}

.esri-size-slider .esri-slider .zoom-cap:hover {
    cursor: pointer
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
    fill: #fff
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
    fill: #0079c1
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
    fill: #fff
}

.esri-size-slider__ramp {
    display: inline-block;
    height: 100%;
    width: 30px;
    position: relative
}

.esri-size-slider__ramp svg {
    height: 100%;
    width: 100%;
    position: absolute;
    stroke: #6e6e6e;
    stroke-width: 1px;
    left: 0
}

.esri-size-slider__ramp svg rect {
    height: 100%;
    width: 100%
}

.esri-size-slider__ramp svg path {
    stroke-width: .5px
}

.esri-size-slider__histogram-container {
    display: inline-block;
    height: 100%;
    width: 120px
}

.esri-sketch {
    display: flex;
    flex-flow: column wrap
}

.esri-sketch__panel {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    padding: 0
}

.esri-sketch__info-panel {
    background-color: #f5f5f5;
    opacity: 1;
    transition: opacity 250ms ease-in-out
}

.esri-sketch__info-panel:empty {
    opacity: 0;
    padding: 0;
    visibility: hidden
}

.esri-sketch__section {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 7px;
    margin: 6px 0
}

.esri-sketch__tool-section {
    border-right: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-sketch__tool-section:last-child {
    border-right: none
}

.esri-sketch__button {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #6e6e6e;
    display: flex;
    font-size: 16px;
    height: 32px;
    justify-content: center;
    text-align: center;
    transition: background-color 125ms ease-in-out;
    width: 32px
}

.esri-sketch__button:disabled {
    cursor: default;
    color: rgba(110, 110, 110, 0.4)
}

.esri-sketch__button:hover,
.esri-sketch__button:focus {
    background-color: #f0f0f0;
    color: #2e2e2e;
    cursor: pointer;
    outline: none
}

.esri-sketch__button.esri-sketch__button--selected,
.esri-sketch__button.esri-sketch__button--selected:hover {
    background: #4c4c4c;
    color: #fff
}

.esri-sketch__feature-count-badge {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3);
    border-radius: 2px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 0;
    padding: 0.25em 0.75em
}

html[dir="rtl"] .esri-sketch__tool-section {
    border-left: 1px solid rgba(110, 110, 110, 0.3);
    border-right: none
}

html[dir="rtl"] .esri-sketch__tool-section:last-child {
    border: none
}

html[dir="rtl"] .esri-expand__content .esri-sketch__tool-section {
    border-left: none;
    border-right: none
}

.esri-sketch--vertical .esri-sketch__panel {
    flex-flow: column
}

.esri-sketch--vertical .esri-sketch__section {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
    margin-left: 7px;
    margin-right: 7px
}

.esri-sketch--vertical .esri-sketch__tool-section {
    border-right: none;
    border-bottom: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-sketch--vertical .esri-sketch__tool-section:last-child {
    border-bottom: none
}

.esri-sketch--vertical .esri-sketch__info-panel {
    padding-top: 6px
}

.esri-sketch--vertical .esri-sketch__info-panel:empty {
    padding: 0
}

.esri-sketch--vertical .esri-sketch__info-section {
    margin-top: 3px;
    width: 32px
}

.esri-slice__container {
    position: relative;
    padding: 12px 0;
    overflow-y: auto
}

.esri-slice__container a {
    text-decoration: none
}

.esri-slice__hint {
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-slice__hint-text {
    margin: 12px 0;
    padding: 0
}

.esri-slice__exclude-button {
    margin-bottom: 12px
}

.esri-slice__settings {
    padding: 6px 15px 12px 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-slice__settings ul {
    padding: 0;
    margin: 0
}

.esri-slice__settings li {
    list-style: none
}

.esri-slice__layer-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 6px
}

.esri-slice__cross {
    margin-right: 7px;
    color: inherit;
    position: relative;
    top: 2px
}

.esri-slice__panel--error {
    color: #8c2907;
    padding: 0 15px;
    animation: esri-fade-in 250ms ease-in-out
}

.esri-slice__actions {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 15px
}

html[dir="rtl"] .esri-slice__cross {
    margin-right: 0;
    margin-left: 7px
}

@supports (-ms-ime-align: auto) {
    .esri-slider__anchor:focus {
        outline: 1px dotted black
    }
}

.esri-slider {
    direction: ltr;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.esri-disabled .esri-slider__content,
.esri-disabled .esri-slider__min,
.esri-disabled .esri-slider__max {
    opacity: 0.4
}

.esri-disabled .esri-slider__thumb:hover {
    transform: none;
    border-color: #0079c1;
    cursor: default
}

.esri-disabled .esri-slider__label:hover {
    cursor: default
}

.esri-disabled .esri-slider__segment:hover {
    cursor: default
}

.esri-slider--reversed.esri-slider--horizontal {
    flex-direction: row-reverse
}

.esri-slider--reversed.esri-slider--vertical {
    flex-direction: column
}

.esri-slider--horizontal {
    flex-direction: row
}

.esri-slider--horizontal .esri-slider__content {
    height: auto
}

.esri-slider--horizontal .esri-slider__track {
    height: 2px;
    width: 100%
}

.esri-slider--horizontal .esri-slider__segment--interactive:hover {
    cursor: ew-resize
}

.esri-slider--horizontal .esri-slider__anchor {
    height: 100%;
    width: 1px
}

.esri-slider--horizontal .esri-slider__label {
    left: -50px;
    margin: 0 11px;
    top: -30px;
    text-align: center
}

.esri-slider--horizontal .esri-slider__label-input {
    text-align: center
}

.esri-slider--horizontal .esri-slider__max,
.esri-slider--horizontal .esri-slider__min {
    flex: 0 0 auto;
    margin: auto;
    height: auto;
    width: 50px
}

.esri-slider--horizontal .esri-slider__ticks {
    left: 0;
    margin: 9px 0 0 0;
    top: 100%;
    width: 100%
}

.esri-slider--horizontal .esri-slider__tick {
    height: 5px;
    width: 1px
}

.esri-slider--horizontal .esri-slider__tick-label {
    margin-top: 18px
}

.esri-slider--vertical {
    flex-direction: column-reverse
}

.esri-slider--vertical .esri-slider__content {
    flex-direction: column;
    width: auto
}

.esri-slider--vertical .esri-slider__track {
    flex: 1 0 0px;
    flex-direction: column;
    height: 100%;
    width: 2px
}

.esri-slider--vertical .esri-slider__segment--interactive:hover {
    cursor: ns-resize
}

.esri-slider--vertical .esri-slider__anchor {
    height: 1px;
    width: 100%
}

.esri-slider--vertical .esri-slider__label {
    left: 20px;
    text-align: left;
    top: -10px
}

.esri-slider--vertical .esri-slider__max,
.esri-slider--vertical .esri-slider__min {
    margin: auto;
    width: 100%
}

.esri-slider--vertical .esri-slider__max {
    flex: 0 0 22px
}

.esri-slider--vertical .esri-slider__min {
    flex: 0 0 22px
}

.esri-slider--vertical .esri-slider__ticks {
    left: 100%;
    margin: 0 0 0 11px;
    top: 0
}

.esri-slider--vertical .esri-slider__tick {
    height: 1px;
    width: 5px
}

.esri-slider--vertical .esri-slider__tick-label {
    margin-left: 30px
}

.esri-slider__content {
    display: flex;
    flex: 1 0 auto;
    line-height: 0;
    margin: auto;
    position: relative;
    align-items: center;
    justify-content: center
}

.esri-slider__track {
    background-color: rgba(110, 110, 110, 0.4);
    display: inline-block;
    touch-action: none;
    position: relative
}

.esri-slider__segment {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    touch-action: none;
    transform-origin: 0 0;
    width: 100%;
    will-change: transform
}

.esri-slider__segment:hover {
    cursor: pointer
}

.esri-slider__anchor {
    background-color: #4c4c4c;
    position: absolute;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.esri-slider__anchor:focus .esri-slider__thumb,
.esri-slider__anchor:focus .esri-slider__label {
    outline: inherit
}

.esri-slider__anchor--moving .esri-slider__label:hover {
    cursor: grabbing
}

.esri-slider__anchor--moving .esri-slider__label--interactive:hover {
    cursor: grabbing
}

.esri-slider__anchor--moving:focus .esri-slider__thumb {
    border: 3px solid #00598e;
    cursor: grabbing
}

.esri-slider__thumb {
    background-color: #fff;
    border: 2px solid #0079c1;
    border-radius: 16px;
    height: 16px;
    left: -7px;
    position: absolute;
    top: -7px;
    touch-action: none;
    width: 16px;
    transition: transform 125ms ease-in-out
}

.esri-slider__thumb:hover {
    transform: scale(1.2);
    border-color: #00598e;
    cursor: pointer;
    cursor: grab
}

.esri-slider__label {
    line-height: 22px;
    min-width: 80px;
    position: absolute
}

.esri-slider__label:hover {
    cursor: pointer;
    cursor: grab
}

.esri-slider__label--interactive:hover,
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
    cursor: pointer;
    text-decoration: underline
}

.esri-slider__label-input {
    position: relative;
    width: 100%;
    z-index: 1
}

.esri-slider__extra-content {
    display: inline-block
}

.esri-slider__max,
.esri-slider__min {
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
    background-color: #f5f5f5
}

.esri-slider__range-input {
    padding: 1px 0;
    text-align: center;
    width: 100%
}

.esri-slider__ticks {
    display: inline-block;
    height: 100%;
    position: absolute
}

.esri-slider__tick {
    background: rgba(110, 110, 110, 0.4);
    position: absolute
}

.esri-slider__tick-label {
    position: absolute
}

[dir="rtl"] .esri-slider__label,
[dir="rtl"] .esri-slider__max,
[dir="rtl"] .esri-slider__min,
[dir="rtl"] .esri-slider__tick-label {
    direction: rtl
}

@keyframes esri-spinner--start-animation {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes esri-spinner--finish-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0)
    }
}

@keyframes esri-spinner--rotate-animation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.esri-ui .esri-spinner {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    overflow: visible;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -999em;
    top: -999em;
    z-index: 2;
    pointer-events: none;
    display: none;
    opacity: 0;
    transform-origin: 0 0
}

.esri-ui .esri-spinner::before {
    position: absolute;
    margin: -50% 0 0 -50%;
    width: 100%;
    height: 100%;
    background: url('Loading_Indicator_double_32.1c87c943a4ea535c.svg') no-repeat center;
    display: block;
    content: "";
    animation: esri-spinner--rotate-animation 750ms linear infinite
}

.esri-ui .esri-spinner--start {
    display: block;
    animation: esri-spinner--start-animation 250ms cubic-bezier(0.17, 0.67, 0.36, 0.99) forwards
}

.esri-ui .esri-spinner--finish {
    display: block;
    opacity: 1;
    animation: esri-spinner--finish-animation 125ms ease-in forwards;
    animation-delay: 75ms
}

.esri-swipe {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
    -webkit-user-select: none;
    user-select: none
}

.esri-swipe,
.esri-ui .esri-swipe {
    pointer-events: none
}

.esri-swipe__container {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 1;
    touch-action: none;
    pointer-events: auto;
    overflow: hidden
}

.esri-swipe--horizontal .esri-swipe__container {
    margin-left: -16px;
    height: 100%;
    cursor: col-resize
}

.esri-swipe--vertical .esri-swipe__container {
    margin-top: -16px;
    width: 100%;
    cursor: row-resize
}

.esri-swipe--disabled .esri-swipe__container {
    pointer-events: none;
    cursor: default
}

.esri-swipe__divider {
    position: absolute;
    background-color: #fff
}

.esri-swipe--horizontal .esri-swipe__divider {
    border-left: 1px solid rgba(110, 110, 110, 0.5);
    border-right: 1px solid rgba(110, 110, 110, 0.5);
    width: 4px;
    height: 100%;
    margin-left: -2px;
    top: 0;
    left: 16px
}

.esri-swipe--vertical .esri-swipe__divider {
    border-top: 1px solid rgba(110, 110, 110, 0.5);
    border-bottom: 1px solid rgba(110, 110, 110, 0.5);
    width: 100%;
    height: 4px;
    margin-top: -2px;
    left: 0;
    top: 16px
}

.esri-swipe__handle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(110, 110, 110, 0.5);
    border-radius: 2px;
    background-color: #fff
}

.esri-swipe__handle--hidden {
    visibility: hidden
}

.esri-swipe__handle-icon {
    position: relative;
    z-index: 2
}

.esri-swipe--horizontal .esri-swipe__handle {
    top: calc(50% - 16px)
}

.esri-swipe--vertical .esri-swipe__handle {
    left: calc(50% - 16px)
}

.esri-feature-templates {
    background: #f5f5f5
}

.esri-feature-templates__list-item-icon {
    flex: 0;
    width: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.esri-feature-templates__list-item-icon>div {
    display: flex
}

.esri-feature-templates__loader {
    margin: 0 auto;
    height: 48px;
    width: 32px;
    background: url('loading-throb.af7d87537600f26e.gif') no-repeat center
}

.esri-ui .esri-feature-templates {
    width: 300px
}

.esri-time-picker {
    display: inline-block;
    border: 1px solid rgba(110, 110, 110, 0.3);
    padding: 0 0.5em
}

.esri-time-picker__input {
    border: none
}

.esri-time-slider {
    cursor: default;
    min-width: 375px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.esri-time-slider__layout--wide .esri-time-slider__row {
    display: flex;
    height: 88px;
    overflow: hidden
}

.esri-time-slider__layout--wide .esri-time-slider__animation {
    width: 64px
}

.esri-time-slider__layout--wide .esri-time-slider__time-extent {
    align-items: center;
    border-left: 1px solid rgba(110, 110, 110, 0.3);
    border-right: 1px solid rgba(110, 110, 110, 0.3);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 110px
}

.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__max {
    width: 110px
}

.esri-time-slider__layout--wide .esri-time-slider__max {
    border-right: 1px solid rgba(110, 110, 110, 0.3)
}

.esri-time-slider__layout--wide .esri-time-slider__slider {
    flex: auto
}

.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__next {
    width: 42px
}

.esri-time-slider__layout--compact .esri-time-slider__row {
    display: flex
}

.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(1),
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
    padding-bottom: 6px;
    padding-top: 6px
}

.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(2) {
    height: 88px;
    overflow: hidden
}

.esri-time-slider__layout--compact .esri-time-slider__animation {
    width: 35px
}

.esri-time-slider__layout--compact .esri-time-slider__time-extent {
    align-items: center;
    display: flex;
    flex: auto;
    flex-flow: row nowrap;
    justify-content: center
}

.esri-time-slider__layout--compact .esri-time-slider__time-extent-separator {
    margin: 0 15px 0 15px
}

.esri-time-slider__layout--compact .esri-time-slider__slider {
    flex: auto
}

.esri-time-slider__layout--compact .esri-time-slider__min,
.esri-time-slider__layout--compact .esri-time-slider__max {
    flex: auto;
    margin: 0 35px 0 35px
}

.esri-time-slider__layout--compact .esri-time-slider__min {
    align-items: flex-start
}

.esri-time-slider__layout--compact .esri-time-slider__max {
    align-items: flex-end
}

.esri-time-slider__layout--compact .esri-time-slider__previous,
.esri-time-slider__layout--compact .esri-time-slider__next {
    width: 35px
}

.esri-time-slider__mode--instant .esri-slider__segment-0,
.esri-time-slider__mode--instant .esri-slider__segment-1 {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-time-slider__mode--time-window .esri-slider__segment-1 {
    background-color: #0079c1;
    height: 6px;
    margin-top: -1px
}

.esri-time-slider__mode--time-window .esri-slider__segment-0,
.esri-time-slider__mode--time-window .esri-slider__segment-2 {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-0 {
    background-color: #0079c1;
    height: 6px;
    margin-top: -1px
}

.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-1 {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-0 {
    background-color: rgba(110, 110, 110, 0.4)
}

.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-1 {
    background-color: #0079c1;
    height: 6px;
    margin-top: -1px
}

.esri-time-slider__animation-button {
    border: none;
    height: 100%;
    width: 100%
}

.esri-time-slider__animation-button .esri-icon-play,
.esri-time-slider__animation-button .esri-icon-pause {
    font-size: 24px
}

.esri-time-slider__time-extent {
    font-size: 12px;
    line-height: 12px
}

.esri-time-slider__time-extent-group {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.esri-time-slider__time-extent-date {
    font-weight: 600;
    color: #0079c1
}

.esri-time-slider__time-extent-time {
    color: #0079c1
}

.esri-time-slider__time-extent-separator {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px
}

.esri-time-slider__min,
.esri-time-slider__max {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    font-size: 12px;
    justify-content: center;
    line-height: 12px
}

.esri-time-slider__min-date,
.esri-time-slider__max-date {
    font-weight: 600
}

.esri-time-slider__slider {
    background-color: #f5f5f5;
    padding: 0 40px 0 40px
}

.esri-time-slider__slider .esri-slider {
    margin-top: -19px;
    background-color: #f5f5f5
}

.esri-time-slider__slider .esri-slider__content {
    height: 2px
}

.esri-time-slider__slider .esri-slider__thumb {
    border-width: 3px;
    top: -6px
}

.esri-time-slider__slider .esri-slider__tick-label {
    font-size: 12px;
    margin-top: 23px;
    white-space: nowrap
}

.esri-time-slider__slider .esri-slider__tick {
    background: rgba(110, 110, 110, 0.4);
    width: 1px
}

.esri-time-slider__slider .esri-slider__tick.minorTick {
    height: 4px
}

.esri-time-slider__slider .esri-slider__tick.majorTick {
    height: 8px
}

.esri-time-slider__slider .esri-slider__ticks {
    margin: 16px 0 0 0
}

.esri-time-slider__slider .esri-slider__track {
    height: 4px
}

.esri-time-slider__previous-button,
.esri-time-slider__next-button {
    border: none;
    height: 100%;
    width: 100%
}

.esri-time-slider__previous-button .esri-icon-reverse,
.esri-time-slider__previous-button .esri-icon-forward,
.esri-time-slider__next-button .esri-icon-reverse,
.esri-time-slider__next-button .esri-icon-forward {
    font-size: 24px
}

html[dir="rtl"] .esri-time-slider__layout--wide .esri-time-slider__row {
    flex-direction: row-reverse
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
    flex-direction: row-reverse
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__min {
    align-items: flex-end
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__max {
    align-items: flex-start
}

.esri-zoom {
    display: flex;
    flex-flow: column nowrap
}

.esri-zoom.esri-zoom--horizontal {
    flex-flow: row-reverse nowrap
}

.esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
    border-top: none
}

.esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
    border-left: solid 1px rgba(110, 110, 110, 0.3)
}

.esri-zoom .esri-widget--button {
    box-shadow: none
}

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 0
}

.esri-zoom .esri-widget--button:last-child {
    border-top: solid 1px rgba(110, 110, 110, 0.3)
}

html[dir="rtl"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
    border-top: none
}

html[dir="rtl"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
    border-left: solid 1px rgba(110, 110, 110, 0.3)
}

@keyframes esri-fade-in-down {
    0% {
        opacity: 0;
        transform: translate3D(0, -5px, 0)
    }

    25% {
        opacity: 0;
        transform: translate3D(0, -5px, 0)
    }

    100% {
        opacity: 1;
        transform: translate3D(0, 0, 0)
    }
}

@keyframes esri-fade-in-up {
    0% {
        opacity: 0;
        transform: translate3D(0, 5px, 0)
    }

    25% {
        opacity: 0;
        transform: translate3D(0, 5px, 0)
    }

    100% {
        opacity: 1;
        transform: translate3D(0, 0, 0)
    }
}

@keyframes esri-fade-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes esri-fade-in-scale {
    0% {
        opacity: 0;
        transform: scale3D(0.95, 0.95, 1)
    }

    100% {
        opacity: 1;
        transform: scale3D(1, 1, 1)
    }
}

@keyframes looping-progresss-bar-ani {
    0% {
        left: 0%;
        width: 0%
    }

    20% {
        left: 0%;
        width: 20%
    }

    80% {
        left: 80%;
        width: 20%
    }

    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes esri-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes panel-advance {
    0% {
        opacity: 0;
        transform: translate3d(50px, 0, 0) scale(0.99)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes panel-retreat {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0) scale(0.99)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes panel-advance--rtl {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0) scale(0.99)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes panel-retreat--rtl {
    0% {
        opacity: 0;
        transform: translate3d(50px, 0, 0) scale(0.99)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/googleapi.css ***!
  \***********************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/*# sourceMappingURL=styles.3af54ba7312dab7c.css.map*/