.hide {display: none;}

.panel {background-color: transparent;}
.panel .panel-heading {background-color: transparent; padding: 0; margin: 0; display: flex; display: -webkit-flex; justify-content: space-between;}
.panel .panel-heading .left {display: flex; display: -webkit-flex; align-items: center;}
.panel .panel-heading .left .cancel-batch-select {margin-left: 10px; color: #000000;}
.panel .panel-heading .left .image-view-batch-delete-btn {margin-left: 10px;}
.panel .panel-heading .left .image-view {margin-left: 20px; color: #999999;}
.panel .panel-heading .left .image-view.active {color: #22D3B6;}
.panel .panel-heading .left .list-view-active {margin-left: 0;}
.panel .panel-heading .left .list-view {margin-left: 10px; color: #999999;}
.panel .panel-heading .left .list-view.active {color: #22D3B6;}
.panel .panel-heading .left .icon {font-size: 18px;}
.panel .panel-heading .right {display:flex}
.panel .panel-heading .right >a {margin-right:30px}
.panel .panel-body {padding: 0; margin-top: 10px;}

#imageView .pager{margin:0;}
.files-list > li .checkbox-primary label{padding-left: 18px;}
.files-list {display: block; padding: 0; margin: 0}
.files-list > li {height: 189px;}
.files-list > li .image-wrapper, .files-list > li .file-wrapper {border: 1px solid #DDDDDD;}
.files-list > li .image-wrapper:hover, .files-list > li .file-wrapper:hover {box-shadow:0 2px 10px #BEBEBE; -moz-box-shadow:0 2px 10px #BEBEBE; -webkit-box-shadow:0 2px 10px #BEBEBE;}
.files-list > li {position: relative; display: block; float: left; padding: 10px;}
.files-list > li > div > a {display: block; height: 127px; min-width: 150px; line-height: 125px; overflow: hidden; text-align: center;background-color: #fff; opacity: 0.9; }
.files-list > li > div > a > img, .files-list > li > a > img:hover{max-width: 100%; max-height: 100%; box-shadow: none; margin: 0}
.files-list:empty {display: none;}
.files-list > li.file > div > a {line-height: 100px; padding: 40px 15px 5px 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.files-list > li.file > div > a:before {display: block; width: 100%; font-size: 30px; position: absolute; top: 10px; text-align: center; left: 0; content: "\f016"; font-family: 'ChangerPressIcon' !important;}
.files-list > li.files-list-heading {float: none; display: block; color: #999;font-weight: bold;}
.files-list > li .file-actions {position: absolute; right: 11px; top: 11px; filter:alpha(opacity=0); opacity: 0; background: rgba(216,216,216,0.5); width: 50px; height: 25px; text-align: center; padding: 2px 2px;}
.files-list > li:hover .file-actions {opacity: 1;}
.files-list > li .file-actions .icon {font-size: 16px;}
.files-list > li .file-actions > a {color: #999999;}
.files-list > li .file-actions > a:hover {color: #5b69ff;}

.files-list > li.file.file-zip > div > a:before, .files-list > li.file.file-rar > a:before {content: "\f1c6";}
.files-list > li.file.file-doc > div > a:before {content: "\f1c2";}
.files-list > li.file.file-docx > div > a:before {content: "\f1c2";}
.files-list > li.file.file-xls > div > a:before {content: "\f1c3";}
.files-list > li.file.file-pdf > div > a:before {content: "\f1c1";}
.files-list > li.file.file-ppt > div > a:before {content: "\f1c4";}
.files-list > li.file.file-txt > div > a:before {content: "\f0f6";}

.file-source {display: block; color: #666; text-align: left; margin: 0; line-height: 42px; background:#ffffff; border-top: 1px solid #DDDDDD;}
.file-source .input-group {width: auto; z-index: 2; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.file-source .input-group input {background: transparent; margin-left: 5px;}
.file-source .input-group .input-group-select {width: 60px; border-right: 1px solid #dddddd; text-align: center;}
.file-source .input-group .file-url {border: 0; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.file-source .input-group .input-copy-btn {margin-right: 5px;}
.file-source .input-group .input-copy-btn .btn {color: #7580FF; border: 1px solid #7580FF;}
.file-source .input-group .input-copy-btn .btn:hover {color: #ffffff; background-color: #7580FF;}

.panel #listView {margin-top: 10px;}
.panel #listView > table > thead > tr {height: 50px;}
.panel #listView > table > thead > tr > th {vertical-align: middle;}
.panel #listView > table > thead > tr > th.addedBy {min-width: 70px;}
.panel #listView > table > thead > tr > th.addedDate {min-width: 80px;}
.panel #listView > table > thead > tr > th.edit, .panel #listView > table > thead > tr > th.delete {font-size: 12px; padding: 8px 0;}

.panel #listView .list-view-batch-delete-btn {margin-left: 20px; vertical-align: middle; color: #999999;}
.panel #listView .list-view-batch-delete-btn:hover {color: #7580FF;}
.panel #listView .list-view-batch-delete-btn .icon-delete {font-size: 18px;}
.panel #listView .pager {margin-top: 0;}
.panel #listView .file-name-wrapper {display: flex; display: -webkit-flex; align-items: center;}
.panel #listView .file-name-wrapper .file-name {width: 150px; word-break: break-all; margin-left: 10px;}
.panel #listView tbody tr td:first-child {text-align: left;}
.panel #listView tbody .icon-edit, .panel #listView tbody .icon-delete {font-size: 16px;}
.panel #listView .footer-actions {margin-left: 10px; line-height: 28px;}
.panel #listView .footer-actions {margin-left: 10px; line-height: 28px;}
.panel #listView tbody .checkbox-primary {width: 18px; margin-left: 10px;}
.panel table tbody, tfoot {border: 1px solid #DDDDDD;}
