/* GENERATED by ~/ops/bin/branding/se-brand-css.py from the php8-dev stylesheets — do not edit; edit colours.tsv / extra.css */
/* colour map: #006980 -> #283753, #e5f0f2 -> #e5e8ea, #83ac1b -> #f19100 (not in: FlashSuccess|^\.green$|main-green|se-green|stats-overview-cell-green|stats-overview-cell-head-green|stats-numbers-green|active-check|slider|notify-info), #378aa3 -> #3b5077, #004b62 -> #050c1b, #003444 -> #050c1b, #004f61 -> #232c3f, #004a5a -> #232c3f, #006890 -> #283753 */

/* ---- from includes/styles/stylesheet.css: 133 rule(s) ---- */
.Heading1 { color: #283753; }
.Heading1 a { color:#283753; }
.Heading2, tr.Heading2 td { color: #283753; border-bottom: 2px solid #283753; }
.Sub-Heading2, tr.Sub-Heading2 td { color: #283753; border-bottom: 2px solid #283753; }
.Index-Panel-Heading { color: #283753 !important; border-bottom: 2px solid #283753; }
.Heading3 TD { background-color: #283753; }
tr.Heading4 TD { background-color: #e5e8ea; color: #283753; border-bottom: 1px solid #283753; }
tr.Heading4 TD a i { color:#283753 !important; }
tr.bottom TD { border-top:1px solid #283753; }
.toolTipBox { border-left: 3px solid #283753; }
ul, a { color: #283753; }
.FlashSuccess a:hover, td.import-report ul li a:hover { background-color: #283753; }
TR.GridRowOver TD { background-color: #e5e8ea; }
.HelpText { border-bottom: 1px dotted #f19100; }
#tabnav, #tabnav_text { border-bottom: 1px solid #283753; }
#tabnav a:link, #tabnav a:visited, #tabnav_text a:link, #tabnav_text a:visited { background: #283753; border: 1px solid #283753; }
#tabnav a:link.active, #tabnav a:visited.active, #tabnav_text a:link.active, #tabnav_text a:visited.active { color: #283753; }
#tabnav a:hover, #tabnav_text a:hover { background: #f19100; border-top: 1px solid #f19100; border-left: 1px solid #f19100; border-right: 1px solid #f19100; }
#tabnav a.active:hover, #tabnav_text a.active:hover { border-top: 1px solid #283753; border-left: 1px solid #283753; border-right: 1px solid #283753; }
.ISSelect .ISSelectOptionHover, .search_checkbox_wrapper li:hover, .list-select-box li:hover, #FieldOrderList li:hover { background-color: #e5e8ea; }
.ISSelect .SelectedRow { background:#283753 none repeat scroll 0%; border-bottom:1px solid #283753; border-top:1px solid #283753; }
.loading_indicator_massage { color: #283753; }
.DropDownMenu li:hover, .DropDownMenu li:hover { background-color: #e5e8ea; }
.MenuText-ellipsis::after { color: #283753; }
.loggedinas i { color: #283753; }
.loggedinas strong { color: #283753; }
.DashboardPanel-VIP-Icon { color:#f19100; }
.DashboardPanel-VIP-Info td { color: #283753; }
.DashboardPanel .PanelContent { border-top: 2px solid #283753; }
div#eventTypes ul li.selected { background: #283753; }
.plusminus { color: #283753; }
.plusminus:hover { color: #f19100; }
.DashboardPanelSubBox1, .DashboardPanelSubBox3 { border-top: 2px solid #283753; }
.PanelHeaderBox1 { color: #283753; }
.IndexContent a { color:#283753; }
.IndexContent a:hover { color:#283753; }
.CampaignOptionsLinks { background-color:#e5e8ea !important; }
#RecentContactListItem li { border-bottom:1px dotted #f19100; }
.recent-campaign { border-bottom: 1px dotted #f19100; }
.HelpToolTip:hover { color:#283753; }
input[type=text]:focus,input[type="password"]:focus, textarea:focus, select:focus, input:focus { border-bottom: 1px solid #283753; }
input[type=submit], input[type=button], input[type="file"], .FormButton, .FormButton_wide, .SmallButton, .SmallButtonInverted { background-color: #f19100; }
input[type=submit]:hover, input[type=button]:hover, input[type=file]:hover, .FormButton:hover, .FormButton_wide:hover, .SmallButton:hover, .login-FormLoginButton:hover { background: #283753 !important; }
table.action-table .ui-button { border-bottom: 1px solid #283753 !important; }
table.action-table .ui-button:hover { background-color: #f19100 !important; }
table.action-table .ui-state-active { border: 1px solid #283753 !important; background: #e5e8ea !important; color: #283753 !important; border-bottom: 1px solid #e5e8ea !important; }
table.action-table .ui-state-active:hover { background: #e5e8ea !important; }
.ui-button { background-color: #283753 !important; }
.SmallButtonInverted { background: #283753 !important; }
.SmallButtonInverted:hover { background: #f19100 !important; }
.subject-input { color: #283753 !important; }
.emoji-wysiwyg-editor.subject-input:focus { border-color: #283753 !important; }
.blue { background-color: #283753; }
.etib-editor:hover, .etib-editor.active { background-color: #f19100; border-color: #f19100; }
.etib-file:hover, .etib-file.active { background-color: #283753; border-color: #283753; }
.url_import_input:focus { border-color: #283753 !important; }
.LogOutWrap a i:hover { color: #f19100 !important; }
.resend-action-button, .send-action-button, .info-button, .html-button { background-color: #283753; border-color: #283753; }
.resend-action-button:hover, .send-action-button:hover, .info-button:hover , .html-button:hover { color: #283753 !important; }
.save-button { background-color: #f19100; border-color: #f19100; }
.save-button:hover { background-color: #283753; }
.refresh-button { background-color: #f19100; border-color: #f19100; }
.hide-toast { color: #283753; }
.hide-toast:hover { color: #f19100; }
.listview-type-button, .search-button, .play-button, .approve-button { background-color: #f19100; border-color: #f19100; }
.listview-type-button:hover, .search-button:hover, .listview-type-button-active, .play-button:hover, .approve-button:hover { color: #f19100 !important; }
.listview-dropdown:hover { color:#283753; }
.paused-action-button { color:#283753; }
.paused-action-button { border-color: #283753; }
.paused-action-button:hover { background-color: #283753; }
.se-main-color, .se-blue, .se-main-blue, .main-blue { color: #283753 !important; }
tr.action-table-row td { background-color: #e5e8ea; border-top: 1px solid #283753; border-bottom: 1px solid #283753; }
tr.action-table-row td:last-child { border-right: 1px solid #283753; }
tr.action-table-row td:first-child { border-left: 1px solid #283753; }
.HighlightRow:hover, .ImportRow:hover { background-color: #e5e8ea; }
.SubHeader { color: #283753; }
.get-start-button { background: #283753 !important; }
.get-start-button:hover { background: #f19100 !important; }
.quicklink-verwaltung { background-color: #283753; border: 1px solid #283753 !important; }
.quicklink-verwaltung:hover { color: #283753; }
.quicklink-stats { background-color: #f19100; border: 1px solid #f19100 !important; }
.quicklink-stats:hover { color: #f19100; }
.quicklinks-headline, .sfx-card-content .headline { color: #283753; }
.login-blue { border-top: 5px solid #283753; }
.login-green { border-top: 5px solid #f19100; }
.login-form input:focus { border-bottom: 1px solid #283753; }
.login-form input[type=submit] { background: #f19100 !important; }
.login-form input[type=submit]:hover { background: #283753 !important; }
.ui-state-highlight { background-color:#283753; }
#blockListId.ISSelect .ISSelectOptionHover, #FieldOrderList .ISSelectOptionHover { background-color: #e5e8ea !important; }
span.badge-new { background-color: #f19100; }
.SubscriberViewPicker:hover { border-bottom: 1px solid #283753; }
.SubscriberViewPicker:hover i { color: #283753; }
.pagina b { background-color: #283753; }
.pagina a:hover { background-color: #f19100; }
.stats-wrapper { border-bottom: 1px solid #283753; border-left: 1px solid #283753; border-right: 1px solid #283753; }
.calendar-table { background-color:#e5e8ea; color:#283753; }
.stats-overview-cell-head { color:#283753; }
.stats-overview-cell-content { color:#283753; }
.stats-overview-cell:hover { border: 1px solid #f19100; }
.stats-overview-cell:hover div.stats-overview-cell-head { background-color: #f19100; }
.stats-overview-cell-blue { border-color:#283753!important; }
.stats-overview-cell-head-blue { background-color:#283753!important; }
h2.stats-head { color: #283753; }
.stats-numbers { color: #283753; }
.stats-numbers-blue { color:#283753!important; }
#tabnav li input[type="radio"]:checked+label, #tabnav_text li input[type="radio"]:checked+label { color: #283753; }
#tabnav li label, #tabnav_text li label { background: #283753; border: 1px solid #283753; }
#tabnav li label:hover, #tabnav_text li label:hover { background: #f19100; border-top: 1px solid #f19100; border-left: 1px solid #f19100; border-right: 1px solid #f19100; }
.Heading-tab, tr.Heading-tab td { color: #283753; }
.notify-wrapper { background-color: #232c3f; background-color: #232c3f; }
.notify-content h2 { color: #283753; }
.hide-notify-btn { color: #283753; }
.inbox-message-header-title h2 { color: #283753; }
.notify-notice { background-color: #283753; }
.inbox-message-content h1, .inbox-message-content h2, .inbox-message-content h3, .inbox-message-content h4, .inbox-message-content h5 { color: #283753; }
.inbox-message-content h2:after { border-bottom: 1px solid #283753; }
.inbox-message-content h4 { color: #283753; }
.inbox-message-content .image-wrapper { border: 5px solid #283753; }
.inbox-message-content .image-wrapper:hover { border-color: #f19100; }
.sfx-card-title { color: #283753; }
.title-border:before { background: #f19100; }
.ISSelect .ui-state-default { color: #283753; }
.ui-widget-header { border: 1px solid #283753 !important; background: #283753 !important; }
.ui-widget-content { color: #283753 !important; }
#offmenu { background: #283753; border-top: 5px solid #f19100; }
.chosen-with-drop { background-color: #e5e8ea; }
.chosen-container-active a { border-color: #283753 !important; }
.list-select-box, .Forms-Customfield-Drag-Drop { border: 1px solid #283753; }
.search_checkbox_wrapper:hover { border-color: #283753; }
#FieldOrderList .ui-sortable-placeholder { background-color: #f19100 !important; }
.sfx-editor-menubar-button { fill: #283753; color: #283753; }
.loader { border-top: 3px solid #283753; border-bottom: 3px solid #283753; }

/* ---- from includes/styles/tabmenu.css: 16 rule(s) ---- */
#headerMenu ul.submenu { color: #283753; }
#headerMenu li li a { color: #283753; }
#headerMenu li.dropselected li { background-color:#283753; }
#headerMenu li.dropselected li a:hover, #headerMenu li.dropselected li a:hover i, #headerMenu li.dropselected li a:hover span { color: #283753; }
#headerMenu li li a:hover, #headerMenu li li a:hover i { background-color: #e5e8ea; color: #283753; }
.menuBar { background-color: #283753; }
.menuBar-Wrapper { background-color: #283753; }
#headerMenu li.dropdown-on ul { border-color: #283753; }
#headerMenu li.dropdown-on li a { background-color: #283753; }
.sb-tab, .sb-tab-with-icon { border-left: 1px solid #3b5077; border-right: 1px solid #050c1b; }
.sb-tab:hover, .sb-tab-with-icon:hover { background-color:#f19100; }
.notification-alarm .dot { border: 2px solid #283753; }
.sb-tab-with-icon:hover .dot { border-color: #f19100; }
.menu-dvdr-left { border-right: 1px solid #050c1b; }
.menu-dvdr-right { border-left: 1px solid #3b5077; }
@media all and (max-width:768px) {
  .mobile-menu-wrapper { background-color: #232c3f; }
  #headerMenu li li a.menu_mnuStats { border-bottom: 1px solid #e5e8ea; }
  .sb-tab, .sb-tab-with-icon { border-top: 1px solid #283753; border-bottom: 1px solid #050c1b; }
  #headerMenu li.dropselected li a, #headerMenu li.dropselected li a i, #headerMenu li.dropselected li a span { color: #283753; }
  .notification-alarm .dot { border-color: #232c3f; }
}

/* ---- from includes/menu/css/component.css: 3 rule(s) ---- */
.no-touch .dl-menuwrapper li a:hover { color: #283753 !important; }
.dl-menuwrapper li.dl-back:hover:after, .dl-menuwrapper li > a:hover:not(:only-child):after, .dl-menuwrapper li.dl-close:hover a:after { color: #283753 !important; }
.dl-submenu li hr { border-top:1px solid #f19100; }

/* ---- from includes/styles/custom.css: 0 rule(s) ---- */

/* ---- brand extras (extra.css) ---- */
/* Tassero login logo (sf200 whitelabel/login-logo.svg, 370.6 x 86.7) — replaces the hard-coded sendeffect.svg of .login-logo
   (login + forgot-password pages; loaded there via header_popup.tpl, php8-dev branch php8-tenant-branding). */
.login-logo { background: url(/admin/temp/branding/login-logo.svg) no-repeat; background-size: 100% auto; width: 160px; height: 38px; }
.login-logo a { width: 160px; height: 38px; }

/* Header logo (Silvan 2026-11-06: too big). header.tpl gives the <img id="logo"> width="135" — made for the 200x39 sendeffect logo
   (135x26 + 15px margins = 56px bar). The 500x153 Tassero logo is 41px tall at 135px → 32px high, width auto, 12px margins (= sf200's
   --logo-height / --logo-margin) keeps the 56px bar. */
#logo { width: auto; height: 32px; margin: 12px 0; }

/* Active top-menu item (Silvan 2026-11-06: must be orange). php8-dev sets it as an INLINE style in sendstudio_functions.php
   ($menu_select_bg = 'style="background-color: #83ac1b;…"' on the <div class="sb-tab"> of the <li class="dropdown dropselected mainmenu-item">)
   → no colour mapping reaches it; !important in a stylesheet beats a non-important inline style. sf200 had the inline style commented out. */
#headerMenu li.dropselected.mainmenu-item > a > div.sb-tab, li.dropselected.mainmenu-item > a > div.sb-tab { background-color: #f19100 !important; }