.inner-wrap{
    background-color: #ffffff;
}

.left-off-canvas-menu .logo-wrapper .logo {
    padding: 0.87rem 0;
    background-color: rgb(229, 230, 233);
}
.left-off-canvas-menu .account-menu,
ul.second-nav {
    width: 240px;
    margin: 0 10px;
}
.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop{
    max-width: 240px;
}
/* ---- Left-Sub-Top Navigation ---- */
.left-off-canvas-menu h3 {
    margin: auto;
    width: 240px;
    padding: 5px 16px;
    border-radius: 2px 2px 0px 0px;
    color: #ffffff;
    background-color: #3D3935;
}
/* ---- Left-Sub-Boddy Navigation ---- */
#nav .off-canvas-list .off-canvas-list{
    background: #fff;
    border: 1px solid #d0d0ce;
    border-width: 0px 1px 1px 1px;
    -webkit-border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
}
.nav-wrapper {
    margin: auto;
    width: 240px;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 0.3cm;
}
.nav-wrapper ul li a {
    color: #000000;
    padding: 1px 16px;
}
.left-off-canvas-menu .account-menu{
    margin-bottom: 5px;
}
/* ---- Profile ---- */
.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop,
.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop:after,
.left-off-canvas-menu .account-menu .content a,
.left-off-canvas-menu ul.second-nav li a,
.left-off-canvas-menu ul.second-nav li a:hover,
ul.off-canvas-list ul.left-submenu li.back a,
ul.off-canvas-list ul.left-submenu li a{
    color: #3d3935;
}
.left-off-canvas-menu .account-menu.dropdown.button:after,
.left-off-canvas-menu .account-menu.dropdown.button:hover:after{
    border-color: #3d3935 transparent transparent transparent;
}
.left-off-canvas-menu ul.off-canvas-list a:hover{
    color: #3d3935;
}
.logo-wrapper {
    padding: 0px;
}
.logo-wrapper >img {
    width:220px;
    margin: auto;
}

