/* extra css for darkly */
:root {
   --npds-dark-bg: #101820;
   --npds-dark-surface: #1f2a34;
   --npds-dark-surface-2: #263442;
   --npds-dark-border: rgba(255, 255, 255, .16);
   --npds-dark-text: #edf3fa;
   --npds-dark-muted: #b8c2cc;
   --npds-dark-link: #8ebff7;
   --npds-dark-link-hover: #c3ddff;
   --tf-profile-surface: rgba(31, 42, 52, .96);
   --tf-profile-surface-soft: rgba(142, 191, 247, .12);
   --tf-profile-border: rgba(255, 255, 255, .16);
   --tf-profile-text: #edf3fa;
   --tf-profile-muted: #b8c2cc;
   --tf-profile-primary: #8ebff7;
   --tf-profile-accent: #63d8bd;
   --tf-profile-ready-border: rgba(99, 216, 189, .46);
   --tf-profile-ready-bg: rgba(99, 216, 189, .14);
   --tf-profile-ready-text: #bff8e9;
   --tf-profile-shadow: 0 14px 30px rgba(0, 0, 0, .26);
   --tf-profile-hero-bg: linear-gradient(135deg, rgba(31, 42, 52, .98) 0%, rgba(24, 39, 50, .96) 58%, rgba(18, 29, 38, .98) 100%);
   --tf-profile-section-bg: rgba(142, 191, 247, .1);
}
#col_princ .table,
#col_princ table {
   color: var(--npds-dark-text) !important;
}
#col_princ .table th,
#col_princ table th,
#col_princ thead th {
   background: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-muted) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .table td,
