ul::after {
  content: "";
  display: table;
  clear: both;
}
/* PR2021-05-07 to remove blue from links in table exam etc. */
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
  color: #a8c1e0;
   text-decoration: none;
}

/* PR2021-06-19 to show blue in links in modimport result message. */
.awp_href {
    color: #15c;
    text-decoration: underline;
}

.navbar .nav-link {
    padding-top:.3125rem;
    padding-bottom:.3125rem;
}

.awp_navbar {
  background-color: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
  /*color: #ffffff /* #ffffff is white;#edf2f8; is light light blue /*95% #233d5c */
  background-image: none;
  background-repeat: no-repeat;
  text-decoration: none;
  list-style: none;

  padding: 2px 8px;  /* top, right, bottom, left: */
  border-bottom: 1px #f3f3f3; /* offwhite */
 }

.awp_navbar_item, .awp_navbaritem_may_select { /* PR20202-09-29 */
    background:  #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/
   /* font-size: 1.1rem;*/
    font-size: 18px;
    padding: 0px 8px 0px 8px;  /* top, right, bottom, left: */
    margin: 4px 8px 4px 8px;
/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */


}

.awp_navbaritem_may_select:hover {
  color: #a8c1e0; /* #a8c1e0 is light blue */
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.navbar-item-default {
  background-color: transparent; /* #233d5c; /* #2d4e77; */
  color: #edf2f8; /*95% #233d5c */
  font-size: 1.25rem;
  line-height: inherit;
  background-image: none;
  background-repeat: no-repeat;
  text-decoration: none;
  list-style: none;
  white-space: nowrap;
 }
 /*
.navbar-item-default:hover {
  color: #a8c1e0;
  text-decoration: none;
  list-style: none;
 }
*/
.navbar-item-warning {
  background-color: transparent;/*#233d5c;  #2d4e77; */
  color: #ff7e00; /* #ff7e00 is orange; #ff3300 is orange-red */
  background-image: none;
  background-repeat: no-repeat;
  text-decoration: none;
  list-style: none;
 }

.awp_bg_purple {
    background-color: #9f2d53 !important; /* ETE paars #9f2d53 RGB 159-45-85 PR2021-05-24 */
}
.awp_bg_blue {
    background-color: #2d4e77 !important; /* HeaderBackColor Default Schema Blauw donkerblauw */
    color: #ffffff;
}
.awp_bg_green {
    background-color: #04928c !important; /* ETE groen #04928c RGB 4-146-140  PR2021-05-22 */
}
.awp_bg_corr_green {
    background-color: #069d06 !important; /* corrector groen #069d06 RGB 6-157-6  PR2023-07-17 */
}

.awp_bg_yellow {
    background-color: #ffd01c !important; /* tsa yellow  PR2021-06-20 */
}
.awp_bg_offwhite {
    background-color: #ededed ; /* Wix background light grey ##ededed RGB 237-237-237  PR2021-06-10 */
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    background-color: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    color: #e3ebf4;
    list-style: none;
    /*line-height: 24px; */
    overflow: hidden; /* Add this */
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #ff5500;
}
.navbar-custom .dropdown-item {
    color: #ffffff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #333333;
    background-color: rgba(255,255,255,.5);
}


.awp_dropdown_divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
  border-top: 4px solid  #2d4e77;
}


/* PR2018-05-12 Style the menubar */

nav.menubar {
    background-color: green; /*95% #233d5c */
    color: red; /*95% #233d5c */
    clear: both;
    overflow: hidden;
}
ul.menubar {
    padding: 4px 16px;
    list-style: none;
    background-color: #edf2f8; /*95% #233d5c */
    color: #2d4e77;
}

/* Display list items side by side */
ul.menubar li {
    display: inline;
    font-size: 1rem;  /* font-size: 18px;*/
    /*color: #he3ebf4;  PR2021-02-03 firefox ddebug: ‘#he3ebf4’.  Error in parsing value for ‘color’. */
}

/* Add a slash symbol (/) before/behind each list item */
ul.menubar li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.menubar li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.menubar li a:hover {
    color: #01447e;
    text-decoration: underline;
}

/* define tables */
.td, .th {
    padding-top:.3125rem;
    padding-bottom:.3125rem;
}


/* changes to Bootstrap */
body {
  line-height: 1.5; /* PR2020-11-18 was: line-height: 1.25;/* PR2018-08-17 was: line-height: 1.5; */
}

