/*
 Primary Colours
 */
.file_link {
  width: 85%; }

#file-wrapper .btn-mini {
  min-height: 10px;
  min-width: 10px;
  height: 28px;
  width: 28px; }
  #file-wrapper .insert-link {
    background-color: #106cfe !important;
    float: right; }
    #file-wrapper .insert-link i {
      color: #fff; }
  #file-wrapper .file-wrapper .rename-file, #file-wrapper .file-wrapper .rename-file-confirm {
    background-color: #106cfe !important;
    margin-right: 5px;
    height: 28px !important;
    width: 28px !important; }
    #file-wrapper .file-wrapper i {
      font-size: 15px; }
    #file-wrapper .file-wrapper .rename-file i {
      margin-top: -4px;
      margin-right: -1px; }
    #file-wrapper .file-wrapper .rename-file-confirm i {
      position: inherit; }
    #file-wrapper .file-wrapper .delete-file {
      height: 28px !important;
      width: 28px !important; }
      #file-wrapper .file-wrapper .delete-file i {
        top: 2px !important; }

.add-file-wrapper.with_tabs {
  width: 100%; }
  .add-file-wrapper.with_tabs .tab-header-wrapper > span {
    height: 36px;
    float: left; }
  .add-file-wrapper.with_tabs .tab-header {
    background: #d9d9d9;
    border: 1px solid #dcdbdb;
    border-bottom: none;
    color: #4d5255;
    font-size: 14px;
    line-height: 25px;
    text-transform: none;
    transition: none;
    padding: 5px 0;
    width: 5%;
    margin: 0;
    text-align: center; }
    .add-file-wrapper.with_tabs .tab-header.active {
      background: #fff;
      border-color: #dcdbdb;
      color: #231f20; }
    .add-file-wrapper.with_tabs .tab-header:not(.active) {
      border-bottom: 1px solid #dcdbdb; }
  .add-file-wrapper.with_tabs .tab-gap {
    border-bottom: 1px solid #dcdbdb;
    padding: 0; }
    .add-file-wrapper.with_tabs .tab-gap.small {
      width: 0.25%; }
    .add-file-wrapper.with_tabs .tab-gap:not(.small) {
      width: 89.75%; }
  .add-file-wrapper.with_tabs .tab-content {
    padding: 10px;
    width: 100%;
    border: 1px solid #dcdbdb;
    border-top: none; }
  .add-file-wrapper.with_tabs form {
    float: left; }
  .add-file-wrapper.with_tabs .list:empty {
    display: none; }
  .add-file-wrapper.with_tabs .list {
    border: 1px solid #dcdbdb;
    border-top: none;
    padding: 5px; }
    .add-file-wrapper.with_tabs .list .file-name {
      line-height: 22px;
      width: auto !important; }
    .add-file-wrapper.with_tabs .list .file-text img {
      width: 20px;
      height: 20px;
      margin-right: 5px;
      border-radius: 10px; }
  .add-file-wrapper.with_tabs .app-icon {
    margin: 0; }
  .add-file-wrapper.with_tabs .select-icon {
    float: left;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px; }
    .add-file-wrapper.with_tabs .select-icon.disabled {
      opacity: 0.5; }
  .add-file-wrapper.with_tabs .select-icon .app-icon, .add-file-wrapper.with_tabs .selectedIcon .app-icon {
    border-radius: 25px;
    cursor: default;
    text-align: center; }
  .add-file-wrapper.with_tabs .select-icon img {
    border-radius: 50px; }
  .add-file-wrapper.with_tabs .list .app-icon {
    height: 20px;
    line-height: 14px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
    border-radius: 4px; }
    .add-file-wrapper.with_tabs .list .app-icon i {
      font-size: 10px;
      color: #000 !important; }

.tab-header[data-type="#apps"] + .tab-gap {
  width: 84.5% !important; }

.modal .add-file-wrapper.with_tabs .tab-header {
  width: 10%; }
  .modal .add-file-wrapper.with_tabs .tab-gap.small {
    width: 0.5%; }
  .modal .add-file-wrapper.with_tabs .tab-gap:not(.small) {
    width: 79.5%; }

.col-md-4 .add-file-wrapper.with_tabs .tab-header {
  width: 15%; }
  .col-md-4 .add-file-wrapper.with_tabs .tab-gap.small {
    width: 1%; }
  .col-md-4 .add-file-wrapper.with_tabs .tab-gap:not(.small) {
    width: 69%; }
  .col-md-4 .add-file-wrapper.with_tabs .tab-header[data-type="#apps"] + .tab-gap {
    width: 53% !important; }

.btn-mini {
  height: 20px !important;
  min-height: 10px;
  min-width: 10px !important;
  width: 20px !important; }
  .btn-mini > i {
    display: block;
    font-size: 10px !important; }

.visible {
  display: inherit !important; }

.newLink {
  max-width: 500px; }

.type_based .add-file-wrapper {
  padding: 5px; }
  .type_based form + form .add-file-wrapper {
    border-top: none; }

.upload-trigger + .file-wrapper {
  margin-top: 5px; }

.upload-trigger.hide-element + .file-wrapper {
  margin-top: 0; }

.file-wrapper + .file-wrapper {
  margin-top: 5px; }

.file-wrapper {
  line-height: 30px;
  padding: 5px; }
  .file-wrapper .floatr .btn:last-of-type {
    margin-right: 0; }

.upload_bar {
  background-color: #7dbedf;
  min-height: 0;
  width: 0;
  transition: width 1s ease-in-out 0s, opacity 0.2s ease-in-out 0s, background-color 0.4s ease-in-out 0s; }

.upload-trigger {
  display: inline-block; }

.file-rename {
  height: 30px;
  width: 60%; }

.alert.file-upload-alert {
  margin-bottom: 10px; }
/* Special table behaviour */
table.files-list td > .file-wrapper:only-child {
  border: none; }
  table.files-list td > .file-wrapper.no-delete {
    padding-top: 0;
    padding-bottom: 0; }
/* End Special table behaviour */
/* Some HR4 styles mess up spans, so this is in place to reset the the text inside of the buttons */
.add-file-wrapper #file .upload-trigger span, .add-file-wrapper #file .file-wrapper span {
  background-color: transparent;
  float: none;
  width: auto;
  text-align: left;
  display: inline-block; }

.add-file-wrapper #file .upload-trigger span {
  color: #fff; }

.add-file-wrapper form {
  width: 100%; }

.supported_ext {
  color: inherit !important;
  float: none !important;
  width: auto !important;
  margin-right: 0 !important; }

.with_tabs .upload-trigger span {
  width: auto !important; }

.file-wrapper .rename-file, .file-wrapper .rename-file-confirm {
  background-color: #106cfe;
  margin-right: 5px; }
  .file-wrapper .btn {
    width: 28px;
    height: 28px;
    min-width: auto; }
    .file-wrapper .btn i {
      top: 2px !important;
      font-size: 15px; }
  .file-wrapper .file-text {
    width: calc(100% - 80px); }
  .file-wrapper .file-text i {
    color: #1ca9e0;
    float: left;
    margin-top: 6px;
    margin-right: 5px; }

.file-name {
  max-width: calc(100% - 80px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.file-name.supports-edit {
  max-width: calc(100% - 110px); }
/* End HR4 reset styles */
.replace-wrapper.hr4-input-error {
  border-radius: 5px; }
  .replace-wrapper.hr4-input-error form {
    width: calc(100% - 2px); }
/**Sorting Css Start**/
.list.ui-sortable .file-wrapper {
  width: 100%;
  padding: 5px;
  font-weight: 400;
  cursor: move;
  border: 1px solid #dcdbdb; }

.list.ui-sortable .file-wrapper .hr4-sort-handle.general-sort-handle.item-sort-handle {
  margin-top: 7px;
  margin-right: 7px; }

.add-file-wrapper.with_tabs .list.ui-sortable .file-name {
  line-height: 30px; }
/**Sorting Css End**/
@media (max-width: 1200px) {
  .add-file-wrapper.with_tabs .tab-header {
    width: 6%; }
    .add-file-wrapper.with_tabs .tab-gap.small {
      width: 0.5%; }
      .add-file-wrapper.with_tabs .tab-gap:not(.small) {
        width: 87.5%; } }

@media (max-width: 991px) {
  .add-file-wrapper.with_tabs .tab-header {
    width: 8%; }
    .add-file-wrapper.with_tabs .tab-gap.small {
      width: 1%; }
      .add-file-wrapper.with_tabs .tab-gap:not(.small) {
        width: 83%; } }

@media (max-width: 768px) {
  .add-file-wrapper.with_tabs .tab-header {
    width: 20%; }
    .add-file-wrapper.with_tabs .tab-gap.small {
      width: 1%; }
      .add-file-wrapper.with_tabs .tab-gap:not(.small) {
        width: 59%; } }