.menu a.smsh-button:before {
    content: "\f3cd";
}

.menu a.button-corpmail:before {
    content: "\f0c0";
}

@font-face {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 400;
    src: url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Regular.woff2') format('woff2'),
         url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Regular.woff') format('woff');
}

@font-face {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 500;
    src: url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Medium.woff2') format('woff2'),
         url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Medium.woff') format('woff');
}

@font-face {
    font-family: 'TeleNeo';
    font-style: normal;
    font-weight: 700;
    src: url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Bold.woff2') format('woff2'),
         url('../DeutscheTelekom/TeleNeo/T_teleneo_v1_8/Web%201.8/TeleNeoWeb-Bold.woff') format('woff');
}

body,
button,
input,
optgroup,
select,
textarea,
.popover {
    font-family: TeleNeo, PeridotPE, Roboto, sans-serif !important;
}

a,
#layout-content a {
    color: #e20074;
}

a:hover,
#layout-content a:hover {
    color: #b1005b;
}

#taskmenu,
#layout-menu {
    background: #111111;
}

#taskmenu a.selected,
.menu.toolbar a.selected {
    background-color: #e20074 !important;
    color: #ffffff !important;
}

.btn-primary,
button.btn-primary,
input.btn-primary,
#rcmloginsubmit {
    background-color: #e20074 !important;
    border-color: #e20074 !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover,
#rcmloginsubmit:hover {
    background-color: #b1005b !important;
    border-color: #b1005b !important;
}

/* Deutsche Telekom branding enhancements */
html, body {
    background: #fff0f6 !important;
}

#layout > div > .header, .header {
    background: #f1f1f1 !important;
    color: #333333 !important;
    border-bottom: 1px solid #dddddd !important;
}

#layout > div > .header a.button,
#layout > div > .header .toolbar a,
#layout > div > .header .menu a,
#layout > div > .header .action-buttons a {
    color: #333333 !important;
    background: transparent !important;
}

#layout > div > .header a.button:hover,
#layout > div > .header .toolbar a:hover,
#layout > div > .header .menu a:hover,
#layout > div > .header .action-buttons a:hover,
#layout > div > .header a.button:focus,
#layout > div > .header .toolbar a:focus,
#layout > div > .header .menu a:focus,
#layout > div > .header .action-buttons a:focus {
    background: #dddddd !important;
    color: #333333 !important;
}

#layout > div > .footer, .footer {
    background: #fff0f6 !important;
    color: #e20074 !important;
    border-top: 2px solid #e20074 !important;
}

#taskmenu .menu.toolbar a.selected, #taskmenu .menu.toolbar a:focus {
    background: #e20074 !important;
    color: #fff !important;
}

::selection {
    background: #e20074 !important;
    color: #fff !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #e20074 !important;
    box-shadow: 0 0 0 2px #e2007433 !important;
}

.badge, .label {
    background: #e20074 !important;
    color: #fff !important;
}

.btn-link, a.btn-link {
    color: #e20074 !important;
}

.btn-link:hover, a.btn-link:hover {
    color: #97004f !important;
}

/* Menu polish: keep Telekom black base with magenta active state */
#layout-menu,
#layout-menu .popover-header,
#layout-menu .special-buttons,
#taskmenu {
    background: #000000 !important;
}

#taskmenu a,
#layout-menu #taskmenu a,
#layout-menu .special-buttons a {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35) !important;
}

#taskmenu .action-buttons a,
#taskmenu .action-buttons a.selected,
#taskmenu .action-buttons a:hover,
#taskmenu .action-buttons a:focus {
    background: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

#taskmenu .action-buttons a.compose,
#taskmenu .action-buttons a.compose.selected,
#taskmenu .action-buttons a.compose:hover,
#taskmenu .action-buttons a.compose:focus {
    background: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

html:not(.dark-mode) #taskmenu .action-buttons a.compose,
html:not(.dark-mode) #taskmenu .action-buttons a.compose.selected,
html:not(.dark-mode) #taskmenu .action-buttons a.compose:hover,
html:not(.dark-mode) #taskmenu .action-buttons a.compose:focus {
    background: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

