/* Minification failed. Returning unminified contents.
(948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.dlw-loading-input-container {
    position: relative;
}

.dlw-loading-icon-container {
    z-index: 4; /* Because .input-group > .form-control:focus { z-index: 3; } */
    position: absolute;
    right: 10px;
    top: calc(50% - 13px);
}
/* Chrome, Safari, Edge, Opera */
.dlw-birthdate-picker input::-webkit-outer-spin-button,
.dlw-birthdate-picker input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.dlw-birthdate-picker input[type=number] {
    -moz-appearance: textfield;
}


.dlw-birthdate-picker .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgray;
    opacity: 1; /* Firefox */
}

.dlw-birthdate-picker .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgray;
}

.dlw-birthdate-picker .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgray;
}

.is-invalid .dlw-birthdate-picker .form-control {
    border: 1px solid #dc3545;
    border-radius: 0.25rem;
}
/*
    IN-PROGRESS CSS
    This is based on http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
*/

@-webkit-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-moz-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-o-keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes ld {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

.in-progress {
    opacity: .7;
    pointer-events: none;
    position: relative;
    text-shadow: none !important;
    z-index: 100000;
}

    .in-progress:hover,
    .in-progress:active,
    .in-progress:focus {
        cursor: default;
        color: transparent;
        outline: none !important;
        box-shadow: none;
    }

    .in-progress:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: transparent;
        border: 1px solid #fff;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-radius: 50%;
        box-sizing: border-box;
        top: 50%;
        left: 50%;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px;
        -webkit-animation: ld 1s ease-in-out infinite;
        -moz-animation: ld 1s ease-in-out infinite;
        -o-animation: ld 1s ease-in-out infinite;
        animation: ld 1s ease-in-out infinite;
        z-index: 1;
    }

    .in-progress.btn {
        color: transparent !important;
    }

    .in-progress.btn-secondary:before {
        border-left-color: #333333;
        border-right-color: #333333;
    }

    .in-progress.btn-lg:before {
        margin-top: -16px;
        margin-left: -16px;
        width: 32px;
        height: 32px;
    }

    .in-progress.btn-sm:before {
        margin-top: -9px;
        margin-left: -9px;
        width: 18px;
        height: 18px;
    }

    /* SVG elements could not be hidden, and display:none fails the CSS */
    /* http://stackoverflow.com/questions/24578837/remove-or-hide-svg-element */
    .in-progress svg {
        opacity: 0.7;
    }

    .in-progress.in-progress-hideContent svg, .in-progress .in-progress-hideContent svg {
        opacity: 0;
    }

    /* Fully hide container content */
    /* /!\ in-progress-hideContent is obsolete! Prefer usage of in-progress-hide-content */

    .in-progress.in-progress-hideContent, .in-progress .in-progress-hideContent, .in-progress.in-progress-hide-content, .in-progress .in-progress-hide-content {
        visibility: hidden;
    }

        .in-progress.in-progress-hideContent:before, .in-progress .in-progress-hideContent:before, .in-progress.in-progress-hide-content:before, .in-progress .in-progress-hide-content:before {
            visibility: visible;
        }

    /* A dark spinner version */
    .in-progress.in-progress-dark:before, .in-progress .in-progress-dark:before {
        border-color: black;
        border-top-color: transparent;
        border-bottom-color: transparent;
    }


/* Add div implementation */
div.in-progress {
    border-radius: 4px;
    min-width: 96px;
    min-height: 96px;
    z-index: 1096;
}

    div.in-progress:before {
        border-width: 2px;
        margin-top: -24px;
        margin-left: -24px;
        width: 48px;
        height: 48px;
    }

.invalid-feedback {
    display: block;
    min-height: 18px;
    visibility: hidden;
    text-transform: none;
    margin-bottom: 0.25rem;
    font-size: 13px;
    font-weight: bold;
}

