.suadeo-base-map-js-container .settings-container .icon-settings-wrapper {
    width: 100%;
}

.suadeo-base-map-js-container .settings-container .add-layer-icon-button {
    color: var(--sds-white, #fff);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-bottom: none;
    cursor: pointer;
    background-color: var(--sds-primary-500, #0B9294);
    border-radius: 6px;
    padding: 10px 14px;
    margin-block: 16px;
}

.suadeo-base-map-js-container .settings-container .layer-icon-header {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    background-color: #F0F4F4;
    padding: 6px 8px;
    border-radius: 6px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"%3E%3Cpath d="M11.5306 1.53063L6.53063 6.53063C6.46095 6.60055 6.37816 6.65602 6.28699 6.69388C6.19583 6.73173 6.09809 6.75122 5.99938 6.75122C5.90067 6.75122 5.80293 6.73173 5.71176 6.69388C5.6206 6.65602 5.53781 6.60055 5.46813 6.53063L0.468128 1.53063C0.327232 1.38973 0.248077 1.19864 0.248077 0.999378C0.248077 0.80012 0.327232 0.609024 0.468128 0.468128C0.609025 0.327231 0.800121 0.248077 0.999378 0.248077C1.19864 0.248077 1.38973 0.327231 1.53063 0.468128L6 4.9375L10.4694 0.467503C10.6103 0.326607 10.8014 0.247452 11.0006 0.247452C11.1999 0.247452 11.391 0.326607 11.5319 0.467503C11.6728 0.608399 11.7519 0.799496 11.7519 0.998753C11.7519 1.19801 11.6728 1.38911 11.5319 1.53L11.5306 1.53063Z" fill="black"/%3E%3C/svg%3E');
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    text-align: start;
    color: var(--sds-black, #000);
}


.suadeo-base-map-js-container .settings-container .layer-icon-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding: 16px 10px;
    overflow-y: auto;
    max-height: 245px;
    gap: 4px;
    color: #000;
}

.suadeo-base-map-js-container .settings-container .layer-icon-grid div {
    width: 12.5%;
    text-align: center;
    padding: 6px 0;
}

.suadeo-base-map-js-container .settings-container .layer-icon-grid div:hover {
    background-color: #e2e2e2;
}

.suadeo-base-map-js-container .settings-container .import-icon svg path {
    fill: var(--sds-white, #fff);
}

.suadeo-base-map-js-container .settings-container .layer-icon-grid div.active {
    position: relative;
    background-color: #e2e2e2;
    border-radius: 4px;
}

.suadeo-base-map-js-container .settings-container .layer-icon-grid div.active::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: -6px;
    right: -6px;
    background-image: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 0.5C5.71442 0.5 4.45772 0.881218 3.3888 1.59545C2.31988 2.30968 1.48676 3.32484 0.994786 4.51256C0.502816 5.70028 0.374095 7.00721 0.624899 8.26809C0.875703 9.52896 1.49477 10.6872 2.40381 11.5962C3.31285 12.5052 4.47104 13.1243 5.73192 13.3751C6.99279 13.6259 8.29973 13.4972 9.48744 13.0052C10.6752 12.5132 11.6903 11.6801 12.4046 10.6112C13.1188 9.54229 13.5 8.28558 13.5 7C13.4982 5.27665 12.8128 3.62441 11.5942 2.40582C10.3756 1.18722 8.72335 0.50182 7 0.5ZM9.85375 5.85375L6.35375 9.35375C6.30732 9.40024 6.25217 9.43712 6.19147 9.46228C6.13077 9.48744 6.06571 9.50039 6 9.50039C5.9343 9.50039 5.86923 9.48744 5.80853 9.46228C5.74783 9.43712 5.69269 9.40024 5.64625 9.35375L4.14625 7.85375C4.05243 7.75993 3.99972 7.63268 3.99972 7.5C3.99972 7.36732 4.05243 7.24007 4.14625 7.14625C4.24007 7.05243 4.36732 6.99972 4.5 6.99972C4.63268 6.99972 4.75993 7.05243 4.85375 7.14625L6 8.29313L9.14625 5.14625C9.19271 5.09979 9.24786 5.06294 9.30855 5.0378C9.36925 5.01266 9.43431 4.99972 9.5 4.99972C9.5657 4.99972 9.63075 5.01266 9.69145 5.0378C9.75215 5.06294 9.8073 5.09979 9.85375 5.14625C9.90021 5.1927 9.93706 5.24786 9.9622 5.30855C9.98734 5.36925 10.0003 5.4343 10.0003 5.5C10.0003 5.5657 9.98734 5.63075 9.9622 5.69145C9.93706 5.75214 9.90021 5.8073 9.85375 5.85375Z" fill="%23009443"/%3E%3C/svg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.suadeo-base-map-js-container .settings-container .remove-layer-icon-button .delete-button,
.suadeo-base-map-js-container .settings-container .remove-layer-icon-button .cancel-button {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    border-radius: 6px;
    margin-block: 16px;
    padding: 10px 14px;
    text-align: center;
    flex: 1;
}

.suadeo-base-map-js-container .settings-container .remove-layer-icon-button .delete-button {
    color: var(--sds-white, #fff);
    background-color: var(--sds-critical, #EB5757);
}

.suadeo-base-map-js-container .settings-container .remove-layer-icon-button .cancel-button {
    color: var(--sds-black, #020303);
    border: 1px solid var(--sds-grey, #B6BFBF);
}

.delete-map-icon-container {
    border-radius: 6px;
}

.edit-map-icon-heading {
    border-bottom: 1px solid var(--Grey-400, #DEE4E4);
    color: var(--sds-grey-900, #020303);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding: 16px
}

.delete-map-icon-body {
    padding: 24px 24px 32px 24px;
}

.delete-map-icon-body .delete-message {
    color: var(--sds-grey-700, #5A6161);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 20px;
}

.delete-map-icon-footer {
    padding: 16px;
    border-top: 1px solid var(--sds-grey-400, #DEE4E4);
}

.suadeo-base-map-js-container .settings-container .icon-grid-item.disabled {
  cursor: not-allowed;
}

.suadeo-base-map-js-container .settings-container .icon-grid-item svg,
.suadeo-base-map-js-container .settings-container .icon-grid-item svg image {
    width: 24px;
    height: 24px;
}

[id^="settings-import-icon-container"] .layer-icon-header {
    display: none;
}