/*** Kleuren *******************************************/
a {
  color: inherit;
  background-color: inherit;
}
.rood {
  color: var(--rood);
}

.port-rood {
  color: var(--rood);
}

.port-groen {
  color: var(--groen);
}

.port-blauw {
  color: var(--blauw);
}

.port-oranje {
  color: var(--oranje);
}

.port-vervagen {
  opacity: 0.2;
}

.port-tegel-info {
  border: 2px solid var(--rood);
  background-color: var(--kleur1);
  color: var(--wit);
}

.port-tegel-doen {
  border: 2px solid var(--rood);
  background-color: var(--geel);
  color: var(--zwart);
}

.port-tegel-bezig {
  border: 2px solid var(--rood);
  background-color: var(--groen-donker);
  color: var(--wit);
}

.port-tegel-urgent {
  border: 2px solid var(--geel);
  background-color: var(--rood);
  color: var(--wit);
}

.port-tegel-voet {
  border-top: 1px solid var(--blauw-grijs);
}

p.port-opmerking {
  color: var(--rood);
}
#port-inhoud {
  background-color: var(--wit);
  border: 0px solid var(--rood);
}
.port-achtergrond {
  background: var(--blauw-grijs);
  color: var(--wit);
}

.port-waarschuwing {
  background: #9c9c9c;
}
.port-uitgeschakeld {
  border: 1px solid var(--blauw-grijs);
  background: var(--grijs-licht);
  color: var(--zwart) !important;
  pointer-events: none;
}

.port-tabel-kop {
  background: var(--blauw-grijs);
  color: var(--wit);
}
.port-zijblok-rechts {
  background-color: var(--wit);
  border: 0px solid var(--rood);
}
.port-portaal {
  border: 0px solid var(--blauw);
}

#port-inhoud {
  box-shadow: 5px 5px 6px var(--zwart);
}
.port-header {
  background: var(--blauw-grijs);
  color: var(--wit);
}
.port-titel {
  background: var(--blauw-grijs);
  color: var(--wit);
}
.port-lijn {
  border: 3px solid var(--rood-donker);
  border: 1px solid var(--blauw-grijs);
}
.port-button {
  color: var(--wit);
  border: 1px solid var(--blauw-grijs);
}
.inline-button {
  color: var(--wit);
  border: 1px solid var(--blauw-grijs);
}

.port-button-uitgeschakeld {
  border: 1px solid var(--blauw-grijs);
  background: var(--blauw-grijs);
  color: var(--wit);
}

.port-button-uitgeschakeld:hover {
  cursor: default;
}

.port-button-secundair {
  border: 1px solid var(--blauw-grijs);
  background: var(--wit);
  color: var(--zwart);
}

.port-button-secundair:hover {
  border: 1px solid var(--blauw-grijs);
  color: var(--wit);
  background: var(--kleur1);
}

.port-button:hover {
  background: var(--rood-donker);
  color: var(--wit);
}
.port-button.gekozen {
  color: var(--wit);
  background: #005ea7;
}
.port-button-terug {
  color: var(--wit);
  border: 1px solid var(--blauw-grijs);
}
.port-button-terug:hover {
  background-color: var(--rood-donker);
  color: var(--wit);
}
.port-button-terug.gekozen {
  color: var(--wit);
  background: #005ea7;
}
.port-button-reverse {
  color: var(--geel);
  background: #005ea7;
  border: 1px solid #005ea7;
}
.port-button-reverse:hover {
  background-color: var(--rood-donker);
  color: var(--wit);
}
.port-button-reverse.gekozen {
  color: var(--geel);
}
.inputlabel {
  background-color: var(--kleur1);
  border: 0.5px solid var(--grijs-licht);
}
.port-label {
  background-color: var(--wit);
}
.port-waarschuwing-opmaak {
  color: var(--oranje);
  font-weight: bold;
}
.port-error-opmaak {
  color: var(--rood);
}
.port-melding-opmaak {
  color: var(--groen);
}

