@charset "UTF-8";
@import "../../CSS/fontawesome-pro/css/all.min.css";
/* 
 * -----------------------------------------------------------------------------
 *   Global Styles 
 * -----------------------------------------------------------------------------
 */
.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

label {
  font-weight: normal !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  margin-top: 10px;
  color: #0f204b;
}

TD[ng-click],
TD[data-ng-click],
TD[x-ng-click],
A[ng-click],
A[data-ng-click],
A[x-ng-click],
BUTTON[ng-click],
BUTTON[data-ng-click],
BUTTON[x-ng-click] {
  cursor: pointer;
}

ul.commaSeparated {
  display: inline;
  list-style: none;
  padding: 0;
}

ul.commaSeparated li {
  display: inline;
}

ul.commaSeparated li:after {
  content: ", ";
}

ul.commaSeparated li:last-child:after {
  content: "";
}

.header-summary h1 {
  font-family: "Arial";
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #333333;
}

.aggregate-info-bar table {
  font-size: 16px;
}
.aggregate-info-bar table.table-sm {
  margin-top: 0;
  margin-bottom: 12px;
}
.aggregate-info-bar table.table-sm > thead > tr > th {
  border-bottom-width: 2px;
  color: #333333;
  border-top: 0;
  padding: 0rem 5px 5px;
  font-size: 16px;
}
.aggregate-info-bar table.table-sm > thead > tr > td {
  font-size: 16px;
}
.aggregate-info-bar table.table-sm > thead > tr > td .label {
  font-size: 16px;
}

.pageItemLayoutActions .actions-left-col {
  width: 80.333333%;
}
.pageItemLayoutActions .actions-right-col {
  width: 19.666667%;
}

@media only screen and (max-width: 1462px) {
  .pageItemLayoutActions .actions-left-col {
    width: 100%;
  }
  .pageItemLayoutActions .actions-right-col {
    width: 100%;
  }
}
.page-item-layout-actions .details-actions-heading h4 {
  font-size: 16px;
  color: #333333;
}
.page-item-layout-actions .details-actions-heading h5 {
  font-size: 15px;
  color: #333333;
}
.page-item-layout-actions .details-actions-heading .details-actions-message {
  padding-bottom: 2px;
}

@media only screen and (min-width: 992px) {
  asset-map.asset-map-remove-top > div > p {
    display: none;
  }
}
.left-content-details .widget-heading {
  font-weight: 700;
}
.left-content-details .content-details-heading h4 {
  font-size: 16px;
  color: #333333;
}
.left-content-details .content-details-heading h5 {
  font-size: 15px;
  color: #333333;
}
.left-content-details .content-details-heading .content-details-message {
  padding-bottom: 2px;
}

.visible {
  visibility: visible !important;
}