#taskmenu a:hover,
#layout-menu #taskmenu a:hover,
#layout-menu .special-buttons a:hover {
    background: #ff2b96 !important;
    color: #ffffff !important;
}

#taskmenu a.selected,
#layout-menu #taskmenu a.selected,
#layout-menu .special-buttons a.selected,
#taskmenu .action-buttons a,
#taskmenu .action-buttons a.selected {
    background: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

html:not(.dark-mode) body.xinverted-menu #layout > #layout-menu #taskmenu .action-buttons a,
html:not(.dark-mode) body.xinverted-menu #layout > #layout-menu #taskmenu .action-buttons a.selected {
    background: #e20074 !important;
    background-color: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

html:not(.dark-mode) body.xinverted-menu #layout > #layout-menu #taskmenu .action-buttons a:hover,
html:not(.dark-mode) body.xinverted-menu #layout > #layout-menu #taskmenu .action-buttons a:focus {
    background: #e20074 !important;
    background-color: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

/* Top bars in list/content panes */
#layout-list > .header,
#layout-content > .header,
#layout-sidebar > .header {
    background: #f1f1f1 !important;
    color: #333333 !important;
    border-bottom: 1px solid #dddddd !important;
}

#layout-list > .header a.button,
#layout-content > .header a.button,
#layout-sidebar > .header a.button {
    color: #333333 !important;
}

#layout-list > .header a.button:hover,
#layout-content > .header a.button:hover,
#layout-sidebar > .header a.button:hover {
    background: #dddddd !important;
    color: #333333 !important;
}

#layout-list > .header .selected,
#layout-content > .header .selected,
#layout-sidebar > .header .selected,
#layout-list > .header .button:focus,
#layout-content > .header .button:focus,
#layout-sidebar > .header .button:focus {
    background: #e20074 !important;
    color: #ffffff !important;
}

html.dark-mode #layout-list > .header,
html.dark-mode #layout-content > .header,
html.dark-mode #layout-sidebar > .header,
html.dark-mode #layout > div > .header,
html.dark-mode .header {
    background: #2a2a2a !important;
    border-bottom-color: #444444 !important;
    border-bottom: 1px solid #444444 !important;
    color: #f1f1f1 !important;
}

html.dark-mode #layout-list > .header a.button,
html.dark-mode #layout-list > .header .toolbar a,
html.dark-mode #layout-list > .header .menu a,
html.dark-mode #layout-list > .header .action-buttons a,
html.dark-mode #layout-content > .header a.button,
html.dark-mode #layout-content > .header .toolbar a,
html.dark-mode #layout-content > .header .menu a,
html.dark-mode #layout-content > .header .action-buttons a,
html.dark-mode #layout-sidebar > .header a.button,
html.dark-mode #layout-sidebar > .header .toolbar a,
html.dark-mode #layout-sidebar > .header .menu a,
html.dark-mode #layout-sidebar > .header .action-buttons a,
html.dark-mode #layout > div > .header a.button,
html.dark-mode #layout > div > .header .toolbar a,
html.dark-mode #layout > div > .header .menu a,
html.dark-mode #layout > div > .header .action-buttons a {
    color: #f1f1f1 !important;
}

html.dark-mode #layout-list > .header a.button:hover,
html.dark-mode #layout-list > .header .toolbar a:hover,
html.dark-mode #layout-list > .header .menu a:hover,
html.dark-mode #layout-content > .header a.button:hover,
html.dark-mode #layout-content > .header .toolbar a:hover,
html.dark-mode #layout-content > .header .menu a:hover,
html.dark-mode #layout-sidebar > .header a.button:hover,
html.dark-mode #layout-sidebar > .header .toolbar a:hover,
html.dark-mode #layout-sidebar > .header .menu a:hover,
html.dark-mode #layout > div > .header a.button:hover,
html.dark-mode #layout > div > .header .toolbar a:hover,
html.dark-mode #layout > div > .header .menu a:hover {
    background: #444444 !important;
    color: #f1f1f1 !important;
}