.dlw-draw-validation-border {
}

    .dlw-draw-validation-border.is-invalid {
        border: 1px solid #dc3545;
        border-radius: 0.25rem;
    }

        .dlw-draw-validation-border.is-invalid > .form-control,
        .dlw-draw-validation-border.is-invalid > .btn,
        .dlw-draw-validation-border.is-invalid .input-group .form-control,
        .dlw-draw-validation-border.is-invalid .input-group,
        .dlw-draw-validation-border.is-invalid .input-group .btn {
            border-top: 0;
            border-bottom: 0;
        }

            .dlw-draw-validation-border.is-invalid > .form-control:first-child,
            .dlw-draw-validation-border.is-invalid > .btn:first-child,
            .dlw-draw-validation-border.is-invalid .input-group .form-control:first-child,
            .dlw-draw-validation-border.is-invalid .input-group:first-child,
            .dlw-draw-validation-border.is-invalid .input-group .btn:first-child {
                border-left: 0;
            }

            .dlw-draw-validation-border.is-invalid > .form-control:last-child,
            .dlw-draw-validation-border.is-invalid > .btn:last-child,
            .dlw-draw-validation-border.is-invalid .input-group .form-control:last-child,
            .dlw-draw-validation-border.is-invalid .input-group:last-child,
            .dlw-draw-validation-border.is-invalid .input-group .btn:last-child {
                border-right: 0;
            }

.invalid-userprofile-policy {
    cursor: not-allowed !important;
}

.dlw-cursor-pointer {
    cursor: pointer;
}

/* Bootstrap xl modal polyfill */
@media (min-width: 992px) {
    .modal-xxl, .modal-xl {
        max-width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .modal-xxl, .modal-xl {
        max-width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .modal-xxl {
        max-width: 90% !important;
    }
}

/* Simple skeleton loader css */
.skeleton-box {
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #DDDBDD;
}

    .skeleton-box::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background: linear-gradient(90deg, rgba(221,219,221,1) 0%, rgba(255,255,255,1) 54%, rgba(221,219,221,1) 100%);
        animation: shimmer 2s infinite;
        content: '';
    }

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.table .skeleton-box {
    border-radius: 20px;
    height: 22px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.table.table-sm .skeleton-box {
    margin-top: 4px;
    margin-bottom: 4px;
}

/* CoreSelectList */

.dlw-select-list .dropdown-menu {
    width: max-content;
}

.dlw-select-list .dropdown-menu-items {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 25rem;
}

.dlw-select-list .dropdown-item {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

    .dlw-select-list .dropdown-item:focus {
        background-color: #0069d9;
        color: white;
    }

.dlw-select-list .dlw-select-list-search {
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.dlw-select-list input.dlw-select-list-search:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.dlw-select-list .dlw-select-list-search-icon {
    background-color: white;
    border: none;
    border-bottom: 1px solid #ced4da;
}

.card.dlw-card-shadow {
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.4);
    box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.4);
}

.card.dlw-card-hovered-shadow:hover {
    -webkit-box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.4);
    box-shadow: 4px 4px 8px -4px rgba(0,0,0,0.4);
}

.form-control.dlw-hide-bootstrap-validation-image {
    padding-right: 0 !important;
    background-image: none;
}


/* Strike text */

.dlw-strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .dlw-strike > span {
        position: relative;
        display: inline-block;
        border: 1px solid #ced4da;
        padding: 5px;
        font-size: 12px;
        border-radius: 50%;
    }

        .dlw-strike > span:before,
        .dlw-strike > span:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background-color: #ced4da;
        }

        .dlw-strike > span:before {
            right: 100%;
        }

        .dlw-strike > span:after {
            left: 100%;
        }

/* IntegerPicker */
.dlw-integer-picker-button:active, .dlw-integer-picker-button:focus {
    box-shadow: none !important;
}

.dlw-integer-picker-value-button {
    background-color: white !important;
    border-radius: 0 !important;
}

.dlw-integer-picker-btn-group {
    width: 100%;
}

.dlw-gap-3 {
    gap: 1rem;
}

.dlw-dropdown-menu-left-down {
    right: -3px !important;
    top: 100%;
}

.dlw-dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

@media (min-width: 576px) {
    .dlw-dropdown-menu-sm-right {
        right: 0;
        left: auto !important;
    }
}

@media (min-width: 768px) {
    .dlw-dropdown-menu-md-right {
        right: 0;
        left: auto !important;
    }
}