.pageTitleSubInfo {
  font-size: 14px;
  font-weight: 400;
  margin-left: 20px;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

/* 
 * -----------------------------------------------------------------------------
 *   Helper classes 
 * -----------------------------------------------------------------------------
 */
/*
 * Modifiers
 */
.float-left {
  float: left;
  margin-right: 1em;
}

.float-right {
  float: right;
  margin-left: 1em;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-mathfrag {
  font-family: "Times New Roman", serif;
  font-size: 1.15em;
}

/* 
    The purpose of truncate is to add an ellipsis (...) on text that is too long for its container
    This can be useful when displaying tablular data in a responsive manner. It is a good idea to use
    the title attribute so the user can mouse over to see the full text if the text has been truncated.
*/
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}

.truncate-small {
  width: 100px;
}

.truncate-medium {
  width: 250px;
}

.truncate-large {
  width: 350px;
}

div.type-ahead-wrapper, div.ui-select-container {
  position: relative;
}

div.type-ahead-wrapper > ul.dropdown-menu,
div.ui-select-container > ul.ui-select-choices {
  position: absolute;
  bottom: 100% !important;
  top: auto !important;
  overflow-x: auto;
  width: auto;
}

.hidden {
  visibility: hidden;
  display: none;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.smaller {
  width: 30% !important;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.margin-top-10 {
  margin-top: 10px;
}

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

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-left-0 {
  margin-left: 0;
}

.margin-right-0 {
  margin-left: 0;
}

.inline-block {
  display: inline-block;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > .col-vertical-align {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
 horizontally inside the column */
}

.dropdown-menu {
  z-index: 2000;
}

/* 
* -----------------------------------------------------------------------------
*    Styling from 3rd part components    
* -----------------------------------------------------------------------------
*/
/*
* Toastr
* Version 2.0.1
* Copyright 2012 John Papa and Hans Fjällemark.  
* All Rights Reserved.  
* Use, reproduction, distribution, and modification of this code is subject to the terms and 
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
*
* Author: John Papa and Hans Fjällemark
* Project: https://github.com/CodeSeven/toastr
*/
/* Is this being used, shouldn't this be in the bower folder with the rest of the angular-bootstrap things?? Need to check this out.  */
.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  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;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*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;
  -webkit-appearance: none;
}

.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-center {
  top: 12px;
}

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

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

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

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

.toast-center {
  top: 45%;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container.toast-center,
#toast-container.toast-top-center,
#toast-container.toast-bottom-center {
  width: 100%;
  pointer-events: none;
}

#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  margin: auto;
  pointer-events: auto;
}

#toast-container.toast-center > button,
#toast-container.toast-top-cente > button,
#toast-container.toast-bottom-center > button {
  pointer-events: auto;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-wait {
  background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

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

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

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

.toast-wait {
  background-color: #2f96b4;
}

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

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > 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 > 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 > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*
 * AngularJS-Toaster
 * Version 0.3
*/
:not(.no-enter)#toast-container > div.ng-enter,
:not(.no-leave)#toast-container > div.ng-leave {
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container > div.ng-leave {
  opacity: 0.8;
}

:not(.no-leave)#toast-container > div.ng-leave.ng-leave-active,
:not(.no-enter)#toast-container > div.ng-enter {
  opacity: 0;
}

/* this is also in the bower folder, why did we have a css file for it? is there any modifications to the original file ??*/
.ng-table th {
  text-align: left; /* this has been changed from our original file */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ng-table th.sortable {
  cursor: pointer;
}

.ng-table th.sortable div {
  padding-right: 18px;
  position: relative;
}

.ng-table th.sortable div:after,
.ng-table th.sortable div:before {
  content: "";
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: visible;
  right: 8px;
  top: 50%;
  position: absolute;
  opacity: 0.3;
  margin-top: -4px;
}

.ng-table th.sortable div:before {
  margin-top: 2px;
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
}

.ng-table th.sortable div:hover:after,
.ng-table th.sortable div:hover:before {
  opacity: 1;
  visibility: visible;
}

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.ng-table th.sortable.sort-desc div:after,
.ng-table th.sortable.sort-asc div:after {
  margin-top: -2px;
}

.ng-table th.sortable.sort-desc div:before,
.ng-table th.sortable.sort-asc div:before {
  visibility: hidden;
}

.ng-table th.sortable.sort-asc div:after,
.ng-table th.sortable.sort-asc div:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.ng-table th.sortable.sort-desc div:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.ng-table th.filter .input-filter {
  margin: 0;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ng-table + .pagination {
  margin-top: 0;
}

@media only screen and (max-width: 800px) {
  .ng-table-responsive {
    border-bottom: 1px solid #999999;
  }
  .ng-table-responsive tr {
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
  }
  .ng-table-responsive td:before {
    position: absolute;
    padding: 8px;
    left: 0;
    top: 0;
    width: 50%;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .ng-table-responsive thead tr th {
    text-align: left;
  }
  .ng-table-responsive thead tr.ng-table-filters th {
    padding: 0;
  }
  .ng-table-responsive thead tr.ng-table-filters th form > div {
    padding: 8px;
  }
  .ng-table-responsive td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }
  .ng-table-responsive td:before {
    content: attr(data-title-text);
  }
  .ng-table-responsive,
  .ng-table-responsive thead,
  .ng-table-responsive tbody,
  .ng-table-responsive th,
  .ng-table-responsive td,
  .ng-table-responsive tr {
    display: block;
  }
}
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.9.10-develop - 2015-02-26T06:13:03.724Z
* License: MIT
*/
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close {
  display: none;
}

.select-locked > .ui-select-match-close {
  display: none;
}

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-select-bootstrap > .ui-select-match {
  /* Instead of center because of .btn */
  text-align: left;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
  width: 100% !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}

/* 
* treeGrid.css
*
* Styles for the tree-grid
* for both Bootstrap 2 and Bootstrap 3
*
*/
.tree-grid-animate-enter,
.tree-grid-row.ng-enter {
  -moz-transition: 200ms linear all;
  -o-transition: 200ms linear all;
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
  position: relative;
  display: block;
  opacity: 0;
  max-height: 0;
}

.tree-grid-animate-enter.tree-grid-animate-enter-active,
.tree-grid-row.ng-enter-active {
  opacity: 1;
  max-height: 30px;
}

.tree-grid-animate-leave,
.tree-grid-row.ng-leave {
  -moz-transition: 200ms linear all;
  -o-transition: 200ms linear all;
  -webkit-transition: 200ms linear all;
  transition: 200ms linear all;
  position: relative;
  display: block;
  height: 30px;
  max-height: 30px;
  opacity: 1;
}

.tree-grid-animate-leave.tree-grid-animate-leave-active,
.tree-grid-row.ng-leave-active {
  height: 0;
  max-height: 0;
  opacity: 0;
}

/*
 * Angular 1.2.0 Animation placeholders.
 */
/*
 * Normal CSS styles.
 */
.tree-grid i.indented {
  padding: 2px;
}

.tree-grid .level-1 .indented {
  position: relative;
  left: 0;
}

.tree-grid .level-2 .indented {
  position: relative;
  left: 20px;
}

.tree-grid .level-3 .indented {
  position: relative;
  left: 40px;
}

.tree-grid .level-4 .indented {
  position: relative;
  left: 60px;
}

.tree-grid .level-5 .indented {
  position: relative;
  left: 80px;
}

.tree-grid .level-6 .indented {
  position: relative;
  left: 100px;
}

.tree-grid .level-7 .indented {
  position: relative;
  left: 120px;
}

.tree-grid .level-8 .indented {
  position: relative;
  left: 140px;
}

.tree-grid .level-9 .indented {
  position: relative;
  left: 160px;
}

.tree-grid .tree-icon,
.tree-label {
  cursor: pointer;
}

table.tree-grid {
  max-height: 500px;
  overflow-y: scroll;
}

/* Overrides and customization for openLayers map */
.ol-mouse-position {
  right: 80px !important;
}

.ol-touch .line-risk {
  top: 80px;
}

.ol-touch .reset-view {
  top: 5.39em;
}

.ol-touch .hierarchy-selection-view {
  top: 8.11em;
}

.ol-touch .hierarchy-selection-view button {
  font-size: 1.5em;
}

.alpha-slider.shown.ol-control {
  background-color: transparent;
}

.alpha-slider.shown.ol-control:hover {
  background-color: transparent;
}

.alpha-slider {
  position: absolute;
  bottom: 1.3em;
  right: 0.5em;
}

.alpha-slider.bottom {
  bottom: -2.9em;
  right: 4.75em;
}

.ol-touch .alpha-slider {
  bottom: 5.17em;
}

.alpha-slider.shown {
  bottom: 1.3em;
}

.alpha-slider.bottom.shown {
  bottom: -2.8em;
}

.alpha-slider .panel {
  padding: 0 1em 0 0;
  padding-left: 10px;
  margin: 0;
  border: 3px solid rgba(0, 60, 136, 0.8);
  border-radius: 4px;
  background-color: rgba(0, 60, 136, 0.6);
  display: none;
  max-height: 100%;
  overflow-y: auto;
  color: white;
  width: 350px;
}

.alpha-slider .panel > rzslider .rz-bubble {
  color: #FFFFFF !important;
}

.alpha-slider.shown .panel {
  display: block;
}

.alpha-slider.shown button {
  display: none;
}

.alpha-slider button:focus, .alpha-slider button:hover {
  /*background-color: rgba(0, 60, 136, 0.7);*/ /* DNV GL style used instead */
}

.alpha-slider.touch ::-webkit-scrollbar {
  width: 4px;
}

.alpha-slider.touch ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.alpha-slider.touch ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* 
 * -----------------------------------------------------------------------------
 *   Components
 * -----------------------------------------------------------------------------
 *
 * Styling for diferent UI elements  
 *
 */
/*  Breadcrumbs styles   */
.dnvgl-breadcrumbs {
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .dnvgl-breadcrumbs {
    padding: 0 20px;
  }
}
/*.dnvgl-breadcrumbs + article > header {
    padding-top: 0;
}*/
.dnvgl-breadcrumbs ul {
  margin-bottom: 10px;
  padding: 0;
}

.dnvgl-breadcrumbs ul li {
  display: inline-block;
  margin: 0;
}

.dnvgl-breadcrumbs ul li a {
  text-decoration: none;
  padding: 0 10px 0 0px;
  position: relative;
  color: #003591;
  font-size: 14px;
}

.dnvgl-breadcrumbs ul li a:visited {
  color: #003591;
}

.dnvgl-breadcrumbs ul li a:hover {
  color: #36842D;
}

.dnvgl-breadcrumbs ul li a:before {
  font-size: 0.75em;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

/* Table styling for Synergi Pipeline  */
/* styles for table filtering template */
.input-group.table-filter {
  width: 120px;
  margin-top: 0px;
}

.form-control.table-filter {
  width: 100px;
  font-size: 12px;
}

/* Styles for Tree-Grid inline edit*/
.form-control.form-control-inline {
  min-width: 0;
  width: auto;
  display: inline;
}

.table-sm tr {
  height: 40px;
}

.expandable-table .expandable-content {
  min-height: 45px;
  font-weight: 400;
  line-height: 1.5;
}
.expandable-table .expandable-content .content-heading {
  color: #0067c5;
}
.expandable-table .icon-wrapper {
  float: right;
}

.background-grey {
  background-color: rgba(0, 0, 0, 0.075);
}

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: #ccecf8;
  color: #003591;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.visibleColumns {
  min-width: 200px;
}

/* Bootstrap override: autosize modal based on content, needed to avoid modal to look strange when many rows in a table inside a modal.   */
.autoModal.modal .modal-body {
  max-height: 100%;
}

.modal-dialog.modal-xl {
  width: 1700px;
}

@media (max-width: 1550px) {
  .modal-xl {
    max-width: 1500px;
  }
}
.modal-content {
  border-radius: 0;
}

.nav > li > a {
  text-decoration: none !important;
}

/* Distribution Risk Map */
.distribution-risk-map {
  width: 100%;
  height: 700px;
  background-color: aliceblue;
}

.distribution-risk-map:-moz-full-screen {
  height: 100%;
}

.distribution-risk-map:-webkit-full-screen {
  height: 100%;
}

.distribution-risk-map:-ms-fullscreen {
  height: 100%;
}

.distribution-risk-map:fullscreen {
  height: 100%;
}

.distribution-risk-map-info {
  padding-top: 3px;
  font-size: 11px;
  margin-right: 2px;
}

.data-viewer-asset-map {
  width: 100%;
  height: 250px;
  background-color: aliceblue;
}

/* Reset view */
.reset-view {
  top: 4.22em;
  left: 0.5em;
}

.shown {
  z-index: 2000;
}

.hierarchy-selection-view {
  top: 6.35em;
  left: 0.5em;
}

.measurement-tool {
  top: 8.48em;
}

.coordinate-tool {
  top: 10.61em;
}

.measurement-tool, .coordinate-tool {
  left: 0.5em;
  position: absolute;
}

.measurement-tool > .panel, .coordinate-tool > .panel {
  padding: 0 1em 0 0;
  padding-left: 10px;
  margin: 0;
  margin-left: 34px;
  border: 3px solid rgba(0, 60, 136, 0.8);
  border-radius: 4px;
  background-color: rgba(0, 60, 136, 0.6);
  max-height: 100%;
  overflow-y: auto;
  color: white;
}

.measurement-tool .enabled button, .coordinate-tool .enabled button {
  color: white;
  background-color: rgb(15, 32, 75);
}

.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
  font-size: 12px;
}

.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}

.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
  font-weight: bold;
}

.ol-tooltip-measure:before, .ol-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}

