/* MARK: FILTERS */
.filters-search {
    display: flex;
    line-height: 44px;
    height: 44px;
}

.filters-search #advancedfilter {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    line-height: 24px;
    color: var(--btnprimaryback);
}

.filters-search #advancedfilter:hover {
    text-decoration: underline;
    color: var(--btnprimarybackhover);
}

.filters-tags {
    display: flex;
    margin-top: 8px;
    min-height: 24px;

}

.filter-tag span {
    display: inline-flex;
    align-items: center;
    background-color: #F9FAFB;
    /*padding: var(--spacing-smaller) var(--spacing-small);*/
    padding: 2px 0 2px 9px;
    margin-right: 8px;
    border: 1px solid #D6DAE1;
    border-radius: var(--border-radius);
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 20px;
    color: #344054;
}

.filter-tag .removeFilter {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1123_5321" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12"><rect width="12" height="12" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1123_5321)"><path d="M3.2 9.5L2.5 8.8L5.3 6L2.5 3.2L3.2 2.5L6 5.3L8.8 2.5L9.5 3.2L6.7 6L9.5 8.8L8.8 9.5L6 6.7L3.2 9.5Z" fill="%2398A2B3"/></g></svg>');
    width: 16px;
    height: 16px;
    margin-left: 3px;
    margin-right: 4px;
}

.filters-date-display {
    display: flex;
}

/* MARK: DYNAMIC FORM */

.DynamicForm {
    padding-right: 8px;
}

.DynamicForm .groupHeader {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    text-align: left;
    padding: 15px 0 5px 0;
}

.DynamicForm .DynamicFormItemGroup .DynamicFormItemGroup {
    padding: 0px;
}

.DynamicForm>.dynamic-field {
    padding: 10px;
}

.DynamicForm>.DynamicFormItemGroup {
    margin-bottom: 10px;
    background: #fff;
    padding: 0 10px;
    border-radius: 6px;

}
.DynamicForm .map {
    height: 400px;
    width: 100%;
    position: relative;
    outline-style: none;
}

.DynamicForm .dynamic-field:has(.map) {
    display: block !important;

}
.DynamicForm .dynamic-field .selectImgPreview  {
    width: auto;
    max-width: 300px;
    max-height: 300px;
}

.DynamicForm.mode-write>.DynamicFormItemGroup {
    /*background-color: #F0F0F042;*/
}

.DynamicForm .comp_text-input {
    /* display: flex;
    align-items: center;
    position: relative; */
    height: 100%;
    /*   padding-bottom: 10px; */
}

.DynamicForm .comp_text-input input {
    width: 100%;
}


.DynamicForm .dynamic-field {
    display: flex;
    align-items: center;
    position: relative;
    gap: 12px;
    /*  margin-bottom: 2px; */
}

.DynamicForm .field-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    line-height: 1;
}