#col_princ table td {
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
#adm_workarea form > .card.card-body.mb-3 h3,
#adm_workarea .js-story-assistant-preview h3 {
   color: #28a745 !important;
}
@media (max-width: 767.98px) {
   #col_princ form .form-group.row {
      margin-right: 0;
      margin-left: 0;
   }
   #col_princ form .form-group.row > [class*="col-"] {
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0;
      padding-left: 0;
   }
   #col_princ form label.col-form-label {
      padding-bottom: .35rem;
   }
   #col_princ form .help-block,
   #col_princ form .form-text,
   #col_princ form small {
      display: block;
      overflow-wrap: anywhere;
   }
   #col_princ form input,
   #col_princ form select,
   #col_princ form textarea,
   #col_princ form .custom-file {
      max-width: 100%;
   }
}
html {
   color-scheme: dark;
}
body,
body.body {
   background-color: var(--npds-dark-bg) !important;
   background-image: none !important;
   color: var(--npds-dark-text) !important;
}
#container,
#corps,
#col_princ,
#col_L,
#col_R,
#col_LB,
#col_RB {
   background-color: transparent !important;
   color: var(--npds-dark-text) !important;
}
#col_princ {
   background-color: rgba(31, 42, 52, .94) !important;
   border: 1px solid var(--npds-dark-border);
}
.card,
.card-body,
.cardf,
.card-text,
.list-group-item,
.dropdown-menu,
.modal-content,
.popover,
.breadcrumb,
.jumbotron,
.form-rubrique,
.blockquote,
.well,
fieldset,
.ui-autocomplete,
.ui-menu .ui-menu-item,
.table,
table {
   background-color: var(--npds-dark-surface) !important;
   color: var(--npds-dark-text) !important;
}
.card-header,
.card-footer,
.modal-header,
.modal-footer,
.popover-header,
.list-group-item-action:hover,
.list-group-item-action:focus,
.table th,
thead th {
   background-color: var(--npds-dark-surface-2) !important;
   color: #fff !important;
   border-color: var(--npds-dark-border) !important;
}
.card,
.cardf,
.list-group-item,
.dropdown-menu,
.modal-content,
.popover,
.breadcrumb,
.form-rubrique,
.blockquote,
.well,
fieldset,
.ui-autocomplete,
.table td,
table td,
table th {
   border-color: var(--npds-dark-border) !important;
}
.text-muted,
small,
.small,
.card-subtitle,
.form-text,
.help-block,
.tdgal-desc,
.tdgal-meta {
   color: var(--npds-dark-muted) !important;
}
label,
legend,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.nav-link,
.nav-tabs .nav-link,
.nav-pills .nav-link,
.dropdown-item,
.dropdown-item-text,
.popover-body {
   color: var(--npds-dark-text) !important;
}
.nav-tabs {
   border-bottom-color: var(--npds-dark-border) !important;
}
.nav-tabs .nav-link {
   background-color: rgba(255, 255, 255, .025) !important;
   border-color: var(--npds-dark-border) !important;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
   background-color: rgba(255, 255, 255, .08) !important;
   border-color: rgba(255, 255, 255, .28) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
   background-color: var(--npds-dark-surface-2) !important;
   border-color: rgba(255, 255, 255, .36) rgba(255, 255, 255, .28) var(--npds-dark-surface-2) !important;
   color: #fff !important;
}
.nav-tabs .nav-link.disabled,
.nav-pills .nav-link.disabled {
   color: rgba(237, 243, 250, .42) !important;
}
.forum-topic-path,
.forum-topic-title {
   color: var(--npds-dark-text) !important;
}
.forum-topic-path a {
   color: var(--npds-dark-link) !important;
}
.forum-topic-title .text-muted {
   color: var(--npds-dark-muted) !important;
}
#col_princ .n-filtrable > div,
#col_princ .n-filtrable div.mt-3 {
   background: transparent !important;
   color: var(--npds-dark-text) !important;
}
#col_princ .n-filtrable .list-group-item,
#col_princ .n-filtrable .list-group-item-action,
#col_princ .n-filtrable a.list-group-item,
#col_princ .n-filtrable p.list-group-item,
#col_princ .n-filtrable div.list-group-item {
   background-color: var(--npds-dark-surface) !important;
   border-color: var(--npds-dark-border) !important;
   color: var(--npds-dark-text) !important;
}
#col_princ .n-filtrable .list-group-item.active,
#col_princ .n-filtrable a.list-group-item.active,
#col_princ .n-filtrable .list-group-item-action.active {
   background-color: var(--npds-dark-surface-2) !important;
   border-color: var(--npds-dark-border) !important;
   color: #fff !important;
}
#col_princ .n-filtrable .list-group-item:hover,
#col_princ .n-filtrable .list-group-item:focus,
#col_princ .n-filtrable .list-group-item-action:hover,
#col_princ .n-filtrable .list-group-item-action:focus {
   background-color: #34475a !important;
   color: #fff !important;
}
#col_princ .n-filtrable .list-group-item a:not(.btn) {
   color: var(--npds-dark-link) !important;
}
#col_princ .n-filtrable .list-group-item a:not(.btn):hover,
#col_princ .n-filtrable .list-group-item a:not(.btn):focus {
   color: var(--npds-dark-link-hover) !important;
}
#col_princ .n-filtrable .text-muted,
#col_princ .n-filtrable .small {
   color: var(--npds-dark-muted) !important;
}
#col_princ .n-filtrable .badge,
#col_princ .n-filtrable .badge-secondary {
   background: rgba(255, 255, 255, .22) !important;
   color: var(--npds-dark-text) !important;
}
#col_princ .n-filtrable .custom-control-label::before {
   background-color: #17212b !important;
   border-color: rgba(255, 255, 255, .32) !important;
}
#col_princ [id^="catfo_"] > div,
#col_princ [id^="catfo_"].mt-3 {
   background: transparent !important;
   color: var(--npds-dark-text) !important;
}
#col_princ [id^="catfo_"] .list-group-item,
#col_princ [id^="catfo_"] .list-group-item-action,
#col_princ [id^="catfo_"] p.list-group-item {
   background-color: var(--npds-dark-surface) !important;
   border-color: var(--npds-dark-border) !important;
   color: var(--npds-dark-text) !important;
}
#col_princ [id^="catfo_"] .list-group-item.active,
#col_princ [id^="catfo_"] a.list-group-item.active {
   background-color: var(--npds-dark-surface-2) !important;
   border-color: var(--npds-dark-border) !important;
   color: #fff !important;
}
#col_princ [id^="catfo_"] .list-group-item a:not(.btn) {
   color: var(--npds-dark-link) !important;
}
#col_princ [id^="catfo_"] .list-group-item a:not(.btn):hover,
#col_princ [id^="catfo_"] .list-group-item a:not(.btn):focus {
   color: var(--npds-dark-link-hover) !important;
}
#col_princ [id^="catfo_"] .text-muted,
#col_princ [id^="catfo_"] .small {
   color: var(--npds-dark-muted) !important;
}
#col_princ [id^="catfo_"] .badge,
#col_princ [id^="catfo_"] .badge-secondary {
   background: rgba(255, 255, 255, .22) !important;
   color: var(--npds-dark-text) !important;
}
.leftbloc .list-group-item,
.rightbloc .list-group-item,
.leftbloc .list-group-item-action,
.rightbloc .list-group-item-action {
   background-color: var(--npds-dark-surface) !important;
   border-color: var(--npds-dark-border) !important;
   color: var(--npds-dark-text) !important;
}
.leftbloc .list-group-item:hover,
.rightbloc .list-group-item:hover,
.leftbloc .list-group-item:focus,
.rightbloc .list-group-item:focus {
   background-color: var(--npds-dark-surface-2) !important;
   color: #fff !important;
}
.leftbloc .list-group-item a:not(.btn),
.rightbloc .list-group-item a:not(.btn) {
   color: var(--npds-dark-link) !important;
}
.leftbloc .list-group-item a:not(.btn):hover,
.rightbloc .list-group-item a:not(.btn):hover,
.leftbloc .list-group-item a:not(.btn):focus,
.rightbloc .list-group-item a:not(.btn):focus {
   color: var(--npds-dark-link-hover) !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.ui-menu .ui-menu-item div.ui-state-hover,
.ui-menu .ui-menu-item div.ui-state-active {
   background-color: #34475a !important;
   color: #fff !important;
}
#uppernavbar.navbar-light.bg-light {
   background-color: var(--npds-dark-surface-2) !important;
   background-image: none !important;
   border-color: var(--npds-dark-border) !important;
}
#uppernavbar.navbar-light .navbar-brand,
#uppernavbar.navbar-light .navbar-nav .nav-link,
#uppernavbar.navbar-light .navbar-quick-actions .nav-link {
   color: var(--npds-dark-text) !important;
   text-shadow: none !important;
}
#uppernavbar.navbar-light .navbar-brand:hover,
#uppernavbar.navbar-light .navbar-brand:focus,
#uppernavbar.navbar-light .navbar-nav .nav-link:hover,
#uppernavbar.navbar-light .navbar-nav .nav-link:focus,
#uppernavbar.navbar-light .navbar-quick-actions .nav-link:hover,
#uppernavbar.navbar-light .navbar-quick-actions .nav-link:focus {
   color: #fff !important;
}
#uppernavbar.navbar-light .navbar-toggler {
   border-color: rgba(255, 255, 255, .28) !important;
}
#uppernavbar.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23edf3fa' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.table-striped tbody tr:nth-of-type(odd),
tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, .035) !important;
}
.bg-white,
.bg-light,
.badge.bg-white,
.badge.bg-light,
.badge-secondary.bg-white,
.badge-secondary.bg-light,
.list-group-item.bg-light,
.text-dark.bg-white {
   background-color: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-text) !important;
}
.text-dark.bg-light,
.bg-light.text-dark {
   background-color: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-text) !important;
}
.text-dark {
   color: var(--npds-dark-text) !important;
}
.form-control,
.custom-select,
input,
select,
textarea {
   background-color: #17212b !important;
   color: var(--npds-dark-text) !important;
   border-color: rgba(255, 255, 255, .24) !important;
}
.form-control:focus,
.custom-select:focus,
input:focus,
select:focus,
textarea:focus {
   background-color: #1c2834 !important;
   color: #fff !important;
}
.form-control[readonly],
.form-control:disabled,
input[readonly],
input:disabled,
textarea[readonly],
textarea:disabled,
select:disabled {
   background-color: #202c38 !important;
   color: var(--npds-dark-muted) !important;
}
.form-control::placeholder,
input::placeholder,
textarea::placeholder {
   color: #9fadba !important;
}
.input-group-text {
   background-color: var(--npds-dark-surface-2) !important;
   border-color: var(--npds-dark-border) !important;
   color: var(--npds-dark-text) !important;
}
.custom-control-label::before {
   background-color: #17212b !important;
   border-color: rgba(255, 255, 255, .32) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
   border-color: currentColor !important;
}
.alert {
   background-color: #1f2a38 !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
.alert-info,
.alert-secondary,
.alert-light {
   background-color: #1f2a38 !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
.alert-success {
   background-color: rgba(24, 121, 85, .22) !important;
   color: #d6f7e9 !important;
   border-color: rgba(88, 214, 141, .32) !important;
}
.alert-warning {
   background-color: rgba(184, 116, 0, .24) !important;
   color: #ffe8bd !important;
   border-color: rgba(255, 193, 7, .34) !important;
}
.alert-danger {
   background-color: rgba(176, 42, 55, .24) !important;
   color: #ffd7dc !important;
   border-color: rgba(255, 99, 132, .34) !important;
}
.alert a:not(.btn),
.alert .alert-link {
   color: inherit !important;
   text-decoration: underline;
}
.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
   border-color: var(--npds-dark-border) !important;
}
hr {
   border-top-color: var(--npds-dark-border) !important;
}
pre,
code,
kbd,
samp {
   background-color: #17212b !important;
   color: #f0f6fc !important;
   border-color: var(--npds-dark-border) !important;
}
.tox.tox-tinymce,
.tox .tox-editor-header,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-menubar,
.tox .tox-statusbar {
   background-color: var(--npds-dark-surface) !important;
   border-color: var(--npds-dark-border) !important;
}
.tox .tox-edit-area__iframe {
   background-color: #17212b !important;
}
.blockquote,
a.tooltip_ws:hover em,
#LB_69 .LB_contain li a {
   background: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
#LB_69 .LB_contain li a:hover {
   background: #34475a !important;
   color: #fff !important;
}
#col_princ [style*="background-color: white"],
#col_princ [style*="background-color:#fff"],
#col_princ [style*="background-color: #fff"],
#col_princ [style*="background:#fff"],
#col_princ [style*="background: #fff"],
#col_princ [bgcolor="#ffffff"],
#col_princ [bgcolor="#FFFFFF"],
#col_princ [bgcolor="white"] {
   background: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-text) !important;
}
#col_princ .tdgal-section-tools,
#col_princ .tdgal-card,
#col_princ .tdgal-admin-toolbar,
#col_princ .tdgal-admin-result,
#col_princ .tdgal-admin-legend,
#col_princ .tdgal-admin-cat-head,
#col_princ .tdgal-admin-batch-hint,
#col_princ .tdgal-admin-info,
#col_princ .tdgal-admin-img-card {
   background: var(--npds-dark-surface-2) !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .tdgal-photo {
   background: #17212b !important;
}
#col_princ .tdgal-body {
   background: var(--npds-dark-surface-2) !important;
}
#col_princ .tdgal-title,
#col_princ .tdgal-admin-img-title {
   color: #fff !important;
}
#col_princ .tdgal-admin-img-card textarea.form-control,
#col_princ .tdgal-admin-img-card input.form-control {
   background: #17212b !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .wspad-revision-table,