span.port-port-accent {
  color: var(--groen-donker);
}
.port-lv {
  background-color: var(--wit);
  border: 1px solid var(--grijs-licht);
}

/****************************** opmaak pagina menu ******************/

nav ul li {
  background-color: var(--button-primary-back);
  color: var(--wit);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.gekozen {
  color: var(--wit);
}

.site-menu {
  display: block;
  padding-block: 5px;
}

nav {
  min-width: 1200px;
}

nav ul {
  z-index: 9999;
  list-style: none;
  position: relative;
  padding-left: 0px;
  margin: 0 10px;
}

nav ul li {
  z-index: 9999;
  display: inline-block;
  padding: 3px 10px;
  cursor: pointer;
  float: none;
  white-space: nowrap;
}

nav li:hover {
  background-color: var(--button-primary-hover);
  color: var(--wit);
  transition: all 0.3s ease;
}

nav a {
  display: block;
  padding: 1px 3px;
  text-decoration: none;
}

nav ul ul {
  z-index: 9999;
  position: absolute;
  display: none;
  top: 100%;
  padding-left: 5px;
  padding-bottom: 5px;
}

nav ul li:hover > ul {
  display: inherit;
  transition: all 0.3s ease;
}

nav ul ul li {
  z-index: 9999;
  margin-top: 5px;
  min-width: 170px;
  display: list-item;
  position: relative;
}

nav ul ul ul {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0px;
  padding-left: 5px;
  padding-bottom: 5px;
}

/****************************** accordion menu ******************/

#port-groep a {
  color: var(--zwart);
  background: var(--kleur1);
}
#port-groep a.active {
  color: var(--rood) important!;
}
.file-wrapper .button {
  color: var(--wit);
  background: var(--groen);
}
.file-holder {
  color: var(--zwart);
}
.well {
  box-shadow: 0 0 10px var(--zwart);
  background-color: var(--wit);
}

/*** Overige CSS **************************************/
html {
  overflow-y: scroll;
}

a {
  text-decoration: none;
  outline: 0;
}

p {
  margin-top: 10px;
  margin-bottom: 5px;
}

body {
  font-family: Verdana;
  font-size: 14px;
}

textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  margin: 3px 0 0 0;
  background-color: var(--wit);
  border-width: 1px;
  border-style: solid;
  border-color: var(--grijs-licht);
}

p.port-gewoon {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
}

p.port-opmerking {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
}

th {
  vertical-align: top;
  text-align: left;
}

td {
  vertical-align: top;
}

.port-fieldset {
  display: inline-block;
  width: 420px;
  border: 2px solid var(--groen);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.port-fieldset-legend {
  background: var(--wit);
  margin-bottom: 10px;
  font-weight: bold;
}

.port-table-max-width {
  width: 100%;
}

/***************************** portal ******************************/
#port-inhoud {
  -moz-border-radius: 10px; /* for Firefox */
  -webkit-border-radius: 10px; /* for Webkit-Browsers */
  border-radius: 10px; /* regular */
  box-shadow: 5px 5px 6px var(--zwart);
  margin: 9px;
  padding: 0px 0px;
  line-height: 1.3;
}

.port-sec-logo {
  position: relative;
  float: right;
  height: 90px;
}

.port-pagina {
  display: flow-root;
  padding: 5px 10px;
  line-height: 1.3;
}

.port-select {
  height: 21px;
}

.port-aanwijzer {
  cursor: pointer;
}

.port-wrapper {
  clear: both;
}

.port-inline {
  display: inline;
}

#port-stap-scherm {
  display: block;
}

.port-tabel-kop {
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 2px 5px 4px 5px;
  margin: 0px;
  font-size: 14px;
}

.port-tabel-kop-links {
  text-align: left;
}

.port-tabel-kop-rechts {
  text-align: right;
}

.port-datum {
  font: inherit;
  font-size: 12px;
}