.DynamicForm .field-actions-add {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.DynamicForm .field-actions-add:hover {
    color: var(--bs-body-line-height);
}

.DynamicForm .removeField {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #ff3b30;
    width: 24px;
    height: 24px;
}

.DynamicForm .removeField:hover {
    opacity: 0.8;
}

.DynamicForm .field-action-text {
    display: inline-flex;
    align-items: center;
    line-height: 80px;
    margin-left: 20px;
    font-weight: 400;
    font-size: 15px;
}

.DynamicForm .dynamic-field> :not(.field-actions) {
    flex: 1;
}

.DynamicForm .field-actions {
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.DynamicForm .field-actions-add,
.DynamicForm .field-actions-remove {
    cursor: pointer;
    user-select: none;
}

.DynamicForm .field-actions-add:focus,
.DynamicForm .field-actions-remove:focus {
    outline: none;
    opacity: 0.7;
}

.DynamicForm .plusSVG {
    content: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='22px' height='22px' viewBox='0 -0.5 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%2334c759'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eplus_circle %5B%231441%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-419.000000, -520.000000)' fill='%2334c759'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M374.55,369 L377.7,369 L377.7,371 L374.55,371 L374.55,374 L372.45,374 L372.45,371 L369.3,371 L369.3,369 L372.45,369 L372.45,366 L374.55,366 L374.55,369 Z M373.5,378 C368.86845,378 365.1,374.411 365.1,370 C365.1,365.589 368.86845,362 373.5,362 C378.13155,362 381.9,365.589 381.9,370 C381.9,374.411 378.13155,378 373.5,378 L373.5,378 Z M373.5,360 C367.70085,360 363,364.477 363,370 C363,375.523 367.70085,380 373.5,380 C379.29915,380 384,375.523 384,370 C384,364.477 379.29915,360 373.5,360 L373.5,360 Z' id='plus_circle-%5B%231441%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.DynamicForm .minusSVG {
    content: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='22px' height='22px' viewBox='0 -0.5 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ff3b30'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eminus_circle %5B%231442%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-379.000000, -520.000000)' fill='%23ff3b30'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M329.3,371 L337.7,371 L337.7,369 L329.3,369 L329.3,371 Z M333.5,378 C328.8674,378 325.1,374.411 325.1,370 C325.1,365.588 328.8674,362 333.5,362 C338.13155,362 341.9,365.588 341.9,370 C341.9,374.411 338.13155,378 333.5,378 L333.5,378 Z M333.5,360 C327.70085,360 323,364.477 323,370 C323,375.523 327.70085,380 333.5,380 C339.2981,380 344,375.523 344,370 C344,364.477 339.2981,360 333.5,360 L333.5,360 Z' id='minus_circle-%5B%231442%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.DynamicForm .plusSVG,
.DynamicForm .minusSVG {
    display: flex;
    align-self: center;
}

.DynamicForm .DynamicFormGroupAdd {
    line-height: 80px;
}

/* .DynamicForm .select-boxes {
    display: flex;
    gap: 8px;
}

.DynamicForm .select-box {
    border: 1px solid #ccc;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
} */

/* .DynamicForm .select-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
} */
.DynamicForm .field-title {
    font-weight: 600;
}

.DynamicForm .select-boxes {
    display: flex;
    gap: 10px;
    width: 100%;

    flex-wrap: wrap;
    align-items: stretch;
    padding: 14px 0 2px 0;
}

.DynamicForm .select-box {
    /* 3 per row */
    flex: 1 1 calc(33.33% - 8px);

    min-width: 120px;
    min-height: 44px;

    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
}

.DynamicForm .select-box input {
    display: none;
}

.DynamicForm .select-box span {
    display: block;
    width: 100%;
    height: auto;

    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.2;
    text-align: center;
}

.DynamicForm .select-box input:checked+span {
    font-weight: 600;
}

.DynamicForm .select-box:has(input:checked) {
    /*  background: var(--btnprimaryback); */
    color: var(--btnprimaryback);
    /* border-color: var(--btnprimaryback); */
    border: 1px solid var(--btnprimaryback);
}


.DynamicForm .dynamic-field .text-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 15px;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    background: rgba(242, 242, 242, 1);
    margin: 10px;
    height: auto;
    min-height: 60px;
    min-width: 0;
}