.ol-tooltip-static:before {
  border-top-color: #ffcc33;
}

.ol-tooltip-overlay {
  pointer-events: none;
}

/* Analysis items */
/* Copied from ol3-layerswitcher */
.analysis-items.shown.ol-control {
  background-color: transparent;
}

.analysis-items.shown.ol-control:hover {
  background-color: transparent;
}

.analysis-items {
  position: absolute;
  bottom: 0.9em;
  right: 0.5em;
  text-align: left;
}

.analysis-items.bottom {
  bottom: -1.2em;
  right: 2.6em;
}

.ol-touch .analysis-items {
  bottom: 3.65em;
}

.analysis-items.shown {
  bottom: 0.9em;
  max-height: 600px;
}

.analysis-items.bottom.shown {
  bottom: -3em;
  max-height: 250px;
}

.analysis-items.shown button {
  display: none;
}

.analysis-items .panel {
  padding: 0 1em 0 0;
  margin: 0;
  border: 3px solid rgba(0, 60, 136, 0.8);
  border-radius: 4px;
  background-color: rgba(0, 60, 136, 0.6);
  display: none;
  max-height: inherit;
  overflow-y: auto;
  color: white;
}

.analysis-items.shown .panel {
  display: block;
}

.analysis-items.shown button {
  display: none;
}

analysis-items button:focus, .analysis-items button:hover {
  /*background-color: rgba(0, 60, 136, 0.7);*/ /* DNV GL style used instead */
}

.analysis-items ul {
  padding-left: 1em;
  list-style: none;
  margin: 4px;
}

.analysis-items li.group {
  padding-top: 5px;
}

.analysis-items li.group > label {
  font-weight: bold;
}

.analysis-items li.layer {
  display: table;
  margin-bottom: 0px;
}

.analysis-items li.layer label, .analysis-items li.layer input {
  display: table-cell;
  vertical-align: sub;
  font-size: 16px;
  color: rgb(255, 255, 255);
}

.analysis-items input {
  margin: 4px;
  vertical-align: baseline !important;
}

.analysis-items.touch ::-webkit-scrollbar {
  width: 4px;
}

.analysis-items.touch ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.analysis-items.touch ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* End of overrides and analysis item customization for openLayers map */
.esriPopup .iconDataViewer, .esriPopup .iconSummary, .esriPopup .iconViewDetails {
  white-space: nowrap;
  margin-bottom: 5px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left;
}

.googleMapsConfig {
  border: 1px solid silver;
  background: white;
  padding: 8px;
  min-height: 275px;
  width: 1000px;
  margin-left: 20px;
  margin-top: 8px;
}

.googleMapsConfig label {
  display: block;
  font-size: 10px;
  font-weight: bold;
}

.map_link {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 1;
  height: 0px;
  width: 150px;
}

#side_bar {
  background-color: white;
  border: 1px solid silver;
  font-family: verdana;
  font-size: 10px;
  padding: 8px;
  position: absolute;
  right: 5px;
  text-align: right;
  top: 35px;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.map_radioGroup {
  position: absolute;
  background-color: transparent;
  left: 10px;
  top: 0px;
  height: 0px;
  z-index: 2;
  font-family: verdana;
  font-size: 10px;
}

#mapContainer {
  width: 100%;
  height: 700px;
  border: solid 1px silver;
  clear: both;
  background-color: white;
  border-top: none;
}

#mapContainerFullScreen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  margin-bottom: 23px;
  border: solid 1px silver;
}

.iconViewDetails {
  background-image: url("./../images/GridIcons/View.png");
  background-repeat: no-repeat;
  background-position: top;
  height: 16px;
  width: 16px;
  display: block;
}

