/* Bootstrap 4 → 5 backward compatibility (spacing utilities) */
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.pl-0 { padding-left: 0 !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }

.mainNavigation {
    background-color: #025D8F !important;
}
.mainNavigation #navItemLogo {
    text-transform: uppercase;
}
.mainNavigation .navbar-nav .nav-item .nav-link {
    color: #FFFFFF;
    padding-left: 1rem;
    padding-right: 1rem;
}
.mainNavigation .navbar-nav .nav-item .nav-link svg {
    margin-right: 5px;
}

.mainNavigation.mainNavigationLinks {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
@media (min-width: 768px) {
    .mainNavigation.mainNavigationLinks {
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0;
    }
}
.mainNavigation.mainNavigationLinks .navbar-nav .nav-item.active .nav-link {
    color: #333333;
}
.mainNavigation.mainNavigationLinks .navbar-nav .nav-item.active {
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 5px #000000;
}

#navLinksSecondary .btn-light:not(:disabled):not(.disabled).active,
#navLinksSecondary .btn-light:not(:disabled):not(.disabled):active {
    color: white;
    background-color: #996600;
    border-color: #996600;
}

.containerNavigation{
    background-color: whitesmoke;
}

@media (max-width: 768px) {
    .mainNavigation.mainNavigationLinks .navbar-nav .nav-item.active {
        border-radius: 0;
    }
}
.mainNavigation.mainNavigationLinks #navLinks {
    margin-top: 10px;
}

#conEvents .cardEvent {
    margin-top: 10px;
}

.event-logo {
    float: right;
    max-width: 33%;
    height: auto;
    margin: 0 0 1rem 1rem;
}

.card.cardEvent.feedback-unread {
    border-left: 6px solid #996600;
    box-shadow: 0 0 0 1px rgba(153, 102, 0, 0.15) inset;
}
.card.comment-unread {
    border-left: 6px solid #996600;
    box-shadow: 0 0 0 1px rgba(153, 102, 0, 0.15) inset;
}

#navLinksSecondary {
    margin-bottom: 20px;
}

#navLinksSecondary .btn{
    border-radius: 1.5em;
}

.dropdown-toggle::after{
    float: right;
    margin-top: 0.7rem;
    margin-right: 0.2rem;
}

.inactive {
    color: lightgray;
    font-style: italic;
}

.buttons {
    margin-top: 10px;
}

legend {
    background-color: #025D8F;
    color: white;
    padding-left: 1rem;
    border-radius: 5px;
    float: unset;
}

fieldset, .formFieldset {
    background-color: whitesmoke;
    padding: 1rem;
    margin-bottom: 2rem;
}

.sms-sender-form {
    background-color: white;
}

#tr2 th {
    background-color: #FFFFFF;
    border-top: none;
}

.requirement{
    margin-bottom: 0;
    margin-left: 10rem;
    padding-left: 3rem;
}

.requirement:nth-of-type(1) {
    padding-top: 0.75rem;
}

.requirement:last-child {
    padding-bottom: 0.75rem;
}

.column-width {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

@media (max-width:992px) {
  .column-width {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

.xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background-color: #996600 !important;
    box-shadow: #996600 0 1px 3px 0 inset !important;
}

.form-control {
    display: inline;
}

.col .form-control {
    display: block;
    width: 100%;
}

.bootstrap-select,
.bootstrap-select>.dropdown-toggle,
.form-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-menu li a {
    color: black !important;
}

.bootstrap-select .dropdown-menu li a span.text {
    color: black !important;
}

/* Target also the title/button text */
.bootstrap-select button.dropdown-toggle {
    color: black !important;
}

/* Target placeholder specifically if Kaikki is treated as placeholder */
.bootstrap-select.bs-placeholder button.dropdown-toggle,
.bootstrap-select button.dropdown-toggle.bs-placeholder {
    color: black !important;
}

.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li.active a {
    color: black !important;
}

@media (min-width: 768px) {
    .w-md-auto { width: auto !important; }
    .w-md-50 { width: 50% !important; }
}
@media (min-width: 992px) {
    .w-lg-50 { width: 50% !important; }
}

.ml-12 {
    margin-left:12rem;
}

.card .table .thead-light th {
    background-color: #d3d9df;
}

.hidden{
    visibility: hidden;
}

.hidden_fieldset{
    visibility: hidden;
    padding: 0;
    margin-bottom: 0;
    height: 0;
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* Tooltip */
.tooltip-inner {
    background-color: #996600;
    color: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 3rem;
    font-size: 18px;
    min-width: 500px;
    text-align: left;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #996600 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #996600 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #996600 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #996600 !important;
}

.checkbox-helptext {
    display: block;
    font-size: small;
    margin-left: 1rem;
}

.requirement .checkbox-helptext,
.requirement .helptext {
    margin-bottom: 0.5rem;
}

.helptext {
    display: block;
    font-size: small;
}

.display-initial{
    display: initial;
}

.error {
    color: #721c24;
}
.error label::before {
    white-space: pre-line;
}
.error input, .errorlist ~ input{
    color: #721c24;
    border-color: #f5c6cb;
    background-color: #f8d7da;
}

.errorlist + label{
    color: #721c24;
}

.errorlist li{
    font-weight: bolder;
    list-style-type: none;
    color: #721c24;
}

.error-txt{
    font-size: medium;
    font-weight: 500;
    color: #721c24;
}

.success-input input {
  background-color: #e6f6fe;
  border-color: #036396;
  padding: 10px 15px;
}

.success-txt {
    font-size: medium;
    font-weight: 500;
    color: #025D8F;
}

[id^="ck-editor__label_"] {
    display: none !important;
}

p.required:has(#id_info, #id_comment) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#tr2 th .dt-column-order {
    display: none !important;
}

#tr2 th {
    cursor: default;
}

table.dataTable thead th.dt-type-numeric > div.dt-column-header {
    flex-direction: row !important;
}

div.dt-button-collection,
div.dt-button-collection .dropdown-menu {
    background-color: var(--bs-dropdown-bg, var(--bs-body-bg)) !important;
}