/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v13/h3_FseZLI76g1To6meQ4zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v13/ifRS04pY1nJBsu8-cUFUS-vvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v13/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v13/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v13/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v13/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v13/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url(https://fonts.gstatic.com/s/lato/v13/muRcAtdNYlnTj3NeuakxChkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: local("Lato Hairline Italic"), local("Lato-HairlineItalic"), url(https://fonts.gstatic.com/s/lato/v13/9TBVFLzQ3GUZLG8FZ4yrEXYhjbSpvc47ee6xR_80Hnw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url(https://fonts.gstatic.com/s/lato/v13/XNVd6tsqi9wmKNvnh5HNEIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url(https://fonts.gstatic.com/s/lato/v13/2HG_tEPiQ4Z6795cGfdivJBw1xU1rKptJj_0jans920.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v13/cT2GN3KRBUX69GVJ2b2hxn-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v13/1KWMyx7m-L0fkQGwYhWwuuvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v13/AcvTq8Q0lyKKNxRlL28Rn4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v13/HkF_qI1x_noxlxhrhMQYEJBw1xU1rKptJj_0jans920.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url(https://fonts.gstatic.com/s/lato/v13/81X-1TO5y4aMK2PPy9kFw4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url(https://fonts.gstatic.com/s/lato/v13/VNUH7ZAcagYBWsAiBBCEY5Bw1xU1rKptJj_0jans920.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHh30AXC-s.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHw.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHw.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHw.woff) format("woff");
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWA.woff) format("woff");
}

p, li, a, h1, h2, h3, h4, h5, td {
  font-family: "Lato", sans-serif;
}

p, li, a {
  font-size: 14px;
  color: #1f1e1e;
}

th {
  font-weight: 700;
  font-family: "Lato", sans-serif;
}

.content {
  margin-left: 200px;
  padding: 20px 30px 30px 30px;
  min-height: 100vh;
}

hr {
  margin: 0.25rem auto;
}

@media print {
  .sidebar {
    display: none !important;
  }
  .content {
    width: 100%;
    margin: 0;
  }
  #reportDataTable {
    max-height: none !important;
  }
  #runreportButtons {
    display: none !important;
  }
}

.loading {
  position: relative;
}

.loading:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 98;
}