.DynamicForm .dynamic-field .text-field label {
    margin: 0;
    height: 20px;
    line-height: 24px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    color: rgba(106, 106, 106, 1);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.DynamicForm .dynamic-field .text-field span {
    display: block;
    margin-top: 4px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    width: 100%;
    border: 0;
    color: rgba(102, 112, 133, 1);
}

.DynamicForm .dynamic-field .text-field-list {
    display: flex;
    width: 100%;
    gap: 18px;
}

.DynamicForm .dynamic-field .text-field-list label {
    margin: 0;
    min-height: 16px;
    line-height: 22px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    color: rgb(157, 184, 235);

    flex: 0 0 45%;
    max-width: 35%;
    color: rgba(106, 106, 106, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    padding: 4px 0 8px 0;
}

.DynamicForm .dynamic-field .text-field-list span {
    display: block;
    margin: 0;
    line-height: 24px;
    font-weight: 400;
    width: 100%;
    border: 0;
    color: rgba(26, 26, 26, 1);
    flex: 1 0 55%;
    max-width: 55%;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    text-align: justify;
    padding: 4px 0 8px 0;
    min-height: 36px;
}

.DynamicForm .dynamic-field .comp_select {
    /* border: 2px solid #11999e3b; */
    /*  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); */
    height: 100%;
    padding-bottom: 10px;
}

.DynamicForm .dynamic-field.required .comp_select>label {
    color: #ff000066;
    border-radius: 8px;
    padding: 4px;

}

.DynamicForm .dynamic-field .edit-spacer {
    position: absolute;
    top: 12px;
    right: 6px;

    width: 20px;
    height: 32px;


    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.DynamicForm .dynamic-field .editfield {
    /*position: absolute;*/
    top: 12px;
    right: 6px;

    width: 20px;
    height: 32px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23555' d='M535.6 85.7C513.7 63.8 478.3 63.8 456.4 85.7L432 110.1L529.9 208L554.3 183.6C576.2 161.7 576.2 126.3 554.3 104.4L535.6 85.7zM236.4 305.7C230.3 311.8 225.6 319.3 222.9 327.6L193.3 416.4C190.4 425 192.7 434.5 199.1 441C205.5 447.5 215 449.7 223.7 446.8L312.5 417.2C320.7 414.5 328.2 409.8 334.4 403.7L496 241.9L398.1 144L236.4 305.7zM160 128C107 128 64 171 64 224L64 480C64 533 107 576 160 576L416 576C469 576 512 533 512 480L512 384C512 366.3 497.7 352 480 352C462.3 352 448 366.3 448 384L448 480C448 497.7 433.7 512 416 512L160 512C142.3 512 128 497.7 128 480L128 224C128 206.3 142.3 192 160 192L256 192C273.7 192 288 177.7 288 160C288 142.3 273.7 128 256 128L160 128z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;

    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.DynamicForm .dynamic-field:has(.text-field-list) .editfield {
    top: 0px;
}

/* When remove button exists inside the field */
.DynamicForm .dynamic-field:has(.removeField)> :not(.field-actions) {
    max-width: 85%;
}


.DynamicForm .comp_image input[type="file"] {
    padding: 6px 12px;
    background: #0d6efd;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}

/* .DynamicForm .photo-container {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px 0 5px;
} */


.dynamic-modal-body .openImageTab {
    cursor: pointer;
}

.DynamicForm .DynamicFormItemGroup.has-pending-group {
    border: 1px solid var(--border-color-light);
    border-radius: 6px;
    margin: 0 0 6px -10px;
    box-shadow: 0px 0px 8px 1px rgba(129, 161, 162, 0.23);
}

.DynamicForm .field-pending {
    background-color: rgba(131, 198, 203, 0.29);
    position: relative;
    /* padding-left: 10px;
    padding-top: 5px;
    */
    padding: 0 10px 0 20px;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 6px 6px 0 0;
}

.DynamicForm .field-pending-container {
    background-color: rgba(155, 200, 203, 0.11);
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 0 0 6px 6px;
    margin-left: -10px;
    margin-right: -10px;
}

.DynamicForm .field-pending-title {
    color: rgba(34, 34, 34, 0.85);
}

.DynamicForm .field-pending-kicker {
    font-size: 12px;
    font-weight: 500;
    color: #11999e99;
    margin-bottom: 10px;
}

.DynamicForm .field-pending-value {
    font-size: 14px;
    font-weight: 500;
    color: rgba(16, 24, 40, 1);
}

.DynamicForm .field-pending-reason {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(102, 112, 133, 1);
}

.DynamicForm .field-pending-reason strong {
    font-weight: 600;
    color: rgba(71, 84, 103, 1);
}

.DynamicForm .field-pending-description {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 112, 133, 1);
}

.DynamicForm .field-pending-info {
    display: flex;
    flex-direction: column;
}

.DynamicForm .field-pending-info-actions {
    display: flex;
    justify-content: space-between;
}

.DynamicForm .field-pending-actions {
    display: flex;
    transform: scale(1.2);
    align-items: flex-end;
}

.DynamicForm .field-pending-actions .comp_button {
    margin-left: 0;
}

.DynamicForm>.DynamicFormItemGroup:first-child .dynamic-field[data-fieldtype="1"] {
    border: 1px solid rgb(0 0 0 / 6%);
    border-radius: 6px;
    background-color: #F9FAFB;
}


.DynamicForm>.DynamicFormItemGroup:first-child .dynamic-field[data-fieldtype="1"] .text-field-list {
    display: block;
}

.DynamicForm>.DynamicFormItemGroup:first-child .dynamic-field[data-fieldtype="1"] .editfield {
    display: none;
}


.DynamicForm>.DynamicFormItemGroup:first-child .dynamic-field[data-fieldtype="1"] label {
    padding: 10px 0 0 0;
    /*text-align: center;   */
    max-width: 100%;
}

.DynamicForm>.DynamicFormItemGroup:first-child .dynamic-field[data-fieldtype="1"] span {
    display: block;
    font-weight: 700;
    line-height: 44px;
    font-size: 36px;
    padding: 0;
    text-align: center;
    max-width: 100%;
    padding-bottom: 25px;
}

.DynamicForm {
    position: relative;
}

.DynamicForm .imagepreviewbox {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 1000;
    background: #f8fafc;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.12);
    flex-direction: column;
    gap: 0;
    height: 100%;
}

.DynamicForm .imagepreviewbox .imagepreviewboxclose {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 34px;
    width: 34px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease;
}

.DynamicForm .imagepreviewbox .photo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 70px;
    overflow: hidden;
}

.DynamicForm .imagepreviewbox .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    min-height: 100%;
}

.DynamicForm .imagepreviewbox .preview-image {
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
}

.DynamicForm .imagepreviewbox .arrowButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    background: rgb(106 105 105 / 15%);
    backdrop-filter: blur(4px);
    cursor: pointer;
    z-index: 3;
    transition: all 0.2s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}

.DynamicForm .imagepreviewbox .arrowButton.left {
    left: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M14.7 6.3a1 1 0 0 1 0 1.4L10.41 12l4.3 4.3a1 1 0 1 1-1.42 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.41 0z'/%3E%3C/svg%3E");
}

.DynamicForm .imagepreviewbox .arrowButton.right {
    right: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.3 17.7a1 1 0 0 1 0-1.4L13.59 12l-4.3-4.3a1 1 0 1 1 1.42-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.41 0z'/%3E%3C/svg%3E");
}

.DynamicForm .imagepreviewbox .arrowButton.is-hidden {
    display: none;
}

.DynamicForm .imagepreviewbox .imagepreview-footer {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.DynamicForm .imagepreviewbox .btn-modal-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.DynamicForm .imagepreviewbox .btn-modal-cancel:hover {
    background: #f9fafb;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
    border-color: #cfd4dc;
}

.DynamicForm .imagepreviewbox .eyeIcon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
}

.DynamicForm .imagepreviewbox .eyeIcon:hover {
    background: #f9fafb;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.08);
    border-color: #cfd4dc;
}

.DynamicForm .imagepreviewbox .openImageTab {
    cursor: pointer;
}

.DynamicForm .gps-link {
    color: var(--btnprimaryback);
}

.DynamicForm .gps-link:hover {
    text-decoration: underline;
}

.DynamicForm .device-link {
    color: var(--btnprimaryback);
}

.DynamicForm .device-link:hover {
    text-decoration: underline;
}

/* MARK: SEARCH / FORMAT 7 */
.editModal .old-value {
    display: flex;
    flex-direction: column;
}

.editModal .old-value .comp_text-field {
    display: flex;
    flex-direction: column;
}

.editModal .oldValueDescription {
    font-size: 12px;
    color: rgba(102, 112, 133, 1);
    font-weight: 400;
    padding: 0 20px 15px 20px;
}

.editModal .search-query {
    position: relative;
    width: 95%;
    margin: 0;
    left: 10px;
    display: flex;
    flex-direction: column;
    display: none;
}

.editModal .search-query .comp_text-input {
    display: block;
    width: 100%;
    position: static;
    margin: 0;
}

.editModal .search-query .comp_text-input label {
    display: block;
    margin: 0 0 6px 0;
}

.editModal .search-query .comp_text-input input,
.editModal .search-query .editSearchNewValue {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.editModal .search-results {
    position: static;
    width: 100%;
    margin-top: 6px;
    box-sizing: border-box;

    max-height: 240px;
    min-height: 240px;
    overflow-y: auto;

    background: #fffcfc;

    border-radius: 4px;

    padding: 10px;

    display: block;
}

.editModal .search-result-item {
    padding: 6px 14px;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
}

.editModal .search-result-item:hover {
    background: #94e6e7a4;
    border-radius: 4px;
}

.editModal .search-result-item p {
    margin: 0;
}

.editModal .search-result-title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    font-weight: 400;
}

.editModal .search-result-code {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #667085;
}

.editModal .search-empty {
    display: block;
    padding: 12px 14px;
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 20px;
}

.DynamicForm .selecttable-display {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    margin-top: 4px;
}

.DynamicForm .selecttable-display .event-code {
    font-size: 14px;
    font-weight: 500;
    color: #101828;
    margin: 0;
}

.DynamicForm .selecttable-display .event-description {
    font-size: 12px;
    color: #667085;
    font-weight: 500;
    margin: 2px 0 0 0;
}

.DynamicForm .pending-selecttable-display {
    margin-top: 4px;
}

/* MARK: SEARCH / FORMAT 7 - INLINE WRITE MODE */
.DynamicForm .dynamic-search-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    margin: 12px;
}

