#TB_ajaxContent {
width: auto !important;
height: 95% !important;
}
.aeci-icon-picker-field {
display: flex;
flex-direction: column;
}
.aeci-icon-picker-icons {
display: flex;
flex-wrap: wrap;
gap: 10px;
background: #FFF;
border: 1px solid #CCD0D4;
padding: 12px;
max-height: 90%;
overflow-y: auto;
}
.aeci-icon-picker-icon {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.2s, border-color 0.2s;
position: relative;
}
.aeci-icon-picker-icon:hover {
background-color: #f0f0f0;
}
.aeci-icon-picker-icon.selected {
border-color: #0073aa;
background-color: #e7f3f8;
}
.aeci-icon-picker-icon i,
.aeci-icon-picker-icon span {
font-size: 24px;
line-height: 1;
display: inline-block;
} .aeci-icon-search {
margin-bottom: 10px;
}
.aeci-icon-search-input {
width: 100%;
padding: 8px;
box-sizing: border-box;
margin-bottom: 10px;
}
.aeci-icon-field-wrapper {
display: flex;
align-items: center;
gap: 8px;
}
.aeci-icon-preview {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
}
.aeci-icon-preview i {
font-size: 18px;
}
.aeci-icon-picker-icon {
cursor: pointer;
}