.loading:after {
  content: '';
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  background-image: url("/assets/img/icons/loading_spinner.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  top: calc(50%);
  left: calc(50% - 30px);
  -webkit-animation: loadingSpinner 1.5s linear infinite;
          animation: loadingSpinner 1.5s linear infinite;
  z-index: 99;
}

.content.loading:after {
  width: 60px;
  height: 60px;
  background-size: 60px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  z-index: 99;
}

@-webkit-keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.sidebar {
  display: block;
  width: 200px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: #EBEBEB;
  overflow: auto;
}

.sidebar .logo {
  margin: 2px 30px;
}

.sidebar .navigation {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: calc(100vh - 390px);
}

.sidebar .navigation .nav-item-sub {
  display: block;
  border-bottom: solid 1px #f7f7f7;
  background: #f7f7f7;
}

.sidebar .navigation .nav-item-sub a {
  color: #000000;
  display: block;
  padding: 7px 10px 7px 10px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
}

.sidebar .navigation .nav-item-sub.current a {
  border-left: solid 6px #890000;
}

.sidebar .navigation .nav-item {
  display: block;
  border-bottom: solid 1px #f7f7f7;
}

.sidebar .navigation .nav-item:first-child {
  border-top: solid 1px #f7f7f7;
}

.sidebar .navigation .nav-item a {
  color: #000000;
  display: block;
  padding: 10px 10px 10px 50px;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.sidebar .navigation .nav-item a:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  left: 8px;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/icons/navigation/cog_icon_light.png");
}

.sidebar .navigation .nav-item a.cog-icon:before {
  background-image: url("/assets/img/icons/navigation/cog_icon_light.png");
}

.sidebar .navigation .nav-item a.folder-icon:before {
  background-image: url("/assets/img/icons/navigation/folder_icon_light.svg");
}

.sidebar .navigation .nav-item a.document-icon:before {
  background-image: url("/assets/img/icons/navigation/document_icon_light.png");
}

.sidebar .navigation .nav-item a.location-icon:before {
  background-image: url("/assets/img/icons/navigation/location_icon_light.png");
}

.sidebar .navigation .nav-item a.person-icon:before {
  background-image: url("/assets/img/icons/navigation/person_icon_light.png");
}

.sidebar .navigation .nav-item a.graph-icon:before {
  background-image: url("/assets/img/icons/navigation/graph_icon_light.png");
}

.sidebar .navigation .nav-item a.report-icon:before {
  background-image: url("/assets/img/icons/navigation/report_icon_light.png");
}

.sidebar .navigation .nav-item a.delivery-icon:before {
  background-image: url("/assets/img/icons/navigation/delivery_icon.png");
}

.sidebar .navigation .nav-item a:hover {
  background: #e2e2e2;
}

.sidebar .navigation .nav-item.current a {
  background: #b50b0b;
  color: #f3f3f3;
}

.sidebar .navigation .nav-item.current a.cog-icon:before {
  background-image: url("/assets/img/icons/navigation/cog_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.folder-icon:before {
  background-image: url("/assets/img/icons/navigation/folder_icon_dark.svg");
}

.sidebar .navigation .nav-item.current a.document-icon:before {
  background-image: url("/assets/img/icons/navigation/document_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.location-icon:before {
  background-image: url("/assets/img/icons/navigation/location_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.person-icon:before {
  background-image: url("/assets/img/icons/navigation/person_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.graph-icon:before {
  background-image: url("/assets/img/icons/navigation/graph_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.report-icon:before {
  background-image: url("/assets/img/icons/navigation/report_icon_dark.png");
}

.sidebar .navigation .nav-item.current a.delivery-icon:before {
  background-image: url("/assets/img/icons/navigation/delivery_icon.png");
}

.profile-img {
  width: 45px;
  height: 45px;
  margin: 10px auto 5px;
  display: block;
  border-radius: 50%;
}

.link {
  color: white;
  text-decoration: underline;
  text-align: center;
}

.username {
  color: white;
}

.version {
  text-align: left;
  position: fixed;
  bottom: 0;
  padding: 5px;
}

.version p {
  color: black;
  font-size: 10px;
  margin-bottom: 10px;
}

.nav-logo {
  display: block;
  border-bottom: solid 1px #ffffff;
  height: 70px;
}

.nav-logo.current {
  background: white;
}

.page-header {
  border-bottom: solid 3px #EBEBEB;
  margin-bottom: 30px;
}

.page-header h1 {
  font-size: 18px;
  font-weight: 700;
  color: #b50b0b;
}

.sub-header {
  font-size: 18px;
  font-weight: 700;
  color: #b50b0b;
  font-family: "Lato";
}

.panel {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.panel .panel-header {
  background: #890000;
  display: block;
  padding: 10px;
}

.panel .panel-header h4 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.panel .panel-content {
  padding: 10px;
}

.empty-panel {
  text-align: center;
  padding: 100px;
  min-height: calc(60vh - 20px);
}

.panel-buttons {
  background-color: #f7f7f7;
}

.panel-buttons .buttons {
  margin-top: 30px;
}

.panel-search {
  padding: 10px;
}

.main-link {
  color: #890000;
  font-size: 16px;
  font-weight: bold;
}

.img-link {
  width: 60px;
  height: 60px;
}

.panel-callout {
  position: relative;
  margin: 0 0 1rem 0;
  border: 1px solid #EBEBEB;
  border-radius: 0;
  background-color: #fff;
  color: #0a0a0a;
}

.first-info {
  margin-right: 0px;
  padding-top: 5px;
  height: 50%;
}

.first-info p {
  color: #898989;
  text-align: center;
  margin-bottom: 0px;
}

.info-text {
  background-color: #EBEBEB;
  font-weight: 700;
}

.pass {
  background-color: #118D96;
}

.pass p {
  color: #fff;
  margin-bottom: 0px;
}

.fail {
  padding: 5px;
  background-color: #D60044;
}

.fail p {
  color: #fff;
  margin-bottom: 0px;
}

.panel-callout .header-callout {
  color: #efefef;
  font-weight: 700;
  font-size: 18px;
  font-family: "Lato",sans-serif;
}

.callout-text {
  color: #890000;
  font-weight: 700;
  font-size: 16px;
  font-family: "Lato",sans-serif;
}

.callout-wrapper {
  padding: 10px;
}

.callout-table tbody tr td {
  border-bottom: 0px;
}

.callout-table thead tr th {
  border-bottom: 0px;
}

.filter label {
  font-family: "Lato";
  font-weight: 700;
}

.dot {
  border: 2px solid red;
  background-color: blue;
  height: 100px;
  border-radius: 50%;
  width: 100px;
}

.panel-footer {
  background-color: #EBEBEB;
  display: none;
}

.caseReviewViewCustomerBtn {
  width: 100%;
  height: 50px;
}

.CaseReviewSearch {
  width: 100%;
}

.CaseReviewSearch > div {
  width: 20%;
  min-width: 135px;
}

#export-users {
  margin-left: 5px;
}

.OtcDashboardHeader h4 {
  font-size: 18px;
  font-weight: 700;
  color: #b50b0b;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table thead tr th {
  border-bottom: solid 3px #EBEBEB;
  font-size: 14px;
  font-weight: 700;
  color: #890000;
  padding: 10px;
  text-align: center;
}

table thead tr th.with-arrow {
  cursor: pointer;
}

table thead tr th.with-arrow:after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 3px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

table thead tr th.with-arrow.up:after {
  border-bottom: 4px solid #890000;
}

table thead tr th.with-arrow.down:after {
  border-top: 4px solid #890000;
}

table tbody tr td {
  border-bottom: solid 1px #EBEBEB;
  font-size: 14px;
  color: #890000;
  padding: 5px 10px;
  text-align: center;
}

table tbody tr .alert-column {
  border-bottom: solid 3px #D60044;
  color: #ff5959;
  font-weight: 700;
}

table tbody tr .warning-column {
  border-bottom: solid 3px #7a7272;
  font-weight: 700;
}

.otc-order-table tbody tr .field-data {
  color: black;
  text-align: left;
}

.otc-order-table tbody tr .field-label {
  text-align: left;
}

.otc-order-table tbody tr td {
  width: 50%;
}

.otc-invoice-table tbody tr .field-data {
  color: black;
  text-align: left;
}

.otc-invoice-table tbody tr .field-label {
  text-align: left;
}

.otc-invoice-table tbody tr td {
  width: 50%;
}

.otc-invoiceorder-table thead tr th {
  text-align: left;
}

.otc-invoiceorder-table thead tr .numeric {
  text-align: right;
}

.otc-invoiceorder-table tbody tr td {
  color: black;
  text-align: left;
}

.otc-invoiceorder-table tbody tr .numeric {
  text-align: right;
}

.otc-dashboard-table thead tr th {
  text-align: left;
}

.otc-dashboard-table thead tr .numeric {
  text-align: right;
}

.otc-dashboard-table tbody tr td {
  color: black;
  text-align: left;
}

.otc-dashboard-table tbody tr .numeric {
  text-align: right;
}

.otc-orderdetail-table thead tr th {
  text-align: left;
}

.otc-orderdetail-table thead tr .numeric {
  text-align: right;
}

.otc-orderdetail-table tbody tr td {
  color: black;
  text-align: left;
}

.otc-orderdetail-table tbody tr .numeric {
  text-align: right;
}

.otc-contract-table thead tr th {
  text-align: left;
}

.otc-contract-table tbody tr td {
  color: black;
  text-align: left;
}

.otc-contractdetail-table {
  margin-top: 20px;
}

.otc-contractdetail-table thead tr th {
  text-align: left;
}

.otc-contractdetail-table tbody tr td {
  color: black;
  text-align: left;
  width: 25%;
}

.otc-timeline-table thead tr th {
  text-align: left;
}

.otc-timeline-table tbody tr td {
  color: black;
  text-align: left;
}

.panel-table tbody tr td {
  border-bottom: 0px;
  text-align: left;
}

.panel-table tbody tr td:first-child {
  font-weight: 700;
  font-family: "Lato",sans-serif;
}

.norecords {
  border-bottom: 0;
}

.norecords span {
  font-size: 18px;
  font-weight: 700;
  font-family: "Lato",sans-serif;
  padding-left: 10px;
  color: #898989;
}

.norecords img {
  width: 30px;
}

.noresults-table tbody tr {
  border-top: solid 3px #005D9D;
  border-botom: 0px;
}

.noresults-table tbody tr td button {
  font-family: "Lato",sans-serif;
  color: #898989;
  font-weight: 700;
  font-size: 16px;
}

.noresults-table tbody tr td button:hover {
  border-bottom: solid 1px #898989;
  cursor: pointer;
}

.noresults-table tbody tr td img {
  width: 15px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.header-row {
  background-color: #898989;
}

.header-row td {
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  font-family: "Lato",sans-serif;
}

.table-striped {
  background-color: #f7f7f7;
  cursor: pointer;
}

.selected-row {
  background-color: #dceeffba;
  border-left: solid 15px #efefef;
}

.selected-row td {
  background-color: #dceeffba;
}

.table-footer-details {
  text-align: left;
  background-color: #f1f1f1;
}

.eventslist tbody tr:hover td {
  background-color: #dceeffba;
}

.button {
  font-size: 12px;
  background: #b50b0b;
  color: #f3f3f3;
  border-bottom: 5px solid #7a7272;
  padding: 8px 20px;
  -webkit-transition: none;
  transition: none;
  vertical-align: bottom;
  margin-top: 0;
  margin-bottom: 0;
}

.button:hover {
  background: #b50b0b;
  color: #f3f3f3;
  border-bottom: 2px solid #7a7272;
  margin-top: 3px;
}

.button.large {
  font-size: 14px;
  padding: 15px 25px;
}

.button.small {
  font-size: 11px;
  padding: 5px 10px;
}

.button.blue {
  background: #efefef;
  border-bottom: 5px solid #d6d6d6;
  color: white;
}

.button.blue:hover {
  border-bottom: 2px solid #d6d6d6;
}

.button.red {
  background: #D60044;
  border-bottom: 5px solid #a30034;
  color: white;
}

.button.red:hover {
  border-bottom: 2px solid #a30034;
}

.button.green {
  background: #118D96;
  border-bottom: 5px solid #0c6268;
  color: white;
}

.button.green:hover {
  border-bottom: 2px solid #0c6268;
}

.button.darkgrey {
  background: #898989;
  border-bottom: 5px solid #707070;
  color: white;
}

.button.darkgrey:hover {
  border-bottom: 2px solid #707070;
}

.button.purple {
  background: #68174F;
  border-bottom: 5px solid #3e0e2f;
  color: white;
}

.button.purple:hover {
  border-bottom: 2px solid #3e0e2f;
}

.button.icon:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: -3px;
  margin-right: 5px;
  background-size: 15px;
  background-position: center;
  background-repeat: no-repeat;
}

.button.icon.view:before {
  background-image: url("/assets/img/icons/buttons/view_icon_black.svg");
}

.button.icon.edit:before {
  background-image: url("/assets/img/icons/buttons/edit_icon_black.svg");
}

.button.icon.delete:before {
  background-image: url("/assets/img/icons/buttons/delete_icon_black.svg");
}

.button.icon.add:before {
  background-image: url("/assets/img/icons/buttons/add_icon_black.svg");
}

.button.icon.blue.view:before, .button.icon.red.view:before, .button.icon.green.view:before, .button.icon.purple.view:before, .button.icon.darkgrey.view:before {
  background-image: url("/assets/img/icons/buttons/view_icon.svg");
}

.button.icon.blue.edit:before, .button.icon.red.edit:before, .button.icon.green.edit:before, .button.icon.purple.edit:before, .button.icon.darkgrey.edit:before {
  background-image: url("/assets/img/icons/buttons/edit_icon.svg");
}

.button.icon.blue.delete:before, .button.icon.red.delete:before, .button.icon.green.delete:before, .button.icon.purple.delete:before, .button.icon.darkgrey.delete:before {
  background-image: url("/assets/img/icons/buttons/delete_icon.svg");
}

.button.icon.blue.add:before, .button.icon.red.add:before, .button.icon.green.add:before, .button.icon.purple.add:before, .button.icon.darkgrey.add:before {
  background-image: url("/assets/img/icons/buttons/add_icon.svg");
}

.button.inactive {
  background: #EBEBEB;
  color: #d2d2d2;
  border-bottom: solid 5px #d2d2d2;
  pointer-events: none;
}

.button:disabled {
  background-color: #b50b0b;
}

.button:disabled:hover {
  background-color: #b50b0b;
}

.back-button {
  padding: 5px;
  background-color: #f7f7f7;
}

.back-button-header {
  padding: 5px;
  background-color: #890000;
  color: #ffffff;
}

.action-button {
  width: 160px;
}

.load {
  width: 100%;
  border: solid 1px #dedede;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  color: #004289;
  padding: 8px;
}

.load:hover {
  background-color: #dedede;
  cursor: pointer;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

label {
  color: #890000;
  font-weight: 500;
  font-size: 14px;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="datetime-local"], input[type="datetime"], input[type="url"], input[type="tel"], input[type="time"], input[type="week"], input[type="date"] {
  border: solid 1px #EBEBEB;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="date"]:focus {
  border: solid 1px #890000;
}

textarea {
  border: solid 1px #EBEBEB;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  resize: none;
  min-height: 100px;
}

textarea:focus {
  border: solid 1px #890000;
}

select {
  border: solid 1px #EBEBEB;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

select:focus {
  border: solid 1px #890000;
}

.checkbox [type="checkbox"] {
  margin: 0 0 0 0.2rem;
}

.checkbox [type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.checkbox [type="checkbox"]:checked + input + label:before {
  color: #898989;
}

.checkbox label:before {
  display: inline-block;
  text-align: center;
  line-height: 1;
  border: 0.0625rem solid #898989;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  font-size: 0.875rem;
  color: white;
  background: white;
}

.checkbox label:before {
  content: "\2716";
  padding-right: 1px;
}

.checkbox-tick [type="checkbox"] {
  margin: 0 0 0 0.2rem;
}

.checkbox-tick [type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.checkbox-tick [type="checkbox"]:checked + input + label:before {
  color: #118D96;
}

.checkbox-tick label:before {
  display: inline-block;
  text-align: center;
  line-height: 1;
  border: 0.0625rem solid #898989;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  font-size: 1.275rem;
  color: white;
  background: white;
}

.checkbox-tick label:before {
  content: "\2714";
  padding-right: 1px;
}

.error {
  border: 1px solid #D60044 !important;
}

.error-message {
  display: block;
  font-size: 0.66667rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.88889rem;
  margin-top: -1px;
  padding: 0.33333rem 0.5rem 0.5rem;
  background: #f04124;
  color: #FFFFFF;
}

.inputspan {
  position: absolute;
  z-index: 1;
  cursor: text;
  pointer-events: none;
  font-size: 14px;
  font-weight: 700;
  color: #890000;
  padding: 13px 7px 1px 7px;
  line-height: 17px;
}

.labelinput {
  padding-left: 50px;
}

.form-input {
  position: relative;
}

.field-validation-error {
  padding: 9px;
  font-size: 12px;
  position: absolute;
  left: calc(100% + 10px);
  top: 25px;
  background: #E44040;
  color: white;
  width: 300px;
  border-radius: 0px;
}

.field-validation-error:before {
  content: '';
  position: absolute;
  top: 12px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #E44040 transparent transparent;
}

.field-validation-top-error {
  padding: 9px;
  font-size: 12px;
  position: absolute;
  left: -20%;
  background: #E44040;
  color: white;
  width: 300px;
  border-radius: 0px;
}

.field-validation-top-error:before {
  content: '';
  position: absolute;
  top: -24px;
  left: 45%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 12px 12px;
  border-color: transparent transparent #E44040 transparent;
}

.ng-autocomplete {
  width: 100% !important;
}

.autocomplete-container .suggestions-container {
  top: 42px;
}

.label {
  display: inline-block;
  border-bottom: 6px solid #efefef;
  font-size: 12px;
  font-weight: 600;
  color: #890000;
  padding: 5px 0 0 0;
  min-width: 100px;
}

.label.blue {
  border-bottom-color: #efefef;
}

.label.green {
  border-bottom-color: #118D96;
}

.label.red {
  border-bottom-color: #D60044;
}

.label.yellow {
  border-bottom-color: #b50b0b;
}

.label.purple {
  border-bottom-color: #68174F;
}

.label.grey {
  border-bottom-color: #EBEBEB;
}

.panel-breadcrumbs {
  display: block;
  background: white;
  border: solid 1px #EBEBEB;
  width: 100%;
  height: 44px;
  padding: 0;
  margin: 0;
}

.panel-breadcrumbs .left-arrow, .panel-breadcrumbs .right-arrow {
  display: block;
  width: 36px;
  height: 43px;
  border-bottom: solid 1px #EBEBEB;
  background-color: white;
  background-size: 42px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-breadcrumbs .left-arrow:hover, .panel-breadcrumbs .right-arrow:hover {
  background-color: #890000;
}

.panel-breadcrumbs .left-arrow.inactive, .panel-breadcrumbs .right-arrow.inactive {
  pointer-events: none;
}

.panel-breadcrumbs .left-arrow {
  float: left;
  background-image: url("/assets/img/icons/arrows/arrow_left_white.png");
  border-right: solid 1px #EBEBEB;
}

.panel-breadcrumbs .left-arrow:hover {
  background-image: url("/assets/img/icons/arrows/arrow_left_blue.png");
}

.panel-breadcrumbs .left-arrow.inactive {
  background-image: url("/assets/img/icons/arrows/arrow_left_grey.png");
}

.panel-breadcrumbs .right-arrow {
  float: right;
  background-image: url("/assets/img/icons/arrows/arrow_right_white.png");
  border-left: solid 1px #EBEBEB;
}

.panel-breadcrumbs .right-arrow.inactive {
  background-image: url("/assets/img/icons/arrows/arrow_right_grey.png");
}

.panel-breadcrumbs .right-arrow:hover {
  background-image: url("/assets/img/icons/arrows/arrow_right_blue.png");
}

.panel-breadcrumbs .breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.panel-breadcrumbs .breadcrumbs li {
  display: inline-block;
  height: 42px;
  padding: 8px 35px 0 0;
  margin: 0;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.2);
}

.panel-breadcrumbs .breadcrumbs li:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  background-image: url("/assets/img/icons/arrows/arrow_right_grey.svg");
  background-size: 7px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-breadcrumbs .breadcrumbs li.current {
  color: #890000;
}

.panel-breadcrumbs .breadcrumbs li.complete {
  color: #118D96;
  padding: 8px 35px 0 20px;
}

.panel-breadcrumbs .breadcrumbs li.complete:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  background-image: url("/assets/img/icons/checks_crosses/check_green.svg");
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-breadcrumbs .breadcrumbs li:last-child {
  padding-right: 0;
}

.panel-breadcrumbs .breadcrumbs li:last-child:after {
  display: none;
}

.panel-card-slider {
  display: block;
  position: relative;
}

.panel-card-slider:after {
  content: "";
  display: table;
  clear: both;
}

.panel-card-slider .controls {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 70px;
  padding: 10px;
}

.panel-card-slider .controls .add-poi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: #EBEBEB;
}

.panel-card-slider .controls .add-poi:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-image: url("/assets/img/icons/buttons/add_icon_black.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-card-slider .controls .add-poi:after {
  content: 'Add POI';
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

.panel-card-slider .controls .add-poi:hover {
  background: #b50b0b;
}

.panel-card-slider .controls .add-poi:hover:before {
  background-image: url("/assets/img/icons/buttons/add_icon.svg");
}

.panel-card-slider .controls .add-poi:hover:after {
  color: white;
}

.panel-card-slider .slider-container {
  display: block;
  overflow: hidden;
  position: relative;
  float: right;
  width: calc(100% - 70px);
  padding: 0 0 0 30px;
}

.panel-card-slider .slider-container .left-arrow, .panel-card-slider .slider-container .right-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  background: #EBEBEB;
  cursor: pointer;
  z-index: 10;
}

.panel-card-slider .slider-container .left-arrow:hover, .panel-card-slider .slider-container .right-arrow:hover {
  background: #dedede;
}

.panel-card-slider .slider-container .left-arrow:after, .panel-card-slider .slider-container .right-arrow:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.panel-card-slider .slider-container .left-arrow {
  left: 0;
}

.panel-card-slider .slider-container .left-arrow:after {
  border-right: 6px solid #898989;
}

.panel-card-slider .slider-container .right-arrow {
  right: 0;
}

.panel-card-slider .slider-container .right-arrow:after {
  border-left: 6px solid #898989;
}

.panel-card-slider .slider-container .cards {
  display: block;
  margin-left: 0;
  -webkit-transition: margin-left 0.25s ease-in-out;
  transition: margin-left 0.25s ease-in-out;
  width: 100000px;
}

.panel-card-slider .slider-container .cards:after {
  content: "";
  display: table;
  clear: both;
}

.panel-card-slider .slider-container .cards .card {
  display: block;
  float: left;
  margin: 10px;
  padding: 15px 15px 40px 15px;
  border: solid 1px #EBEBEB;
  width: 220px;
  position: relative;
}

.panel-card-slider .slider-container .cards .card h5 {
  font-size: 14px;
  font-weight: 700;
  color: #898989;
  padding: 0 0 5px 0;
  border-bottom: 5px solid #898989;
}

.panel-card-slider .slider-container .cards .card p {
  color: #898989;
  font-size: 12px;
  line-height: 1.2;
}

.panel-card-slider .slider-container .cards .card p:last-child {
  margin-bottom: 0;
}

.panel-card-slider .slider-container .cards .card.primary h5 {
  color: #890000;
  border-bottom: solid 5px #efefef;
}

.panel-card-slider .slider-container .cards .card.secondary h5 {
  color: #9D397E;
  border-bottom: solid 5px #9D397E;
}

.panel-card-slider .slider-container .cards .card.prohibited h5 {
  color: #D60044;
  border-bottom: solid 5px #D60044;
}

.panel-card-slider .slider-container .cards .card.prohibited p, .panel-card-slider .slider-container .cards .card.secondary p, .panel-card-slider .slider-container .cards .card.primary p {
  color: #890000;
}

.panel-card-slider .slider-container .cards .card.disabled h5 {
  color: #898989;
  border-bottom: solid 5px #898989;
}

.panel-card-slider .slider-container .cards .card.disabled p {
  color: #898989;
}

.panel-card-slider .slider-container .cards .card.disabled:after {
  content: 'Disabled';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  padding: 5px;
  background: #898989;
  font-size: 11px;
  font-weight: 700;
  color: white;
}

.panel-card-slider .slider-container .cards .card.active:after {
  content: 'Active';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  padding: 5px;
  background: #118D96;
  font-size: 11px;
  font-weight: 700;
  color: white;
}

.panel-card-slider .slider-container .cards .card .hover-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.panel-card-slider .slider-container .cards .card .hover-buttons .button {
  display: block;
}

.panel-card-slider .slider-container .cards .card .hover-buttons span {
  display: block;
  height: 10px;
}

.panel-card-slider .slider-container .cards .card:hover .hover-buttons {
  opacity: 1;
}

.panel-card-slider-joi {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.panel-card-slider-joi:after {
  content: "";
  display: table;
  clear: both;
}

.panel-card-slider-joi .controlsjoi {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border: solid 2px #e6e6e6;
  height: 100%;
  padding: 10px;
  background: #f5f5f5;
}

.panel-card-slider-joi .controlsjoi .add-joi {
  background-color: #EBEBEB;
  margin: 30%;
  padding: 5%;
  cursor: pointer;
}

.panel-card-slider-joi .controlsjoi .add-joi:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-image: url("/assets/img/icons/buttons/add_icon_black.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-card-slider-joi .controlsjoi .add-joi:after {
  content: 'Add Midpoint';
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

.panel-card-slider-joi .controlsjoi .add-joi:hover {
  background: #b50b0b;
}

.panel-card-slider-joi .controlsjoi .add-joi:hover:before {
  background-image: url("/assets/img/icons/buttons/add_icon.svg");
}

.panel-card-slider-joi .controlsjoi .add-joi:hover:after {
  color: white;
}

.panel-card-slider-joi .controlsjoi .add-end-joi {
  background-color: #EBEBEB;
  margin: 30%;
  padding: 5%;
  cursor: pointer;
}

.panel-card-slider-joi .controlsjoi .add-end-joi:before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-image: url("/assets/img/icons/buttons/add_icon_black.svg");
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
}

.panel-card-slider-joi .controlsjoi .add-end-joi:after {
  content: 'Add End Point';
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 12px;
}

.panel-card-slider-joi .controlsjoi .add-end-joi:hover {
  background: #b50b0b;
}

.panel-card-slider-joi .controlsjoi .add-end-joi:hover:before {
  background-image: url("/assets/img/icons/buttons/add_icon.svg");
}

.panel-card-slider-joi .controlsjoi .add-end-joi:hover:after {
  color: white;
}

dl.tabs dd:first-child {
  margin-left: 0px;
  border-left: 1px solid #e6e6e6;
}

dl.tabs {
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
}

dl.tabs dd.active {
  border-top: 3px solid #890000;
  margin-top: -3px;
}

dl.tabs dd {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

dl.tabs dd.active a {
  cursor: default;
  color: #b50b0b;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-weight: bold;
}

dl.tabs dd a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px;
  border-right: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

.tab-header {
  color: #890000;
  font-size: 16px;
  font-weight: 700;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.login-content .login-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #0073c2;
  /*background-image: url("/assets/img/background/login-bg.jpg")*/
  background-position: center right;
  z-index: 10;
}

.login-content .login-panel .login-form {
  display: block;
  margin: 0 auto;
  width: 70%;
  max-width: 400px;
}

.login-content .login-panel .login-form .logo {
  width: 200px;
  display: block;
  margin: 0 auto 30px auto;
}

.login-content .login-panel .login-form h2 {
  color: white;
  font-size: 18px;
  text-align: center;
}

.login-content .login-panel .login-form h2 span {
  color: #3F7E3C;
}

.login-content .login-panel .login-form p {
  color: white;
  font-size: 14px;
  text-align: center;
}

.login-content .login-panel .login-form form #formSubmitError {
  display: none;
  padding: 11px;
  font-size: 12px;
  background: #E44040;
  color: white;
  border-radius: 5px;
  margin-bottom: 15px;
}

.login-content .login-panel .login-form form.submit-error #formSubmitError {
  display: block;
  -webkit-animation: errorShake 0.3s linear forwards;
          animation: errorShake 0.3s linear forwards;
}

.login-content .login-panel .login-form form .username, .login-content .login-panel .login-form form .password {
  position: relative;
}

.login-content .login-panel .login-form form .username:after, .login-content .login-panel .login-form form .password:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
}

.login-content .login-panel .login-form form .username input, .login-content .login-panel .login-form form .password input {
  padding-left: 5px;
  border-radius: 0px;
  border: 2px solid #fefefe;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  background: transparent;
  color: white;
  margin: 0 0 0rem;
}

.login-content .login-panel .login-form form .username .field-validation-error, .login-content .login-panel .login-form form .username .empty-field-validation-error, .login-content .login-panel .login-form form .password .field-validation-error, .login-content .login-panel .login-form form .password .empty-field-validation-error {
  padding: 9px;
  font-size: 12px;
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  background: #E44040;
  color: white;
  width: 300px;
  border-radius: 0px;
}

.login-content .login-panel .login-form form .username .field-validation-error:before, .login-content .login-panel .login-form form .username .empty-field-validation-error:before, .login-content .login-panel .login-form form .password .field-validation-error:before, .login-content .login-panel .login-form form .password .empty-field-validation-error:before {
  content: '';
  position: absolute;
  top: 12px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #E44040 transparent transparent;
}

.login-content .login-panel .login-form form .username.confirmed:after, .login-content .login-panel .login-form form .password.confirmed:after {
  display: block;
}

.login-content .login-panel .login-form form .username.error, .login-content .login-panel .login-form form .username.empty-error, .login-content .login-panel .login-form form .password.error, .login-content .login-panel .login-form form .password.empty-error {
  -webkit-animation: errorShake 0.3s linear forwards;
          animation: errorShake 0.3s linear forwards;
}

.login-content .login-panel .login-form form .username.error:after, .login-content .login-panel .login-form form .username.empty-error:after, .login-content .login-panel .login-form form .password.error:after, .login-content .login-panel .login-form form .password.empty-error:after {
  display: block;
}

.login-content .login-panel .login-form form .username.error input, .login-content .login-panel .login-form form .username.empty-error input, .login-content .login-panel .login-form form .password.error input, .login-content .login-panel .login-form form .password.empty-error input {
  color: #E44040;
}

.login-content .login-panel .login-form form .username.error .error-message-display, .login-content .login-panel .login-form form .password.error .error-message-display {
  display: block;
}

.login-content .login-panel .login-form form .username.empty-error .empty-error-message-display, .login-content .login-panel .login-form form .password.empty-error .empty-error-message-display {
  display: block;
}

.login-content .login-panel .login-form form .login-submit {
  display: block;
  margin: 0 auto;
  width: 220px;
}

.login-content .login-panel .login-form form .login-submit input {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: #004289;
}

.login-content .login-panel .login-form form .forgot-password-link {
  color: white;
  text-align: center;
  font-size: 14px;
  margin: 20px auto 20px auto;
  display: block;
  width: 200px;
  text-decoration: underline;
}

.login-content .login-panel .login-form form .forgot-password-link:hover {
  color: white;
  opacity: 1;
}

.validation-summary-errors ul li {
  padding: 9px;
  font-size: 12px;
  background: #E44040;
  color: white;
  width: 300px;
  border-radius: 0px;
  list-style: none;
  margin: 10px;
}

.footer {
  position: absolute;
  z-index: 11;
  bottom: 0;
  width: 100%;
  border-top: 3px solid #005D9D;
  background-color: #820505;
  color: #fff;
  clear: both;
  margin-top: 15px;
  padding: 15px 25px;
  overflow: hidden;
}

.footer p {
  float: right;
  text-align: right;
  font-size: 10px;
  font-family: "Lato";
  color: #898989;
  width: 80%;
  font-weight: 700;
}

.footer span {
  margin-left: 40px;
}

.footer .line {
  border-left: 2px solid #fff;
  padding: 10px;
}

.footer img {
  width: 200px;
}

.header {
  position: absolute;
  z-index: 11;
  width: 100%;
  background-color: #fff;
  color: #fff;
  clear: both;
  padding: 15px 25px;
  overflow: hidden;
}

.header img {
  width: 200px;
}

#legend {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 10px;
  margin: 10px;
}

.contextmenu {
  visibility: hidden;
  background: #ffffff;
  z-index: 10;
  position: relative;
  width: 140px;
}

.contextmenu div {
  padding: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #890000;
}

.callout.success {
  color: #118D96;
}

.callout > :last-child {
  margin-bottom: 0;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 5px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider__fill {
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: #005D9D;
  border: 1px solid #820505;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.12)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.usage-bars-container {
  border-top: solid 1px #EBEBEB;
}

.usage-bars-container .usage-bars:after {
  content: "";
  display: table;
  clear: both;
}

.usage-bars-container .usage-bars .title-box {
  display: block;
  width: 300px;
  background: #EBEBEB;
  float: left;
}

.usage-bars-container .usage-bars .title-box .number {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 110px;
  width: calc(50% - 20px);
  padding-left: 20px;
}

.usage-bars-container .usage-bars .title-box .number p {
  font-size: 36px;
  font-weight: 700;
  color: #005D9D;
}

.usage-bars-container .usage-bars .title-box .number p .small {
  font-weight: 400;
  font-size: 14px;
}

.usage-bars-container .usage-bars .title-box .number p .light {
  font-weight: 300;
}

.usage-bars-container .usage-bars .title-box .title {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 110px;
  width: 50%;
  padding-right: 20px;
}

.usage-bars-container .usage-bars .title-box .title p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  color: #005D9D;
}

.usage-bars-container .usage-bars .title-box .title p b {
  font-size: 16px;
  font-weight: 700;
}

.usage-bars-container .usage-bars .bar-box {
  display: block;
  width: calc(100% - 300px);
  height: 110px;
  padding: 10px 20px;
  float: right;
  position: relative;
}

.usage-bars-container .usage-bars .bar-box .title {
  display: inline-block;
  font-weight: 700;
  color: #898989;
  position: relative;
  z-index: 10;
  background: white;
  padding-right: 10px;
}

.usage-bars-container .usage-bars .bar-box .divider {
  position: absolute;
  display: inline-block;
  padding: 0 20px 0 0;
  background: white;
  left: 20px;
  right: 20px;
  top: 22px;
  height: 1px;
  background: #EBEBEB;
}

.usage-bars-container .usage-bars .bar-box .bar-container {
  display: block;
  background: #f7f7f7;
  height: 12px;
  position: relative;
  margin: 10px 0 0 0;
}

.usage-bars-container .usage-bars .bar-box .bar-container .arrow-marker {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 0;
}

.usage-bars-container .usage-bars .bar-box .bar-container .arrow-marker:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  margin: 0;
  position: absolute;
  bottom: 2px;
  left: -10px;
  z-index: 5;
}

.usage-bars-container .usage-bars .bar-box .bar-container .arrow-marker p {
  display: block;
  width: 60px;
  position: absolute;
  top: -40px;
  left: -30px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.usage-bars-container .usage-bars .bar-box .bar-container .arrow-marker p span {
  font-size: 14px;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-section-1, .usage-bars-container .usage-bars .bar-box .bar-container .bar-section-2, .usage-bars-container .usage-bars .bar-box .bar-container .bar-section-3, .usage-bars-container .usage-bars .bar-box .bar-container .bar-section-4 {
  display: block;
  float: left;
  height: 12px;
  position: relative;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-section-1 {
  background: #efefef;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-section-2 {
  background: #118D96;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-section-3 {
  background: #b50b0b;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-section-4 {
  background: #D60044;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-label-1, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-2, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-3, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-4, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-5 {
  display: block;
  width: 60px;
  font-size: 12px;
  color: #898989;
  position: absolute;
  top: 15px;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-label-1 {
  left: 0;
  text-align: left;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-label-5 {
  right: 0;
  text-align: right;
}

.usage-bars-container .usage-bars .bar-box .bar-container .bar-label-2, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-3, .usage-bars-container .usage-bars .bar-box .bar-container .bar-label-4 {
  right: -30px;
  text-align: center;
}

.usage-bars-container .usage-bars .bar-box .bar-container.green .bar-section-2 {
  background: rgba(17, 141, 150, 0.2);
}

.usage-bars-container .usage-bars .bar-box .bar-container.green .bar-section-3 {
  background: rgba(181, 11, 11, 0.2);
}

.usage-bars-container .usage-bars .bar-box .bar-container.green .bar-section-4 {
  background: rgba(214, 0, 68, 0.2);
}

.usage-bars-container .usage-bars .bar-box .bar-container.amber .bar-section-3 {
  background: rgba(181, 11, 11, 0.2);
}

.usage-bars-container .usage-bars .bar-box .bar-container.amber .bar-section-4 {
  background: rgba(214, 0, 68, 0.2);
}

.usage-bars-container .usage-bars .bar-box .bar-container.orange .bar-section-4 {
  background: rgba(214, 0, 68, 0.2);
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 150px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-header {
  background-color: #890000;
  margin: auto;
  padding: 10px;
  width: 60%;
}

.modal-header h4 {
  color: white;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 60%;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

/* The Close Button */
.close {
  color: #d4cfcf;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 5px;
}

.close:hover, .close:focus {
  color: #898989;
  text-decoration: none;
  cursor: pointer;
}

.slidermenu {
  height: 100%;
  background-color: #EBEBEB;
  position: absolute;
  margin-left: 15px;
  max-height: 700px;
  line-height: 650px;
  cursor: pointer;
}

.slidermenu span {
  padding: 8px;
}

.sliderfilter {
  position: absolute;
  max-height: 700px;
  height: 100%;
  background: white;
  margin-left: 35px;
}

.sliderfilter .panel {
  height: 100%;
}

.tree-children {
  padding-left: 20px;
  overflow: hidden;
}

.tree-children.tree-children-no-padding {
  padding-left: 0;
}

.node-drop-slot {
  display: block;
  height: 2px;
}

.node-drop-slot.is-dragging-over {
  background: #ddffee;
  height: 20px;
  border: 2px dotted #888;
}

.toggle-children-wrapper-expanded .toggle-children {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.toggle-children-wrapper-collapsed .toggle-children {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.toggle-children-wrapper {
  padding: 2px 3px 5px 1px;
}

/* tslint:disable */
.toggle-children {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRkRFQjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRkRFQjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5iogFwAAAGhJREFUeNpiYGBgKABigf///zOQg0EARH4A4gZyDIIZ8B/JoAJKDIDhB0CcQIkBRBtEyABkgxwoMQCGD6AbRKoBGAYxQgXIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC");
  height: 8px;
  width: 9px;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}

.toggle-children-placeholder {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  padding-right: 3px;
}

.node-content-wrapper {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  -webkit-transition: background-color .15s,-webkit-box-shadow .15s;
  transition: background-color .15s,-webkit-box-shadow .15s;
  transition: background-color .15s,box-shadow .15s;
  transition: background-color .15s,box-shadow .15s,-webkit-box-shadow .15s;
}

.node-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.node-content-wrapper-active, .node-content-wrapper.node-content-wrapper-active:hover, .node-content-wrapper-active.node-content-wrapper-focused {
  background: #b50b0b;
  color: #EBEBEB;
}

.node-content-wrapper-focused {
  background: #e7f4f9;
}

.node-content-wrapper:hover {
  background: #f7fbff;
}

.node-content-wrapper-active, .node-content-wrapper-focused {
  -webkit-box-shadow: inset 0 0 1px #999;
          box-shadow: inset 0 0 1px #999;
}

.node-content-wrapper:hover {
  -webkit-box-shadow: inset 0 0 1px #999;
          box-shadow: inset 0 0 1px #999;
}

.node-content-wrapper.is-dragging-over {
  background: #ddffee;
  -webkit-box-shadow: inset 0 0 1px #999;
          box-shadow: inset 0 0 1px #999;
}

.node-content-wrapper.is-dragging-over-disabled {
  opacity: 0.5;
}

tree-viewport {
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  overflow: auto;
  display: block;
}

.tree-children {
  padding-left: 20px;
}

.empty-tree-drop-slot .node-drop-slot {
  height: 20px;
  min-width: 100px;
}

.angular-tree-component {
  width: 100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently not supported by any browser */
}

tree-root .angular-tree-component-rtl {
  direction: rtl;
}

tree-root .angular-tree-component-rtl .toggle-children-wrapper-collapsed .toggle-children {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}

tree-root .angular-tree-component-rtl .tree-children {
  padding-right: 20px;
  padding-left: 0;
}

tree-node-checkbox {
  padding: 1px;
}

div.tree {
  padding-left: 0;
  margin-left: -5px;
}

div.tree div.tree-children::before, div.tree::before {
  content: "";
  position: absolute;
  border-left: 1px dotted #23527c;
  height: 100%;
  top: -14px;
  left: 12px;
}

div.tree div.tree-children {
  position: relative;
  padding-left: 0;
  margin-left: 16px;
}

div.tree div.tree-children::before {
  left: 5px;
}

div.tree tree-node > div > .node-wrapper {
  margin-left: 24px;
}

div.tree tree-node > div > .node-wrapper > .node-content-wrapper {
  margin-left: 4px;
}

div.tree tree-node > div.tree-node-leaf > .node-wrapper {
  margin-left: 0;
}

div.tree tree-node > div::before {
  content: "";
  position: absolute;
  border-bottom: 1px dotted #23527c;
  width: 7px;
  margin-top: 12px;
  left: 7px;
}

div.tree tree-node > div .toggle-children-wrapper {
  width: 13px;
  height: 13px;
  border: 1px solid #23527c;
  position: absolute;
  left: 15px;
  margin-top: 5px;
  margin-left: 0;
  display: inline-block;
  background-color: #fff;
  z-index: 1;
}

div.tree tree-node > div .toggle-children-wrapper::before {
  content: "";
  display: inline-block;
  width: 7px;
  border-top: 1px solid #23527c;
  position: absolute;
  top: 5px;
  left: 2px;
}

div.tree tree-node > div .toggle-children-wrapper.toggle-children-wrapper-collapsed::after {
  content: "";
  display: inline-block;
  height: 7px;
  border-left: 1px solid #23527c;
  position: absolute;
  top: 2px;
  left: 5px;
}

div.tree tree-node > div .toggle-children-wrapper .toggle-children {
  display: none;
}

div.tree tree-node > div .node-content-wrapper {
  margin-left: 4px;
}

div.tree > tree-node > div::before {
  left: 14px;
}

div.tree > tree-node > div > .node-wrapper > tree-node-expander > .toggle-children-wrapper {
  left: 22px;
}
/*# sourceMappingURL=main.css.map */