.input-group{
    position: relative;
    max-width: 850px;
    font-size: 16px;
    cursor: pointer;
}

.input{
    display: block;
    width: 100%;
    padding: 16px 14px;
    height: 56px !important;
    border: none;
    background-color: white !important;
    font-size: 16px;
}

.placeholder {
    position: absolute !important;
    color: black;
    background: #fff;
    font-size: 16px;
    font-weight: 400 !important;
    top: -12px !important;
    left: 12px;
    padding: 0 5px;
    margin-left: 10px;
    pointer-events: none;
    transition: 0.3s;
}

.password{
    position: absolute;
    padding: 0;
    top: 15px;
    right: 10px;

    width: 24px;
    height: 24px;

    border: none;
    background-color: transparent;

    cursor: pointer;
}

.input-group:has(input:required) .placeholder::after {
    content: " *" !important;
    color: red !important;

    /* Overriding plugin styles*/
    display: inline !important;
    position: static !important;
    top: auto !important;
    opacity: 1 !important;
}

.input:focus + .placeholder,
.input:placeholder-shown + .placeholder {
    color: var(--text-disabled) !important;
}

.input-group:has(input:focus) .placeholder,
.input-group:has(input:not(:placeholder-shown)) .placeholder {
    top: -8px !important;
    font-size: 14px !important;
    color: #212B36 !important;
    background: #fff;
}

.input.standard:focus,
.input.filled:focus{
    outline: none;
}

.input.standard:focus{
    border-bottom: 1px solid black;
}

.input::placeholder {
    color: #737573;
}

.input.outlined{
    border: 1px solid rgba(145, 158, 171, 0.32);
    border-radius: 8px;
}

.input.standard{
    padding: 16px 5px 4px 5px;
    border-bottom: 1px solid rgba(145, 158, 171, 0.32);
    border-radius: 0;
}

.input.standard + .placeholder{
    left: -10px;
}

/* Filled Rewrite Styles */
.input.filled{
    padding: 24px 14px 8px 16px;
    border: none;
    border-radius: 8px;
    background: rgba(145, 158, 171, 0.08);
}
.input.filled + .placeholder{
    background: transparent;
}

.input.filled::placeholder{
    color: rgba(145, 158, 171, 0.08);
}

.input.filled:focus + .placeholder,
.input.filled:not(:placeholder-shown) + .placeholder {
    top: 5px;
    font-size: 14px;
    color: #212B36;
}

/* Selects */
.select-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    min-width: 150px;
    max-width: 850px;
    height: 56px !important;
    cursor: pointer;
    vertical-align: middle;
    transition: 0.3s ease-in-out;
}

.select-container select{
    padding: 16px 14px;
    border: none;
    appearance: none;
    background: white;
    width: 100%;
    height: 100%;
    font-size: 16px;
    cursor: pointer;
}

.select-container .placeholder {
    position: absolute !important;
    z-index: 2;
    color: black;
    background: #fff;
    font-size: 14px !important;
    font-weight: 400 !important;
    top: -8px !important;
    left: 8px;
    padding: 0 5px;
    margin-left: 10px;
    pointer-events: none;
    transition: 0.3s;
}

.select-container:has(select:required) label::after {
        content: " *" !important;
        color: red !important;
}

.select-container > img {
    position: absolute;
    width: 20px !important;
    width: 20px !important;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

.select-container.open > img {
    transform: translateY(-50%) rotate(270deg);
}

.select-box.outlined {
    padding: 8px 32px 8px 14px;
    border: 1px solid rgba(145, 158, 171, 0.32);
    border-radius: 8px;
}

select.error,
input.error {
    border-color: #dc3545 !important;
}

.input-group label.error{
    display: none !important;
}
.datepicker-group label.error{
    display: none !important;
}

.edit-input {
    height: 38px !important;
    border-radius: 6px !important;
}

/* Checkboxes */
.checkbox-group {
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
}

.checkbox-group label {
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    text-align: left;
}

.chk-primary {
    --chk-color: var(--app-primary);
}

.chk-secondary {
    --chk-color: var(--text-disabled);
}

input[type="checkbox"]:not([class*="chk-"]) {
    --chk-color: var(--app-primary) !important;
}

input[type="checkbox"] {
    position: relative;
    appearance: none;
    margin: 12px;
    height: 20px !important;
    width: 20px !important;
    border: 2px solid #637381 !important;
    border-radius: 5px !important;
    flex-shrink: 0;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: var(--chk-color) !important;
    border: 2px solid var(--chk-color) !important;
}

input[type="checkbox"]:disabled {
    background-color: var(--mid-grey) !important;
    border: 2px solid var(--mid-grey) !important;
}

input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 8px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M1 4L4 7L10 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.checkbox-group label {
    text-transform: capitalize;
}

/* TOGGLE */

.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: var(--status-success);
}