.port-tijd {
  font: inherit;
  font-size: 12px;
}

.port-sort {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.port-sort li span {
  position: absolute;
  line-height: 25px;
  vertical-align: middle;
}

.port-afb-img-voor {
  height: 25px;
  margin-right: 5px;
  padding: 1px;
  border: 1px solid var(--grijs);
}

.port-file-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

.port-file-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  filter: alpha(opacity=1);
  opacity: 0.01;
  -moz-opacity: 0.01;
  cursor: pointer;
}

.port-file-wrapper .port-button {
  display: inline-block;
}

/****************************** zijblok ******************/

.port-zijblok-links {
  position: relative;
  z-index: 0;
  float: left;
  width: 240px;
  margin: 10px 0px 10px 10px;
  border: 0px solid var(--groen);
}

.port-zijblok-rechts {
  position: relative;
  z-index: 0;
  float: left;
  width: 910px;
  -moz-border-radius: 10px; /* for Firefox */
  -webkit-border-radius: 10px; /* for Webkit-Browsers */
  border-radius: 10px; /* regular */
  /*   box-shadow: 5px 5px 6px var(--zwart); */
  margin: 10px 10px 10px 10px;
}

.port-portaal {
  position: relative;
  z-index: 2;
  float: left;
  width: 900px;
  height: 10px;
  padding: 10px 0px 0px 10px;
}

/***************************** portaal-box *****************************/
.port-box {
  -moz-border-radius: 10px; /* for Firefox */
  -webkit-border-radius: 10px; /* for Webkit-Browsers */
  border-radius: 10px; /* regular */
  margin: 0 0 10px 0;
  background-color: var(--wit);
  /*   box-shadow: 5px 5px 6px var(--zwart); */
}

.port-header {
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 2px 5px 5px 5px;
  margin: 0px 0px 5px 0px;
  font-size: 18px;
}

.port-titel {
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 0px;
  height: 23px;
  font-weight: normal;
}

.port-box .port-tekst {
  padding: 0 10px 0 10px;
}

.port-box h2 {
  padding: 2px 10px 5px 10px;
  margin: 0px 0px 0px 0px;
}

.port-vet {
  font-weight: bold;
}

/***************************** Buttons *****************************/

.port-button,
.port-button-secundair {
  display: inline-block;
  margin: 5px 2px 0px 0px;
  padding: 4px 4px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
}

.inline-button {
  display: inline-block;
  margin: 1px 2px 1px 0px;
  padding: 1px 4px;
  cursor: pointer;
  outline: none;
}

.port-button-small {
  padding: 0 4px;
}

.port-button-rechts {
  margin: 5px 0px 0px 0px;
}

.port-button.gekozen {
  font-weight: bold;
}

.port-button-terug {
  display: inline-block;
  margin: 5px 2px 0px 0px;
  padding: 4px 4px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
}

.port-button-terug.gekozen {
  font-weight: bold;
}

.port-button-reverse {
  height: 23px;
  margin: 5px 2px 0 2px;
  padding: 0 2px 0 2px;
  cursor: pointer;
  outline: none;
}

.port-button-reverse.gekozen {
  font-weight: bold;
}

/***************************** groepen *****************************/

#port-personalia {
  padding: 2px 0px 2px 10px;
}

