:root {
  --sbb-font-roman: SBBWeb Roman, Helvetica Neue, Helvetica, Arial, sans-serif;
  --sbb-font-bold: SBBWeb Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
  --sbb-font-light: SBBWeb Light, Helvetica Neue, Helvetica, Arial, sans-serif;
  --sbb-font-thin: SBBWeb Thin, Helvetica Neue, Helvetica, Arial, sans-serif;
  --font-family-sans-serif: var(--sbb-font-roman);
  --sbb-color-red: #eb0000;
  --sbb-color-red125: #c60018;
  --sbb-color-red150: #a20013;
  --sbb-color-white: #ffffff;
  --sbb-color-milk: #f6f6f6;
  --sbb-color-cloud: #e5e5e5;
  --sbb-color-silver: #dcdcdc;
  --sbb-color-aluminum: #d2d2d2;
  --sbb-color-platinum: #cdcdcd;
  --sbb-color-cement: #bdbdbd;
  --sbb-color-graphite: #b7b7b7;
  --sbb-color-storm: #a8a8a8;
  --sbb-color-smoke: #8d8d8d;
  --sbb-color-metal: #767676;
  --sbb-color-granite: #686868;
  --sbb-color-anthracite: #5a5a5a;
  --sbb-color-iron: #444444;
  --sbb-color-charcoal: #212121;
  --sbb-color-midnight: #151515;
  --sbb-color-black: #000000;
  --sbb-color-blue: #2d327d;
  --sbb-color-granite-alpha40: rgba(104, 104, 104, 0.4);
  --sbb-color-red-alpha40: rgba(235, 0, 0, 0.4);
  --sbb-color-silver-alpha40: rgba(220, 220, 220, 0.4);
  --sbb-color-storm-alpha40: rgba(168, 168, 168, 0.4);
  --sbb-color-iron-alpha40: rgba(68, 68, 68, 0.4);
  --sbb-color-iron-alpha50: rgba(68, 68, 68, 0.5);
  --sbb-color-white-alpha50: rgba(255, 255, 255, 0.5);
  --sbb-color-white-alpha70: rgba(255, 255, 255, 0.7);
  --sbb-color-sky: #0079c7;
  --sbb-color-night: #143a85;
  --sbb-color-violet: #6f2282;
  --sbb-color-autumn: #e84e10;
  --sbb-color-orange: #f27e00;
  --sbb-color-peach: #fcbb00;
  --sbb-color-lemon: #ffde15;
  --sbb-color-green: #00973b;
  --sbb-color-grey: #666666;
  --sbb-color-grey-medium: #979797;
  --sbb-color-background: var(--sbb-color-white);
  --sbb-color-call-to-action: var(--sbb-color-red);
  --sbb-color-call-to-action-hover: var(--sbb-color-red125);
  --sbb-color-error: #eb0000;
  --sbb-color-weak-accent: var(--sbb-color-iron);
  --sbb-scaling-factor: 1;
  --sbb-line-height: 1.5333333333rem;
  --sbb-line-height-root: 1.5333333333;
  --sbb-line-height-medium: 1.3333333333rem;
  --sbb-font-size-large: 1.4rem;
  --sbb-font-size-small: 0.8666666667rem;
  --sbb-line-height-small: 1.3333333333rem;
  --sbb-font-size-constant: 1rem;
  --sbb-font-size: var(--sbb-font-size-constant);
  --sbb-button-height: 2.4rem;
  --sbb-border-width: 0.0666666667rem;
  --sbb-border-color: var(--sbb-color-graphite);
  --sbb-form-input-min-height: calc(2.5rem * var(--sbb-scaling-factor));
  --sbb-color-text: var(--sbb-color-charcoal);
  --sbb-tooltip-background: #666;
  --sbb-tooltip-foreground: #fff;
}

:root {
  color: var(--sbb-color-text);
  background: var(--sbb-color-background);
  font-family: var(--sbb-font-roman);
  font-size: 93.75%;
  line-height: var(--sbb-line-height-root);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sbb-font-roman {
  font-family: var(--sbb-font-roman);
}

.sbb-font-bold {
  font-family: var(--sbb-font-bold);
}

.sbb-font-light {
  font-family: var(--sbb-font-light);
}


.rounded-sm {
  border-radius: 0 !important
}

.rounded {
  border-radius: 0 !important
}

.rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.rounded-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.rounded-lg {
  border-radius: 0 !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.img-thumbnail {
  border-radius: 0;
}

.nav-pills .nav-link,
.navbar-toggler,
.card,
.card-header:first-child,
.card-footer:last-child,
.card-img,
.breadcrumb,
.pagination,
.badge,
.jumbotron,
.alert,
.progress,
.toast,
.modal-content,
.tooltip-inner,
.popover,
.dropdown-menu,
.form-control,
.btn {
  border-radius: 0;
}

.badge-auditlog-top {
  position: relative;
  padding-right: 20px;
}

.badge-auditlog-container .badge-top {
  display: block;
  position: absolute;
  top: -10px;
  right: -6px;
  line-height: 16px;
  height: 19px;
  padding: 0 6px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #0076ff;
}

.badge-auditlog-container {
  position: relative;
  padding-right: 3px;
}

.badge-auditlog {
  display: block;
  position: absolute;
  top: -10px;
  right: -6px;
  font-size: 10px;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  padding: 0 3px;
  font-weight: normal;
  line-height: 12px;
  height: 14px;
}

.actions {
  white-space: nowrap;
}

.actions a {
  text-decoration: none;
  border: none;
  color: #000;
}

.actions a:hover,
.actions a:focus {
  text-decoration: none;
  border: none;
  color: var(--sbb-color-red125);
}

.actions a .ms-Icon {
  font-size: 18px;
  line-height: 1.0;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: unset;
  margin-right: 4px;
}

.actions a.disabled,
.actions a:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background-color: transparent;
}

.dropdown-item {
  font-size: 15px;
}

.dropdown-menu {
  box-shadow: rgb(204, 204, 204) 0 6px;
  border: 2px solid rgb(102, 102, 102);
}

.action-item-with-icon {
  position: relative;
}

.custom-switch .custom-control-label::after {
  background-color: #b7b7b7;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(--sbb-color-red-alpha40);
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(--sbb-color-red-alpha40);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--sbb-color-red);
  background-color: var(--sbb-color-red);
}

.custom-checkbox .custom-control-label::before {
  border-radius: .25rem
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(--sbb-color-red-alpha40) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #b7b7b7;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: var(--sbb-color-red125);
  border-color: var(--sbb-color-red125);
}

code {
  color: #0079C7;
}

.alert-teaser {
  border-color: #6F2282;
  border-width: 1px;
  border-left-width: 8px;
  background: #fdf6ff;
  border-radius: 4px;
}

.sbb-alert.alert-dismissible {
  padding-right: 2rem;
}

.sbb-alert p {
  margin: 0;
}

.sbb-alert.alert-dismissible .close {
  float: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0 0.25rem 0.25rem 0.25rem;
}

.modal-content {
  font-size: inherit;
  color: inherit;
}

select option[disabled],
select option:disabled,
select option:invalid {
  opacity: 0.3;
  pointer-events: none;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.form-text {
  line-height: 1rem;
  font-size: 13px;
  color: var(--sbb-color-smoke);
}

.form-text ul,
.form-text li {
  margin: 0;
}

/* utility classes that have changed from bs4 to bs5 '*/
.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.pr-1 {
  margin-right: 0.25rem;
}

.pr-2 {
  margin-right: 0.5rem;
}

.pr-3 {
  margin-right: 0.75rem;
}

.pr-4 {
  margin-right: 1rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}