/* ---- Dashboard Section header ---- */
.Component_Dashboard_TextboxController .subheader{
    line-height: 1.4;
    color: #ffffff !important;
    background-color: rgb(223, 38, 105);
    font-weight: 400;
    margin-top: 0.625rem;
    margin-bottom: 0.5rem;
    padding: 6px;
    font-size: 1.2em;
    text-transform: none;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.subheader{
    line-height: 1.4;
    color: #ffffff;
    background-color: rgb(223, 38, 105);
    font-weight: 400;
    margin-top: 0.625rem;
    margin-bottom: 0.5rem;
    padding: 6px;
    font-size: 1.2em;
    text-transform: none;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
/* iPhone 6/7/8 S9 Dashboard H2 Sub-header */
#content > .row > .small-12 h1, .rubric-criterion-selector #content > .row > .criteria-group h1, #content > .row > .small-12 .subheader, #content > .row > .small-12 .Sc
hoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header .fc-list-heading-main, .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header #content > .row > .small-12 .fc-list-heading-main, .rubric-criterion-selector #content > .row > .criteria-group .subheader, .rubric-criterion-selector #content > .row > .criteria-group .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header .fc-list-heading-main, .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header .rubric-criterion-selector #content > .row > .criteria-group .fc-list-heading-main, #content > .row > .small-12 table.rubric th[colspan], .rubric-criterion-selector #content > .row > .criteria-group table.rubric th[colspan], table.rubric #content > .row > .small-12 th[colspan], table.rubric .rubric-criterion-selector #content > .row > .criteria-group th[colspan], .rubric-criterion-selector table.rubric #content > .row > .criteria-group th[colspan], #content > .row > .small-12 h2.mini, .rubric-criterion-selector #content > .row > .criteria-group h2.mini, #content > .row > .small-12 h3.mini, .rubric-criterion-selector #content > .row > .criteria-group h3.mini, #content > .row > .small-12 h4.mini, .rubric-criterion-selector #content > .row > .criteria-group h4.mini, #content > .row > .small-12 h5.mini, .rubric-criterion-selector #content > .row > .criteria-group h5.mini, #content > .row > .small-12 h6.mini, .rubric-criterion-selector #content > .row > .criteria-group h6.mini, #content > .row > .small-12 ul.meta, #content > .row > .small-12 .component-action ul.component-action-info, .component-action #content > .row > .small-12 ul.component-action-info, .rubric-criterion-selector #content > .row > .criteria-group ul.meta, .rubric-criterion-selector #content > .row > .criteria-group .component-action ul.component-action-info, .component-action .rubric-criterion-selector #content > .row > .criteria-group ul.component-action-info, #content > .row > .small-12 .island .dataTables_wrapper ul.dataTables_info, .rubric-criterion-selector #content > .row > .criteria-group .island .dataTables_wrapper ul.dataTables_info, .island .dataTables_wrapper #content > .row > .small-12 ul.dataTables_info, .island .dataTables_wrapper .rubric-criterion-selector #content > .row > .criteria-group ul.dataTables_info, .rubric-criterion-selector .island .dataTables_wrapper #content > .row > .criteria-group ul.dataTables_info, #content > .row > .small-12 .global-search ul.result-meta, .rubric-criterion-selector #content > .row > .criteria-group .global-search ul.result-meta, .global-search #content > .row > .small-12 ul.result-meta, .global-search .rubric-criterion-selector #content > .row > .criteria-group ul.result-meta, .rubric-criterion-selector .global-search #content > .row > .criteria-group ul.result-meta, #content > .row > .small-12 .pagination, .rubric-criterion-selector #content > .row > .criteria-group .pagination, #content > .row > .small-12 > .alert-box, #content > .row > .small-12 > .eotc-status, .rubric-criterion-selector #content > .row > .criteria-group > .alert-box, .rubric-criterion-selector #content > .row > .criteria-group > .eotc-status, #content > .row > .small-12 > .alert-box-icon, .rubric-criterion-selector #content > .row > .criteria-group > .alert-box-icon, #content > .row > .medium-12 h1, #content > .row > .medium-12 .subheader, #content > .row > .medium-12 .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header .fc-list-heading-main, .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header #content > .row > .medium-12 .fc-list-heading-main, #content > .row > .medium-12 table.rubric th[colspan], table.rubric #content > .row > .medium-12 th[colspan], #content > .row > .medium-12 h2.mini, #content > .row > .medium-12 h3.mini, #content > .row > .medium-12 h4.mini, #content > .row > .medium-12 h5.mini, #content > .row > .medium-12 h6.mini, #content > .row > .medium-12 ul.meta, #content > .row > .medium-12 .component-action ul.component-action-info, .component-action #content > .row > .medium-12 ul.component-action-info, #content > .row > .medium-12 .island .dataTables_wrapper ul.dataTables_info, .island .dataTables_wrapper #content > .row > .medium-12 ul.dataTables_info, #content > .row > .medium-12 .global-search ul.result-meta, .global-search #content > .row > .medium-12 ul.result-meta, #content > .row > .medium-12 .pagination, #content > .row > .medium-12 > .alert-box, #content > .row > .medium-12 > .eotc-status, #content > .row > .medium-12 > .alert-box-icon, #content > .row > .list-item > .small-12 h1, #content > .row > .list-item > .small-12 .subheader, #content > .row > .list-item > .small-12 ul.meta, #content > .row > .list-item > .small-12 .pagination, #content > .row > .list-item > .small-12 > .alert-box, #content > .row > .list-item > .small-12 > .eotc-status, .rubric-criterion-selector #content > .row > .list-item > .criteria-group > .alert-box, .rubric-criterion-selector #content > .row > .list-item > .criteria-group > .eotc-status, #content > .row > .list-item > .small-12 > .alert-box-icon, .rubric-criterion-selector #content > .row > .list-item > .criteria-group > .alert-box-icon, #content > .row > .list-item > .medium-12 h1, #content > .row > .list-item > .medium-12 .subheader, #content > .row > .list-item > .medium-12 ul.meta, #content > .row > .list-item > .medium-12 .pagination, #content > .row > .list-item > .medium-12 > .alert-box, #content > .row > .list-item > .medium-12 > .eotc-status, #content > .row > .list-item > .medium-12 > .alert-box-icon {
    margin-left: 0px;
    margin-right: 0px;
}

.Component_Dashboard_TextboxController .island .content {
    padding: 0.75rem;
    border: 0px solid #ffffff;
}
/* ---- end Dashboard Section header ---- */

/* ---- Dashboard Calendar design ---- */
.Component_Dashboard_CalendarController .subheader{
    margin-bottom: 0.1rem;
    padding: 8px;
    background-color: #ffffff;
    color: #DA291C !important;
    font-size: 1em;
    text-transform: none;
    border-bottom: 1px solid #DA291C;
}
.Component_Dashboard_CalendarController .calendar-list li.row{
  padding: 0.50rem;
  border: 1px solid #ffffff;
}
.Component_Dashboard_CalendarController .island .content, .island .resource-browser .meta-panel, .resource-browser .island .meta-panel, .island .matching-pairs p, .matching-pairs .island p, .island .calendar-list label, .calendar-list .island label, .island .calendar-list li.row, .calendar-list .island li.row {
    padding: 0.75rem;
    border: 1px solid #ffffff;
}
/* ---- end Dashboard Calendar design ---- */

/* ---- Dashboard My Groups card titles - Hide & padding ---- */
.card-new .card-content {
    display: none;
}
.columns .row{
    border: 1px solid #ffffff;
}
/* ---- Dashboard My Groups card titles ---- */

/* ---- Dashboard My News title design ---- */
.information-list>li, .activity-list>li, .subject-list>li, .news-list>li, .permission-list>li, .action-list>li, .resource-list>li, ul.az-list>li, ul.az-error-list>li, .weather-forecast>li, .weather-list>li, .marking-input-list>li, .calendar-list>li {
    margin-left: -1rem;
    margin-right: -1rem;
    background-color: #ededed;
}
/* ---- end Dashboard My News title design ---- */

/* ---- Left Navigation header - adjust left ---- */
.left-off-canvas-menu ul.off-canvas-list li h3, .left-off-canvas-menu ul.off-canvas-list li h4 {
    font-weight: 400;
    padding: 1rem;
    margin-left: 10px;
    font-size: 1rem;
    color: #ffffff;
    background-color: #3D3935;
}
/* ---- end Left Navigation header - adjust left ---- */

/* ---- New title design ---- */
h3 a{
  font-size: 0.9em;
  color: #3D3935;
}
/* ---- end New title design ---- */

/* ---- Section text content design ---- */
.island .content {
    padding: 0.75rem;
    border: 1px solid #cccccc;
}
/* ---- end Section text content design ---- */

/* ---- Page - component header curve  ---- */
#component-layout .column-top .component-titlebar {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#component-layout .column-left .component-titlebar {
    background-color: rgba(61, 57, 53, 0.850);
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
#component-layout .column-right .component-titlebar {
    background-color: rgba(61, 57, 53, 0.850);
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

/* ---- end Page - component header ---- */

/* ---- Dashnboard - component header for mobile version ---- */
@media only print, screen and (max-width: 40em) {
.subheader {
    margin-left: 0rem;
    margin-right: 0rem;
    }
  }
/* ---- end Dashnboard - component header for mobile version ---- */

/* --- News Icon size dashboard --- */
.column-right #news-component .card>a>img {
    width: 4rem;
}
/* --- News Icon size news home page --- */
#news-component .card>a>img {
    width: 4rem;
}
/* --- Hide News Icon size news page --- */
.news-post .banner {
    display: none;
}
/* --- Calendar heading --- */
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    padding-left: 10px;
}
/* --- General text font-size --- */
p, h3, span, a {
    font-size: 1rem;
  }