/* Empty-content watermark icon replacement (fallback for content panes) */
#layout-content .watermark,
#layout-content .watermark:before,
#layout-content .empty-content-icon,
#layout-content .empty-content:before {
    background-image: url('images/logo-small.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 96px auto !important;
}

/* Keep dark mode visually bright enough without losing contrast */
html.dark-mode,
html.dark-mode body {
    background-color: #1e1e1e !important;
    color: #f2f2f2 !important;
}

html.dark-mode #layout-menu,
html.dark-mode #layout-menu .popover-header,
html.dark-mode #layout-menu .special-buttons,
html.dark-mode #taskmenu {
    background: #000000 !important;
}

html.dark-mode #taskmenu a,
html.dark-mode #layout-menu #taskmenu a,
html.dark-mode #layout-menu .special-buttons a {
    color: #ffffff !important;
}

html.dark-mode #taskmenu a:hover,
html.dark-mode #layout-menu #taskmenu a:hover,
html.dark-mode #layout-menu .special-buttons a:hover {
    background: #ff2b96 !important;
}

/* dark-mode panel header border already handled above */

/* Light mode sidebar should feel brighter and less heavy */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #layout-menu .popover-header,
html:not(.dark-mode) #layout-menu .special-buttons,
html:not(.dark-mode) #taskmenu {
    background: #000000 !important;
}

html:not(.dark-mode) #taskmenu a,
html:not(.dark-mode) #layout-menu #taskmenu a,
html:not(.dark-mode) #layout-menu .special-buttons a {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35) !important;
}

html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #layout-menu #taskmenu a:hover,
html:not(.dark-mode) #layout-menu .special-buttons a:hover {
    background: #ff2b96 !important;
    color: #ffffff !important;
}

html:not(.dark-mode) #taskmenu a.selected,
html:not(.dark-mode) #layout-menu #taskmenu a.selected,
html:not(.dark-mode) #layout-menu .special-buttons a.selected,
html:not(.dark-mode) #taskmenu .action-buttons a,
html:not(.dark-mode) #taskmenu .action-buttons a.selected {
    background: #e20074 !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

/* Remove residual blue/purple from common primary UI states */
.btn-primary,
button.btn-primary,
input.btn-primary,
.page-item.active .page-link,
.page-link:hover,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active,
.custom-control-input:checked ~ .custom-control-label::before,
.dropdown-item.active,
.dropdown-item:active,
.badge-primary,
.list-group-item.active {
    background-color: #e20074 !important;
    border-color: #e20074 !important;
    color: #ffffff !important;
}

/* Text inputs, textareas and selects: magenta border/ring accent on focus,
   never a solid magenta fill (.form-control:focus/.custom-select:focus must
   NOT be grouped with the button/active-state rule above). Background/text
   color are left untouched so light and dark mode keep their normal look. */
.form-control:focus,
.custom-select:focus {
    border-color: #e20074 !important;
    box-shadow: 0 0 0 2px #e2007433 !important;
}

a.btn-link,
.btn-link,
.nav-link,
.page-link,
.dropdown-item {
    color: #e20074 !important;
}

/* Calendar event editor tabs — neutral style, no magenta */
#event-tabs.xtabs .nav.nav-tabs {
    background: #333333 !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
    padding: 4px 4px 0 !important;
}

#event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link {
    background: transparent !important;
    border-color: transparent !important;
    color: #cccccc !important;
    border-radius: 4px 4px 0 0 !important;
}

#event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link:hover {
    background: #444444 !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

#event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link.active {
    background: #ffffff !important;
    border-color: transparent !important;
    color: #333333 !important;
    font-weight: 600 !important;
}

/* Dark mode */
html.dark-mode #event-tabs.xtabs .nav.nav-tabs {
    background: #111111 !important;
}

html.dark-mode #event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link {
    color: #aaaaaa !important;
}

html.dark-mode #event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link:hover {
    background: #2a2a2a !important;
    color: #ffffff !important;
}

html.dark-mode #event-tabs.xtabs .nav.nav-tabs .nav-item .nav-link.active {
    background: #2a2a2a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

a.btn-link:hover,
.btn-link:hover,
.nav-link:hover,
.page-link:hover,
.dropdown-item:hover {
    color: #b1005b !important;
}

