
div.items-list {
    display: table;
}

div.items-list div.row {
    display: table-row;
}

div.items-list div.col {
    display: table-cell;
    padding-left: 10px;
    overflow: hidden;
}

div.items-list div.header {
    font-size: large;
}

div.items-list button {
    margin-bottom: 5px;
    margin-top: 4px;
    font-size: smaller;
    color: red;
    font-weight: bolder;
}

div.items-list .editbutton  {
    color: green;
}

form#importcsv .editbutton  {
    color: green;
}

.auditlog {

}

.auditlog div.folded{

}

.auditlog div.items-list {
    margin-top: 20px;
}

.auditlog pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.userrights {


}

.userrights select.grayed
{
    visibility: hidden;
}
.usergrouprights select.grayed
{
    visibility: hidden;
}
.text-toolong {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 125px;
}

.itemtypes .text-toolong {
    max-width: 425px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordion .panel-heading {
    cursor: pointer;
}

.filter-panel {
    padding: 10px;
}

.ui-sortable-placeholder {
    background:#eee!important;
}

.ui-sortable-helper {
    border:1px dashed #ccc;
    background: transparent!important;
}

#sortable .ui-sortable-handle:hover {
    background:#eee;
}
/* open chrome date picker on input click*/
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    position: absolute;
    left:0;
    right:0;
    display:block;
    width:auto;
}


.confirm-table-row .col {
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    padding-left: 10px;
    overflow: hidden;
}
.document-thumbnail-container {
    width:220px;
    height:320px;
    align-items: center;
}

.document-thumbnail {
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-spacing: 5px;
    width:100%;
    text-align: center;
    height: 220px;
    overflow: hidden;
}

.document-thumbnail .document-icon {
    color:gray;
}

.filename {
    background: #fff;
    left: 20px;
    bottom: 25px;
    right: 20px;
    position: absolute;
    word-break:break-word;
}

.file-links {
    max-height: 100px;
}
/* override jquery ui color */
.file-links a {
    color: #337ab7 !important;
    cursor: pointer;
}
.dataTables_wrapper {
    padding-top:10px;
}
a:active, a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
  }

.document-name-overlay {
    padding: 5px;
    position: absolute;
    text-align: center;
    z-index: 1;
    background: #fff;
    margin: 20px;
    font-weight: bold;
    display: none;
    top:125px;
    color: gray;
}

.document-thumbnail-container:hover .document-name-overlay {
    display: block;
}

.popover {
    max-width: 100%;
}

.document-thumbnail-container:hover .document-icons {
    visibility: visible;
}
.dataTables_filter {display: none;}
.dt-buttons .buttons-csv {display: none;}
.dt-buttons .buttons-excel {display: none;}
.dt-buttons {margin-left:10px; margin-top: -43px;}
#documents-private .buttons-colvis {margin-left:380px}
.mr-3 {display: none;}
.document-links {
    color: #337ab7;
    visibility: hidden;
    font-size: 18px;
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    margin: 0 20px;
    padding: 20px 16px;
    height: auto;
    border-radius: 4px;
}
.document-thumbnail-container:hover .document-links
{
    visibility: visible;
}
.document-link-container {
    font-size:18px;
    padding: 0 5px;
    display: block;
    min-height:40px;
}
.modal-dialog-full {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .modal-content-full {
    height: auto;
    min-height: 100%;
    border-radius: 0;
  }
.version-group-buttons {
    margin:-4px;
}

#dialog-preview{
    margin:2% 10%;
    overflow:hidden;
}
.version-group-title-wrapper{
    display: flex;
    justify-content:space-between;
}
.version-group-title {
    max-width: 585px;
}