ul, ol, dl {
    font-size: 1rem;
}
.fc .fc-list-day-text {
   font-size: 1rem;
}
.hybrid-bar .top-menu li  {
    margin: 0;
    width: 100px;
}

:root {
            --navigation-foreground-r: 61;
        --navigation-foreground-g: 57;
        --navigation-foreground-b: 53;
        --navigation-foreground-h: 30;
        --navigation-foreground-s: 7.02%;
        --navigation-foreground-l: 22.35%;
        --navigation-foreground-a: 1;
        --navigation-foreground:   hsla(
            var(--navigation-foreground-h),
            var(--navigation-foreground-s),
            var(--navigation-foreground-l),
            var(--navigation-foreground-a)
        );
            --navigation-foreground-contrast-r: 255;
        --navigation-foreground-contrast-g: 255;
        --navigation-foreground-contrast-b: 255;
        --navigation-foreground-contrast-h: 0;
        --navigation-foreground-contrast-s: 0%;
        --navigation-foreground-contrast-l: 100%;
        --navigation-foreground-contrast-a: 1;
        --navigation-foreground-contrast:   hsla(
            var(--navigation-foreground-contrast-h),
            var(--navigation-foreground-contrast-s),
            var(--navigation-foreground-contrast-l),
            var(--navigation-foreground-contrast-a)
        );
            --navigation-background-r: 229;
        --navigation-background-g: 230;
        --navigation-background-b: 233;
        --navigation-background-h: 225;
        --navigation-background-s: 8.33%;
        --navigation-background-l: 90.59%;
        --navigation-background-a: 1;
        --navigation-background:   hsla(
            var(--navigation-background-h),
            var(--navigation-background-s),
            var(--navigation-background-l),
            var(--navigation-background-a)
        );
            --navigation-background-contrast-r: 0;
        --navigation-background-contrast-g: 0;
        --navigation-background-contrast-b: 0;
        --navigation-background-contrast-h: 0;
        --navigation-background-contrast-s: 0%;
        --navigation-background-contrast-l: 0%;
        --navigation-background-contrast-a: 1;
        --navigation-background-contrast:   hsla(
            var(--navigation-background-contrast-h),
            var(--navigation-background-contrast-s),
            var(--navigation-background-contrast-l),
            var(--navigation-background-contrast-a)
        );
            --navigation-hover-r: 208;
        --navigation-hover-g: 208;
        --navigation-hover-b: 206;
        --navigation-hover-h: 60;
        --navigation-hover-s: 2.08%;
        --navigation-hover-l: 81.18%;
        --navigation-hover-a: 1;
        --navigation-hover:   hsla(
            var(--navigation-hover-h),
            var(--navigation-hover-s),
            var(--navigation-hover-l),
            var(--navigation-hover-a)
        );
            --navigation-hover-contrast-r: 0;
        --navigation-hover-contrast-g: 0;
        --navigation-hover-contrast-b: 0;
        --navigation-hover-contrast-h: 0;
        --navigation-hover-contrast-s: 0%;
        --navigation-hover-contrast-l: 0%;
        --navigation-hover-contrast-a: 1;
        --navigation-hover-contrast:   hsla(
            var(--navigation-hover-contrast-h),
            var(--navigation-hover-contrast-s),
            var(--navigation-hover-contrast-l),
            var(--navigation-hover-contrast-a)
        );
            --off-canvas-foreground-r: 61;
        --off-canvas-foreground-g: 57;
        --off-canvas-foreground-b: 53;
        --off-canvas-foreground-h: 30;
        --off-canvas-foreground-s: 7.02%;
        --off-canvas-foreground-l: 22.35%;
        --off-canvas-foreground-a: 1;
        --off-canvas-foreground:   hsla(
            var(--off-canvas-foreground-h),
            var(--off-canvas-foreground-s),
            var(--off-canvas-foreground-l),
            var(--off-canvas-foreground-a)
        );
            --off-canvas-foreground-contrast-r: 255;
        --off-canvas-foreground-contrast-g: 255;
        --off-canvas-foreground-contrast-b: 255;
        --off-canvas-foreground-contrast-h: 0;
        --off-canvas-foreground-contrast-s: 0%;
        --off-canvas-foreground-contrast-l: 100%;
        --off-canvas-foreground-contrast-a: 1;
        --off-canvas-foreground-contrast:   hsla(
            var(--off-canvas-foreground-contrast-h),
            var(--off-canvas-foreground-contrast-s),
            var(--off-canvas-foreground-contrast-l),
            var(--off-canvas-foreground-contrast-a)
        );
            --off-canvas-background-r: 229;
        --off-canvas-background-g: 230;
        --off-canvas-background-b: 233;
        --off-canvas-background-h: 225;
        --off-canvas-background-s: 8.33%;
        --off-canvas-background-l: 90.59%;
        --off-canvas-background-a: 1;
        --off-canvas-background:   hsla(
            var(--off-canvas-background-h),
            var(--off-canvas-background-s),
            var(--off-canvas-background-l),
            var(--off-canvas-background-a)
        );
            --off-canvas-background-contrast-r: 0;
        --off-canvas-background-contrast-g: 0;
        --off-canvas-background-contrast-b: 0;
        --off-canvas-background-contrast-h: 0;
        --off-canvas-background-contrast-s: 0%;
        --off-canvas-background-contrast-l: 0%;
        --off-canvas-background-contrast-a: 1;
        --off-canvas-background-contrast:   hsla(
            var(--off-canvas-background-contrast-h),
            var(--off-canvas-background-contrast-s),
            var(--off-canvas-background-contrast-l),
            var(--off-canvas-background-contrast-a)
        );
            --off-canvas-hover-r: 208;
        --off-canvas-hover-g: 208;
        --off-canvas-hover-b: 206;
        --off-canvas-hover-h: 60;
        --off-canvas-hover-s: 2.08%;
        --off-canvas-hover-l: 81.18%;
        --off-canvas-hover-a: 1;
        --off-canvas-hover:   hsla(
            var(--off-canvas-hover-h),
            var(--off-canvas-hover-s),
            var(--off-canvas-hover-l),
            var(--off-canvas-hover-a)
        );
            --off-canvas-hover-contrast-r: 0;
        --off-canvas-hover-contrast-g: 0;
        --off-canvas-hover-contrast-b: 0;
        --off-canvas-hover-contrast-h: 0;
        --off-canvas-hover-contrast-s: 0%;
        --off-canvas-hover-contrast-l: 0%;
        --off-canvas-hover-contrast-a: 1;
        --off-canvas-hover-contrast:   hsla(
            var(--off-canvas-hover-contrast-h),
            var(--off-canvas-hover-contrast-s),
            var(--off-canvas-hover-contrast-l),
            var(--off-canvas-hover-contrast-a)
        );
            --accounts-menu-foreground-r: 61;
        --accounts-menu-foreground-g: 57;
        --accounts-menu-foreground-b: 53;
        --accounts-menu-foreground-h: 30;
        --accounts-menu-foreground-s: 7.02%;
        --accounts-menu-foreground-l: 22.35%;
        --accounts-menu-foreground-a: 1;
        --accounts-menu-foreground:   hsla(
            var(--accounts-menu-foreground-h),
            var(--accounts-menu-foreground-s),
            var(--accounts-menu-foreground-l),
            var(--accounts-menu-foreground-a)
        );
            --accounts-menu-foreground-contrast-r: 255;
        --accounts-menu-foreground-contrast-g: 255;
        --accounts-menu-foreground-contrast-b: 255;
        --accounts-menu-foreground-contrast-h: 0;
        --accounts-menu-foreground-contrast-s: 0%;
        --accounts-menu-foreground-contrast-l: 100%;
        --accounts-menu-foreground-contrast-a: 1;
        --accounts-menu-foreground-contrast:   hsla(
            var(--accounts-menu-foreground-contrast-h),
            var(--accounts-menu-foreground-contrast-s),
            var(--accounts-menu-foreground-contrast-l),
            var(--accounts-menu-foreground-contrast-a)
        );
            --accounts-menu-background-r: 229;
        --accounts-menu-background-g: 230;
        --accounts-menu-background-b: 233;
        --accounts-menu-background-h: 225;
        --accounts-menu-background-s: 8.33%;
        --accounts-menu-background-l: 90.59%;
        --accounts-menu-background-a: 1;
        --accounts-menu-background:   hsla(
            var(--accounts-menu-background-h),
            var(--accounts-menu-background-s),
            var(--accounts-menu-background-l),
            var(--accounts-menu-background-a)
        );
            --accounts-menu-background-contrast-r: 0;
        --accounts-menu-background-contrast-g: 0;
        --accounts-menu-background-contrast-b: 0;
        --accounts-menu-background-contrast-h: 0;
        --accounts-menu-background-contrast-s: 0%;
        --accounts-menu-background-contrast-l: 0%;
        --accounts-menu-background-contrast-a: 1;
        --accounts-menu-background-contrast:   hsla(
            var(--accounts-menu-background-contrast-h),
            var(--accounts-menu-background-contrast-s),
            var(--accounts-menu-background-contrast-l),
            var(--accounts-menu-background-contrast-a)
        );
            --accounts-menu-hover-r: 208;
        --accounts-menu-hover-g: 208;
        --accounts-menu-hover-b: 206;
        --accounts-menu-hover-h: 60;
        --accounts-menu-hover-s: 2.08%;
        --accounts-menu-hover-l: 81.18%;
        --accounts-menu-hover-a: 1;
        --accounts-menu-hover:   hsla(
            var(--accounts-menu-hover-h),
            var(--accounts-menu-hover-s),
            var(--accounts-menu-hover-l),
            var(--accounts-menu-hover-a)
        );
            --accounts-menu-hover-contrast-r: 0;
        --accounts-menu-hover-contrast-g: 0;
        --accounts-menu-hover-contrast-b: 0;
        --accounts-menu-hover-contrast-h: 0;
        --accounts-menu-hover-contrast-s: 0%;
        --accounts-menu-hover-contrast-l: 0%;
        --accounts-menu-hover-contrast-a: 1;
        --accounts-menu-hover-contrast:   hsla(
            var(--accounts-menu-hover-contrast-h),
            var(--accounts-menu-hover-contrast-s),
            var(--accounts-menu-hover-contrast-l),
            var(--accounts-menu-hover-contrast-a)
        );
            --content-ui-foreground-r: 218;
        --content-ui-foreground-g: 41;
        --content-ui-foreground-b: 28;
        --content-ui-foreground-h: 4.11;
        --content-ui-foreground-s: 77.24%;
        --content-ui-foreground-l: 48.24%;
        --content-ui-foreground-a: 1;
        --content-ui-foreground:   hsla(
            var(--content-ui-foreground-h),
            var(--content-ui-foreground-s),
            var(--content-ui-foreground-l),
            var(--content-ui-foreground-a)
        );
            --content-ui-foreground-contrast-r: 255;
        --content-ui-foreground-contrast-g: 255;
        --content-ui-foreground-contrast-b: 255;
        --content-ui-foreground-contrast-h: 0;
        --content-ui-foreground-contrast-s: 0%;
        --content-ui-foreground-contrast-l: 100%;
        --content-ui-foreground-contrast-a: 1;
        --content-ui-foreground-contrast:   hsla(
            var(--content-ui-foreground-contrast-h),
            var(--content-ui-foreground-contrast-s),
            var(--content-ui-foreground-contrast-l),
            var(--content-ui-foreground-contrast-a)
        );
            --content-ui-background-r: 255;
        --content-ui-background-g: 255;
        --content-ui-background-b: 255;
        --content-ui-background-h: 0;
        --content-ui-background-s: 0%;
        --content-ui-background-l: 100%;
        --content-ui-background-a: 1;
        --content-ui-background:   hsla(
            var(--content-ui-background-h),
            var(--content-ui-background-s),
            var(--content-ui-background-l),
            var(--content-ui-background-a)
        );
            --content-ui-background-contrast-r: 0;
        --content-ui-background-contrast-g: 0;
        --content-ui-background-contrast-b: 0;
        --content-ui-background-contrast-h: 0;
        --content-ui-background-contrast-s: 0%;
        --content-ui-background-contrast-l: 0%;
        --content-ui-background-contrast-a: 1;
        --content-ui-background-contrast:   hsla(
            var(--content-ui-background-contrast-h),
            var(--content-ui-background-contrast-s),
            var(--content-ui-background-contrast-l),
            var(--content-ui-background-contrast-a)
        );
            --content-ui-hover-r: 208;
        --content-ui-hover-g: 208;
        --content-ui-hover-b: 206;
        --content-ui-hover-h: 60;
        --content-ui-hover-s: 2.08%;
        --content-ui-hover-l: 81.18%;
        --content-ui-hover-a: 1;
        --content-ui-hover:   hsla(
            var(--content-ui-hover-h),
            var(--content-ui-hover-s),
            var(--content-ui-hover-l),
            var(--content-ui-hover-a)
        );
            --content-ui-hover-contrast-r: 0;
        --content-ui-hover-contrast-g: 0;
        --content-ui-hover-contrast-b: 0;
        --content-ui-hover-contrast-h: 0;
        --content-ui-hover-contrast-s: 0%;
        --content-ui-hover-contrast-l: 0%;
        --content-ui-hover-contrast-a: 1;
        --content-ui-hover-contrast:   hsla(
            var(--content-ui-hover-contrast-h),
            var(--content-ui-hover-contrast-s),
            var(--content-ui-hover-contrast-l),
            var(--content-ui-hover-contrast-a)
        );
            --content-ui-selected-r: 208;
        --content-ui-selected-g: 208;
        --content-ui-selected-b: 206;
        --content-ui-selected-h: 60;
        --content-ui-selected-s: 2.08%;
        --content-ui-selected-l: 81.18%;
        --content-ui-selected-a: 1;
        --content-ui-selected:   hsla(
            var(--content-ui-selected-h),
            var(--content-ui-selected-s),
            var(--content-ui-selected-l),
            var(--content-ui-selected-a)
        );
            --content-ui-selected-contrast-r: 0;
        --content-ui-selected-contrast-g: 0;
        --content-ui-selected-contrast-b: 0;
        --content-ui-selected-contrast-h: 0;
        --content-ui-selected-contrast-s: 0%;
        --content-ui-selected-contrast-l: 0%;
        --content-ui-selected-contrast-a: 1;
        --content-ui-selected-contrast:   hsla(
            var(--content-ui-selected-contrast-h),
            var(--content-ui-selected-contrast-s),
            var(--content-ui-selected-contrast-l),
            var(--content-ui-selected-contrast-a)
        );
            --content-ui-submit-foreground-r: 255;
        --content-ui-submit-foreground-g: 255;
        --content-ui-submit-foreground-b: 255;
        --content-ui-submit-foreground-h: 0;
        --content-ui-submit-foreground-s: 0%;
        --content-ui-submit-foreground-l: 100%;
        --content-ui-submit-foreground-a: 1;
        --content-ui-submit-foreground:   hsla(
            var(--content-ui-submit-foreground-h),
            var(--content-ui-submit-foreground-s),
            var(--content-ui-submit-foreground-l),
            var(--content-ui-submit-foreground-a)
        );
            --content-ui-submit-foreground-contrast-r: 0;
        --content-ui-submit-foreground-contrast-g: 0;
        --content-ui-submit-foreground-contrast-b: 0;
        --content-ui-submit-foreground-contrast-h: 0;
        --content-ui-submit-foreground-contrast-s: 0%;
        --content-ui-submit-foreground-contrast-l: 0%;
        --content-ui-submit-foreground-contrast-a: 1;
        --content-ui-submit-foreground-contrast:   hsla(
            var(--content-ui-submit-foreground-contrast-h),
            var(--content-ui-submit-foreground-contrast-s),
            var(--content-ui-submit-foreground-contrast-l),
            var(--content-ui-submit-foreground-contrast-a)
        );
            --content-ui-submit-background-r: 218;
        --content-ui-submit-background-g: 41;
        --content-ui-submit-background-b: 28;
        --content-ui-submit-background-h: 4.11;
        --content-ui-submit-background-s: 77.24%;
        --content-ui-submit-background-l: 48.24%;
        --content-ui-submit-background-a: 1;
        --content-ui-submit-background:   hsla(
            var(--content-ui-submit-background-h),
            var(--content-ui-submit-background-s),
            var(--content-ui-submit-background-l),
            var(--content-ui-submit-background-a)
        );
            --content-ui-submit-background-contrast-r: 255;
        --content-ui-submit-background-contrast-g: 255;
        --content-ui-submit-background-contrast-b: 255;
        --content-ui-submit-background-contrast-h: 0;
        --content-ui-submit-background-contrast-s: 0%;
        --content-ui-submit-background-contrast-l: 100%;
        --content-ui-submit-background-contrast-a: 1;
        --content-ui-submit-background-contrast:   hsla(
            var(--content-ui-submit-background-contrast-h),
            var(--content-ui-submit-background-contrast-s),
            var(--content-ui-submit-background-contrast-l),
            var(--content-ui-submit-background-contrast-a)
        );
            --accent-foreground-r: 61;
        --accent-foreground-g: 57;
        --accent-foreground-b: 53;
        --accent-foreground-h: 30;
        --accent-foreground-s: 7.02%;
        --accent-foreground-l: 22.35%;
        --accent-foreground-a: 1;
        --accent-foreground:   hsla(
            var(--accent-foreground-h),
            var(--accent-foreground-s),
            var(--accent-foreground-l),
            var(--accent-foreground-a)
        );
            --accent-foreground-contrast-r: 255;
        --accent-foreground-contrast-g: 255;
        --accent-foreground-contrast-b: 255;
        --accent-foreground-contrast-h: 0;
        --accent-foreground-contrast-s: 0%;
        --accent-foreground-contrast-l: 100%;
        --accent-foreground-contrast-a: 1;
        --accent-foreground-contrast:   hsla(
            var(--accent-foreground-contrast-h),
            var(--accent-foreground-contrast-s),
            var(--accent-foreground-contrast-l),
            var(--accent-foreground-contrast-a)
        );
            --accent-background-r: 255;
        --accent-background-g: 255;
        --accent-background-b: 255;
        --accent-background-h: 0;
        --accent-background-s: 0%;
        --accent-background-l: 100%;
        --accent-background-a: 1;
        --accent-background:   hsla(
            var(--accent-background-h),
            var(--accent-background-s),
            var(--accent-background-l),
            var(--accent-background-a)
        );
            --accent-background-contrast-r: 0;
        --accent-background-contrast-g: 0;
        --accent-background-contrast-b: 0;
        --accent-background-contrast-h: 0;
        --accent-background-contrast-s: 0%;
        --accent-background-contrast-l: 0%;
        --accent-background-contrast-a: 1;
        --accent-background-contrast:   hsla(
            var(--accent-background-contrast-h),
            var(--accent-background-contrast-s),
            var(--accent-background-contrast-l),
            var(--accent-background-contrast-a)
        );
            --accent-hover-r: 61;
        --accent-hover-g: 57;
        --accent-hover-b: 53;
        --accent-hover-h: 30;
        --accent-hover-s: 7.02%;
        --accent-hover-l: 22.35%;
        --accent-hover-a: 0.44;
        --accent-hover:   hsla(
            var(--accent-hover-h),
            var(--accent-hover-s),
            var(--accent-hover-l),
            var(--accent-hover-a)
        );
            --accent-hover-contrast-r: 255;
        --accent-hover-contrast-g: 255;
        --accent-hover-contrast-b: 255;
        --accent-hover-contrast-h: 0;
        --accent-hover-contrast-s: 0%;
        --accent-hover-contrast-l: 100%;
        --accent-hover-contrast-a: 1;
        --accent-hover-contrast:   hsla(
            var(--accent-hover-contrast-h),
            var(--accent-hover-contrast-s),
            var(--accent-hover-contrast-l),
            var(--accent-hover-contrast-a)
        );
            --logo-background-r: 255;
        --logo-background-g: 255;
        --logo-background-b: 255;
        --logo-background-h: 0;
        --logo-background-s: 0%;
        --logo-background-l: 100%;
        --logo-background-a: 1;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 0;
        --logo-background-contrast-g: 0;
        --logo-background-contrast-b: 0;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 0%;
        --logo-background-contrast-a: 1;
        --logo-background-contrast:   hsla(
            var(--logo-background-contrast-h),
            var(--logo-background-contrast-s),
            var(--logo-background-contrast-l),
            var(--logo-background-contrast-a)
        );
            --body-background-r: 237;
        --body-background-g: 237;
        --body-background-b: 237;
        --body-background-h: 0;
        --body-background-s: 0%;
        --body-background-l: 92.94%;
        --body-background-a: 1;
        --body-background:   hsla(
            var(--body-background-h),
            var(--body-background-s),
            var(--body-background-l),
            var(--body-background-a)
        );
            --body-background-contrast-r: 0;
        --body-background-contrast-g: 0;
        --body-background-contrast-b: 0;
        --body-background-contrast-h: 0;
        --body-background-contrast-s: 0%;
        --body-background-contrast-l: 0%;
        --body-background-contrast-a: 1;
        --body-background-contrast:   hsla(
            var(--body-background-contrast-h),
            var(--body-background-contrast-s),
            var(--body-background-contrast-l),
            var(--body-background-contrast-a)
        );
            --login-form-background-r: 255;
        --login-form-background-g: 255;
        --login-form-background-b: 255;
        --login-form-background-h: 0;
        --login-form-background-s: 0%;
        --login-form-background-l: 100%;
        --login-form-background-a: 0.88;
        --login-form-background:   hsla(
            var(--login-form-background-h),
            var(--login-form-background-s),
            var(--login-form-background-l),
            var(--login-form-background-a)
        );
            --login-form-background-contrast-r: 0;
        --login-form-background-contrast-g: 0;
        --login-form-background-contrast-b: 0;
        --login-form-background-contrast-h: 0;
        --login-form-background-contrast-s: 0%;
        --login-form-background-contrast-l: 0%;
        --login-form-background-contrast-a: 1;
        --login-form-background-contrast:   hsla(
            var(--login-form-background-contrast-h),
            var(--login-form-background-contrast-s),
            var(--login-form-background-contrast-l),
            var(--login-form-background-contrast-a)
        );
            --form-border-color-r: 208;
        --form-border-color-g: 208;
        --form-border-color-b: 206;
        --form-border-color-h: 60;
        --form-border-color-s: 2.08%;
        --form-border-color-l: 81.18%;
        --form-border-color-a: 1;
        --form-border-color:   hsla(
            var(--form-border-color-h),
            var(--form-border-color-s),
            var(--form-border-color-l),
            var(--form-border-color-a)
        );
            --form-border-color-contrast-r: 0;
        --form-border-color-contrast-g: 0;
        --form-border-color-contrast-b: 0;
        --form-border-color-contrast-h: 0;
        --form-border-color-contrast-s: 0%;
        --form-border-color-contrast-l: 0%;
        --form-border-color-contrast-a: 1;
        --form-border-color-contrast:   hsla(
            var(--form-border-color-contrast-h),
            var(--form-border-color-contrast-s),
            var(--form-border-color-contrast-l),
            var(--form-border-color-contrast-a)
        );
            --form-bg-hover-color-r: 255;
        --form-bg-hover-color-g: 201;
        --form-bg-hover-color-b: 201;
        --form-bg-hover-color-h: 0;
        --form-bg-hover-color-s: 100%;
        --form-bg-hover-color-l: 89.41%;
        --form-bg-hover-color-a: 1;
        --form-bg-hover-color:   hsla(
            var(--form-bg-hover-color-h),
            var(--form-bg-hover-color-s),
            var(--form-bg-hover-color-l),
            var(--form-bg-hover-color-a)
        );
            --form-bg-hover-color-contrast-r: 0;
        --form-bg-hover-color-contrast-g: 0;
        --form-bg-hover-color-contrast-b: 0;
        --form-bg-hover-color-contrast-h: 0;
        --form-bg-hover-color-contrast-s: 0%;
        --form-bg-hover-color-contrast-l: 0%;
        --form-bg-hover-color-contrast-a: 1;
        --form-bg-hover-color-contrast:   hsla(
            var(--form-bg-hover-color-contrast-h),
            var(--form-bg-hover-color-contrast-s),
            var(--form-bg-hover-color-contrast-l),
            var(--form-bg-hover-color-contrast-a)
        );
            --body-foreground-r: 154;
        --body-foreground-g: 154;
        --body-foreground-b: 154;
        --body-foreground-h: 0;
        --body-foreground-s: 0%;
        --body-foreground-l: 60.39%;
        --body-foreground-a: 1;
        --body-foreground:   hsla(
            var(--body-foreground-h),
            var(--body-foreground-s),
            var(--body-foreground-l),
            var(--body-foreground-a)
        );
            --body-foreground-h1-r: 36;
        --body-foreground-h1-g: 36;
        --body-foreground-h1-b: 36;
        --body-foreground-h1-h: 0;
        --body-foreground-h1-s: 0%;
        --body-foreground-h1-l: 14.12%;
        --body-foreground-h1-a: 1;
        --body-foreground-h1:   hsla(
            var(--body-foreground-h1-h),
            var(--body-foreground-h1-s),
            var(--body-foreground-h1-l),
            var(--body-foreground-h1-a)
        );
            --navigation-foreground-highlight-r: 80;
        --navigation-foreground-highlight-g: 81;
        --navigation-foreground-highlight-b: 82;
        --navigation-foreground-highlight-h: 210;
        --navigation-foreground-highlight-s: 1.23%;
        --navigation-foreground-highlight-l: 31.76%;
        --navigation-foreground-highlight-a: 1;
        --navigation-foreground-highlight:   hsla(
            var(--navigation-foreground-highlight-h),
            var(--navigation-foreground-highlight-s),
            var(--navigation-foreground-highlight-l),
            var(--navigation-foreground-highlight-a)
        );
    }