.iconSummary {
  background-image: url("./../images/DocRef/document.png");
  background-repeat: no-repeat;
  background-position: top;
  height: 16px;
  width: 16px;
  display: block;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

.input-group-addon {
  background-color: #ffffff;
}

.scrollable-dropdown-menu .dropdown-menu {
  max-height: 230px;
  overflow-y: auto;
}

.chart-filters {
  margin-bottom: 10px;
}
.chart-filters > .form-group {
  margin-right: 4%;
}
.chart-filters > .form-group > label {
  margin-right: 15px;
}
.icon-select {
  font-family: "Font Awesome 5 Pro", Verdana !important;
}

.btn-light.btn-secondary {
  border-color: #99d9f0;
  background-color: white;
  color: #0067c5;
}

.btn-light.btn-secondary:hover:enabled {
  background-color: #e5f5fb;
  border-color: #99d9f0;
  color: #0067c5;
}

.btn-light.btn-secondary:focus {
  background-color: #e5f5fb;
  border-color: #99d9f0;
  color: #0067c5;
  box-shadow: 0 0 0 0.125rem #33b2e1 !important;
  outline: 0;
}

.triangle-border {
  position: relative;
  border: 5px solid #e5f5fb;
  color: #333;
  background: #fff;
  animation-delay: 1s;
}
.triangle-border:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 40px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #e5f5fb transparent;
  display: block;
  width: 0px;
}
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 47px;
  border-width: 13px 13 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
.triangle-border.top:before {
  top: -20px;
  bottom: auto;
  left: auto;
  right: 40px;
  border-width: 0 20px 20px;
}
.triangle-border.top:after {
  top: -13px;
  bottom: auto;
  left: auto;
  right: 47px;
  border-width: 0 13px 13px;
}
.triangle-border:hover {
  border-color: #e5f5fb;
}

.active-filter-heading {
  margin-right: 10px;
  font-weight: normal;
}

.active-filter-label {
  margin-right: 5px;
  margin-left: 5px;
  font-weight: normal;
}

.active-filtered-value {
  font-size: 16px;
  font-weight: normal;
}

.active-filter-seperator {
  margin-top: 10px;
}
.active-filter-seperator.top {
  margin-bottom: 10px;
}

.active-filter-seperator-generic {
  margin-top: 5px;
}
.active-filter-seperator-generic.top {
  margin-bottom: 5px;
}

.dropdown-label {
  border-radius: 0.25em !important;
  font-size: 75%;
  height: 75%;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

.tabs div ul.nav-tabs li.nav-item a.nav-link, .tabs ul.nav-tabs li.nav-item a.nav-link {
  border-bottom: initial;
}
.tabs div ul.nav-tabs li.nav-item.active a.nav-link, .tabs ul.nav-tabs li.nav-item.active a.nav-link {
  border-bottom: 4px solid #0f204b;
  font-weight: 700;
  color: #24365c;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

.eye-icon i {
  color: #24365c;
}

.close-icon {
  cursor: pointer;
}
.close-icon i {
  color: #c4262e;
}

.tree-view-item span.filter-icon {
  visibility: hidden;
}
.tree-view-item span.filter-icon .fa-filter {
  color: #999999;
  cursor: pointer;
}
.tree-view-item span.filter-icon:hover, .tree-view-item span.filter-icon:active, .tree-view-item span.filter-icon:focus {
  visibility: visible;
}
.tree-view-item span.filter-icon:hover .fa-filter, .tree-view-item span.filter-icon:active .fa-filter, .tree-view-item span.filter-icon:focus .fa-filter {
  color: #24365c;
}
.tree-view-item span.active-filter {
  visibility: visible;
}
.tree-view-item span.active-filter > .fa-filter {
  color: #24365c;
  /*&:hover, &:active, &:focus {
      color: $dnvgl-grey-light;
  }*/
}
.tree-view-item span.no-assets {
  position: relative;
  top: -2px;
  padding: 3px 8px;
}

.asset-view-toggle {
  margin-bottom: 10px;
}
.asset-view-toggle label {
  padding: 10px 60px;
  font-family: Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}

#assetTree .selector-input {
  min-height: 728px;
  border: 1px solid #ccc;
  border-radius: 0;
}
#assetTree .selector-input .line-tree {
  padding-left: 10px;
  padding-top: 6px;
  overflow: auto;
}
#assetTree span.tree-view-legend {
  height: 15px;
  font-size: 10px;
  text-align: center;
  margin-top: -3px;
  min-width: 26px;
  width: auto;
  line-height: 16px;
  padding-left: 5px;
  padding-right: 5px;
}

.hierarchy-selector .selector-input {
  min-height: 728px;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  padding: 10px;
}

.hierarchy-selector .line-tree {
  padding-left: 10px;
  padding-top: 6px;
  overflow: auto;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
}

.has-clear {
  position: relative;
}

.hierarchy-selector ul {
  list-style-type: none;
  padding-inline-start: 22px;
}

.hierarchy-selector #chkSelectAll {
  left: 2px;
  top: 5.5px;
}

.selectable {
  cursor: pointer;
}

.selectable:hover {
  background-color: #f2f2f2;
  padding: 2px 4px;
  margin-left: -4px;
}

.item-selected {
  background-color: #ccecf8 !important;
  padding: 2px 4px;
  margin-left: -4px;
}

.blank-icon {
  display: inline-block;
}

.label-cursor {
  cursor: default;
}

.no-icon-margin {
  margin-left: 24px;
}

.assets-header {
  padding-inline-start: 22px;
  font-size: 0.875rem;
  font-family: "Avenir Medium";
}

@media only screen and (min-width: 992px) {
  #assetTree #assetTreeSearch #hiearchyInput {
    padding-right: 5px;
  }
  #assetTree #assetTreeSearch #assetTypeInput {
    padding-left: 5px;
    padding-right: 5px;
  }
  #assetTree #assetTreeSearch #assetInput {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 991px) {
  #assetTree #assetTreeSearch {
    margin-bottom: 10px;
  }
}
.zero-right-padding {
  padding-right: 0px !important;
}

.selectable, .pointer {
  cursor: pointer;
}

.badgeThreat {
  line-height: 0.5;
  background-color: transparent;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

#compareRiskMatrix .compare-heading {
  font-weight: 700;
}
#compareRiskMatrix .table-compare-risk-matrix {
  border-top: 1px solid #24365c;
  border-bottom: 1px solid #24365c;
  border-left: none;
  border-right: none;
}
#compareRiskMatrix .move-header-up {
  position: relative;
  top: -20px;
}
#compareRiskMatrix .display-toggle {
  margin-left: 15px;
}