.DynamicForm .dynamic-search-wrapper .field-title {
    margin: 0 0 6px 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(106, 106, 106, 1);
}

.DynamicForm .dynamic-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    border: 1px solid #D0D5DD;
    border-radius: 6px;
    background: #fff;
}

.DynamicForm .dynamic-search svg {
    flex: 0 0 auto;
    opacity: 0.7;
}

.DynamicForm .dynamic-search-input {
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    padding: 10px 0;
}

.DynamicForm .dynamic-search-input::placeholder {
    color: #98A2B3;
}

.DynamicForm .dynamic-search-wrapper .selecttable-display {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #EAECF0;
    border-radius: 6px;
    background: #F9FAFB;
    min-height: 52px;
}

.DynamicForm .dynamic-search-wrapper .selecttable-display .event-code {
    font-size: 14px;
    font-weight: 500;
    color: #101828;
    margin: 0;
}

.DynamicForm .dynamic-search-wrapper .selecttable-display .event-description {
    font-size: 12px;
    color: #667085;
    font-weight: 400;
    margin: 2px 0 0 0;
}

.DynamicForm .dynamic-search-wrapper .search-results {
    position: static;
    width: 100%;
    margin-top: 6px;
    box-sizing: border-box;
    max-height: 240px;
    min-height: 0;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #EAECF0;
    border-radius: 6px;
    padding: 8px;
     display: none;
}

