div.hwDbMasterDetail                                                                                                                          { height: 200px; font-family: Barlow; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer                                                                                { background: #fff; display: flex; height: 100%; position: relative; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.shadow                                                            		  { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1; opacity: 1; transition: opacity .2s; overflow: hidden; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.dropzone                                                                 { margin: 4px; margin-right: 2px; flex: 0 0 160px; background: #eee url("../../imgs/dropzone.svg") no-repeat 50% 50%/40%; transition: background 0.2s; border: 1px solid #bbb; font-size: 0.75em; text-align: center; padding-top: 104px; color: #888; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.dropzone[drag-over="true"]                                               { border-color: #FBA31E; background-color: #fff; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList                                                                { margin: 4px 2px; flex: 1 1 auto; background-color: #fff; border: 1px solid #bbb; padding: 4px; display: flex; overflow-x: scroll; align-items: center; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer                                        { flex: 0 0 160px; height: 106px; border: 1px solid #eee; display: flex; flex-direction: column; align-items: center; margin: 0 2px; padding: 1px; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer:hover                                  { border-color: #444; cursor: pointer; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer > div.image                            { flex: 0 0 68px; width: 64px; margin-top: 1px; margin-bottom: 2px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer > div.name                             { flex: 0 0 20px; width: 150px; text-align: center; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer[selected]                              { border-color: #444; border-width: 2px; border-radius: 2px; padding: 0; background-color: rgba(251,163,30,.2); }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer[selected] > div.image				  { }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.itemsList > div.documentContainer[selected] > div.name					  { flex: 0 0 26px; text-overflow: unset; white-space: normal; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition                                                                  { margin: 4px; margin-left: 2px; flex: 0 0 400px; background-color: #fff; border: 1px solid #bbb; display: flex; flex-direction: column; justify-content: center; align-items: center; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer                                              { flex: 1 1 auto; display: flex; flex-direction: column; padding: 4px; overflow-y: scroll; width: 100%; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.name                                   { flex: 0 0 40px; display: flex; flex-direction: column; font-size: 0.75em; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.name > div:first-child                 { border-bottom: 1px solid #aaa; margin-bottom: 2px; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.name input                             { width: 100%; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.url                                    { flex: 0 0 40px; display: flex; flex-direction: column; font-size: 0.75em; margin-top: 4px; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.url > div:first-child                  { border-bottom: 1px solid #aaa; margin-bottom: 2px; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition div.scrollContainer > div.url input                              { width: 100%; }
div.hwDbMasterDetail #p_adminTabDocuments div.elementContainer > div.edition > div.buttons                                                    { flex: 0 0 22px; display: flex; font-size: 0.75em; justify-content: end; width: 100%; padding: 2px 2px; }