﻿/*Fix thead button content first row issue in repeaters*/

[data-repeater-item]:first-child [data-repeater-delete] {
    display: none;
}

@font-face {
    font-family: 'GreycliffCF';
    src: url('../plugins/global/fonts/GreycliffCF-Regular.ttf');
}

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
}

.bg-blue-gradient {
    background: linear-gradient(to right, #ffffff 5%, #ddf8fb 95%);
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}
.bg-blue-gradient::after {
    content: "";
    position: absolute;
    top: 4rem;
    right: 1rem;
    width: 400px;
    height: 120px;
    background: url('/assets/media/logos/h_logo_white.png') no-repeat center/contain;
    transform: translateY(-50%);
    opacity: 1; /* soft watermark effect */
    pointer-events: none;
}

.bg-grey-gradient {
    background: linear-gradient(to right, #ffffff 10%, #e5e6ee 90%);
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}
.bg-grey-gradient::after {
    content: "";
    position: absolute;
    top: 4rem;
    right: 1rem;
    width: 400px;
    height: 120px;
    background: url('/assets/media/logos/h_logo_white.png') no-repeat center/contain;
    transform: translateY(-50%);
    opacity: 1; /* soft watermark effect */
    pointer-events: none;
}

.select2-other-option {
    padding: 4px 6px;
}

.select2-other-label {
    font-weight: 500;
    margin-bottom: 6px;
}

.select2-other-input-wrapper {
    width: 100%;
}

.select2-other-input {
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #FFF;
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #E4E6EF;
}

.select2-other-input:focus {
    outline: none;
    border-color: #3E97FF;
}

.select2-results__option {
    display: flex;
    align-items: flex-start;
}

.select2-results__option .select2-results__option--selected {
    margin-right: 8px;
}

.select2-other-header {
    display: flex;
    align-items: center;
}
.override-statusActive,
.override-statusInactive {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500; /* slightly stronger looks better */

    height: 24px; /* FIXED HEIGHT */
    padding: 0 12px; /* remove vertical padding */

    border-radius: 999px;
    white-space: nowrap;
}
.override-statusActive {
    color: var(--Success-600, #12B76A);
    background-color: #ECFDF3;
}
.override-statusActiveText {
    color: var(--Success-600, #12B76A);
}
.override-statusInactive {
    color: var(--Neutral-700, #656578);
    background-color: #EDEDF3;
}