.compare-risk-matrix-keys-wrapper {
  padding-top: 15px;
  border-top: 2px solid #24365c;
}
.compare-risk-matrix-keys-wrapper .compare-risk-matrix-keys .matrix-key {
  margin-right: 5%;
  display: inline-block;
}
.compare-risk-matrix-keys-wrapper .compare-risk-matrix-keys .matrix-key .key-legend {
  margin-right: 14px;
}
.compare-risk-matrix-keys-wrapper .compare-risk-matrix-keys .matrix-key .key-title {
  font-size: 16px;
  font-weight: bold;
}
.compare-risk-matrix-keys-wrapper .compare-risk-matrix-keys:last-child {
  margin-right: 0;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

.matrix-details-heading h4 {
  font-size: 16px;
  color: #333333;
}
.matrix-details-heading h5 {
  font-size: 15px;
  color: #333333;
}
.matrix-details-heading .matrix-details-message {
  border-bottom: 4px solid;
  padding-bottom: 2px;
}

/* Pipeline specific colors   */
.btn-default {
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.btn-default:hover {
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.btn-default.disabled, .btn-default:disabled {
  color: #212529;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #212529;
  background-color: #e5f5fb;
  border-color: #99d9f0;
}

.ui-select-bootstrap .ui-select-toggle {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ui-select-bootstrap .ui-select-toggle:focus,
.ui-select-bootstrap .ui-select-toggle.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.ui-select-bootstrap .ui-select-toggle:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ui-select-bootstrap .ui-select-toggle:active,
.ui-select-bootstrap .ui-select-toggle.active,
.ui-select-bootstrap .open > .dropdown-toggle.ui-select-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ui-select-bootstrap .ui-select-toggle:active:hover,
.ui-select-bootstrap .ui-select-toggle.active:hover,
.ui-select-bootstrap .open > .dropdown-toggle.ui-select-toggle:hover,
.ui-select-bootstrap .ui-select-toggle:active:focus,
.ui-select-bootstrap .ui-select-toggle.active:focus,
.ui-select-bootstrap .open > .dropdown-toggle.ui-select-toggle:focus,
.ui-select-bootstrap .ui-select-toggle:active.focus,
.ui-select-bootstrap .ui-select-toggle.active.focus,
.ui-select-bootstrap .open > .dropdown-toggle.ui-select-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.ui-select-bootstrap .ui-select-toggle:active,
.ui-select-bootstrap .ui-select-toggle.active,
.ui-select-bootstrap .open > .dropdown-toggle.ui-select-toggle {
  background-image: none;
}
.ui-select-bootstrap .ui-select-toggle.disabled:hover,
.ui-select-bootstrap .ui-select-toggle[disabled]:hover,
.ui-select-bootstrap fieldset[disabled] .ui-select-toggle:hover,
.ui-select-bootstrap .ui-select-toggle.disabled:focus,
.ui-select-bootstrap .ui-select-toggle[disabled]:focus,
.ui-select-bootstrap fieldset[disabled] .ui-select-toggle:focus,
.ui-select-bootstrap .ui-select-toggle.disabled.focus,
.ui-select-bootstrap .ui-select-toggle[disabled].focus,
.ui-select-bootstrap fieldset[disabled] .ui-select-toggle.focus {
  background-color: #fff;
  border-color: #ccc;
}
.ui-select-bootstrap .ui-select-toggle .badge {
  color: #fff;
  background-color: #333;
}
.ui-select-bootstrap .ui-select-match-text {
  height: 24px;
}
.ui-select-bootstrap .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.fade.in {
  opacity: 1;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-dialog .modal-header .modal-title {
  margin-top: 0;
}

.form-control.table-filter {
  width: 1%;
}

.ng-table-pagination {
  margin-top: 0;
  display: inline-block;
  padding-left: 0;
  margin: 0 0 20px 0;
  border-radius: 4px;
}

.ng-table-pagination > li {
  display: inline;
}

.ng-table-pagination > li > a, .ng-table-pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.ng-table-pagination > .active > a, .ng-table-pagination > .active > a:focus, .ng-table-pagination > .active > a:hover, .ng-table-pagination > .active > span, .ng-table-pagination > .active > span:focus, .ng-table-pagination > .active > span:hover {
  z-index: 2;
  color: #0f204b;
  cursor: default;
  background-color: #e5f5fb;
  border-color: #99d9f0;
}

.ng-table-pager .ng-table-counts {
  float: right !important;
}

.uib-daypicker table thead th {
  vertical-align: unset;
  border-bottom: none;
}
.uib-daypicker table tr {
  height: auto;
}
.uib-daypicker table tr td {
  padding: 0;
  vertical-align: unset;
  border-top: none;
}

.ui-select-container, .ui-select-dropdown {
  display: block;
}

/*.wizard {
    .nav-pills {
        .nav-item {
            .nav-link {
                border-radius: 0;
                height: 100%;
            }

            a.active {
                background-color: #003591 !important;

                &:hover {
                    color: white;
                }
            }
        }
    }

    .badge {
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700 !important;
        letter-spacing: 0;
        line-height: 1;
        color: white;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #777;
        border-radius: 10px;
    }

    .badge-light {
        color: #337ab7;
        background-color: #fff;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #eee;
    }

    .wizard-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

    padding-bottom: 10px;

    .btn + .btn {
        margin-left: 5px;
    }
}

.wizard-navigation-buttons-container {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}*/
.fa-white {
  color: white !important;
}

.full-screen-wizard .nav-pills .nav-item {
  max-width: 16%;
}

.has-error .help-block,
.has-error .col-form-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.risk-matrices .risk-matrix {
  margin-bottom: 50px;
}
.risk-matrices .risk-matrix .lof-categories {
  margin-bottom: -26px;
}
.risk-matrices .risk-matrix .fix-alignment {
  height: 20px;
}

.badge {
  width: auto !important;
}

.table-sm > tbody > tr > td, .table-sm > tbody > tr > th {
  padding: 5px;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
  color: white;
}

a:not([href]):not([tabindex]) {
  color: #0067C5;
}

.modal-xl {
  max-width: 1700px;
}

@media (max-width: 1550px) {
  .modal-xl {
    max-width: 1500px;
  }
}
.modal-lg {
  max-width: 900px;
}

.modal-md {
  max-width: 600px;
}

.modal-sm {
  max-width: 300px;
}

@media (min-width: 1200px) {
  .dnvgl-breadcrumbs ul {
    margin-left: 148px;
  }
}
.intro-text {
  color: #36842D !important;
}

.menu-element {
  font-weight: normal !important;
}

/* ADO 450350 - Fix for not being able to hide series due to oneDesign.css */
.highcharts-container g[visibility=hidden] {
  visibility: hidden;
}

.date-time-input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.date-time-input-text {
  position: absolute;
  cursor: default;
}

.date-time-input-date {
  position: absolute;
}

.date-time-input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #00348F;
}
.date-time-input-icon.date-time-input-icon-open {
  right: 1rem;
}
.date-time-input-icon.date-time-input-icon-clear {
  right: 2.5rem;
}

input[type=date].date-time-input-date:invalid,
input[type=datetime-local].date-time-input-date:invalid,
input[type=time].date-time-input-date:invalid,
input[type=date].date-time-input-date:valid,
input[type=datetime-local].date-time-input-date:valid,
input[type=time].date-time-input-date:valid {
  background-image: none !important;
}

input[type=date].date-time-input-date::-webkit-calendar-picker-indicator,
input[type=datetime-local].date-time-input-date::-webkit-calendar-picker-indicator,
input[type=time].date-time-input-date::-webkit-calendar-picker-indicator {
  background-color: white;
}

/* 
* -----------------------------------------------------------------------------
*   Page Layout styles  
* -----------------------------------------------------------------------------
*/
.page-details {
  margin-bottom: 5px;
}

.button-container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.custom-control:not(.custom-switch, .form-switch) input[type=checkbox] + label:after, .custom-control:not(.custom-switch, .form-switch) input[type=radio] + label:after, .form-check:not(.custom-switch, .form-switch) input[type=checkbox] + label:after, .form-check:not(.custom-switch, .form-switch) input[type=radio] + label:after {
  background-color: hsl(0, 0%, 100%);
  color: hsla(0, 0%, 100%, 0);
}

.custom-control:not(.custom-switch, .form-switch) input[type=checkbox]:checked + label:after, .custom-control:not(.custom-switch, .form-switch) input[type=radio]:checked + label:after, .form-check:not(.custom-switch, .form-switch) input[type=checkbox]:checked + label:after, .form-check:not(.custom-switch, .form-switch) input[type=radio]:checked + label:after {
  background-color: #00348f;
  color: #fff;
}

select.custom-select {
  -webkit-appearance: auto;
  appearance: auto;
}

.fixbackgroundColor {
  background-color: hsl(0, 0%, 100%) !important;
}

/* Styling for forms */
.form-control-static-small {
  margin-left: 10px;
  font-weight: 700 !important;
  font-size: 0.85em !important;
}

.form-control-static {
  margin-left: 10px;
}

.form-control {
  border-radius: 0;
}

.rowListing:hover {
  background: #F2F2F2;
}

.form-group .radio, .checkbox {
  margin-top: 1px;
}

.requiredElement {
  color: #F02E11;
}

.inputValidationError {
  border: 1px solid #F02E11;
  background-color: #ffeeee;
}

label.inputValidationError {
  color: inherit;
  border: none;
  background-color: inherit;
}

/* Header styles */
.navbar {
  margin-bottom: 0px;
}

nav.navbar.navbar-dnvgl {
  border-bottom-width: 1px;
  padding-bottom: 16px;
}

nav.navbar.navbar-dnvgl .navbar-nav .nav-link {
  border-bottom-width: 3px !important;
  border-left-width: 6px !important;
  border-left-color: transparent;
}

nav.navbar.navbar-dnvgl .navbar-nav .nav-link:hover {
  border-bottom-color: #0f204b !important;
}

/* 
 * -----------------------------------------------------------------------------
 *   Page specific styles 
 * -----------------------------------------------------------------------------
 */
/* Pipeline specific colors   */
/* LOGIN */
.login-container {
  width: 699px;
  margin: 0 auto;
  background-image: url(../images/Login-Synergi_Pipeline.png);
  height: 437px;
  color: #FFF;
}

.credential-container {
  float: right;
  width: 250px;
  margin-top: 180px;
  margin-right: 60px;
}

.loginBoxTable td {
  line-height: 26px;
}

.BrixLogin span#login_ctl01 {
  display: block !important;
}

.BrixLogin .Box #login_ctl01_loginTitle {
  display: block !important;
}

span#ctl01 table {
  border: none !important;
}

input {
  box-sizing: border-box;
}

.lineSelectorLabelContent {
  margin-bottom: 0;
  text-align: left;
}

.threatSelectorLabelContent {
  margin-bottom: 0;
  text-align: left;
}

.search-input {
  margin-bottom: 10px;
  width: 400px;
  box-sizing: border-box;
}

.selector-input {
  border: solid 1px rgb(204, 204, 204);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px;
}

.expand-collapse-link {
  cursor: pointer;
  float: left;
  width: 25px;
  text-align: center;
  margin-bottom: -2px;
  padding-bottom: 0;
  min-height: 10px;
}

.select-label {
  cursor: pointer;
  display: inline-block;
  min-width: 350px;
  margin-bottom: 2px;
  text-align: left;
}

.line-tree ul, ul.line-tree {
  list-style: none;
  margin-bottom: 0;
}

.formula {
  padding: 5px;
  display: inline-block;
}

.composite-factor-link {
  font-weight: bold;
}

.engine-factor {
  color: deepskyblue;
}

.model-builder-formula-display {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  white-space: nowrap;
}

.edit-formula-button-container, .edit-transformation-button-container {
  width: 42px;
  display: inline-block;
  vertical-align: top;
}

.transformation-editor-view, .transformation-editor-edit {
  display: inline-block;
}

.transformation-editor-view div {
  float: left;
}

.transformation-editor-view div:first-child {
  margin: 5px 5px 0 5px;
}

.formula-input {
  width: 500px;
  display: inline;
}

.edit-factor-value input {
  width: 300px;
}

.edit-factor-comment input {
  width: 150px;
}

.modelDetailsContent input {
  width: 300px;
}

.modelDetailsContent textarea {
  width: 273px;
}

.table .edit-buttons {
  white-space: nowrap;
  align-content: center;
  align-items: center;
}

.tab-pane {
  padding-top: 10px;
}

.transformation-table input {
  font-size: 12px;
}

#modelRunner {
  margin-left: 25px;
}