#col_princ .wspad-revision-table td,
#col_princ .wspad-revision-table th {
   background: var(--npds-dark-surface) !important;
   color: var(--npds-dark-text) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .wspad-revision-table thead th {
   background: var(--npds-dark-surface-2) !important;
   color: #f7fbff !important;
}
#col_princ .wspad-revision-author-name {
   color: var(--npds-dark-text) !important;
}
.tox .tox-mbtn,
.tox .tox-tbtn,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount,
.tox .tox-statusbar__branding,
.tox .tox-toolbar-overlord,
.tox .tox-toolbar__overflow {
   background: var(--npds-dark-surface) !important;
   color: var(--npds-dark-text) !important;
}
.tox .tox-tbtn svg,
.tox .tox-mbtn svg {
   fill: var(--npds-dark-text) !important;
}
.tox .tox-mbtn:hover,
.tox .tox-mbtn:focus,
.tox .tox-tbtn:hover,
.tox .tox-tbtn:focus,
.tox .tox-tbtn--enabled {
   background: var(--npds-dark-surface-2) !important;
   color: #fff !important;
}
.tox .tox-edit-area,
.tox .tox-edit-area__iframe {
   background: #17212b !important;
}
html .oldnews-block {
   font-size: .95rem;
   line-height: 1.28;
}
html .oldnews-date {
   margin: 12px 0 6px;
   color: var(--npds-dark-text) !important;
   font-weight: 700;
}
html .oldnews-link {
   display: block;
   margin: 0 0 7px;
   padding: 8px 10px;
   color: var(--npds-dark-link) !important;
   text-decoration: none;
   overflow-wrap: anywhere;
   background: rgba(142, 191, 247, .08) !important;
   border: 1px solid rgba(142, 191, 247, .18) !important;
   border-radius: 6px;
}
html .oldnews-link:hover,
html .oldnews-link:focus {
   color: var(--npds-dark-link-hover) !important;
   text-decoration: none;
   background: rgba(142, 191, 247, .14) !important;
   border-color: rgba(142, 191, 247, .36) !important;
}
html .oldnews-link-main {
   display: block;
}
html .oldnews-read {
   float: right;
   margin-left: 8px;
}
html .oldnews-more {
   display: block;
   margin-top: 12px;
   padding: 8px 10px;
   text-align: center;
   color: var(--npds-dark-link-hover) !important;
   background: rgba(142, 191, 247, .12) !important;
   border: 1px solid var(--npds-dark-border) !important;
   border-radius: 6px;
}
html .oldnews-more:hover,
html .oldnews-more:focus {
   color: #fff !important;
   text-decoration: none;
   border-color: rgba(142, 191, 247, .4) !important;
}
html .tripchat-side-line {
   margin: 0 0 8px;
   line-height: 1.28;
}
html .tripchat-side-name {
   display: block;
   margin-bottom: 2px;
   color: var(--npds-dark-link) !important;
   font-weight: 700;
   text-decoration: none;
}
html .tripchat-side-name:hover,
html .tripchat-side-name:focus {
   color: var(--npds-dark-link-hover) !important;
   text-decoration: none;
}
html .tripchat-side-text {
   display: block;
   color: var(--npds-dark-text) !important;
   overflow-wrap: anywhere;
   word-break: break-word;
}
html .tripchat-side-bot {
   margin: 3px 0 9px;
   padding: 7px 9px;
   background: rgba(142, 191, 247, .1) !important;
   border-left: 3px solid var(--npds-dark-link) !important;
   border-radius: 6px;
}
html .tripchat-side-bot .tripchat-side-name {
   color: var(--npds-dark-link-hover) !important;
}
html .tripchat-side-bot .tripchat-side-text {
   color: var(--npds-dark-text) !important;
}
.tf-forum-thanks {
   display: inline-flex;
   align-items: center;
   gap: .35rem;
   min-height: 32px;
   padding: .25rem .6rem;
   border-radius: 999px;
   font-size: .92rem;
   font-weight: 700;
   line-height: 1.1;
   text-decoration: none;
   vertical-align: middle;
   white-space: nowrap;
}
button.tf-forum-thanks {
   border: 1px solid rgba(142, 191, 247, .38);
   background: rgba(142, 191, 247, .12);
   color: var(--npds-dark-link-hover);
   cursor: pointer;
}
button.tf-forum-thanks:hover,
button.tf-forum-thanks:focus {
   border-color: rgba(95, 183, 223, .6);
   background: rgba(95, 183, 223, .16);
   color: #fff;
   text-decoration: none;
}
.tf-forum-thanks-passive {
   padding-left: .25rem;
   padding-right: .25rem;
   color: var(--npds-dark-muted);
   opacity: .7;
}
.tf-forum-thanks-done {
   border-color: rgba(99, 216, 189, .46) !important;
   background: rgba(99, 216, 189, .16) !important;
   color: #d6fff4 !important;
}
.tf-forum-thanks .badge {
   margin-left: .05rem;
   color: var(--npds-dark-text) !important;
   background: rgba(255, 255, 255, .12);
   border: 1px solid rgba(255, 255, 255, .18);
}
#col_princ .tripbt-answer {
   background: linear-gradient(180deg, rgba(31, 42, 52, .98), rgba(23, 33, 43, .98)) !important;
   color: var(--npds-dark-text) !important;
   border-left-color: #5fb7df !important;
   border-top: 1px solid var(--npds-dark-border) !important;
   border-right: 1px solid var(--npds-dark-border) !important;
   border-bottom: 1px solid var(--npds-dark-border) !important;
   box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}