.switch:hover input:checked + .slider {
    background-color: var(--status-success-dark);
}

input:not(:checked) + .slider {
    background-color: var(--body-text);
}

.switch:hover input:not(:checked) + .slider {
    background-color: var(--charcoal);
}


input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Input Photo */
.input-file-group{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    padding: 24px;
    max-width: 630px;
    max-height: 100%;

    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: white;

    gap: 24px;
}

.app-file-input-group--multiple{
    flex-direction: column;
    align-items: stretch;
}

.app-file-input-copy {
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    text-align: left;
}

.app-file-input-title{
    margin: 0;
}

.app-file-input-selection{
    color: #2A3647;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.input-file{
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px !important;
    background-color: transparent;
    height: 100px !important;
    width: 100px !important;

    border: 2px dotted var(--text-disabled);
    border-radius: 50%;

    cursor: pointer;
}

.input-file-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    padding: 15px;
    border-radius: 8px;

    color: var(--text-disabled);
    background: rgba(145, 158, 171, 0.08);
    border: 1px dotted rgba(145, 158, 171, 0.48);

    cursor: pointer;
    gap: 3px;
}

.input-file-button > svg {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
}

.app-file-input-group.drag-over .input-file-button,
.input-file-button:active {
    border-color: var(--app-primary);
    color: var(--app-primary);
}

.app-file-input-group.drag-over .input-file-button div,
.input-file-button:active div {
    color: var(--app-primary);
}

.app-file-input-group.drag-over .input-file-button svg path,
.input-file-button:active svg path {
    fill: var(--app-primary);
}

.app-file-input-group .input-file-button {
    flex: 0 1 240px;
    max-width: 240px;
}

.app-file-input-group--multiple .input-file-button {
    flex-basis: auto;
    width: 100%;
}

.input-file > img{
    position: absolute;
    border-radius: 50%;
    height: 90px !important;
    width: 90px !important;
    filter: brightness(60%);
}

.input-file-group div{
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.upload-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #414b4d;
    height: 90px;
    width: 90px;
    z-index: 999;
    gap: 10px;

    img {
        width: 24px;
        height: 24px;
    }
}


/* Grid Layout*/

.form-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 52px;
    grid-row-gap: 24px;
    grid-column-gap: 16px;

    margin-bottom: 24px;
}

.form-field {
    align-content: center;
}

.error-grid-field {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 8px;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    align-items: center;
    gap: 12px;
}

.form-grid-reports {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 52px;
    grid-row-gap: 24px;
    grid-column-gap: 16px;
    margin-bottom: 24px;
}

.list-field {
    max-height: 200px;
    grid-column: 3 / 5;
    grid-row: 1 / span 3;
}

.photo-field {
    grid-column: 3 / 4;
    grid-row: 3 / span 2;
}

.list-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 300px;
    grid-column-gap: 15px;
    margin-bottom: 24px;
}

.list-field-reports {
    height: 208px !important;
}

@media (max-width: 990px) {
    .list-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .form-grid{
        grid-template-columns: repeat(2, 1fr); 
    }

    .photo-field {
        grid-column: 2 / 3;
        grid-row: 4 / span 3;
    }
}

@media (max-width: 550px) {
    .form-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .photo-field {
        grid-column: 1 / 2;
        grid-row: 10 / span 3;
    }
}