.comment-textarea {
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a.model-link {
  font-weight: bold;
  font-style: italic;
}

.transformation-table td, .transformation-table th {
  padding: 5px;
}

.transformation-table thead tr:last-child {
  border-bottom: gray solid 1px;
}

.transformation-view th:first-child, .dual-transformation-input th:first-child {
  border-right: gray solid 1px;
}

.dual-transformation-input .input-factor-label {
  width: 200px;
}

.single-transformation-input .input-factor-label {
  width: 120px;
}

.transformation-input-selector {
  white-space: nowrap;
  margin-bottom: 10px;
}

.transformation-input-selector select, .transformation-input-selector input[type=text] {
  margin-right: 5px;
  width: 200px;
  display: inline-block;
}

.transformation-input-selector input[type=checkbox] {
  width: auto;
}

.transformation-range-input input {
  width: 150px;
}

.transformation-range-input input.from-to-range {
  width: 73px;
  display: inline-block;
}

.transformation-range-header {
  border: none;
  text-align: center;
}

.node rect {
  stroke: #333;
  fill: #fff;
}

.edgePath path {
  stroke: MediumSeaGreen;
  stroke-width: 1px;
  stroke-dasharray: 1, 1;
  fill-rule: evenodd;
}

#modelBuilder .ng-table th.sortable.sort-desc, #modelBuilder .ng-table th.sortable.sort-asc {
  background-color: white;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke: black;
  stroke-width: 1px;
}