.DynamicForm .dynamic-search-wrapper .search-result-item {
    padding: 8px 12px;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

.DynamicForm .dynamic-search-wrapper .search-result-item:hover {
    background: #94e6e7a4;
}

.DynamicForm .dynamic-search-wrapper .search-result-title {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    font-weight: 400;
}

.DynamicForm .dynamic-search-wrapper .search-result-code {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #667085;
}

.DynamicForm .dynamic-search-wrapper .search-empty {
    display: block;
    padding: 12px 14px;
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 20px;
}

/* .modal-body .photo-container .arrowButtonContainer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23758CA3' fill-rule='evenodd' d='M7.5 5.5a1.3 1.3 0 0 0 0 1.84L12.16 12 7.5 16.66a1.3 1.3 0 1 0 1.84 1.84l5.4-5.4a1.3 1.3 0 0 0 0-1.84l-5.4-5.4a1.3 1.3 0 0 0-1.84 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: none;
    font-size: 40px;
    color: gray;
    cursor: pointer;
    padding: 0 0px;
    visibility: visible;
} */

/* MARK: Dynamic Form Icons */
.DynamicForm .addFieldIcon,
.DynamicForm .refuseSVGIcon,
.DynamicForm .acceptSVGIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 0;
    border-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.2s ease;
    transform: scale(0.7);
}

.DynamicForm .addFieldIcon:hover,
.DynamicForm .refuseSVGIcon:hover,
.DynamicForm .acceptSVGIcon:hover {
    background-color: #eee;
}

.DynamicForm .addFieldIcon.active,
.DynamicForm .refuseSVGIcon.active,
.DynamicForm .acceptSVGIcon.active {
    background-color: var(--btnprimaryselected);
}

.DynamicForm .refuseSVGIcon {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='24px' height='24px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23dc3545bf;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.DynamicForm .acceptSVGIcon {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='24px' height='24px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23198754bf;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg id='checkmark'%3E%3Cline class='cls-1' x1='3' x2='12' y1='16' y2='25'/%3E%3Cline class='cls-1' x1='12' x2='29' y1='25' y2='7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.DynamicForm .addFieldIcon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23212529bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}



/* MARK: DataTables*/



table.dataTable thead {
    height: 44px;
    background-color: rgba(249, 250, 251, 1);
    border-bottom: 1px solid rgba(240, 242, 244, 1);
    border-top: 1px solid rgba(240, 242, 244, 1);
}

table.dataTable thead tr th span.dt-column-title {
    height: 18px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(78, 90, 109, 1);
    float: inline-start;
}

table.dataTable tbody tr td {
    height: 42px;
}

table.dataTable tbody tr div.tableLine {
    /*div which contains the main row content (event column) */
    display: flex;
    align-items: center;
}

table.dataTable tbody tr div.tableLine div:nth-child(1) {
    /*div which contains the img */
    width: 40px;
    height: 40px;
}

table.dataTable tbody tr p {
    margin: 0;
    padding: 0;
}

table.dataTable tbody tr .showImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
}

table.dataTable tbody tr p.eventName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
}


table.dataTable tbody tr p.eventLocation {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

/* table.dataTable tbody tr td.dt-type-date{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
    text-align: left;
} */

table.dataTable tbody tr p.locationName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
}


table.dataTable tbody tr p.locationAddress {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

table.dataTable thead tr th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable tbody th,
table.dataTable tbody tr td {
    padding: 0 24px 0 24px;
}

table.dataTable tbody tr {
    border-bottom: 1px solid rgba(240, 242, 244, 1);
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-width: 0px;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    border-width: 0px;
}