label {
  margin-bottom: .125rem; /* PR2018-08-17 was: margin-bottom: .5rem; */
}

.form-control {
  padding: 0.125rem 0.375rem; /* PR2018-08-17 was: padding: 0.375rem 0.75rem; */
  line-height: 1.25; /* PR2018-08-17 was: line-height: 1.5; */
}

/* PR2018-08-17 was:
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
*/

.form-group {
  margin-bottom: 0.5rem; /* PR2018-08-17 was: margin-bottom: 1rem; */
}

/*
.btn {
  padding: 0.1rem 0.25rem; //* PR2018-12-15 was: DEFAULT padding: 0.375rem 0.75rem;
}*/

.navbar {
  padding: 2px 4px; /* 0.25rem 0.25rem; /* PR2018-12-15 was: padding: 0.25rem 1rem; */
}
.close {
  line-height: .75;  /* PR2018-08-18 was: line-height: 1; */
}
/* only used in page exams */
.margin_top96_left16_right32 {
   /*margin-top: 78px; */
   margin-top: 96px;
   margin-left: 16px;
   margin-right: 32px;
}

.margin_top80_left16_right32 {
   /*margin-top: 78px; */
   margin-top: 80px;
   margin-left: 16px;
   margin-right: 32px;
}
.content_margin_top78 {
   margin-top: 78px;
   margin-left: 16px;
}
/* NIU
.menubar_fixed_top {
  position: fixed;
  top: 96px;
  right: 0;
  left: 48px;
  z-index: 1020;
}
*/

.menubar_navbar {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 212px;
    margin-right: auto;
    padding: 0px 8px;
    z-index: 990; /* headerbar dropdown item has z-index 1000. This one must have lower z-index. Was  1020; PR2020-10-03*/
    background-color: #f8f9fa /* bootstrap bg-light  */
}


.awp_nav_bg_submenu {
    /* background-color: #646464 !important;;  /* #f5f5f5; /* this is reddish: background-color: #f8f8f8;*/
    /* background-color:  #e2e2e2 !important; /* #f5f5f5 = 245 245 245  licht licht licht grijs; */
    background-color: #f8f9fa /* bootstrap bg-light  */
}


.awp_navbar_submenu {
    list-style: none;
    display: block;

    top: 60px;
    left: 175px;
    overflow: hidden;
    text-decoration: none;
    list-style: none;


    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 212px;
    margin-right: auto;
    padding: 2px 8px;
    z-index: 990 /* headerbar dropdown item has z-index 1000. This one must have lower z-index. Was  1020; PR2020-10-03*/
}

.awp_navbar_submenu a {
  float: left;
  color: #212529;
  text-align: center;
  padding: 4px 4px; /*padding: 0 .5rem;*/
  text-decoration: none;
  font-size: 14px;
  border-radius: .25rem;
}

.awp_navbar_submenu a:hover {
  background-color: #c4c4c4;
  color: black;
}
.awp_navbar_submenu a.active {
  background-color: #646464; /* #606060; */
  color: white;
}
.svg_menu_button {
    margin: 2px 0px;
    padding: 0;
}
.menu_polygon_selected_blue {
    fill: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    stroke: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    stroke-width: 1;
}
.menu_polygon_selected_purple {
    fill: #9f2d53; /* ETE paars #9f2d53 RGB 159-45-85 PR2021-05-24 */
    stroke: #9f2d53; /* ETE paars #9f2d53 RGB 159-45-85 PR2021-05-24 */
    stroke-width: 1;
}
.menu_polygon_selected_green {
    fill: #04928c !important; /* ETE groen #04928c RGB 4-146-140  PR2021-05-22 */
    stroke: #04928c !important; /* ETE groen #04928c RGB 4-146-140  PR2021-05-22 */
    stroke-width: 1;
}
.menu_polygon_selected_corr_green {
    fill: #069d06 !important; /* corrector groen #069d06 RGB 6-157-6  PR2023-07-17 */
    stroke: #069d06 !important; /* corrector groen #069d06 RGB 6-157-6  PR2023-07-17 */
    stroke-width: 1;
}
.menu_polygon_selected_yellow {
    /*color: #212529;  /* dark dark grey blue */
    fill: #ffd01c !important; /* tsa yellow PR2021-06-20 */
    stroke: #ffd01c !important; /* tsa yellow  PR2021-06-20 */
    stroke-width: 1;
}