.inputlabel {
  height: 19px;
  padding: 0px 10px;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.port-label {
  display: inline-block;
  height: 21px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: top;
  margin-bottom: 5px;
  margin-right: 10px;
}

.port-display-label {
  display: inline-block;
  height: 21px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  margin-bottom: 2px;
  margin-right: 10px;
}

.port-display-data {
  font-weight: bold;
  width: 100%;
}

.port-display-data:before {
  content: " ";
  font-weight: normal;
}

.port-display {
  height: 21px;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

.port-display:after {
  content: ":";
  float: right;
}

.port-knoppen {
  margin-top: 20px;
}

.port-functie-kop {
  padding-left: 0px;
  margin-top: 6px;
}

.port-marge {
  margin: 0 5px;
}

/********************************************
****  opmaak meldingen 
********************************************/
#port-melding {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0px;
}
.port-melding {
  color: #555555;
  /* border-radius:10px; */
  font-family: Tahoma, Geneva, Arial, sans-serif;
  /* font-size: 11px; */
  padding: 10px 35px;
}
.port-melding span {
  font-weight: bold;
}
.port-melding ul {
  margin: 0px;
  /* list-style-type: none;*/
}
.port-melding ul li {
  margin-left: -20px;
}
.port-error-opmaak .port-melding {
  background: #ffecec url("port-afb/port-afb-fout.png") no-repeat 10px 10px;
  border: 1px solid #f5aca6;
}
.port-melding-opmaak .port-melding {
  background: #e9ffd9 url("port-afb/port-afb-goed.png") no-repeat 10px 10px;
  border: 1px solid #a6ca8a;
}
.port-waarschuwing .port-melding {
  background: #fff8c4 url("port-afb/port-afb-warning.png") no-repeat 10px 10px;
  border: 1px solid #f2c779;
}
.port-opmerking .port-melding {
  background: #e3f7fc url("port-afb/port-afb-opmerking.png") no-repeat 10px 10px;
  border: 1px solid #8ed9f6;
}

.port-welkom {
  padding-left: 5px;
  padding-top: 5px;
}

.port-lv {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/****************************** accordion menu ******************/

.dcaccordion {
  list-style: none;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
}

#port-groep {
  display: block;
  position: relative;
  width: 230px;
  border: 0px solid var(--blauw);
}

#port-groep a {
  display: block;
  padding: 2px 0px 2px 10px;
  margin: 0px 0px 2px 0px;
  text-decoration: none;
  cursor: pointer;
}

ul.text {
  margin-bottom: 1em;
  line-height: 1.5em;
}

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

.clear {
  clear: both;
}

.dcjq-count {
  float: right;
}

.port-menu-inhoud {
  overflow: hidden;
  white-space: nowrap;
  width: 190px;
}

.port-rol-menu {
  font-weight: bold;
}
.port-rol-functie {
  padding: 0px 0px 0px 20px;
}

div.tekst-rechts {
  text-align: right;
}

div.tekst-links {
  text-align: left;
}

div.tekst-center {
  text-align: center;
}

.tekst-rechts {
  text-align: right;
}

.tekst-links {
  text-align: left;
}

.tekst-center {
  text-align: center;
}
/***************************** document info ********************/

.port-document-info {
  padding-top: 10px;
}

/***************************** voet *****************************/

#port-wachten {
  display: block;
  position: relative;
  padding: 10px 0px 0px 60px;
}

.port-rechts {
  display: block;
  float: right;
}

.port-links {
  display: block;
  float: left;
}

span.port-label-inhoud:after {
  content: "\000A";
  white-space: pre;
}

/********************** file bladeren *****************************/

.file-wrapper {
  position: relative;
  display: inline-block;
  margin: 0px;
  cursor: pointer;
}

.file-wrapper input {
  position: absolute;
  top: 10;
  right: 6;
  margin-top: 10px;
  width: 100%;
  filter: alpha(opacity=1);
  opacity: 0.01;
  -moz-opacity: 0.01;
  cursor: pointer;
}

.file-wrapper .button {
  padding: 4px 4px;
  margin-right: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
}

#my_popup_background {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
#my_popup_wrapper {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}
#my_popup {
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  transition: all 1s ease-in;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -moz-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
}
.popup_visible #my_popup {
  -webkit-transform: translateZ(0px) rotateX(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
}
.well {
  display: none;
  width: 620px;
  margin: 1em;
  padding: 10px;
}

.port-rubriek-icon {
  margin-right: 10px;
}

ul.port-open-lijst {
  list-style-image: url("port-afb/port-afb-open.png");
  padding: 10px 0 0 0;
  margin: 0 0 0 25px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 0.5em;
}