@media(max-width: 1250px){
    .form-grid-reports {
        grid-template-columns: repeat(2, 1fr);
    }

    .list-field {
        max-height: 200px;
        grid-column: 1 / 3;
        grid-row: 3 / span 3;
    }
}

@media (max-width: 710px) {
    .form-grid-reports {
        grid-template-columns: repeat(1, 1fr);
    }

    .list-field {
        max-height: 200px;
        grid-column: 1 / 2;
        grid-row: 5 / span 3;
    }
}

/* Form List Wrapper */

.list-wrapper {
    position: relative;
    padding: 10px;
    border-radius: 16px;
    background: #ffffff;
    height: 250px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.list-scrollable {
    overflow-y: auto;
    max-height: 100%;
    padding-right: 8px;
    box-sizing: content-box;
    border: none !important;
}

.list-group-item{
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
    gap: 16px;
}

.list-group-item::before {
    display: none;
}

.list-group{
    border-radius: 12px;
}

.list-group::-webkit-scrollbar {
    width: 8px;
}

.list-group::-webkit-scrollbar-track {
    background: transparent;
}

.list-group::-webkit-scrollbar-thumb {
    background: rgba(99, 115, 129, 0.48);
    border-radius: 12px;
}

.flex-container{
    display: flex;
    flex-direction: row;
}

/* DatePickers */

.datepicker-group {
    position: relative;
    max-width: 650px;
    font-size: 16px;
}

.date-input {
    display: block !important;
    width: 100% !important;
    border: 1px solid rgba(145, 158, 171, 0.32) !important;
    border-radius: 8px !important;
    background-color: white;
    font-size: 16px !important;
    padding: 16px 14px;
    height: 56px !important;
    font-size: 16px;
}

.app-datepicker-container {
    position: relative;
}

.app-datepicker {
    position: absolute;
    z-index: 1100;
    margin-top: 2px;
    background-color: white;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 24px 48px 0 rgba(145, 158, 171, 0.16);
}

.app-datepicker button {
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background: transparent;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.app-datepicker select, .app-datepicker .year-input{
    height: 30px !important;
}

.days, .dates {
    display: grid;
    grid-template-columns: repeat(7, 32px);
    gap: 10px;
}

.days {
    min-height: 40px;
    align-items: center;
}

.dates {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.days span {
    color: #637381 !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.dates button {
    color: #212B36;
    aspect-ratio: 1;
    transition: 0.3s ease-in-out;
}

.dates button:hover:not(:disabled) {
    background-color: var(--app-primary-tint) !important;
}

.dates button.today {
    border: 1px solid slategrey;
}

.dates button.selected {
    background-color: var(--app-primary) !important;
    color: white;
}

.dates button:disabled {
    color: white;
    cursor: default;
}

.dates button.disabled {
    color: slategray;
    cursor: default;
}

.dates button:disabled:hover {
    background-color: transparent;
}

.app-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.app-datepicker-header select, .app-datepicker-header input {
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 4px !important;
}

.app-datepicker-header input {
    max-width: 64px;
}

.app-datepicker-header button {
    color: slategray;
}

.app-datepicker-header button:hover {
    color: mediumpurple;
}

.app-datepicker-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.app-datepicker-footer button {
    padding: 5px;
    border-radius: 3px;
    color: var(--app-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.app-datepicker-footer button:hover {
    background-color: #eee;
}

.datepicker-group .placeholder {
    background: white;
    top: -8px;
    left: 10px;
    padding: 0 5px;
    margin-left: 10px;
    pointer-events: none;
}

.datepicker-group img {
    position: absolute;
    top: 15px;
    right: 10px;
    margin-left: 10px;
    width: 24px !important;
    pointer-events: none;
    cursor: pointer;
}

.datepicker-extra-buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.datepicker-extra-btn {
    padding: 4px 12px;
    font-size: 12px;
    background: #eee;
    border-radius: 3px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.datepicker-extra-btn:hover {
    background: #eee;
}


/* PLugins overrides */

input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=search]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.datepicker.dropdown-menu {
    display: none !important;
}

.material-paragraph {
    display: flex;
    align-content: center;
    align-items: center;
}

.material-exclamation{
    position: relative !important;
    margin: 0 !important;
}

#announcement_Message p:first-child i {
    margin: 0 !important;
    position: relative !important;
}

.section-rules {
    text-align: left !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.signature-container {
    display: flex;
    align-items: center;
    align-content: center;
}

#accordian-menu.stick {
    right: auto !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
}

#accordian-menu.stick::-webkit-scrollbar {
    width: 8px;
}

#accordian-menu.stick::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

    
#accordian-menu.stick::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#accordian-menu.stick::-webkit-scrollbar-track {
    background: transparent;
}

.error-summary,
.success-summary,
.announcement-summary,
.keepInMind-summary > div {
    --summary-border: var(--status-info);
    --summary-bg: var(--status-info-bg);
    --summary-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM7.5 8.5V5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35356 4.64645C8.44732 4.74021 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35356 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5ZM8.75 10.75C8.75 10.8983 8.70602 11.0433 8.6236 11.1667C8.54119 11.29 8.42406 11.3861 8.28701 11.4429C8.14997 11.4997 7.99917 11.5145 7.85368 11.4856C7.7082 11.4566 7.57456 11.3852 7.46967 11.2803C7.36478 11.1754 7.29335 11.0418 7.26441 10.8963C7.23548 10.7508 7.25033 10.6 7.30709 10.463C7.36386 10.3259 7.45999 10.2088 7.58333 10.1264C7.70666 10.044 7.85167 10 8 10C8.19892 10 8.38968 10.079 8.53033 10.2197C8.67098 10.3603 8.75 10.5511 8.75 10.75Z' fill='%232576D4'/%3E%3C/svg%3E");
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--summary-border);
    border-radius: 8px;
    background: var(--summary-bg);
}

.error-summary[style*="display:block"],
.error-summary[style*="display: block"],
.success-summary[style*="display:block"],
.success-summary[style*="display: block"],
.announcement-summary[style*="display:block"],
.announcement-summary[style*="display: block"],
.keepInMind-summary[style*="display:block"] > div,
.keepInMind-summary[style*="display: block"] > div {
    display: flex !important;
}

.error-summary {
    --summary-border: var(--status-error);
    --summary-bg: var(--status-error-bg);
    --summary-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM7.5 8.5V5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35356 4.64645C8.44732 4.74021 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35356 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5ZM8.75 10.75C8.75 10.8983 8.70602 11.0433 8.6236 11.1667C8.54119 11.29 8.42406 11.3861 8.28701 11.4429C8.14997 11.4997 7.99917 11.5145 7.85368 11.4856C7.7082 11.4566 7.57456 11.3852 7.46967 11.2803C7.36478 11.1754 7.29335 11.0418 7.26441 10.8963C7.23548 10.7508 7.25033 10.6 7.30709 10.463C7.36386 10.3259 7.45999 10.2088 7.58333 10.1264C7.70666 10.044 7.85167 10 8 10C8.19892 10 8.38968 10.079 8.53033 10.2197C8.67098 10.3603 8.75 10.5511 8.75 10.75Z' fill='%23CC2323'/%3E%3C/svg%3E");
}

.success-summary {
    --summary-border: var(--status-success);
    --summary-bg: var(--status-success-bg);
    --summary-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.8538 6.14625C10.9002 6.19269 10.9371 6.24783 10.9623 6.30853C10.9874 6.36923 11.0004 6.43429 11.0004 6.5C11.0004 6.56571 10.9874 6.63077 10.9623 6.69147C10.9371 6.75217 10.9002 6.80731 10.8538 6.85375L7.35375 10.3538C7.30732 10.4002 7.25217 10.4371 7.19147 10.4623C7.13077 10.4874 7.06571 10.5004 7 10.5004C6.9343 10.5004 6.86923 10.4874 6.80853 10.4623C6.74783 10.4371 6.69269 10.4002 6.64625 10.3538L5.14625 8.85375C5.05243 8.75993 4.99972 8.63268 4.99972 8.5C4.99972 8.36732 5.05243 8.24007 5.14625 8.14625C5.24007 8.05243 5.36732 7.99972 5.5 7.99972C5.63268 7.99972 5.75993 8.05243 5.85375 8.14625L7 9.29313L10.1463 6.14625C10.1927 6.09976 10.2478 6.06288 10.3085 6.03772C10.3692 6.01256 10.4343 5.99961 10.5 5.99961C10.5657 5.99961 10.6308 6.01256 10.6915 6.03772C10.7522 6.06288 10.8073 6.09976 10.8538 6.14625ZM14.5 8C14.5 9.28558 14.1188 10.5423 13.4046 11.6112C12.6903 12.6801 11.6752 13.5132 10.4874 14.0052C9.29973 14.4972 7.99279 14.6259 6.73192 14.3751C5.47104 14.1243 4.31285 13.5052 3.40381 12.5962C2.49477 11.6872 1.8757 10.529 1.6249 9.26809C1.37409 8.00721 1.50282 6.70028 1.99479 5.51256C2.48676 4.32484 3.31988 3.30968 4.3888 2.59545C5.45772 1.88122 6.71442 1.5 8 1.5C9.72335 1.50182 11.3756 2.18722 12.5942 3.40582C13.8128 4.62441 14.4982 6.27665 14.5 8ZM13.5 8C13.5 6.9122 13.1774 5.84883 12.5731 4.94436C11.9687 4.03989 11.1098 3.33494 10.1048 2.91866C9.09977 2.50238 7.9939 2.39346 6.92701 2.60568C5.86011 2.8179 4.8801 3.34172 4.11092 4.11091C3.34173 4.8801 2.8179 5.86011 2.60568 6.927C2.39347 7.9939 2.50238 9.09977 2.91867 10.1048C3.33495 11.1098 4.0399 11.9687 4.94437 12.5731C5.84884 13.1774 6.91221 13.5 8 13.5C9.45819 13.4983 10.8562 12.9184 11.8873 11.8873C12.9184 10.8562 13.4983 9.45818 13.5 8Z' fill='%230D8238'/%3E%3C/svg%3E");
}

.announcement-summary,
.keepInMind-summary > div {
    --summary-border: var(--status-info);
    --summary-bg: var(--status-info-bg);
    --summary-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM7.5 8.5V5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35356 4.64645C8.44732 4.74021 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35356 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5ZM8.75 10.75C8.75 10.8983 8.70602 11.0433 8.6236 11.1667C8.54119 11.29 8.42406 11.3861 8.28701 11.4429C8.14997 11.4997 7.99917 11.5145 7.85368 11.4856C7.7082 11.4566 7.57456 11.3852 7.46967 11.2803C7.36478 11.1754 7.29335 11.0418 7.26441 10.8963C7.23548 10.7508 7.25033 10.6 7.30709 10.463C7.36386 10.3259 7.45999 10.2088 7.58333 10.1264C7.70666 10.044 7.85167 10 8 10C8.19892 10 8.38968 10.079 8.53033 10.2197C8.67098 10.3603 8.75 10.5511 8.75 10.75Z' fill='%232576D4'/%3E%3C/svg%3E");
}

.error-summary hr,
.success-summary hr,
.announcement-summary hr,
.keepInMind-summary > div hr {
    display: none;
}

.error-summary p,
.success-summary p,
.announcement-summary p,
.keepInMind-summary > div p,
.error-summary ul,
.success-summary ul,
.announcement-summary ul,
.keepInMind-summary > div ul {
    margin: 0;
}

.error-summary ul,
.success-summary ul,
.announcement-summary ul,
.keepInMind-summary > div ul {
    padding-left: 20px !important;
}

.error-summary-header,
.success-summary > p:first-child,
.announcement-summary > p:first-child,
.keepInMind-summary > div .error-summary-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
}

.error-summary-header::before,
.success-summary > p:first-child::before,
.announcement-summary > p:first-child::before,
.keepInMind-summary > div .error-summary-header::before {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background-image: var(--summary-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.error-summary-header i,
.success-summary > p:first-child i,
.announcement-summary > p:first-child i,
.keepInMind-summary > div .error-summary-header i {
    display: none;
}

.card-container {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}