#ovrl > div														{ min-width: 400px; width: 85%; height: 100%; }
#attr_overlay													{ position: relative; height: 100%; max-height: inherit; padding: 72px 0 72px 0; background: #fff; border-bottom:1px solid #b4b4b4;  border-radius: calc(0.5rem - 1px); }

#attr_overlay > div:first-of-type						{ position: absolute; left: 0; top: 0; right: 0; height: 72px; background: #fff; border-bottom:1px solid #b4b4b4; border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;  }
#attr_overlay > div:first-of-type > div				{ position: absolute; left: 40%; top: 0; right: 0; padding: 17px; width:auto }
#attr_overlay > div:last-of-type							{ position: absolute; left: 0; bottom: 0; right: 0; padding: 10px 20px 5px 20px; background: #fff; border-top: 1px solid #b4b4b4; border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px); }
#attr_overlay #attr_result_box						{ position: relative; height: 100%; max-height: 100%; overflow: hidden; }
#attr_overlay #attr_result_box #id_lblTree		{ position: absolute; left: 0; top: 0; bottom: 0; right: 60%; overflow-x: hidden; overflow-x: auto; border-right: 2px solid #b4b4b4; }
#attr_overlay #attr_result_box #id_listpics	{ position: absolute; left: 40%; top: 0; bottom: 0; right: 0; overflow-x: hidden; overflow-x: auto; }
#attr_overlay #attr_result_box #id_listpics ul				{ margin: 0; }
#attr_overlay #attr_result_box #id_listpics ul li			{ list-style: none; padding: 5px 10px; cursor: pointer; }
#attr_overlay #attr_result_box #id_listpics ul li span:last-of-type	{ display: none; }
#attr_overlay #attr_result_box #id_listpics ul li:nth-of-type			{ background: #f5f5f5; }
#attr_overlay #attr_result_box #id_listpics ul li.hidden			{ display: none; }
#attr_overlay #attr_result_box #id_listpics ul li:hover	{ background: #87B87F; color: #ffffff; }

#attr_overlay #attr_result_box tbody tr:hover	{ background: #87B87F; color: #ffffff; }
#attr_overlay #attr_result_box tbody tr td	{ padding: 0 12px !important; border-bottom: 1px #b4b4b4 solid; }
#attr_overlay #attr_result_box .DZ_container { border-radius: 0!important }

#sortTable thead th { padding: 6px 12px !important; background-color: #f0f0f0; border-bottom: 1px solid #b4b4b4; }
#sortTable thead .unsorted { background-position: right; background-repeat: no-repeat; background-image: url('https://lucy.dabag.ch/admin/metro/img/sort-solid-darker.svg'); background-size: 12px 20px; }
#sortTable thead .ascending { background-position: right; background-repeat: no-repeat; background-image: url('https://lucy.dabag.ch/admin/metro/img/sort-up-solid.svg'); background-size: 12px 20px; }
#sortTable thead .descending { background-position: right; background-repeat: no-repeat; background-image: url('https://lucy.dabag.ch/admin/metro/img/sort-down-solid.svg'); background-size: 12px 20px; }
.hidden { display: none; }

#preview_pic { width: 48px; height: 48px; }