/* Login page: inputs should not turn magenta on focus */
html:not(.dark-mode) body.task-login input:focus,
html:not(.dark-mode) body.task-login textarea:focus,
html:not(.dark-mode) body.task-login select:focus,
html:not(.dark-mode) body.task-login .form-control:focus {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #cccccc !important;
    box-shadow: none !important;
}

html.dark-mode body.task-login input:focus,
html.dark-mode body.task-login textarea:focus,
html.dark-mode body.task-login select:focus,
html.dark-mode body.task-login .form-control:focus {
    background-color: #21292c !important;
    color: #c5d1d3 !important;
    border-color: #7c949c !important;
    box-shadow: none !important;
}

/* Autofilled login fields (browser-remembered credentials) must follow the
   theme instead of the browser's own white/yellow autofill fill — otherwise
   dark-mode's light input text becomes unreadable against it. */
body.task-login input:-webkit-autofill,
body.task-login input:-webkit-autofill:hover,
body.task-login input:-webkit-autofill:focus,
body.task-login input:-webkit-autofill:active {
    -webkit-text-fill-color: #333333 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    caret-color: #333333;
}

html.dark-mode body.task-login input:-webkit-autofill,
html.dark-mode body.task-login input:-webkit-autofill:hover,
html.dark-mode body.task-login input:-webkit-autofill:focus,
html.dark-mode body.task-login input:-webkit-autofill:active {
    -webkit-text-fill-color: #c5d1d3 !important;
    -webkit-box-shadow: 0 0 0 1000px #21292c inset !important;
    box-shadow: 0 0 0 1000px #21292c inset !important;
    caret-color: #c5d1d3;
}

/* Center the logo on the login page */
#layout-content #logo {
    display: block;
    margin: 10px auto;
    text-align: center;
}

/* Login page: hard-center the complete block and keep logo compact */
body.task-login,
body.task-login #layout {
    min-height: 100vh;
    min-height: 100dvh;
}

body.task-login #layout {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.task-login #layout-content.selected.no-navbar {
    float: none;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

body.task-login #logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 140px;
    margin: 0 0 1rem;
}

body.task-login #login-form {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    top: auto;
}

body.task-login #pr_area,
body.task-login #login-footer {
    text-align: center;
}

body.task-login #login-footer {
    flex: none;
}

/* =============================================================
   Cosmote default skin (NOT outlook+): make the compose button
   behave exactly like the other taskmenu buttons in both light
   and dark mode. Three-ID specificity (#layout #layout-menu
   #taskmenu) so we beat the xinverted-menu rules.
   ============================================================= */

/* Default + selected: transparent background (the magenta menu shows through),
   white icon/text � same as other #taskmenu a buttons. */
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Hover / focus: lighter magenta #ff2b96, matching the other taskmenu buttons. */
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose:hover,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose:focus {
    background: #ff2b96 !important;
    background-color: #ff2b96 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #ff2b96 !important;
}

/* Selected state: solid magenta, exactly as #taskmenu a.selected. */
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected:hover,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected:focus {
    background: #e20074 !important;
    background-color: #e20074 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #e20074 !important;
}

/* =============================================================
   Cosmote default skin (NOT outlook+): SELECTED taskmenu buttons
   were the same magenta as the menu background, so they were
   invisible. Use a darker magenta + white left-accent + inset
   shadow so the active button clearly stands out, in both light
   and dark mode. Three-ID specificity so it beats the
   xinverted-menu rules. Applies to all taskmenu buttons and to
   the .action-buttons compose button.
   ============================================================= */
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu a.selected,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu a.selected:hover,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu a.selected:focus,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected:hover,
body:not(.skin-outlook_plus) #layout #layout-menu #taskmenu .action-buttons a.compose.selected:focus {
    background: #8c0049 !important;
    background-color: #8c0049 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #8c0049 !important;
    box-shadow: inset 4px 0 0 #ffffff !important;
}


/* Update the header background and text color */
.header.calendar-list-header {
    background-color: #ffffff !important;
    color: #2c363a !important; /* Dark grey text for contrast */
    border-bottom: 1px solid #e2e2e2 !important; /* Lighter border */
}

