.ui-widget{
    font-family: Arial;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{
    font-family: Arial;
    font-size: 1.2rem;
}

.ui-widget-content {
    border: 1px solid var(--atlantis-anthracite);
    background: white;
    color: grey;
}

#accordion .ui-widget-content {
    border: var(--atlantis-std-border);
    border-top: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 1rem;
    -webkit-border-top-right-radius: 1rem;
    -khtml-border-top-right-radius: 1rem;
    border-top-right-radius: 1rem;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 1rem;
    -webkit-border-top-left-radius: 1rem;
    -khtml-border-top-left-radius: 1rem;
    border-top-left-radius: 1rem;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 1rem;
    -webkit-border-bottom-right-radius: 1rem;
    -khtml-border-bottom-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 1rem;
    -webkit-border-bottom-left-radius: 1rem;
    -khtml-border-bottom-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.ui-widget-header {
    border: 0px;
    background: #fff;
}

.ui_like_button {
    color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui_button_active,
.ui-widget-header .ui-state-default, .ui_like_button {
    border: 2px solid var(--atlantis-blue);
    background: var(--atlantis-blue);
}

button.ui-state-default:focus,
.ui-widget-content button.ui-state-default:focus,
button.ui_button_active:focus,
.ui-widget-header button.ui-state-default:focus {
    outline: none; /* Standard-Fokusindikator weg */
    border: 2px solid #32a8dc;
    background: #32a8dc;
}

.ui-state-default:disabled,
.ui-state-hover.ui_button_inactive.ui-state-default:disabled {
    background: #959595;
    cursor: not-allowed;
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.ui-tabs .ui-tabs-nav li {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.ui-state-hover a,
body:not(.isMobile) .ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #fff;
    text-decoration: none;
}

.ui-widget-header:not(.ui-datepicker-header):not(.ui-tabs-nav) {
    color: white;
    background-color: var(--atlantis-anthracite);
    border-radius: 0;
}

.ui-datepicker-header.ui-widget-header {
    background-color: white;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
body:not(.isMobile) .ui_button_active:hover:not(:disabled),
.ui_like_button:hover:not(:disabled) {
    border: 2px solid var(--atlantis-blue-selected);
    background: var(--atlantis-blue-selected);
}

.ui-datepicker-calendar a.ui-state-hover,
.ui-state-hover.ui_button_inactive,
.ui-state-hover[role='tab']
.ui-state-hover.ui-dialog-titlebar-close {
    border: 2px solid transparent;
    background: unset;
}

button:focus {
    outline: none; /* Standard-Fokusindikator weg */
    border: 2px solid var(--atlantis-blue-hover);
    background: var(--atlantis-blue-hover);
}

.ui-widget-header .ui-icon {
    background-image: url(../js/Libs_2024-09-29/jQuery/Ext/images/ui-icons_ffffff_256x240.png);
}

.ui-dialog-titlebar .ui-state-hover:has(.ui-icon-closethick),
.ui-widget-header .ui-state-hover:has(.ui-icon-closethick) {
    border: 1px solid white;
    border-radius: 50%;
    background-color: transparent;
}
.ui-dialog-titlebar .ui-state-hover .ui-icon-closethick,
.ui-widget-header .ui-state-hover .ui-icon-closethick {
    background-image: url(../js/Libs_2024-09-29/jQuery/Ext/images/ui-icons_ffffff_256x240.png);
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #FFFFFF;
}

.ui-dialog {
    padding: 0px;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0px;
}

li.ui-state-default, li.ui-widget-content li.ui-state-default, li.ui-widget-header li.ui-state-default {
    background: #FFFFFF !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
ul.ui-tabs-nav .ui-state-active a, ul.ui-tabs-nav .ui-state-active a:link,
body:not(.isMobile) ul.ui-tabs-nav .ui-state-hover a:hover {
    color: grey;
}

.ui-tabs li[role='tab'].ui-state-active a,
.ui-widget-content li.ui-state-active a,
.ui-widget-header li.ui-state-active a {
    border-bottom: 3px solid var(--atlantis-blue);
}

.ui-tabs li[role='tab'].ui-state-active a {
    border-bottom: 0;
    color: var(--atlantis-blue-selected);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #FFFFFF;
}

.ui-tabs {
    border: 0px;
}

.ui-tabs li[role='tab'] a, .pupilTabItem a {
    border-bottom: 3px solid white;
}

body:not(.isMobile) .ui-tabs li[role='tab']:hover a,
body:not(.isMobile) .pupilTabItem:hover a{
    border-bottom: 3px solid grey;
}

.ui-tabs li[role='tab'].active a, .pupilTabItem.active a {
    border-bottom: 3px solid var(--atlantis-blue);
}

.ui-tabs .ui-tabs-panel {
    padding: 1rem;
}

.ui-widget-content a {
    color: inherit;
    text-decoration: underline;
}

/* Calender */
.ui-datepicker {
    width: auto;
    padding: 0px;
    border: var(--atlantis-std-border);
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content
.ui-datepicker .ui-state-default,
.ui-datepicker .ui_button_active,
.ui-datepicker .ui-widget-header .ui-state-default {
    background: transparent;
    color: black;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    font-size: 1.4rem;
}

.ui-datepicker .ui-datepicker-calendar {
    border-top: var(--atlantis-std-border);
}

.ui-datepicker .ui-datepicker-calendar thead {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-child(6) a,
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-child(7) a{
    color: var(--atlantis-darkgrey);
}

.ui-datepicker a.ui-state-active.ui-state-default {
    border: 2px solid var(--atlantis-blue);
}

.ui-datepicker a.ui-state-default {
    border: 2px solid transparent;
    border-radius: 50%;
}

.ui-datepicker .ui-datepicker-calendar a {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.4rem;
}

.ui-datepicker .ui-datepicker .ui-datepicker-header {
    padding: 0px;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 1.7rem;
    color: grey;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1.5rem;
    border: 0px;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    top: 0.8rem;
    font-family: Arial, sans-serif;
    color: var(--atlantis-darkgrey);
    font-size: 2rem;
    text-align: center;
    line-height: 1.2rem;
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    display: none; /* hide default jQuery UI icon sprite */
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "‹";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-datepicker .ui-datepicker-next:before {
    content: "›";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#left .ui-datepicker select {
    width: unset;
}

.ui-accordion .ui-accordion-header {
    margin-top: 0.75rem;
    font-weight: bold;
}