.linebkground {
  fill: none;
  stroke: white;
  stroke-opacity: 0.5;
  stroke-width: 6px;
}

.bar {
  fill: steelblue;
  border: #fff;
}

.bar:hover {
  fill: #999;
}

#explanation {
  position: relative;
  width: 140px;
  text-align: center;
  z-index: 10;
  color: black;
}

.risk-category-column {
  text-align: center;
  width: 75px;
}

.risk-value-column {
  text-align: right;
  width: 75px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.iconDataViewer.inline {
  display: inline-block;
  margin-bottom: -2px;
  margin-right: 5px;
}

.threat-tree label {
  font-weight: normal;
  display: block;
}

.threat-tree .form-group {
  min-width: 382px;
}

.threat-tree .input-group {
  width: 100%;
  margin-bottom: 2px;
}

.threat-tree .form-control {
  height: 100%;
}

.threat-tree .input-group-addon {
  width: 120px;
  text-align: left;
}

.colorSquare {
  width: 20px;
  height: 20px;
  margin: auto;
  display: inline-block;
  border: 1px solid gray;
  vertical-align: middle;
}
.colorSquare.green {
  background-color: rgb(54, 132, 45);
}
.colorSquare.yellow {
  background-color: rgb(255, 216, 58);
}
.colorSquare.orange {
  background-color: rgb(233, 131, 0);
}
.colorSquare.red {
  background-color: rgb(196, 38, 46);
}
.colorSquare.darkred {
  background-color: rgb(148, 28, 34);
}
.colorSquare.black {
  background-color: rgb(0, 0, 0);
}
.colorSquare.gray {
  background-color: rgb(152, 143, 134);
}
.colorSquare.violet {
  background-color: rgb(110, 80, 145);
}
.colorSquare.seablue {
  background-color: rgb(0, 53, 145);
}
.colorSquare.cyan {
  background-color: rgb(0, 159, 218);
}
.colorSquare.violet {
  background-color: rgb(110, 80, 145);
}

.ui-select-bootstrap .ui-select-match-text {
  display: inline-block;
  overflow: hidden;
}

#segmentTab .tab-content {
  border: solid rgb(221, 221, 221) 1px;
  border-collapse: collapse;
  border-top-style: none;
  border-radius: 0 0 1px 1px;
  padding-left: 15px;
}

.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

.default-value {
  background-color: #ccecf8;
}

infoTextBox {
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 20px;
}

.infoTextBox table {
  border-collapse: collapse;
}

.infoTextBox th {
  text-align: right;
  border: solid 1px silver;
  padding: 4px;
  vertical-align: top;
}

.infoTextBox td {
  border: solid 1px silver;
  padding: 4px;
  min-width: 80px;
}

.infoTextBox ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
  margin: 0;
}

.infoTextBox li {
  font-size: 12px;
}

.infoTextBox td.warning {
  color: red;
}

.infoTextBox table tr:hover {
  background-image: -moz-linear-gradient(top, #e3f8e3, #b3d5b3);
  background-image: -ms-linear-gradient(top, #e3f8e3, #b3d5b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e3f8e3), to(#b3d5b3));
  background-image: -webkit-linear-gradient(top, #e3f8e3, #b3d5b3);
  background-image: -o-linear-gradient(top, #e3f8e3, #b3d5b3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3f8e3", endColorstr="#b3d5b3", GradientType=0);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  border: solid 1px silver;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = true);
  background-color: #b3d5b3;
}

.tree-view-container {
  overflow-x: auto;
  max-height: 630px;
  font-size: 90%;
}

ul.ivh-treeview {
  list-style-type: none;
  padding-left: 0;
}

ul.ivh-treeview {
  padding-left: 15px;
}

.ivh-treeview-toggle {
  cursor: pointer;
}

.ivh-treeview-node-leaf .ivh-treeview-toggle {
  cursor: auto;
}

.ivh-treeview-node-leaf .has-no-data {
  opacity: 0.5;
}

.trashGlyp, .okGlyph {
  top: 4px;
  color: #999999;
  cursor: pointer;
  margin-left: 5px;
}

.trashGlyp:hover {
  color: #bf0000;
}

.okGlyph:hover {
  color: #0B6623;
}

.glyphChev {
  font-size: 18px;
  font-weight: 700;
}

.typeahead-customize .dropdown-menu > li > a {
  text-decoration: none;
}

.typeahead-customize .dropdown-menu > li {
  cursor: pointer;
}

.typeahead-customize .dropdown-menu {
  padding-top: 4px;
  padding-bottom: 6px;
  box-shadow: 0 5px 8px 4px rgba(0, 0, 0, 0.3);
  margin-top: -1px;
  width: 40%;
  min-width: 10rem;
}

.typeahead-customize .dropdown-menu > li:hover {
  background-color: #f2f2f2;
}

.typeahead-customize .dropdown-menu > li:active {
  background-color: #ccecf8;
}

.typeahead-customize .dropdown-menu > li > a {
  padding-left: 8px;
  padding-right: 8px;
}

.removeTooltip:hover {
  background-color: #bf0000;
  border-color: #bf0000;
}

.removeTooltip:hover > span {
  color: whitesmoke;
}

.removeTooltip {
  color: whitesmoke;
  background-color: transparent;
  font-weight: 700;
  font-size: 14px;
}

.matrix-filter-row-bold {
  font-weight: bold;
}

.matrix-filter-cell {
  text-align: center !important;
}
.matrix-filter-cell.active {
  background-color: #ccecf8 !important;
  border-color: #99d9f0;
  border-style: double;
  color: #003591;
  outline: 5px auto #009fda;
}

.addNewTable {
  width: 100%;
}

.addNewTable td {
  width: 350px;
}

.addNewTable th {
  width: 100px;
}

.datasheetEditableBox {
  width: 300px;
  height: 33px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.classTextEditableField {
  width: 150px;
  border-radius: 4px;
  margin-left: -300px;
  height: 29px;
  border: none;
  margin-bottom: 12px;
}

.classDatasheetInputField {
  border: 1px solid #cccccc;
  height: 33px;
  font-size: 14px;
  border-radius: 4px;
}

.classDatasheetDateTimeField {
  border: 1px solid #cccccc;
  height: 33px;
  border-radius: 4px;
}

input[readonly].readonlyclass {
  background-color: #fff;
}

#selectFields {
  border: none !important;
}

#selectFields input {
  border: 1px solid #ccc;
  height: 38px;
}

#selectFields .btn-primary {
  color: #0067c5 !important;
}

.open > .dropdown-menu {
  display: block;
}

.service-dropdown-menu {
  width: 100%;
  max-height: 300px;
  overflow: auto;
}

.service-dropdown-menu > table {
  width: 100%;
}

.service-dropdown {
  border: 1px solid #ccc;
}

.service-dropdown-menu .dropdown-item {
  cursor: context-menu;
}

.colorRectangleLegend {
  width: 60px;
  height: 10px;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

.colorRectangleSmallLegend {
  width: 40px;
  height: 10px;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

.colorRectangleSmallLegendLabel {
  min-width: 40px;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  font-size: 10px;
  text-align: center;
  width: auto;
  line-height: 16px;
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-side-right {
  position: sticky;
  background: white;
  right: 0;
}

/*---------- Panels styling--------------*/
.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

#RiskAssessmentDisplayView h1 {
  font-family: "Arial";
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #333333;
}

.matrix-default-view {
  overflow-y: auto;
  overflow-x: hidden;
}

#riskDetails .risk-heading {
  font-weight: 700;
}
#riskDetails .risk-matrix-details-heading h4 {
  font-size: 16px;
  color: #333333;
}
#riskDetails .risk-matrix-details-heading h5 {
  font-size: 15px;
  color: #333333;
}
#riskDetails .risk-matrix-details-heading .risk-matrix-details-message {
  border-bottom: 4px solid;
  padding-bottom: 2px;
}
#riskDetails #riskMatrixDetailsContainer {
  height: inherit;
}
#riskDetails #riskMatrixDetailsContainer #riskMatrix table {
  margin-top: 4px;
}
#riskDetails #riskMatrixDetailsContainer risk-matrix-details {
  height: inherit;
}
#riskDetails #riskMatrixDetailsContainer risk-matrix-details #riskMatrixDetails {
  height: inherit;
}
#riskDetails #riskMatrixDetailsContainer risk-matrix-details #riskMatrixDetails #riskTableContainer {
  height: inherit;
  margin: 0;
}
#riskDetails #riskMatrixDetailsContainer risk-matrix-details #riskMatrixDetails #riskTableContainer #riskMatrixDetailsTable {
  margin-top: -20px;
}