/* Ensure the text inside the header and its containers are visible */
.header.calendar-list-header,
.header.calendar-list-header div#new-calendar-container {
    color: #2c363a !important;
}

/* If there are specific icons or badges that were white, adjust them too */
.header.calendar-list-header .button.create.new-calendar {
    color: #e20074 !important; /* Keeping the signature pink for the icon/button */
}

/* Dark mode toggle button: always black, never magenta */
#layout #layout-menu #taskmenu .special-buttons a.theme,
#layout #layout-menu #taskmenu .special-buttons a.theme.dark,
#layout #layout-menu #taskmenu .special-buttons a.theme.light,
#layout #layout-menu #taskmenu .special-buttons a.theme:hover,
#layout #layout-menu #taskmenu .special-buttons a.theme:focus,
#layout #layout-menu #taskmenu .special-buttons a.theme.selected {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#layout #layout-menu #taskmenu .special-buttons a.theme:hover {
    background: #222222 !important;
    background-color: #222222 !important;
}

/* =============================================================
   Brand Dialog (REPO2) — logo on the magenta carrier surface.

   The logo now uses the official DT "carrier surface" asset
   (T_logo_carrier_surface_rgb_*), i.e. the white T on a magenta
   square with the brand protection area already built into the
   artwork. These rules make sure the front-end never eats that
   protection area again: the square must stay square (no
   stretching, no cropping, no extra padding inside the box) and
   must keep clear space around it on the page.
   ============================================================= */

/* Login page: square logo, never distorted, with clear space around it. */
body.task-login #logo {
    width: 140px;
    height: 140px;
    max-width: 40vw;
    max-height: 40vw;
    object-fit: contain;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    /* Clear space around the carrier surface (protection area on the page). */
    margin: 0 auto 2rem;
}

/* Task menu header: the base skin already caps the image to the header
   height (58px), which suits a square logo. Only guarantee that it is
   never distorted or clipped. */
#layout-menu .popover-header #logo {
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0;
    background: none;
}

/* Never tint the logo: the carrier surface must stay exactly #E20074 /
   #FFFFFF in dark mode too (the elastic base dims #logo to .8 opacity). */
html.dark-mode #logo,
html.dark-mode body.task-login #logo,
html.dark-mode #layout-menu .popover-header #logo {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* =============================================================
   Brand Dialog (REPO2) — login footer legal/support links.

   Terms of service, data privacy notice and support are external
   links (telekom.gr / help.telekom.gr), not local PDFs.
   ============================================================= */

body.task-login #login-legal {
    width: 100%;
    max-width: 320px;
    margin: .25rem auto 0;
    text-align: center;
    font-size: .8125rem;
    line-height: 1.6;
}

body.task-login #login-legal a.legal-link,
body.task-login #login-footer a.legal-link {
    display: inline-block;
    margin: 0 .4rem;
    color: #e20074;
    text-decoration: none;
    white-space: nowrap;
}

body.task-login #login-legal a.legal-link:hover,
body.task-login #login-footer a.legal-link:hover,
body.task-login #login-legal a.legal-link:focus,
body.task-login #login-footer a.legal-link:focus {
    color: #b1005b;
    text-decoration: underline;
}

body.task-login #login-footer {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    font-size: .8125rem;
    line-height: 1.6;
}

html.dark-mode body.task-login #login-legal a.legal-link,
html.dark-mode body.task-login #login-footer a.legal-link {
    color: #ff2b96;
}

html.dark-mode body.task-login #login-legal a.legal-link:hover,
html.dark-mode body.task-login #login-footer a.legal-link:hover,
html.dark-mode body.task-login #login-legal a.legal-link:focus,
html.dark-mode body.task-login #login-footer a.legal-link:focus {
    color: #ffffff;
}

/* Narrow screens: let the links wrap one per line instead of overflowing. */
@media screen and (max-width: 400px) {
    body.task-login #login-legal a.legal-link,
    body.task-login #login-footer a.legal-link {
        display: block;
        margin: 0;
    }
}