@media (min-width: 992px) {
    .dlw-dropdown-menu-lg-right {
        right: 0;
        left: auto !important;
    }
}

@media (min-width: 1200px) {
    .dlw-dropdown-menu-xl-right {
        right: 0;
        left: auto !important;
    }
}

.dlw-dropdown-menu-w-100 {
    max-width: 100%;
}

    .dlw-dropdown-menu-w-100 a {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.no-word-break {
    word-break: normal;
}

/* JSON Editor */
.json-editor-blackbord.form-control {
    line-height: unset;
    font-size: 14px;
    height: auto;
    min-height: 115px;
}

    .json-editor-blackbord.form-control .json-string.json-property {
        color: #3175c6;
    }

    .json-editor-blackbord.form-control .json-literal-number {
        color: #000;
    }

    .json-editor-blackbord.form-control .json-literal-boolean {
        color: #0000ff;
    }

    .json-editor-blackbord.form-control .json-string {
        color: #a31515;
    }


@keyframes fade-in-transition {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* animate when added to the DOM */
.dlw-fade-in {
    animation: fade-in-transition .3s ease-in-out;
}

/*
    Imadis Groupe Loader
    This is based on in-progress and http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
*/

.imadis-load {
    opacity: .7;
    pointer-events: none;
    position: relative;
    text-shadow: none !important;
    z-index: 100000;
}

    .imadis-load:hover,
    .imadis-load:active,
    .imadis-load:focus {
        cursor: default;
        color: transparent;
        outline: none !important;
        box-shadow: none;
    }

    .imadis-load:before {
        content: '';
        background: url("../img/loader.png") no-repeat center/cover;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 24px;
        position: absolute;
        margin-top: -12px;
        margin-left: -12px;
        display: inline-block;
        box-sizing: border-box;
        z-index: 1;
        -webkit-animation: ld 1s ease-in-out infinite;
        -moz-animation: ld 1s ease-in-out infinite;
        -o-animation: ld 1s ease-in-out infinite;
        animation: ld 1s ease-in-out infinite;
    }

    .imadis-load.btn {
        color: transparent !important;
    }

    .imadis-load.btn-lg:before {
        margin-top: -16px;
        margin-left: -16px;
        width: 32px;
        height: 32px;
    }

    .imadis-load.btn-sm:before {
        margin-top: -9px;
        margin-left: -9px;
        width: 18px;
        height: 18px;
    }

    /* SVG elements could not be hidden, and display:none fails the CSS */
    /* http://stackoverflow.com/questions/24578837/remove-or-hide-svg-element */
    .imadis-load svg {
        opacity: 0.7;
    }

    .imadis-load.imadis-load-hide-content svg, .imadis-load .imadis-load-hide-content svg {
        opacity: 0;
    }

    /* Fully hide container content */
    /* /!\ imadis-load-hide-content is obsolete! Prefer usage of imadis-load-hide-content */

    .imadis-load.imadis-load-hide-content, .imadis-load .imadis-load-hide-content, .imadis-load.imadis-load-hide-content, .imadis-load .imadis-load-hide-content {
        visibility: hidden;
    }

        .imadis-load.imadis-load-hide-content:before, .imadis-load .imadis-load-hide-content:before, .imadis-load.imadis-load-hide-content:before, .imadis-load .imadis-load-hide-content:before {
            visibility: visible;
        }

    /* A dark spinner version */
    .imadis-load.imadis-load-dark:before, .imadis-load .imadis-load-dark:before {
        background: url("../img/loader-dark.png") no-repeat center/cover;
    }


/* Add div implementation */
div.imadis-load {
    border-radius: 4px;
    min-width: 96px;
    min-height: 96px;
    z-index: 1096;
}

    div.imadis-load:before {
        margin-top: -24px;
        margin-left: -24px;
        width: 48px;
        height: 48px;
    }

/* Swal XXL */
@media (min-width: 992px) {
    .dlw-swal-xxl {
        width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .dlw-swal-xxl {
        width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .dlw-swal-xxl {
        width: 90% !important;
    }
}

.audit-trail-v2-core-viewer-table-body .badge {
    white-space: break-spaces;
}

.bg-imadis-dark-blue {
    background-color: rgb(24,54,101);
}

.color-imadis-blue {
    color: #0047D0;
}
.dlw-date-time-picker .dlw-date-time-picker-calendar {
    min-width: 200px;
    max-width: 310px;
    padding: 0;
    z-index: 3;
}

.dlw-date-time-picker-calendar {
    position: absolute;
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

.dlw-date-time-picker .dlw-date-time-picker-calendar-header {
    border-bottom: 1px solid lightgray;
}

.dlw-date-time-picker .dlw-date-time-picker-calendar-day,
.dlw-date-time-picker .dlw-date-time-picker-calendar-day-header {
    width: 1.6em;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
}

.dlw-date-time-picker .dlw-date-time-picker-calendar-month,
.dlw-date-time-picker .dlw-date-time-picker-calendar-year,
.dlw-date-time-picker .dlw-date-time-picker-calendar-decade,
.dlw-date-time-picker .dlw-date-time-picker-calendar-century {
    width: 4em;
}

.dlw-date-time-picker .btn.disabled {
    pointer-events: none;
}

/* Mobile mode */
.dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode {
    max-width: 100%;
}

    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-header .dlw-date-time-picker-calendar-header-value {
        flex-grow: 1;
    }

    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-header .btn {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-footer .btn {
        flex-grow: 1;
    }

    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-time,
    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-day,
    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-month,
    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-year,
    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-decade,
    .dlw-date-time-picker .dlw-date-time-picker-calendar.dlw-mobile-mode .dlw-date-time-picker-calendar-century {
        padding: 5px;
    }

.dms thead {
    border-bottom: solid #797979 1px;
    font-weight: bold;
}

.dms td {
    padding: 5px;
}

.dms .dms-trigger span[role="button"] {
    cursor: default;
    pointer-events: none;
}

.dms .dms-actions {
    display: none;
    position: absolute;
    margin: 0px 2px 2px 0px;
    padding: 1px;
    z-index: 1000;
    background-color: rgba(172, 172, 172, 0.8);
    border-radius: 2px;
}

.dms-button {
    margin: 1px;
}

.dms:hover .dms-actions {
    display: inline-flex;
}

.dms-actions {
    margin-left: 3px !important;
    margin-top: -3px !important;
}

.dms.dms-documents-details table {
    width: 100%;
}

.dms-button {
    display: inline;
}

.rm-lbr-radius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rm-rbr-radius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dms-core-display-image {
    max-width: 100%;
}
.core-dual-list-container {
    overflow: auto;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.core-dual-list .popover { max-width: 100%; }

.core-dual-list-list-group-item {
    user-select: none;
    /* Valeurs spécifiques à IE */
    -ms-user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1rem !important;
}

.core-dual-list-list-group-item-action { cursor: pointer; }

.core-dual-list-list-group-item span.core-dual-list-item {
    line-height: 44px; /* Should be 1px less then core-dual-list-list-group-item min-height */
    vertical-align: middle;
}

.core-dual-list-btn-group { width: 100%; }

.core-dual-list-move-btn { width: 100%; }

.core-dual-list-move-btn.btn-outline-primary:disabled {
    color: #aaaaaa;
    border-color: #aaaaaa;
}

.core-dual-list-label {
    width: 100%;
    font-weight: 500;
    text-align: center;
}

.core-dual-list-message {
    width: 100%;
    font-weight: 200;
    text-align: center;
}

.core-dual-list-error-message { color: #e84118; }

.core-dual-list-success-message { color: #44bd32; }

.core-dual-list-list-group-item { padding-right: 2rem !important; }

.core-dual-list-item-success::before {
    content: "✓";
    font-weight: bold;
    color: #2ecc71;
    vertical-align: middle;
}

.core-dual-list-item-warning::before {
    content: "✓";
    font-weight: bold;
    color: #f39c12;
    vertical-align: middle;
}

.core-dual-list-item-danger::before {
    content: "✘";
    font-weight: bold;
    color: #e74c3c;
    vertical-align: middle;
}

.core-dual-list-item-icons {
    position: absolute;
    right: 0.5rem;
    top: 10px;
}

.core-dual-list-diabled { text-decoration: line-through !important; }
/* Allows 100% width phone input plugin */
.intl-tel-container .iti {
    width: 100%;
}

.intl-tel-input {
    display: block;
    width: 100% !important;
}

.intl-input-element::placeholder {
    font-style: italic;
    color: dimgray;
    opacity: 0.5;
}

.intl-input-element::-webkit-input-placeholder {
    font-style: italic;
    color: dimgray;
    opacity: 0.5;
}

.intl-input-element:-ms-input-placeholder {
    font-style: italic;
    color: dimgray;
    opacity: 0.5;
}

.is-invalid .intl-input-element {
    border: 1px solid red;
}
div.checkbox.dl-switcher label, div.radio.dl-switcher label {
    padding: 0;
}

div.checkbox.dl-switcher label *, div.radio.dl-switcher label * {
    vertical-align: middle;
}

div.checkbox.dl-switcher label input, div.radio.dl-switcher label input {
    display: none;
}

div.checkbox.dl-switcher label input + span, div.radio.dl-switcher label input + span {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 28px;
    background: #f2f2f2;
    border: 1px solid #eee;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

div.checkbox.dl-switcher.dl-switcher-always-blue label input + span, div.radio.dl-switcher.dl-switcher-always-blue label input + span {
    background: #269bff;
    border-color: #269bff;
}

div.checkbox.dl-switcher label input + span small, div.radio.dl-switcher label input + span small {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    left: 0;
}

div.checkbox.dl-switcher label input:checked + span, div.radio.dl-switcher label input:checked + span {
    background: #269bff;
    border-color: #269bff;
}

div.checkbox.dl-switcher label input:checked.disabled + span, div.radio.dl-switcher label input:checked.disabled + span {
    background: #6e869a;
    border-color: #6e869a;
    transition: none;
}

div.checkbox.dl-switcher label input:checked + span small, div.radio.dl-switcher label input:checked + span small {
    left: 50%;
}

.dlw-tagify-input {
    background-color: white;
    width: 100%;
    padding-right: 5px;
    --tag-bg: #144f91;
    --tag-border-radius: 0.25rem;
    --tag-text-color: #fff;
    --tag-pad: 0.25em 0.4em;
    --tag-hover: #165ba8;
    --tag-remove-bg: #a8163d;
    --tag--max-width: 400px;
    --readonly-striped: 0;
    --tags-disabled-bg: #D1D1D1;
    --placeholder-color: var(--tags-disabled-bg);
}

.dlw-tagify-input .tagify__tag__removeBtn:hover + div > span {
    opacity: 1;
}

.tags-look {
    min-width: fit-content;
}

.dlw-tagify-input .tagify__tag-text {
    white-space: nowrap;
}

.dlw-tagify-input .tagify__tag>div>[contenteditable] {
    text-overflow: initial;
}
.dl-tile-group {
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    justify-content: center !important;
}

.dl-tile-group > * {
    height: 6em !important;
    width: 9em !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.dl-tile-group > * > i {
    margin-top: 0.5rem !important;
}

.dl-tile-group > * > span {
    margin-bottom: 0.5rem !important;
    margin-top: auto !important;
}

.dl-tile-group .dl-tile-group-no-button {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid !important;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-image: none;
    background-color: transparent;
}

.dl-tile-group .dl-tile-bg-gray {
    border-color: #cecece !important;
}

dlw-translation-component-items {
    margin: auto;
    width: 90%;
}

.i18n-admin input { width: 100%; }

.i18n-admin ul.lang { display: inline-flex; }

.i18n-admin .lang ul.values { list-style: none; }

.i18n-admin .todo { display: contents; }

.i18n-admin .btn {
    border-radius: 0.25rem;
    margin-left: 0.25rem;
}

.i18n-admin .save-ok {
    box-shadow: 0 0 1px rgb(92, 184, 92);
    border: 1px solid rgb(92, 184, 92);
    background: rgba(92, 184, 92, 0.10);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.i18n-admin .save-nok {
    box-shadow: 0 0 1px rgb(169, 68, 66);
    border: 1px solid rgb(169, 68, 66);
    background: rgba(169, 68, 66, 0.10);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}