#riskMatrixActions .actions-left-col {
  width: 80.333333%;
}
#riskMatrixActions .actions-right-col {
  width: 19.666667%;
}

@media only screen and (max-width: 1462px) {
  #riskMatrixActions .col-md-10 {
    width: 100%;
  }
  #riskMatrixActions .col-md-2 {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  #riskDetails {
    margin-top: 25px;
  }
}
#metaDataFilter #filterType, #metaDataFilter #filterEnumVal {
  padding-right: 2px;
}

.btn-show-map {
  height: 364px;
  margin: auto 0;
  margin-top: 160px;
}
.btn-show-map span.btn-icon {
  font-size: 2.3vw;
  color: white;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2vw;
}
.btn-show-map span.btn-text {
  text-transform: uppercase;
  margin-top: 46px;
  font-size: 0.7vw;
}

#riskAssessmentFilter .filter-label {
  top: -9px;
}

/*---------- Panels styling--------------*/
.subtle-red {
  background-color: #ffc5c7;
}

.subtle-orange {
  background-color: #ed9d34;
}

.subtle-yellow {
  background-color: #ffeca0;
}

.subtle-green {
  background-color: #bae6b0;
}

.dark-blue {
  background-color: #0f204b;
  color: #ffffff;
}

#GenericModelAnalysisDisplayView h1 {
  font-family: "Arial";
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #333333;
}

#analysisDetails .analysis-heading {
  font-weight: 700;
}
#analysisDetails .analysis-matrix-details-heading h4 {
  font-size: 16px;
  color: #333333;
}
#analysisDetails .analysis-matrix-details-heading h5 {
  font-size: 15px;
  color: #333333;
}
#analysisDetails .analysis-matrix-details-heading .analysis-matrix-details-message {
  border-bottom: 4px solid;
  padding-bottom: 2px;
}
#analysisDetails #analysisMatrixDetailsContainer {
  height: inherit;
}
#analysisDetails #analysisMatrixDetailsContainer #analysisMatrix table {
  margin-top: 4px;
}
#analysisDetails #analysisMatrixDetailsContainer analysis-matrix-details {
  height: inherit;
}
#analysisDetails #analysisMatrixDetailsContainer analysis-matrix-details #analysisMatrixDetails {
  height: inherit;
}
#analysisDetails #analysisMatrixDetailsContainer analysis-matrix-details #analysisMatrixDetails #analysisTableContainer {
  height: inherit;
  margin: 0;
}
#analysisDetails #analysisMatrixDetailsContainer analysis-matrix-details #analysisMatrixDetails #analysisTableContainer #analysisMatrixDetailsTable {
  margin-top: -20px;
}

#analysisAggregateInfo .analysis-display-viewing select {
  padding: 4px 12px;
  border-radius: 0.25em !important;
  font-size: 75%;
  height: 75%;
}

#analysisMatrixActions .actions-left-col {
  width: 80.333333%;
}
#analysisMatrixActions .actions-right-col {
  width: 19.666667%;
}

@media only screen and (max-width: 1462px) {
  #analysisMatrixActions .col-md-10 {
    width: 100%;
  }
  #analysisMatrixActions .col-md-2 {
    width: 100%;
  }
}
#analysisAssessmentFilter .filter-label {
  top: -9px;
}

#AssessmentParameteres .form-inline {
  width: 100%;
}
#AssessmentParameteres .uib-time input {
  width: 45px;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
  height: calc(2.25rem + 2px);
}
#AssessmentParameteres .uib-time > .btn-default {
  padding: 0;
  width: 45px;
  margin-left: 3px;
  font-size: 10px;
  font-weight: 600;
  position: relative;
  bottom: 1px;
}
#AssessmentParameteres .uib-separator {
  font-weight: 600;
}
#AssessmentParameteres .uib-increment > .btn-link, #AssessmentParameteres .uib-decrement > .btn-link {
  padding: 0;
}

/*---------- Panels styling--------------*/ /* Pipeline specific colors   */
#hcaClDetails {
  height: inherit;
}
#hcaClDetails #hcaClInformationContainer {
  height: inherit;
}
#hcaClDetails #hcaClInformationContainer > .tab-content {
  height: inherit;
}
#hcaClDetails #hcaClInformationContainer > .tab-content > div {
  height: inherit;
}
#hcaClDetails #hcaClInformationContainer > .tab-content > div .hca-cl-table-container {
  height: inherit;
  margin: 0;
}
#hcaClDetails hca-cl-information {
  height: inherit;
}

.row .dnvgl-row-default-margin {
  margin-left: 0px;
  margin-right: 0px;
}

.whatificon {
  border: 1px solid orange;
  border-radius: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: black;
  background-color: transparent;
}

.whatificon:after {
  content: "What-If";
  font-size: 12px;
  color: black;
}