@font-face {
  font-family: "Metropolis";
  src: url("/css/fonts/Metropolis-Regular.otf");
}
@font-face {
  font-family: "Metropolis";
  src: url("/css/fonts/Metropolis-Bold.otf");
  font-weight: bold;
}
@font-face {
  font-family: "Metropolis";
  src: url("/css/fonts/Metropolis-SemiBold.otf");
  font-weight: 600;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("/css/fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("/css/fonts/Roboto-Medium.ttf");
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
body {
  background-color: #F1F1F2;
  font-family: Metropolis;
  font-size: 0.875rem;
  color: #505150;
  line-height: normal;
}
a {
  color: #3C4858;
  text-decoration: none !important;
  outline: none !important;
}
a.primary {
  color: #35A8C7;
}
h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #505150;
  margin: 36px 0;
}
h4 {
  font-weight: 600;
}
#top-menu {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-bottom: 2px solid #D8D8D8;
  height: 56px;
}
#top-menu .container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#top-menu .container #client-selector-menu-container {
  flex: 1 1 auto;
  text-align: center;
}
#top-menu .container #current-user-menu {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#top-menu .menu-item {
  padding: 8px;
}
#top-menu .menu-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#top-menu .menu-item a div {
  padding: 8px;
}
#top-menu #client-selector-menu {
  border: none;
  font-weight: 600;
  /*font-size: @xlarge-font-size;*/
  font-size: 1rem;
  background-image: url('/images/icons/dropdown_arrow.svg');
  background-repeat: no-repeat;
  background-position: right;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  padding-right: 16px;
  box-shadow: none;
}
/* Style The Dropdown Button */
.dropbtn {
  background-color: #FFFFFF;
  color: #505150;
  padding: 16px;
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 21;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: #505150;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  /* If you want to have dropdown on the left: start */
  /*left: auto;
    right: 0;*/
  /* If you want to have dropdown on the left: end */
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #FFFFFF;
}
#side-menu {
  background-color: #3C4858;
  transition: 300ms ease-in-out;
  width: 220px;
  flex-shrink: 0;
}
#side-menu.docked {
  width: 80px !important;
}
#side-menu.tenant-admin-menu {
  background-color: #036884 !important;
}
#side-menu.main-menu {
  background-color: #3C4858 !important;
}
#side-menu #menu-hamburger {
  text-align: center;
  font-size: 24px;
  line-height: 60px;
}
#side-menu .e-hamburger:before {
  content: '\e99a';
}
#side-menu .side-menu-item {
  color: #FFFFFF;
  height: 80px;
  width: 80px;
  margin: 0;
}
#side-menu .side-menu-item.active {
  border-left: 4px solid #35A8C7;
}
#DevMenuItem {
  border-top: 1px solid #fff;
}
#sidebar-menu .e-menu-wrapper ul {
  font-size: 14px;
}
#sidebar-menu .e-menu-wrapper ul .e-menu-item .e-caret,
#sidebar-menu .e-menu-wrapper ul .e-menu-item {
  padding: 0;
  color: #fff !important;
  height: 80px;
  line-height: 80px;
}
#sidebar-menu .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
  width: 245px;
}
#sidebar-menu .e-menu-wrapper ul .e-menu-item:hover,
#sidebar-menu .e-menu-wrapper ul .e-menu-item.e-focused:hover {
  background-color: rgba(127, 143, 164, 0.296606) !important;
}
#sidebar-menu .e-menu-wrapper ul #Configuration .e-icons.e-caret,
#sidebar-menu .e-menu-wrapper ul #Systems .e-icons.e-caret {
  top: 0;
}
#sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item .e-caret {
  display: none;
}
#sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon,
#sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-vertical {
  padding: 0;
  min-width: 0;
  width: 80px;
}
#sidebar-menu,
#sidebar-menu ul,
.dock-menu .e-menu-wrapper,
.dock-menu.e-menu-wrapper,
.dock-menu.e-menu-wrapper ul > *,
.dock-menu .e-menu-wrapper ul > * {
  background-color: #3C4858 !important;
  color: #fff !important;
  overflow: hidden;
}
#sidebar-menu.tenant-admin-menu,
#sidebar-menu.tenant-admin-menu ul,
.tenant-admin-menu.dock-menu .e-menu-wrapper,
.tenant-admin-menu.dock-menu.e-menu-wrapper,
.tenant-admin-menu.dock-menu.e-menu-wrapper ul > *,
.tenant-admin-menu.dock-menu .e-menu-wrapper ul > * {
  background-color: #036884 !important;
}
.e-menu-item.e-navigable .e-anchor-wrap {
  color: #FFFFFF;
}
footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #3f3f3f;
  color: rgba(250, 250, 250, 0.63);
  text-align: center;
}
.project-name {
  margin-bottom: 24px;
}
.disclaimer div {
  text-align: justify;
}
#page-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
#page-wrapper #page-content-and-top-menu {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
#page-wrapper #page-content-and-top-menu #page-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
#page-wrapper #page-content-and-top-menu #page-content #main-content-card {
  flex: 0 0 auto;
  width: 100%;
  background-color: #FFFFFF;
  padding: 26px;
  margin-bottom: 100px;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  z-index: 20;
}
.lifted-button-line {
  height: 0;
  position: relative;
  bottom: 94px;
  right: -26px;
  display: contents;
  justify-content: flex-end;
}
.lifted-button-line .lifted-buttons {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 50px;
}
.lifted-button-line .form-inline label {
  margin-left: 30px;
}
.lifted-button-line .form-inline label.right {
  margin-left: 4px;
  margin-right: 30px;
}
.tabbed-content-card .lifted-button-line {
  bottom: 155px;
}
.breadcrumb {
  background-color: #F1F1F2;
  padding: 36px 0 0 0;
  display: flex;
  margin: 0;
}
.breadcrumb .part {
  color: #95A5A6;
}
.breadcrumb .part:last-child {
  color: #3C4858;
}
.breadcrumb .separator {
  padding: 0 16px;
  margin-top: -2px;
  color: #95A5A6;
}
#main-content-tabs,
.tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
}
#main-content-tabs a,
.tabs a {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 54px;
  padding: 0 20px;
  background-color: #DADEE5;
  z-index: 10;
}
#main-content-tabs a.active,
.tabs a.active {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  font-weight: 600;
  z-index: 11;
}
#drill-tabs a.active {
  box-shadow: none;
}
#drill-tabs .drill-tab-arrow .active {
  fill: #FFFFFF;
  cursor: pointer;
}
#drill-tabs .drill-tab-arrow .inactive {
  fill: #DADEE5;
  cursor: pointer;
}
#drill-tabs .tab-item {
  margin-right: 20px;
}
#drill-tabs .tab-item:last-child {
  margin-right: 0;
}
#drill-tabs .tab-label {
  font-size: 0.75rem;
  color: #95A5A6;
  margin-bottom: 4px;
}
.first-start-layout .login-content {
  width: 640px;
}
#login-wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#login-wrapper #login-area {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#login-wrapper #login-area .login-card {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
}
#login-wrapper #login-area .login-card .login-content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  padding: 72px;
  min-width: 460px;
  max-width: 640px;
}
#login-wrapper #login-area .login-card .login-content .logo {
  flex: 0 0 auto;
  height: 24px;
}
#login-wrapper #login-area .login-card .login-content .logo img {
  height: 100%;
}
#login-wrapper #login-area .login-card .login-content .page-title {
  flex: 0 0 auto;
}
#login-wrapper #login-area .login-card .login-content .page-title h2 {
  margin: 28px 0 0 0;
}
#login-wrapper #login-area .login-card .login-content p {
  margin-top: 10px;
}
#login-wrapper #login-area .login-card .login-art {
  width: 600px;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/images/login_art.jpg');
}
#login-wrapper #login-area .footer-area {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-weight: 600;
}
#login-wrapper #login-area .footer-area a {
  margin: 60px;
}
#login-wrapper #login-area .footer-area a:last-child {
  margin-right: 0;
}
.qrcode {
  margin-bottom: 15px;
}
.qrcode img {
  border: 20px solid white;
}
.tippy-popper {
  word-break: break-word;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.user-profile {
  border: 1px solid #95A5A6;
}
.user-profile-buttons {
  margin-top: 50px;
}
.status-info {
  font-weight: 600;
  margin-bottom: 15px;
  padding: 5px;
  border: 2px solid;
}
.status-info.active {
  color: #6CDCDA;
  border-color: #6CDCDA;
}
.status-info.inactive {
  color: #FF516E;
  border-color: #FF516E;
}
.e-grid .e-headercelldiv {
  padding-left: 0.7em;
}
.e-grid .e-headercontent {
  border-bottom: 1px solid #3C4858 !important;
}
.e-grid .e-pager {
  background-color: #FFFFFF !important;
  color: #95A5A6 !important;
}
.e-grid .e-rarrowdown-2x,
.e-grid .e-rarrowup-2x,
.e-grid .e-filternone {
  color: #35A8C7 !important;
}
.e-grid .e-rowcell {
  border: none !important;
  border-bottom: 1px solid #F1F1F2 !important;
}
.e-grid .e-alt_row {
  background-color: #FFFFFF !important;
}
.e-grid .e-selectionbackground {
  font-weight: bold;
  background: #DADEE5 !important;
  color: #3C4858 !important;
}
.e-grid .e-selectionbackground a {
  background: #DADEE5 !important;
  color: #3C4858 !important;
}
.e-grid .e-selectionbackground.e-rowcell:first-child {
  border-left: 4px solid #35A8C7 !important;
}
.e-grid .e-hover {
  background-color: #F1F1F2 !important;
}
.e-box {
  border: 1px solid #95A5A6 !important;
  border-radius: 0 !important;
}
.e-datewidget {
  height: 34px;
  margin-top: 6px;
}
.e-datewidget .e-datepicker {
  color: #505150 !important;
  font-size: 0.875rem;
  font-weight: bold;
}
.e-pager {
  text-align: center;
  font-weight: 600;
}
.e-pager div,
.e-pager a,
.e-pager span {
  border: none !important;
}
.e-pager a.e-link {
  font-weight: 600;
}
.e-pager .e-pagercontainer {
  border: none;
  background-color: #FFFFFF;
  border-radius: 0;
}
.e-pager div.e-parentmsgbar {
  display: none;
}
.e-pager .e-numericitem {
  background: #FFFFFF;
}
.e-pager .e-currentitem.e-active {
  background: #FFFFFF;
  color: #3C4858;
  font-weight: 600;
  border-bottom: 1px solid black !important;
  margin: 0px;
  padding: 4px 0px;
}
.e-pager .e-icon {
  color: #35A8C7 !important;
}
.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
  background-color: #FFFFFF !important;
}
.e-chkbox-wrap > div > span {
  border: 1px solid #95A5A6 !important;
  border-radius: 0;
}
.e-chkbox-wrap .e-text {
  font-size: 0.875rem !important;
  color: #95A5A6 !important;
  padding-top: 10px !important;
  padding-left: 8px !important;
}
.e-radiobtn-wrap > span {
  border-color: #95A5A6 !important;
  display: block !important;
}
.e-togglebutton {
  border-radius: 50px !important;
  background-color: #FFFFFF !important;
  border: 2px solid #55D6BE !important;
  color: #3C4858 !important;
}
.e-togglebutton.e-active {
  background-color: #55D6BE !important;
}
.e-excelfilter.e-customDlg {
  top: 30vh !important;
}
label {
  color: #95A5A6;
  font-weight: normal !important;
  font-size: 0.875rem;
  margin: 18px 0 14px 0;
}
label.control-label {
  margin: 4px 0 0 0;
}
label.info-label {
  background-image: url('/images/icons/info.svg');
  background-position: right;
  background-size: 20px;
  background-repeat: no-repeat;
  padding-right: 30px;
}
.form-control {
  border-radius: 0 !important;
  border: 1px solid #95A5A6 !important;
}
.form-control:focus {
  border-color: #35A8C7 !important;
}
.form-control[disabled] {
  color: #505150;
}
.form-group p {
  color: #505150;
  display: block;
  line-height: 1.15;
  text-align: justify;
}
select {
  font-weight: 600;
  background-image: url('/images/icons/dropdown_arrow.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  padding-right: 24px !important;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border: 1px solid #ccc;
  color: #505150 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 0 !important;
}
select:focus {
  border-color: #35A8C7 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select option {
  font: -moz-pull-down-menu;
  font-size: inherit;
  font-weight: inherit;
}
@media (min-width: 1200px) {
  .container {
    width: 1120px;
  }
}
@media (min-width: 1366px) {
  .container {
    width: 1236px;
  }
}
@media (min-width: 1536px) {
  .container {
    width: 1450px;
  }
}
@media (min-width: 1700px) {
  .container {
    width: 1600px;
  }
}
.e-grid {
  font-family: Metropolis, Arial;
  border-color: #ffffff;
  color: #697687;
  border-top: none;
}
.e-grid .e-rowdragdrop,
.e-grid .e-rowcell {
  color: #697687 !important;
  opacity: 1 !important;
  border: none !important;
  border-bottom: 1px solid #F1F1F2 !important;
  line-height: 14px;
  padding: 0.7em;
}
.e-grid .e-groupdroparea {
  opacity: 1 !important;
  padding: 0 !important;
}
.e-grid .e-headercell,
.e-grid .e-headercelldiv {
  font-weight: bold;
  font-size: 14px;
  padding: 0 6px 0;
}
.e-grid .e-toolbar {
  border: 1px solid #e0e0e0 !important;
  background-color: #fafafa !important;
}
.e-grid .e-gridheader {
  border-color: #ffffff;
  border-top-color: #ffffff;
}
.e-grid td.e-updatedtd {
  background-color: #fcf8e3;
}
.e-listbox-wrapper {
  font-size: 14px;
}
.e-listbox-wrapper .e-placeholder {
  background-color: #35A8C7;
}
.e-tab-header {
  margin-bottom: 2em;
}
.e-tab-header h5 {
  font-weight: 600;
}
.e-control {
  font-size: 13px;
}
#Date-img > .e-calendar {
  background: none;
  border: none;
  min-width: unset;
}
.e-checkbox-wrapper .e-label {
  font-size: 0.875rem !important;
  color: #95A5A6 !important;
  font-family: Metropolis;
}
.e-checkbox-wrapper.darkest-label .e-label {
  color: #505150 !important;
}
.e-radio-wrapper .e-label {
  font-size: 0.875rem !important;
  color: #95A5A6 !important;
  font-family: Metropolis !important;
}
.e-radio-wrapper.darkest-label .e-label {
  color: #505150 !important;
}
.form-inline .e-radio + label {
  margin-bottom: 14px !important;
  margin-top: 18px !important;
}
.form-horizontal .e-radio + label {
  margin: 10px !important;
}
.e-datepicker .e-zoomin::before {
  content: "";
}
.form-control .e-date-wrapper {
  top: -4px;
  border: none !important;
}
.form-control .e-date-icon {
  right: -5px;
}
.form-control .e-clear-icon {
  display: none !important;
}
.form-control .e-date-wrapper input {
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  color: #505150 !important;
  font-family: Metropolis !important;
}
.form-control :not(.e-float-icon-left):not(.e-float-input)::before,
.form-control .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.form-control .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.form-control .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.form-control .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
.form-control .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
.form-control .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.form-control .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
  bottom: unset !important;
  background-color: white;
}
.form-control.timepicker-mod .e-input-group.e-control-wrapper.e-time-wrapper {
  border: none !important;
  position: relative;
  top: -4px;
}
.form-control.timepicker-mod .e-input-group.e-control-wrapper.e-time-wrapper input {
  font-size: 0.875rem !important;
  color: #505150 !important;
  font-family: Metropolis !important;
}
.form-control.timepicker-mod {
  border-radius: 0 !important;
  border: 1px solid #95A5A6 !important;
}
.form-control.timepicker-mod.active {
  border-color: #35A8C7 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#containerPointHover_Border {
  display: none;
}
.e-excelfilter .e-dlg-content .e-searchcontainer {
  position: unset;
  margin: unset;
}
.e-excelfilter .e-dlg-content .e-searchbox span {
  display: inline-flex;
  position: relative;
  height: unset;
  width: 100%;
  right: 0;
  top: 0;
}
.e-excelfilter .e-dlg-content .e-searchcontainer .e-fields {
  margin-top: 5px;
}
.e-excelfilter .e-dlg-content span.e-searchclear {
  width: auto;
}
.e-excelfilter .e-dlg-content .e-ftrchk * {
  box-sizing: border-box !important;
}
.alert .e-accordion,
.alert .e-accordion .e-active,
.alert .e-acrdn-header,
.alert .e-acrdn-header-content {
  color: unset !important;
  background: unset !important;
  border: unset !important;
}
.alert .e-accordion .e-acrdn-item.e-expand-state.e-select {
  border: unset !important;
}
.alert .e-acrdn-panel {
  background: rgba(255, 255, 255, 0.7);
}
.alert.accordion-alert {
  padding: 5px;
}
.e-query-builder .e-btn {
  margin: 0;
}
.e-btn.e-flat.e-primary:focus,
.e-css.e-btn.e-flat.e-primary:focus,
.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
  background: inherit;
}
#patternEditorGridEditForm .e-ddl.e-input-group .e-ddl-hidden {
  display: none;
}
.e-toast-container .e-toast.e-toast-success {
  background-color: #55D6BE !important;
}
.e-toast-container .e-toast.e-toast-info {
  background-color: #35A8C7 !important;
}
.e-toast-container .e-toast.e-toast-warning {
  background-color: #F18B07 !important;
}
.e-toast-container .e-toast.e-toast-danger {
  background-color: #E53855 !important;
}
.toast-control-section {
  width: 400px;
  margin: 0 auto;
}
.icon-sized {
  width: 20px;
  height: 20px;
}
.large-icon-sized {
  width: 32px !important;
  height: 32px !important;
  background-size: 32px !important;
}
.xxlarge-icon-sized {
  width: 62px !important;
  height: 62px !important;
  background-size: 62px !important;
}
.xxxlarge-icon-sized {
  width: 100px !important;
  height: 100px !important;
  background-size: 100px !important;
}
.message-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 5px;
}
.grid-cell-icon {
  display: inline-block;
  vertical-align: middle;
}
.icon {
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-home {
  background-image: url('/images/icons/home.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-home.active {
  background-image: url('/images/icons/home_active.svg');
}
.icon-rule-cockpit {
  background-image: url('/images/icons/rule_cockpit.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-rule-cockpit.active {
  background-image: url('/images/icons/rule_cockpit_active.svg');
}
.icon-report-groups {
  background-image: url('/images/icons/report_group_notifications.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-report-groups.active {
  background-image: url('/images/icons/report_group_notifications_active.svg');
}
.icon-examinations {
  background-image: url('/images/icons/examinations.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-examinations.active {
  background-image: url('/images/icons/examinations_active.svg');
}
.icon-reports {
  background-image: url('/images/icons/reports.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-reports.active {
  background-image: url('/images/icons/reports_active.svg');
}
.icon-user-management {
  background-image: url('/images/icons/user_management.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-user-management.active {
  background-image: url('/images/icons/user_management_active.svg');
}
.icon-settings {
  background-image: url('/images/icons/settings.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-settings.active {
  background-image: url('/images/icons/settings_active.svg');
}
.icon-systems {
  background-image: url('/images/icons/systems.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-systems.active {
  background-image: url('/images/icons/systems_active.svg');
}
.icon-integration-systems {
  background-image: url('/images/icons/integration-systems.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-integration-systems.active {
  background-image: url('/images/icons/integration-systems_active.svg');
}
.icon-personal-identity {
  background-image: url('/images/icons/personal_id.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-personal-identity.active {
  background-image: url('/images/icons/personal_id_active.svg');
}
.icon-accounts {
  background-image: url('/images/icons/accounts.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-accounts.active {
  background-image: url('/images/icons/accounts_active.svg');
}
.icon-clients {
  background-image: url('/images/icons/clients.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-clients.active {
  background-image: url('/images/icons/clients_active.svg');
}
.icon-user {
  background-image: url('/images/icons/avatar.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-user.active {
  background-image: url('/images/icons/avatar_active.svg');
}
.icon-alerts {
  background-image: url('/images/icons/alerts.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-alerts.active {
  background-image: url('/images/icons/alerts_active.svg');
}
.icon-success-filled {
  background-image: url('/images/icons/success_filled.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-cancel {
  background-image: url('/images/icons/cancel.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-current-step-marker {
  background-image: url('/images/icons/current_step_marker.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-success-outline {
  background-image: url('/images/icons/success_outline.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-alert-outline-small {
  background-image: url('/images/icons/alert_icon_small.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-running-small {
  background-image: url('/images/icons/running_small.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-scheduled-small {
  background-image: url('/images/icons/scheduled.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-add {
  background-image: url('/images/icons/add.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-danger {
  background-image: url('/images/icons/danger.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-info {
  background-image: url('/images/icons/info.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-graph {
  background-image: url('/images/icons/graph.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-edit {
  background-image: url('/images/icons/edit.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-delete {
  background-image: url('/images/icons/delete.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-acknowledge {
  background-image: url('/images/icons/acknowledge.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-acknowledge.inactive {
  background-image: url('/images/icons/acknowledge_inactive.svg');
}
.icon-filter {
  background-image: url('/images/icons/filter.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px !important;
  height: 32px !important;
  background-size: 32px !important;
  background-size: 24px !important;
  cursor: pointer;
}
.icon-filter.active {
  background-image: url('/images/icons/filter_active.svg');
}
.icon-number-1 {
  background-image: url('/images/icons/number_1.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-number-2 {
  background-image: url('/images/icons/number_2.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-number-3 {
  background-image: url('/images/icons/number_3.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-number-filled-1 {
  background-image: url('/images/icons/number_filled_1.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-number-filled-2 {
  background-image: url('/images/icons/number_filled_2.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-number-filled-3 {
  background-image: url('/images/icons/number_filled_3.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-indicator-arrow {
  background-image: url('/images/icons/indicator_arrow.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-definition {
  background-image: url('/images/icons/pattern_definition.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-help {
  background-image: url('/images/icons/help.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-large-identity {
  background-image: url('/images/icons/personal_id_edit.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px !important;
  height: 100px !important;
  background-size: 100px !important;
}
.icon-ruleset {
  background-image: url('/images/icons/ruleset.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-excel {
  background-image: url('/images/icons/excel.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-word {
  background-image: url('/images/icons/word.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-pdf {
  background-image: url('/images/icons/pdf.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-download {
  float: left;
  margin-right: 1em;
}
.icon-download a {
  display: block;
}
.icon-grey-info-small {
  background-image: url('/images/icons/info_grey_small.svg');
  margin-left: 5px;
  margin-top: 5px;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-awspolicy {
  background-image: url('/images/icons/amazon_policy.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-awsgroup {
  background-image: url('/images/icons/amazon_group.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-no-change {
  background-image: url('/images/icons/no-change.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-up-arrow {
  background-image: url('/images/icons/up-arrow.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-down-arrow {
  background-image: url('/images/icons/down-arrow.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-email {
  background-image: url('/images/icons/icon_mail.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-reportsblue {
  background-image: url('/images/icons/reports_blue.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-userfilled {
  background-image: url('/images/icons/user.svg');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
@font-face {
  font-family: 'Toast_icons';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.toast-icons {
  font-family: 'Toast_icons' !important;
  speak: none;
  font-size: 55px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toast-icons.e-success::before {
  content: "\e701";
}
.toast-icons.e-error::before {
  content: "\e700";
}
.toast-icons.e-info::before {
  content: "\e704";
}
.toast-icons.e-warning::before {
  content: "\e703";
}
.header-button {
  width: 20px;
  height: 20px;
  color: #3C4858;
  background-color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
  padding-left: 4px;
  cursor: pointer;
}
.header-button:hover {
  opacity: 0.8;
}
.button-line {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 16px 0 0 0;
}
.button-line.left-side {
  justify-content: flex-start;
}
.button-line.line-left-side {
  justify-content: flex-start;
  margin: 0 0 16px;
  align-items: center;
}
.button-line.line-left-side input {
  margin-left: 16px;
  line-height: 24px;
}
.button-line .button {
  margin-left: 16px;
}
.button-line .button:first-child {
  margin-left: 0;
}
.button-line .button[disabled] {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}
.button-line.padded .button:last-child {
  margin-right: 16px;
}
.button-line.padded .button:first-child {
  margin-left: 16px;
}
.button-line .spacer {
  flex: 1 1 auto;
}
.button-line .in-button-spaceholder {
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin: 0 6px;
}
.button-group {
  display: flex;
  flex-direction: row;
  padding: 12px;
  border: 1px solid #35A8C7;
  border-radius: 125px;
  color: #35A8C7;
  justify-content: center;
  align-items: center;
}
.button-group a {
  color: #3C4858;
  font-weight: normal;
  margin: 0 4px;
}
.icon-group {
  display: flex;
  flex-direction: row;
  color: #35A8C7;
  justify-content: center;
  align-items: center;
}
.icon-group a {
  color: #3C4858;
  font-weight: normal;
  cursor: pointer;
}
.icon-group .icon-group-item:not(:last-child) {
  margin-right: 10px;
}
.button {
  min-width: 80px;
  padding: 8px 16px;
  text-align: center;
  background-color: #FFFFFF;
  color: #505150;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #35A8C7;
  border-radius: 125px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.button:hover {
  opacity: 0.8;
  text-decoration: none;
  color: inherit;
}
.button:focus {
  outline: none;
}
.button.primary {
  background-color: #35A8C7;
  color: #FFFFFF;
  font-weight: 600;
}
.button.shy-primary {
  border: none;
  color: #35A8C7;
}
.button.shy {
  background-color: unset;
  border: none;
  color: #35A8C7;
}
.button.disabled {
  background-color: #F1F1F2;
  color: #d7d7d9;
  pointer-events: none;
  cursor: not-allowed;
  border-color: #DADEE5;
}
.switch.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}
.key-value-line {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.key-value-line .kvp {
  display: flex;
  flex-direction: row;
  height: 34px;
  margin-right: 80px;
}
.key-value-line .kvp .key {
  text-align: right;
  padding-right: 8px;
  padding-top: 10px;
  font-weight: 600;
}
.key-value-line .kvp .value {
  width: 100px;
  padding-right: 8px;
  padding-top: 10px;
}
.key-value-line .kvp .value.long {
  width: 200px;
}
.key-value-line .kvp.right {
  margin-left: auto;
  margin-right: 0;
}
.loading {
  background-image: url("/images/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  pointer-events: none;
}
.space-between {
  flex: 1 1 auto;
}
.e-selectionbackground > a {
  color: white;
}
select[disabled] {
  background-color: #F1F1F2;
  color: #d7d7d9;
}
.invalid {
  background-color: #FF516E !important;
}
.invalid-text {
  color: #FF516E !important;
}
.required-invalid {
  border: 1px solid #a94442 !important;
}
.required-label {
  color: #a94442 !important;
}
.congrats {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.congrats div {
  margin: 0 12px;
}
.summary {
  display: flex;
  flex-direction: row;
  line-height: 1.5;
}
.summary .summary-column {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-left: 80px;
}
.summary .summary-column:first-child {
  margin-left: 0;
}
.summary .summary-column .summary-card {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.summary .summary-column .summary-card .icon-container {
  flex: 0 0 auto;
  align-items: flex-start;
  padding-right: 16px;
}
.summary .summary-column .summary-card .text-container {
  flex: 1 1 auto;
  border-bottom: 1px solid #DADEE5;
  padding-bottom: 16px;
}
.margin-auto {
  margin: auto;
}
.flex-wrap {
  flex-wrap: wrap;
}
.centered {
  justify-content: center;
  align-items: center;
}
.tablecell-data-pill {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 125px;
  color: #FFFFFF;
  padding: 8px 12px;
  text-transform: uppercase;
}
.tablecell-data-pill.active {
  background-color: #6CDCDA;
}
.tablecell-data-pill.draft {
  background-color: #505150;
}
.tablecell-data-pill.deactivated {
  background-color: #FF516E;
}
.tablecell-left-bar {
  border-left: 6px solid;
  line-height: 35px;
  margin-left: -6px;
  padding-left: 12px;
}
.tablecell-left-bar.low {
  border-color: #55D6BE;
}
.tablecell-left-bar.medium {
  border-color: #FFD04F;
}
.tablecell-left-bar.high {
  border-color: #F18B07;
}
.tablecell-left-bar.very-high {
  border-color: #E53855;
}
.hint-link {
  color: #35A8C7;
  margin-top: 8px;
  display: block;
}
.color-link {
  color: #35A8C7;
}
.scrollable-table-container {
  max-height: 500px;
  overflow: auto;
}
.cell-clone {
  display: inline-flex;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.checkbox {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
  height: 18px;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .text {
  position: relative;
  top: 3px;
}
.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #95A5A6;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 0px;
  width: 7px;
  height: 12px;
  border: solid #35A8C7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox:hover input ~ .checkmark {
  background-color: rgba(0, 0, 0, 0.03);
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.resize-vertical {
  resize: vertical;
}
.resize-horizontal {
  resize: horizontal;
}
.context-menu {
  position: relative;
  left: 132px;
  width: 0;
  height: 0;
  z-index: 11;
}
.context-menu .menu-body {
  width: 140px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  cursor: pointer;
  padding: 8px 0;
}
.context-menu .menu-body > div {
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.context-menu .menu-body > div:hover {
  background-color: #F1F1F2;
}
.context-menu .menu-body > div .icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 24px;
  padding-left: 4px;
}
.context-menu .menu-body > div .text {
  line-height: 24px;
  margin-left: 8px;
}
.context-dimmer {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 10;
}
.dialog {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  overflow-y: scroll;
  padding-top: 60px;
  z-index: 40;
}
.dialog .tabbed-dialog-panel {
  display: flex;
  flex-direction: column;
}
.dialog .dialog-panel {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  padding: 16px;
  min-height: 240px;
  min-width: 620px;
  max-width: 60vw;
  z-index: 41;
}
.dialog .dialog-panel .header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px;
}
.dialog .dialog-panel .header.risk {
  background-color: #35A8C7;
}
.dialog .dialog-panel .header.action {
  background-color: #0091B8;
}
.dialog .dialog-panel .header.pattern {
  background-color: #036884;
}
.dialog .dialog-panel .header .buttons {
  display: flex;
  flex-direction: row;
}
.dialog .dialog-panel .header h2 {
  margin-top: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
  width: 95%;
}
.dialog .dialog-panel .dialog-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.dialog .dialog-panel .dialog-content.row {
  display: flex;
  flex-direction: row;
}
.dialog .dialog-panel .dialog-content.centered > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialog .dialog-panel .dialog-content .left-side,
.dialog .dialog-panel .dialog-content .right-side {
  display: flex;
  flex-direction: column;
  min-width: 300px;
}
.dialog .dialog-panel .dialog-content .left-side .kvp,
.dialog .dialog-panel .dialog-content .right-side .kvp {
  display: flex;
  flex-direction: row;
  margin: 8px;
}
.dialog .dialog-panel .dialog-content .left-side .key,
.dialog .dialog-panel .dialog-content .right-side .key {
  text-align: right;
  width: 140px;
  margin-right: 16px;
}
.dialog .dialog-panel .dialog-content .left-side .value > input,
.dialog .dialog-panel .dialog-content .right-side .value > input,
.dialog .dialog-panel .dialog-content .left-side .value > select,
.dialog .dialog-panel .dialog-content .right-side .value > select,
.dialog .dialog-panel .dialog-content .left-side .value > textarea,
.dialog .dialog-panel .dialog-content .right-side .value > textarea {
  width: 300px;
}
.dialog .dialog-panel .dialog-content .left-side .value > textarea,
.dialog .dialog-panel .dialog-content .right-side .value > textarea {
  height: 80px;
}
.dialog .dialog-panel .dialog-content .left-side .value > input[type=checkbox],
.dialog .dialog-panel .dialog-content .right-side .value > input[type=checkbox] {
  width: inherit;
}
.dialog .dialog-panel .dialog-content .left-side.fix-width,
.dialog .dialog-panel .dialog-content .right-side.fix-width {
  width: 516px;
}
.dialog .dialog-panel .dialog-content .left-side {
  margin-right: 8px;
}
.dialog .dialog-panel .fullscreen-btn {
  display: none;
}
.dialog.resizable .buttons .fullscreen-btn {
  display: flex;
}
.dialog.resizable .buttons .enter-fullscreen {
  display: flex;
}
.dialog.resizable .buttons .exit-fullscreen {
  display: none;
}
.dialog.resizable.fullscreen .buttons .enter-fullscreen {
  display: none;
}
.dialog.resizable.fullscreen .buttons .exit-fullscreen {
  display: flex;
}
.dialog.fullscreen {
  align-items: stretch;
}
.dialog.fullscreen .dialog-panel {
  flex: 1 1 auto;
}
.dialog-tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
}
.dialog-tabs a {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 54px;
  padding: 0 20px;
  background-color: #DADEE5;
  z-index: 30;
}
.dialog-tabs a.active {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  font-weight: 600;
  z-index: 31;
}
.tooltip-template {
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.tooltip-template.column {
  display: flex;
  flex-direction: column;
}
.tooltip-template > .keys,
.tooltip-template > .values {
  margin-left: 16px;
  text-align: left;
}
.tooltip-template > .keys:first-child,
.tooltip-template > .values:first-child {
  margin-left: 0px;
}
.tooltip-template > .keys > div,
.tooltip-template > .values > div {
  margin-top: 12px;
}
.tooltip-template > .keys > div:first-child,
.tooltip-template > .values > div:first-child {
  margin-top: 0;
}
.tooltip-template .keys {
  font-weight: 600;
}
.tooltip-template .tooltip-row {
  display: flex;
  flex-direction: row;
}
.tooltip-template .tooltip-row > div {
  margin: 4px;
}
.tooltip-template .activity-icon {
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
.tooltip-template .activity-icon.active {
  background-color: #55D6BE;
}
.tooltip-template .activity-icon.inactive {
  background-color: #FF516E;
}
.tooltip-template thead tr {
  font-weight: bold;
}
.tippy-tooltip {
  background-color: #3C4858;
}
.wizard {
  display: flex;
  flex-direction: column;
}
.wizard .steps {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.wizard .steps .step {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.wizard .steps .step .state-indicator {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
}
.wizard .steps .step .state-indicator .left,
.wizard .steps .step .state-indicator .right {
  flex: 1 0 auto;
  margin: 6px 0;
  background-color: #DADEE5;
}
.wizard .steps .step .state-indicator .icon-container {
  flex: 0 0 auto;
  width: 0;
  z-index: 2;
  visibility: hidden;
}
.wizard .steps .step .state-indicator .icon-container div {
  position: relative;
  right: 10px;
  background-image: url('/images/icons/success_filled.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.wizard .steps .step .name {
  text-align: center;
  margin-top: 16px;
  color: #95A5A6;
}
.wizard .steps .step.past .left,
.wizard .steps .step.past .right {
  background-color: #55D6BE;
}
.wizard .steps .step.past .icon-container {
  visibility: visible;
}
.wizard .steps .step.past .name {
  color: #55D6BE;
  font-weight: 600;
}
.wizard .steps .step.current .left {
  background-color: #55D6BE;
}
.wizard .steps .step.current .icon-container {
  visibility: visible;
}
.wizard .steps .step.current .icon-container .step-icon {
  background-image: url('/images/icons/current_step_marker.png');
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.wizard .steps .step.current .name {
  color: #505150;
  font-weight: bold;
}
.wizard .steps .step:first-child .left {
  border-bottom-left-radius: 125px;
  border-top-left-radius: 125px;
}
.wizard .steps .step:last-child .right {
  border-bottom-right-radius: 125px;
  border-top-right-radius: 125px;
}
.wizard form {
  display: flex;
  flex-direction: column;
}
.wizard .step-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.wizard .list-boxes {
  align-items: center;
}
.wizard .list-boxes .contents {
  margin: 24px;
  padding: 0;
}
.wizard .list-boxes .controls {
  flex: 0 0 auto;
  text-align: center;
}
.wizard .list-boxes .controls > div {
  padding: 8px;
}
#rule-cockpit {
  display: flex;
  flex-direction: column;
  height: 66vh;
  min-height: 700px;
}
#rule-cockpit #RuleNameInput {
  font-weight: bold;
}
#rule-cockpit #RuleNameInput[disabled] {
  color: #d7d7d9;
}
.rule-editor {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.rule-editor .rule-column {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #95A5A6;
  overflow: hidden;
}
.rule-editor .rule-column:last-child {
  flex: 1 1 auto;
  margin-right: 0;
}
.rule-editor .rule-column .title-bar {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  padding: 16px;
  font-weight: bold;
  color: #FFFFFF;
  align-items: center;
  height: 52px;
}
.rule-editor .rule-column .title-bar .icon-spaced {
  margin-right: 12px;
}
.rule-editor .rule-column.risk .title-bar {
  background-color: #35A8C7;
}
.rule-editor .rule-column.action .title-bar {
  background-color: #0091B8;
}
.rule-editor .rule-column.pattern .title-bar {
  background-color: #036884;
}
.rule-editor .rule-column.pattern-definition .title-bar {
  background-color: #697687;
}
.rule-editor .rule-column.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.rule-editor .rule-column.disabled .title-bar {
  background-color: #95A5A6;
}
.rule-editor .rule-column .filter-bar {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #95A5A6;
}
.rule-editor .rule-column .filter-bar .add-button {
  flex: 0 0 auto;
  padding: 4px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.rule-editor .rule-column .filter-bar .filter-text {
  flex: 1 0 auto;
}
.rule-editor .rule-column .filter-bar .filter-text ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DADEE5;
  opacity: 1;
  /* Firefox */
}
.rule-editor .rule-column .filter-bar .filter-text :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #DADEE5;
}
.rule-editor .rule-column .filter-bar .filter-text ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #DADEE5;
}
.rule-editor .rule-column .filter-bar .filter-text input {
  margin: 0;
  padding: 16px;
  border: none;
  width: 20px;
  height: 20px;
  width: 100%;
}
.rule-editor .rule-column .filter-bar .filter-options {
  flex: 0 0 auto;
  padding: 4px;
  width: 20px;
  height: 20px;
}
.rule-editor .rule-column .card-space {
  flex: 1 1 auto;
  overflow-y: auto;
  width: 250px;
}
.rule-editor .rule-column .card-space.centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rule-editor .rule-column .grid-space {
  flex: 1 0 auto;
  overflow-y: auto;
}
.rule-editor .rule-column .grid-space #grid {
  width: 100%;
  min-width: 250px;
  background-color: #FFFFFF;
  font-size: 0.75rem;
}
#rule-cockpit .empty-list-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#rule-cockpit .empty-list-indicator > div {
  margin-bottom: 16px;
}
#rule-cockpit .empty-list-indicator .title {
  font-weight: 600;
}
.page-title-line {
  display: flex;
  flex-direction: row;
  font-size: 1.5rem;
  font-weight: 600;
  color: #505150;
  margin: 36px 0;
  height: 34px;
}
.page-title-line > div {
  display: flex;
  flex-direction: row;
}
.page-title-line > div > div {
  margin-right: 20px;
}
.page-title-line .button {
  height: 34px;
  margin-left: 16px;
}
.page-title-line .spacer {
  flex: 1 1 auto;
}
.card {
  display: flex;
  flex-direction: column;
  height: 108px;
  background-color: #FFFFFF;
  padding: 8px;
  font-size: 80%;
  border-bottom: 1px solid #DADEE5;
}
.card:last-child {
  margin-bottom: 0;
}
.card .primary-info {
  font-weight: bold;
  color: #3C4858;
  font-size: 120%;
  /*word-break: break-all;*/
  word-break: break-word;
  overflow-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 14px;
  max-height: 28px;
}
.card .secondary-info {
  font-weight: 600;
  color: #95A5A6;
}
.card .tertiary-info {
  font-weight: 300;
  color: #95A5A6;
  font-size: 0.625rem;
}
.card .row-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card .row-1 .payload-id {
  margin-top: 4px;
}
.card .row-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.card .row-2 .indicator-arrow {
  height: 12px;
  width: 12px;
  background-image: url('/images/icons/indicator_arrow.svg');
  background-size: contain;
  margin-right: -8px;
}
.card .row-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.card .row-3 .type-display {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.card .row-3 .type-display .type-code {
  background-color: #95A5A6;
  border-radius: 5px 0 0 5px;
  padding: 4px 6px;
  color: #FFFFFF;
  font-weight: 600;
}
.card .row-3 .type-display .system-name {
  background-color: #b1bdbd;
  border-radius: 0 5px 5px 0;
  padding: 4px 6px;
  color: #FFFFFF;
  font-weight: 600;
}
.card .save-indicator {
  flex: 0 0 auto;
  height: 0;
}
.card .save-indicator .slider-space {
  height: 32px;
  position: relative;
  margin: -8px;
  bottom: 16px;
  overflow: hidden;
  pointer-events: none;
}
.card .save-indicator .slider {
  height: 32px;
  background-color: #3C4858;
  position: relative;
  transition: all 180ms 300ms ease-in;
  top: 32px;
}
.card .save-indicator .slider > div {
  padding: 8px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
}
.card .save-indicator .slider .save-in-progress {
  display: none;
}
.card .save-indicator .slider .save-done {
  display: block;
  background-color: #35A8C7;
}
.card .save-indicator.in-progress .slider {
  animation: none;
  top: 0px;
  transition: none;
}
.card .save-indicator.in-progress .slider .save-in-progress {
  display: block;
}
.card .save-indicator.in-progress .slider .save-done {
  display: none;
}
.card .name {
  font-weight: bold;
  cursor: pointer;
}
.card .name:hover {
  text-decoration: underline;
}
.card .more-button {
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 16px;
  cursor: pointer;
  color: #35A8C7;
}
.card .more-button:hover {
  background-color: #F1F1F2;
}
.card.selected {
  background-color: #DADEE5;
}
.card:not(.selected) .row-2 .indicator-arrow {
  display: none;
}
.dialog .dialog-panel .header.risk {
  background-color: #35A8C7;
}
.dialog .dialog-panel .header.action {
  background-color: #0091B8;
}
.dialog .dialog-panel .header.pattern {
  background-color: #036884;
}
#rule-cockpit-pattern-dialog .dialog-panel,
.rule-cockpit-selector-grid .dialog-panel {
  max-width: 1120px;
}
#rule-cockpit-pattern-dialog .right-side,
.rule-cockpit-selector-grid .right-side {
  margin-right: 16px;
  margin-bottom: 15px;
  border: 1px solid #95A5A6;
  padding: 1px;
}
#rule-cockpit-pattern-dialog .left-side,
.rule-cockpit-selector-grid .left-side {
  min-width: 500px;
}
#rule-cockpit-dialogs .tabbed-dialog-panel {
  min-height: 618px;
}
#rule-cockpit-dialogs .dialog-panel {
  flex: 1 1 auto;
}
.column-separator {
  flex: 0 0 auto;
  width: 20px;
  height: 100px;
  margin-left: -1px;
}
.column-separator svg {
  width: 100%;
  height: 100%;
}
.column-separator.risk .triangle {
  fill: #35A8C7;
}
.column-separator.action .triangle {
  fill: #0091B8;
}
.column-separator.pattern .triangle {
  fill: #036884;
}
.column-separator.disabled .triangle {
  opacity: 0.3;
  fill: #95A5A6;
}
#rule-cockpit .filter-menu {
  position: relative;
  left: 0px;
  width: 0;
  height: 0;
  z-index: 5;
}
#rule-cockpit .filter-menu .menu-body {
  width: 288px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(155, 155, 155, 0.26);
  padding: 0 14px;
  max-height: 280px;
  overflow-y: auto;
}
#rule-cockpit .filter-menu .menu-body .item {
  margin-top: 14px;
}
#rule-cockpit .filter-menu .menu-body .item .text {
  color: #505150;
}
#rule-cockpit .filter-menu .menu-body .title {
  font-weight: 600;
  margin-top: 14px;
}
#rule-cockpit .filter-menu .menu-body hr {
  border-top: 1px dashed #95A5A6;
  margin: 14px -14px;
}
#rule-cockpit .score {
  border-radius: 5px;
  padding: 4px 6px;
  color: #FFFFFF !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
#rule-cockpit .score.quadrant-1 {
  background-color: #55D6BE;
}
#rule-cockpit .score.quadrant-2 {
  background-color: #FFD04F;
}
#rule-cockpit .score.quadrant-3 {
  background-color: #F18B07;
}
#rule-cockpit .score.quadrant-4 {
  background-color: #E53855;
}
#rule-cockpit .score.quadrant-5 {
  background-color: #505150;
}
#patternEditorGrid td:not(:nth-child(5)):empty.e-updatedtd {
  border-color: #FF516E !important;
}
#patternEditorGrid tr {
  height: 41px;
}
.dialog-content.disabled {
  pointer-events: none;
}
.disablegrid {
  cursor: not-allowed;
  pointer-events: none;
}
.disablegrid .e-toolbar {
  opacity: 0.4;
}
.selector-spinner.loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.rule-cockpit-selector-grid .e-headercelldiv.e-headerchkcelldiv {
  display: none !important;
}
@media (min-width: 1536px) {
  .rule-editor .rule-column .card-space {
    width: 300px;
  }
}
.report-action-bar .form-inline label {
  margin-left: 10px;
}
.favorite-button {
  background: inherit;
  border: none;
}
.favorite-button > span {
  font-size: 24px;
  color: goldenrod;
}
.e-grid .no-system {
  opacity: 0.6;
}
.e-grid .no-system .e-rowcell {
  color: dimgray !important;
}
.e-grid .no-system img {
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
.e-grid .no-system .button-group {
  color: dimgray !important;
  border-color: dimgray !important;
}
tr.score-high > td.e-rowcell {
  color: #E53855 !important;
  font-weight: bolder;
}
.scoreColoring {
  color: #E53855 !important;
}
.big-number {
  font-size: 2.0625rem !important;
}
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.col {
  display: block;
  float: left;
  margin: 0 0 0.2% 0.2%;
}
.col:first-child {
  margin-left: 0;
}
/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 */
}
.home-area-0 {
  /*width: 48.7%;*/
  width: 100%;
  background-color: #35A8C7;
  color: #FFFFFF;
  min-height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-area-0 .home_title_row {
  font-family: 'Century Gothic';
  font-size: 1.6rem;
  font-weight: 200;
  margin: 2%;
}
.home-area-1 {
  width: 19.84%;
  background-color: #FFFFFF;
  min-height: 10rem;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.home-area-1:hover .row-1 {
  /*background-color: #35A8C7;
    color: @color-lightest;*/
}
.home-area-1 .row-1 {
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.home-area-1 .row-2 {
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.0625rem;
}
.home-area-1 .row-3 {
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.home-area-2 {
  /*width: 48.7%;*/
  width: 33%;
  background-color: #FFFFFF;
  min-height: 25rem;
  text-align: center;
  padding: 2rem;
}
.home-area-2 a img {
  margin-left: 20px;
  margin-right: 20px;
}
.home-area-2 a img:last-child {
  display: none;
}
.home-area-2 .row-1 {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin: 3rem;
}
.home-area-2 .row-2 {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin: 3rem;
}
.home-area-2 .row-3 {
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin: 3rem;
}
.home-area-2:hover {
  background: #F1F1F2;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.home-area-2:hover .button {
  background-color: #35A8C7;
  color: #FFFFFF;
  font-weight: 600;
}
.home-area-2:hover a img:last-child {
  display: block;
}
.home-area-2:hover a img:first-child {
  display: none;
}
#container1 {
  width: 100%;
  height: 100%;
}
.home-area-3 {
  width: 19.9%;
  background-color: #FFFFFF;
  min-height: 35rem;
}
.home-area-3 .row-1 {
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.home-area-3 .row-2 {
  height: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.home-area-3 .row-3 {
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-area-4 .row-1 {
  height: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
#container2 {
  width: 100%;
  height: 100%;
}
#flatgrid {
  width: 100%;
  height: 100%;
}
#top10-roles {
  width: 100%;
  height: 100%;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .home-area-0 {
    width: 90%;
  }
  .home-area-1 {
    width: 90%;
  }
  .home-area-3,
  .home-area-2 {
    width: 90%;
  }
  .home-area-2,
  .home-area-3 {
    width: 90%;
  }
}
#personal-identity-edit-form .display-area {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px;
}
#personal-identity-edit-form .display-area .image-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 200px;
}
#personal-identity-edit-form .display-area .image-display .code {
  font-weight: bold;
}
#personal-identity-edit-form .display-area .data-display {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
#personal-identity-edit-form .display-area .data-display > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
  width: 300px;
}
#personal-identity-edit-form .display-area .data-display > div > div {
  padding: 16px;
  white-space: nowrap;
  overflow: hidden !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#personal-identity-edit-form .display-area .data-display > div > div .key {
  font-weight: bold;
}
#personal-identity-edit-form .e-headercelldiv.e-headerchkcelldiv {
  display: none !important;
}
#alert-policy {
  display: flex;
  flex-direction: column;
  height: 66vh;
  min-height: 700px;
}
.policy-editor {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.policy-editor .policy-column {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #95A5A6;
  overflow: hidden;
}
.policy-editor .policy-column:last-child {
  flex: 1 1 auto;
  margin-right: 0;
}
.policy-editor .policy-column .title-bar {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  padding: 16px;
  font-weight: bold;
  color: #FFFFFF;
  align-items: center;
  height: 52px;
}
.policy-editor .policy-column .title-bar .icon-spaced {
  margin-right: 12px;
}
.policy-editor .policy-column.condition .title-bar {
  background-color: #35A8C7;
}
.policy-editor .policy-column.condition-details .title-bar {
  background-color: #95A5A6;
}
.policy-editor .policy-column .card-space {
  flex: 1 1 auto;
  overflow-y: auto;
  width: 250px;
}
.policy-editor .policy-column .card-space.centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#alert-policy .empty-list-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#alert-policy .empty-list-indicator > div {
  margin-bottom: 16px;
}
#alert-policy .empty-list-indicator .title {
  font-weight: 600;
}
#alert-policy .column-separator {
  flex: 0 0 auto;
  width: 20px;
  height: 100px;
  margin-left: -1px;
}
#alert-policy .column-separator svg {
  width: 100%;
  height: 100%;
}
#alert-policy .column-separator.condition .triangle {
  fill: #35A8C7;
}
.policy-editor .card .tertiary-info {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}
.policy-editor .card .row-3 .secondary-info {
  border-radius: 5px;
  padding: 4px 6px;
  color: #FFFFFF !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.policy-editor .card .row-3 .secondary-info.active {
  background-color: #6CDCDA;
}
.policy-editor .card .row-3 .secondary-info.inactive {
  background-color: #95A5A6;
}
.policy-editor .card .row-3 .secondary-info.low {
  background-color: #55D6BE;
}
.policy-editor .card .row-3 .secondary-info.medium {
  background-color: #FFD04F;
}
.policy-editor .card .row-3 .secondary-info.high {
  background-color: #F18B07;
}
.policy-editor .card .row-3 .secondary-info.very-high {
  background-color: #E53855;
}
.policy-editor .button-line {
  margin: auto 10px 10px;
}
.condition-editor optgroup {
  color: #95A5A6;
}
.condition-editor option {
  color: #3C4858;
}
.tab-condition {
  overflow-y: auto;
  max-height: 450px;
}
.tab-condition.disabled {
  max-height: 500px;
}
.tab-condition.disabled .condition-querybuilder {
  pointer-events: none;
  background-color: #F1F1F2;
}
.tab-condition #qb-wrapper {
  margin-bottom: 15px;
}
.tab-condition #ruleContent {
  color: #95A5A6;
  border: 1px solid #DADEE5;
  padding: 12px;
  overflow-y: auto;
  height: auto;
  min-height: 70px;
  max-height: 450px;
}
.tab-alert,
.tab-remediation {
  display: flex;
  flex-direction: column;
}
.tab-alert textarea,
.tab-remediation textarea {
  max-height: 250px;
}
.e-popup-open .e-dropdownbase .e-list-group-item {
  display: none;
}
.e-popup-open .e-dropdownbase.e-dd-group .e-list-item {
  padding-left: 1em;
}
.e-query-builder select {
  padding-left: 0.5em;
  padding-right: 0 !important;
}
.e-query-builder .e-group-body .e-rule-container .e-rule-filter {
  width: 300px;
}
.e-rule-value .e-radio + label {
  margin: 0 !important;
}
@media (min-width: 1536px) {
  .policy-editor .policy-column .card-space {
    width: 300px;
  }
}
.comment-list {
  margin-left: 15px;
  margin-right: 15px;
}
.comment-item {
  width: 100%;
  float: left;
  padding: 15px;
  margin-top: 10px;
}
.comment-item:not(:last-child) {
  border-bottom: 1px solid #95A5A6;
}
.comment-item .primary-info {
  font-weight: bold;
  color: #3C4858;
  font-size: 120%;
}
.comment-item .secondary-info {
  font-weight: 600;
  color: #95A5A6;
}
.comment-text {
  color: #505150;
  text-align: justify;
}
.new-alert-row {
  font-weight: bold;
  color: #505150 !important;
}
.history-tab .changed-field {
  font-weight: 600;
}
.e-active .comment-number {
  display: none;
}
.comment-number {
  margin: 5px 8px;
  color: #FFFFFF;
  background-color: #505150;
  border-color: #505150;
  border-radius: 15px;
  padding: 5px;
}
.schedule-form .daily-area {
  padding-top: 40px;
}
.schedule-form > div {
  padding: 0 80px;
}
.weekday-list {
  list-style-type: none;
}
.weekday-list li {
  padding: 0;
}
.weekday-list label {
  font-weight: 600;
  color: #505150 !important;
}
.e-upload:before {
  content: "";
}
.in-content-tabs {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
  margin: 0 -26px 26px -26px;
}
.in-content-tabs .tab {
  padding: 24px;
  border: 1px solid #95A5A6;
  background-color: #F1F1F2;
  cursor: pointer;
}
.in-content-tabs .tab.active {
  border-color: #35A8C7;
  border-bottom: none;
  background-color: #FFFFFF;
}
.in-content-tabs .tab-spacer {
  flex: 1 1 auto;
  border-bottom: 1px solid #95A5A6;
}
.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 22px;
  margin: 6px 12px 6px 0px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.switch input:checked + .slider {
  background-color: #6CDCDA;
}
.switch input:checked + .slider:before {
  transform: translateX(14px);
}
div.language-dependent {
  display: flex;
}
div.language-dependent select {
  width: auto;
  margin-right: -1px;
}
.show-password {
  position: relative;
  float: right;
  margin-top: -27px;
  margin-right: 15px;
  cursor: pointer;
}
.copy-pasword {
    position: relative;
    float: right;
    margin-top: -27px;
    margin-right: 24px;
    cursor: pointer;
}
.e-input-eye:before {
  content: '\e345';
  font-family: e-icons;
  font-size: 20px;
}
.e-input-eye-slash:before {
  content: '\e721';
  font-family: e-icons;
  font-size: 20px;
}