
.iconpicker {max-width: 741px; margin: 0 auto;}
.iconpicker.tableless ul li {display: inline; float: left; min-width: 80px; height: 80px; margin: 0 2px;}

.iconpicker table {max-width: inherit; width: 100%;  margin: 0 auto;}
.iconpicker table thead {display: table-header-group;}
.iconpicker h2 {font-size: 0.7rem; margin-bottom: 10px;}
.iconpicker table tr {border-bottom: 1px solid #f2f2f2;}
.iconpicker table td {min-width: 120px; padding: 5px;}
.iconpicker .iconbox {text-align: center; display: block; padding: 8px;}
.iconpicker .iconbox .icon {font-size: 200%; margin: 0 !important;}
.iconpicker .iconbox .name {margin: 5px 0; color: rgba(0,0,0,0.5);}
.iconpicker .iconbox .name, .iconpicker .iconbox .label {font-size: 0.8rem; padding: 1px 0;}
.iconpicker .iconbox input {margin-left: 0; margin-right: 0; font-size: 1em;}
.iconpicker .iconbox .radio_container {text-align: center}
.iconpicker #search input {height: 17px;}

.iconpicker.contao-ht35 {max-width: none; margin-left: 15px;}
.iconpicker.contao-ht35 img {margin-top: 5px;}

.pct_iconpicker_widget.contao-ht35 img {vertical-align: inherit !important;}
.pct_iconpicker_widget div.icon {position: absolute; top: -20px; right: 23px;display: block;}
.pct_iconpicker_widget div.icon i {padding: 20px; border: 1px solid #e6e6e8; border-radius: 10px; font-size: 1rem;}
.pct_iconpicker_widget div.icon i.fa {margin-top: -20px;}

/** backend **/
.tl_box [class^="icon-"]:before, .tl_box  [class*=" icon-"]:before {position: absolute; font-size: 130%;}
table.icon-list:before {display:none}