.menu_polygon_unselected {
    fill: #bacee6;
    stroke: #bacee6;
    stroke-width: 1;
}

.menu_polygon_unselected:hover {
    fill: #c4c4c4; /* subemnu hover grey */
    stroke: #c4c4c4; /* subemnu hover grey */
    stroke-width: 1;
 }

.awp_content_container {
    /* margin: <top><right><bottom><left> */
   margin-top: 196px;
   margin-left: 248px;
  /* background-color: #fbedba !important; /* lighter shade of tsa yellow */
}
.awp_content_container_home {
    /* margin: <top><right><bottom><left> */
   margin-top: 72px;
   margin-left: 248px;
  /* background-color: #fbedba !important; /* lighter shade of tsa yellow */
}

/* show pointer on hover PR2022-07-07 */

.awp_pointer_show:hover {
    cursor: pointer;
    background-color: #e0e0e0 !important; /* licht grijs; tsa_tr_selected*/
 }

.awp_pointer_hide:hover {
    cursor: auto;
 }


/* used in userpage PR2022-10-26 */

.awp_modselect_school { /* PR2022-10-26 */
    background:  #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/
   /* font-size: 1.1rem;*/
    /*font-size: 18px;*/
    /*padding: 0px 8px 0px 8px;*/  /* top, right, bottom, left: */
    /*margin: 4px 8px 4px 8px;*/

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.awp_modselect_school:hover {
  color: #a8c1e0;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_modselect_department { /* PR2022-10-26 */
    background-color: #4c74a7; /* #4c74a7 rgba: 76-116-167-1 medium blue*/

    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/
   /* font-size: 1.1rem;*/
    /*font-size: 18px;*/
    /*padding: 0px 8px 0px 8px;*/  /* top, right, bottom, left: */
    /*margin: 4px 8px 4px 8px;*/

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.awp_modselect_department:hover {
  color: #a8c1e0;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_modselect_level { /* PR2022-10-26 */

    color: #2D4E77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */


/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.awp_modselect_level:hover {
  /*color: #a8c1e0;*/

  color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_modselect_subject { /* PR2022-11-06 */
    color: #212529; /* color: #212529;  /* dark dark grey blue  */
    /*background-color: #ffff; /* 'TextboxBackColor Default Schema Blauw lichtblauw */

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.awp_modselect_subject:hover {
  color:  #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }
/* end of used in userpage */


/* used in page exam modduoexam PR2023-03-19 */

.awp_mod_exam { /* PR2023-03-19 */
    color: #212529; /* color: #212529;  /* dark dark grey blue  */
    background-color: #f5f5f5;  /* licht licht licht grijs 245 245 245 */

    transition: background-color 250ms ease;
     -webkit-transition: background-color 250ms ease;
     -o-transition: background-color 250ms ease;
     -moz-transition: background-color 250ms ease;

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.awp_mod_exam:hover {
  background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_mod_exam_selected { /* PR2023-03-19 */
    background-color: #376191;  /* !important;  FooterBackColor Default Schema Blauw medium blauw  RGB 55,97,145)  */
    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/

    transition: background-color 250ms ease;
     -webkit-transition: background-color 250ms ease;
     -o-transition: background-color 250ms ease;
     -moz-transition: background-color 250ms ease;

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.awp_mod_exam_selected:hover {
  background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_mod_exam_linked { /* PR2023-03-19 */
    color: #212529; /* color: #212529;  /* dark dark grey blue  */
    background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */

    transition: background-color 250ms ease;
     -webkit-transition: background-color 250ms ease;
     -o-transition: background-color 250ms ease;
     -moz-transition: background-color 250ms ease;

/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.awp_mod_exam_linked:hover {
    /*background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
    /* background-color: #376191;  /*  FooterBackColor Default Schema Blauw medium blauw  RGB 55,97,145)  */

    background-color: #4c74a7; /* #4c74a7 rgba: 76-116-167-1 medium blue*/
    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/

  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.awp_mod_exam_linked_selected { /* PR2023-03-19 */
    background-color: #376191;  /*  FooterBackColor Default Schema Blauw medium blauw  RGB 55,97,145)  */
    color: #ffffff; /* #ffffff is white; #edf2f8; is light light blue*/

    transition: background-color 250ms ease;
     -webkit-transition: background-color 250ms ease;
     -o-transition: background-color 250ms ease;
     -moz-transition: background-color 250ms ease;


/* PR2020-11-09 prevents selecting text. From https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.awp_mod_exam_linked_selected:hover {
  background-color: #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
  text-decoration: none;
  list-style: none;
  cursor: pointer;
 }

.text_underline {
  text-decoration: underline;
}

.loader {
  position: relative;
  width: 40px; /*  width: 80px; */
  height: 16px; /*  width: 80px; */
  margin: 0 auto; /*  margin: 100px auto; */
}

.duo {
  height: 10px;  /* height: 10px;*/
  width: 25px;  /* width: 25px; */
  background: hsla(0, 0%, 0%, 0.0);
  position: absolute;
}

.duo, .dot {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.duo1 {
  left: 0;
}

.duo2 {
  left: 15px
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #2D4E77; /* HeaderBackColor Default Schema Blauw donkerblauw */
  position: absolute;
}

.dot-a {
  left: 0;
}

.dot-b {
  right: 0;
}

@keyframes spin {
    0% { transform: rotate(0deg) }
   50% { transform: rotate(180deg) }
  100% { transform: rotate(180deg) }
}

@keyframes onOff {
    0% { opacity: 0; }
   49% { opacity: 0; }
   50% { opacity: 1; }
  100% { opacity: 1; }
}

.duo1 {
  animation-name: spin;
}

.duo2 {
  animation-name: spin;
  animation-direction: reverse;
}

.duo2 .dot-b {
  animation-name: onOff;
}

.duo1 .dot-a {
  opacity: 0;
  animation-name: onOff;
  animation-direction: reverse;
}
/* end of CSS loader */


/* modal import */

.tsa_tbl_unlinked {
    /* font-size: 14px; not working on table */
    color: #ffffff; /*color: #FFFFFF; white */
    /*background-color: #d7e4f3; /*#d7e4f3 is even lighter blueish  #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
    /*background-color: #f5f5f5; /* #f5f5f5 = 245 245 245  licht licht licht grijs; */
    background-color: #f5f5f5; /* #f5f5f5 = 245 245 245  licht licht licht grijs; */
}
.tsa_tbl_linked {
    /* font-size: 14px; not working on table */
    color: #ffffff; /*color: #FFFFFF; white */
    /*background-color: #d7e4f3; /*#d7e4f3 is even lighter blueish  #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
    /*background-color: #f5f5f5; /* #f5f5f5 = 245 245 245  licht licht licht grijs; */
    background-color:  #d8d8d8;  /* light grey 218 218 218 100%  /*  #e0e0e0; light grey 224 224 224 */

}
.tsa_tbl_hdr_linked {
    font-size: 14px;
    padding: 2px 4px; /*padding: 2px 4px 2px 4px;  /* top, right, bottom, left:*/
    color: #ffffff; /*color: #FFFFFF; white */
    background-color: #800000; /* background-color: #800000; dark red*/
    border-bottom: 1px solid #f3f3f3; /* offwhite */
}
.tsa_tbl_hdr_unlinked {
    font-size: 14px;
    padding: 2px 4px; /*padding: 2px 4px 2px 4px;  /* top, right, bottom, left:*/
    color: #ffffff; /*color: #FFFFFF; white */
    background-color: #2D4E77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    border-bottom: 1px solid #f3f3f3; /* offwhite */
}

/* The child combinator (>) see https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator */

.tsa_td_linked {
        color: #800000;  /*dark red*/
        background-color: #f9f2f2; /* #f9f2f2 lightlight reddish*/
        /*width: 50%;*/
        padding: 2px 8px; /* top right bottom left*/
            transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}
.tsa_td_unlinked {
        color: #2D4E77; /* HeaderBackColor Default Schema Blauw donkerblauw */
        background-color: #d7e4f3; /*#d7e4f3 is even lighter blueish  #B8CCE4; /* 'TextboxBackColor Default Schema Blauw lichtblauw */
        padding: 2px 8px; /* top right bottom left*/
            transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}
.tsa_td_linked_selected {
        color: #ffffff; /*!important; /*white*/
        background-color: #800000;  /*!important; /*dark red*/
        padding: 2px 8px; /* top right bottom left*/
    transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}

.tsa_td_unlinked_selected {
        color: #ffffff; /*!important; /*white*/
        background-color: #2D4E77; /*!important; /* HeaderBackColor Default Schema Blauw donkerblauw */
        padding: 2px 8px; /* top right bottom left*/
     transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}

.tsa_td_linked_hover {
    color: #ffffff; /*!important;*/
    /*background-color: #a21313; /*reddish*/
   /* background-color: #e04040; /* #e04040 rgba: 224-64-64-1 medium red*/
    background-color: #c56d6d; /* #c56d6d  rgba: 197-109-109-1 medium red*/
    /*background-color: #c54040; /* #c54040 rgba: 197-64-64-1 medium red*/

    /*background-color: #800000; /*!important; /* rgba: 128-64-64-1 dark red*/
    transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}
.tsa_td_unlinked_hover {
    color: #ffffff; /*!important;*/
    /*background-color: #2D4E77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    background-color: #4c74a7; /* #4c74a7 rgba: 76-116-167-1 medium blue*/
    transition: all 150ms ease;
     -webkit-transition: all 150ms ease;
     -o-transition: all 150ms ease;
}

.tsa_tw_100perc {
        width: 100%;
}
.tsa_tw_50perc {
        width: 50%;
}

/* end of modal import */

/* SVG classes */
 .svg_icon {
    stroke: currentColor;
    margin: 0 0;
    padding: 0;
    stroke-linejoin: round;
    stroke-linecap: round;
    /*stroke-width: 2;*/
}
.svg_fill_lightblue {
    fill: #b8cce4;  /* AWP lichtblauw RGB 184,204,228  */
    /*stroke: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    stroke:  none;
    }
.svg_fill_darkblue {
    fill: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw RGB 45,78,119  */
    stroke:  none;
    }
.svg_fill_orange {
    /*fill: #ffa500;  /* orange RGB 255,165,0  */
    fill: #ff7f00;  /* primary orange RGB 255,127,0  */
    /*stroke: #b27300; /* dark orange RGB 178,115,0  */
    stroke:  none;
    }
.svg_fill_green {
    fill: #00cc00;  /* #00cc00 primary green RGB 0,204,0  */
    stroke:  none;
    }
.svg_fill_red {
    fill: #d81c24;  /* ##8e008e dark red RGB 237,28, 36  */
    stroke:  none;
    }
.svg_fill_purple {
    fill: #8e008e;  /* ##8e008e purple RGB 142,0, 142  */
    stroke:  none;
    }
.svg_fill_gray {
    fill: #989898;  /* #989898 tsa cube gray RGB 152,152,152   */
    stroke:  none;
    }
.svg_fill_darkgray {
    fill: #2d2400;   /* #2d2400 = RGB 45,36,0 Panta Rhei gray;*/
    stroke:  none;
    }
.svg_fill_mediumgray {
    fill: #5b5b5b;   /* #5b5b5b = RGB 91,91,91 medium gray used in tickmark ;*/
    stroke:  none;
    }

.svg_fill_lightgray {
    fill: #a5a5a5;   /* #a5a5a5 = RGB 165,165,165 light medium gray used in inactive ;*/
    stroke:  none;
    }
 .svg_fill_lightgray_tblheader {
    fill: #ececec;;   /* #ececec; = RGB 236,236,236 light gray used in table header .tsa_tbl th  ;*/
    stroke:  none;
    }
.svg_fill_lightlightgray {
    fill: #f5f5f5;   /* #f5f5f5;  /* licht licht licht grijs 245 245 245 */
    stroke:  none;
    }
.svg_fill_lightgray_oddrow {
    fill: #f2f5f8;   /* #f2f5f8;  /* light light bluish grey RGB 242 245 248*/
    stroke:  none;
    }

.svg_fill_black {
    fill: #000000;
    stroke:  none;
    }
.svg_fill_white {
    fill: #ffffff;  /* #ffffff primary white RGB 255,255,255  */
    stroke:  none;
    }
.svg_fill_cell_unchanged_odd {
    fill: #f2f5f8;  /* light light bluish grey */
    stroke:  none;
    }

.svg_fill_tsa_yellow {
    fill: #ffd01c; /* tsa yellow */
    stroke:  none;
    }

.svg_stroke_gray {
    fill: none;
    stroke:  #989898;  /* #989898 tsa cube gray RGB 152,152,152   */
    stroke-width: 2;
    }
.svg_stroke_darkblue {
    fill: none;
    stroke: #2d4e77; /* HeaderBackColor Default Schema Blauw donkerblauw */
    stroke-width: 2;
    }
.svg_stroke_white {
    fill: none;
    stroke: #ffffff;  /* #00cc00 primary white RGB 255,255,255  */
    stroke-width: 2;
    }