#col_princ .tripbt-answer p,
#col_princ .tripbt-answer li,
#col_princ .tripbt-answer td,
#col_princ .tripbt-answer th {
   color: var(--npds-dark-text) !important;
}
#col_princ .tripbt-answer strong {
   color: #f7fbff !important;
}
#col_princ .tripbt-answer a {
   color: var(--npds-dark-link) !important;
}
#col_princ .tripbt-answer a:hover,
#col_princ .tripbt-answer a:focus {
   color: var(--npds-dark-link-hover) !important;
}
#col_princ .tripbt-answer .tripbt-table-wrap {
   background: rgba(23, 33, 43, .98) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .tripbt-answer .tripbt-table {
   color: var(--npds-dark-text) !important;
   background: transparent !important;
}
#col_princ .tripbt-answer .tripbt-table th {
   color: #f7fbff !important;
   background: rgba(142, 191, 247, .16) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .tripbt-answer .tripbt-table td {
   color: var(--npds-dark-text) !important;
   background: rgba(255, 255, 255, .035) !important;
   border-color: var(--npds-dark-border) !important;
}
#col_princ .tripbt-answer .tripbt-table tbody tr {
   background: transparent !important;
}
#col_princ .tripbt-answer .tripbt-table tbody tr:nth-child(even) td {
   background: rgba(142, 191, 247, .07) !important;
}
#col_princ .tripbt-answer em,
#col_princ .tripbt-answer p[style*="font-size"] {
   color: var(--npds-dark-muted) !important;
}
#col_princ .tripbt-waiting > div {
   background: rgba(142, 191, 247, .12) !important;
   color: var(--npds-dark-text) !important;
   border-left-color: #5fb7df !important;
}
#col_princ .tripbt-waiting strong,
#col_princ .tripbt-waiting span {
   color: var(--npds-dark-text) !important;
}
.tf-loginbox {
   position: relative;
   padding: .95rem;
   border-radius: 8px;
   background: linear-gradient(180deg, rgba(142, 191, 247, .12), rgba(47, 169, 154, .06));
   border-top: 3px solid #5fb7df;
}
.tf-loginbox-intro strong {
   display: block;
   margin: 0 0 .35rem;
   color: var(--npds-dark-text) !important;
   font-size: 1rem;
}
.tf-loginbox-intro p,
.tf-loginbox-note {
   color: var(--npds-dark-muted) !important;
   font-size: .9rem;
   line-height: 1.45;
}
.tf-loginbox-actions {
   margin: .85rem 0 .9rem;
}
.tf-loginbox-actions .list-group-item {
   padding: .8rem .9rem;
   border-radius: 0 !important;
   background: rgba(255, 255, 255, .035) !important;
   border-color: var(--npds-dark-border) !important;
}
.tf-loginbox-actions .list-group-item:first-child {
   border-top-left-radius: 8px !important;
   border-top-right-radius: 8px !important;
}
.tf-loginbox-actions .list-group-item:last-child {
   border-bottom-left-radius: 8px !important;
   border-bottom-right-radius: 8px !important;
}
.tf-loginbox-actions .list-group-item:hover,
.tf-loginbox-actions .list-group-item:focus {
   background: rgba(95, 183, 223, .13) !important;
}
.tf-loginbox-actions .fa-chevron-right {
   color: var(--npds-dark-muted) !important;
   font-size: .8rem;
}
.tf-loginbox-note {
   margin-bottom: 0;
}