.td-regel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* accordion */

td.inputlabel2 {
  text-align: left;
  height: 14px;
  background-color: #dddddd;
  border-radius: 5px;
  margin-left: 20px;
  padding: 4px 10px 0px 10px;
  vertical-align: top;
  font-weight: bold;
  width: 550px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid var(--geel-licht);
  background: var(--geel-lichter) url(images/ui-bg_glass_55_fbf5d0_1x400.png)
    50% 50% repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid var(--geel);
  background: var(--geel-licht)
    url(images/ui-bg_diagonals-thick_95_ffdc2e_40x40.png) 50% 50% repeat;
  color: var(--grijs-donker);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: var(--grijs-donker);
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: var(--grijs-donker);
}

/***************** port tegels en waarschuwingen *****************/

.port-tekstblok {
  margin: 10px 5px 0px 5px;
}

ul.port-waarschuwingen {
  list-style-image: url("port-afb/port-afb-waarschuwing.png");
  padding: 10px 0 0 0;
  margin: 0px 0 10px 25px;
}

.port-tegels {
  float: left;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.port-tegel-lijst {
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  width: 910px;
  min-height: 10px;
  margin: 0 20px 20px 0;
  padding: 5px 5px;
  overflow: auto;
}

.port-tegel {
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  width: 200px;
  height: 150px;
  margin: 0 20px 20px 0;
  padding: 5px 5px;
  overflow: auto;
}

.port-tegel .port-tegel-titel {
  font-size: 14px;
  margin-bottom: 5px;
}

.port-tegel .port-tegel-toelichting {
  font-size: 10px;
}

.port-tegel .port-tegel-voet {
  position: absolute;
  display: block;
  width: 190px;
  bottom: 5px;
  font-size: 10px;
}

ul.port-invoer {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.port-left {
  text-align: left;
  font-weight: normal;
}

.port-input-checkbox {
  display: inline-block;
  margin-bottom: 10px !important;
}

.port-input-checkbox-line {
   margin-left: 5;
}

/* Customize the label (the port-checkbox-container) */
.port-checkbox-container {
  min-width: 130px;
  max-width: 900px;
  min-height: 20px;
  display: inline-block;

  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: inherrit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser\'s default checkbox */
.port-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.port-checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--grijs-lichter);
  border: 1px solid var(--blauw-licht);
}

/* On mouse-over, add a grey background color */
.port-checkbox-container:hover input ~ .port-checkbox-checkmark {
  background-color: var(--grijs-licht);
}

/* When the checkbox is checked, add a var(--blauw) background */
.port-checkbox-container input:checked ~ .port-checkbox-checkmark {
  background-color: var(--blauw-licht);
}

/* Create the port-checkbox-checkmark/indicator (hidden when not checked) */
.port-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the port-checkbox-checkmark when checked */
.port-checkbox-container input:checked ~ .port-checkbox-checkmark:after {
  display: block;
}

/* Style the port-checkbox-checkmark/indicator */
.port-checkbox-container .port-checkbox-checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid var(--wit);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.port-input-radio {
  display: inline-block;
  margin-bottom: 10px !important;
}

.port-input-radio-line {
   margin-left: 0;
}

/* Customize the label (the port-radio-container) */
.port-radio-container {
  min-width: 130px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;

  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: inherrit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser\'s default radio button */
.port-radio-container ul li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.port-radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--grijs-lichter);
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.port-radio-container:hover input ~ .port-radio-checkmark {
  background-color: var(--grijs-licht);
}

/* When the radio button is checked, add a var(--blauw) background */
.port-radio-container input:checked ~ .port-radio-checkmark {
  background-color: var(--blauw-licht);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.port-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.port-radio-container input:checked ~ .port-radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.port-radio-container .port-radio-checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wit);
}

.port-afb-authenticator {
  height: 25px;
}

.port-link-authenticator {
  cursor: pointer;
}