.global.media.manager.modal {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 99991;
  overflow: auto; }
  .global.media.manager.modal .row, .global.media.manager.modal .col-lg-12 {
    margin: 0;
    width: 100%;
    padding: 0; }

[data-for="folder"].ready-to-recieve .caption {
  background: #27ae60;
  color: white; }
  [data-for="folder"].ready-to-recieve .caption * {
    color: white; }

[data-for="uploads"] {
  position: absolute;
  top: 100%;
  z-index: 99999999;
  left: 0;
  right: 0;
  background: #ecf0f1; }

[data-for="left-media-manager-panel"] {
  padding: 1em;
  background: #ecf0f1;
  width: 100%;
  margin-bottom: 1em; }
  [data-for="left-media-manager-panel"] [data-for="upload-pad"].is-dragover .outline {
    background: #27ae60;
    color: white;
    border-color: white; }
    [data-for="left-media-manager-panel"] [data-for="upload-pad"].is-dragover .outline * {
      color: white; }
  [data-for="left-media-manager-panel"] input {
    display: none; }

[data-for="right-media-manager-panel"] {
  width: 100%;
  padding-bottom: 6em; }
  [data-for="right-media-manager-panel"] .thumbnail .image,
  [data-for="right-media-manager-panel"] .view .tools {
    transform: translateX(0%);
    height: auto;
    margin: 0;
    opacity: 1; }
  [data-for="right-media-manager-panel"] .thumbnail {
    height: 159px; }
    [data-for="right-media-manager-panel"] .thumbnail .folder-icon {
      height: 44px; }
      [data-for="right-media-manager-panel"] .thumbnail .folder-icon i {
        font-size: 44px; }
  [data-for="right-media-manager-panel"] .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

[for="single-upload"] {
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0; }
  [for="single-upload"] span {
    float: left;
    font-size: 28px; }
  [for="single-upload"] p {
    float: left;
    margin: 1em;
    font-size: 11px; }

[data-for="upload-pad"] .outline {
  border: 2px dashed #95a5a6;
  border-radius: 1em;
  transition: border-color 0.3s;
  padding: 0.5em 2em; }

[data-for="search-panel"] > div {
  display: -ms-flexbox;
  display: flex; }

[data-for="search"] {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 5px; }

[data-for="search-for"] {
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  margin-left: 1em; }

[data-for="misc-panel"] {
  position: fixed;
  z-index: 99992;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ecf0f1; }
  [data-for="misc-panel"] > div {
    overflow: hidden;
    width: 100%; }

[data-for="toggle-view"],
[data-for="close-media-manager"],
[data-for="create-new-folder"],
[data-for="previous-folder"],
[data-for="delete-drop-zone"] {
  float: left;
  font-size: 24px;
  padding: 0.5em 0.9em;
  color: white; }

[data-for="previous-folder"] {
  background: #e67e22;
  color: white;
  display: none;
  transition: background-color 0.3s; }
  [data-for="previous-folder"].ready-to-recieve {
    background: #27ae60;
    color: white; }
    [data-for="previous-folder"].ready-to-recieve * {
      color: white; }

[data-for="delete-drop-zone"] {
  float: right;
  background: #e74c3c; }
  [data-for="delete-drop-zone"].ready-to-delete {
    background: #27ae60;
    color: white; }
    [data-for="delete-drop-zone"].ready-to-delete * {
      color: white; }

[data-for="close-media-manager"] {
  background: #95a5a6; }

[data-for="toggle-view"] {
  background: #2980b9; }

[data-for="create-new-folder"] {
  background: #27ae60; }

.view .mask,
.view .content {
  opacity: 1;
  position: static; }

p.attributes {
  margin: 0; }
  p.attributes span {
    font-size: 11px !important; }
    p.attributes span.right {
      margin-left: 1px; }
    p.attributes span.left {
      margin-right: 1px; }

[data-for="spinner"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 99993;
  opacity: 0.8; }
  [data-for="spinner"] .loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    text-align: center; }
    [data-for="spinner"] .loader p {
      font-size: 18px; }

[data-for="upload-list"] img {
  width: 100%;
  max-height: 80px;
  display: block; }

[data-for="upload-list"] .row {
  margin: 0 0 1em 0 !important;
  display: -ms-flexbox;
  display: flex; }

[data-for="upload-list"] .ui.progress {
  overflow: visible; }
  [data-for="upload-list"] .ui.progress .label {
    font-size: 14px;
    margin-bottom: 0; }

[data-for="upload-list"] .col-md-3 {
  -ms-flex: 0 0 140px;
  flex: 0 0 140px; }

[data-for="upload-list"] .col-lg-9 {
  -ms-flex: 1 1 0;
  flex: 1 1 0; }

.meta.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 99994;
  opacity: 0.8;
  display: none;
  transition: background-color 0.3s; }

.meta.modal,
.folder.modal,
.edit-folder.modal {
  overflow: auto;
  position: fixed;
  top: 1em;
  left: 1em;
  bottom: 6em;
  right: 1em;
  background: white;
  z-index: 99995;
  display: none; }
  .meta.modal .ui.form,
  .folder.modal .ui.form,
  .edit-folder.modal .ui.form {
    padding: 2em; }

[data-for="browse-panel"].modal {
  display: block; }
  [data-for="browse-panel"].modal .meta.overlay {
    display: block;
    background: black; }
  [data-for="browse-panel"].modal .meta.modal {
    display: block; }

[data-for="browse-panel"].folder-modal .meta.overlay {
  display: block;
  background: black; }

[data-for="browse-panel"].folder-modal .folder.modal {
  display: block; }

[data-for="browse-panel"].folder-edit-modal .meta.overlay {
  display: block;
  background: black; }

[data-for="browse-panel"].folder-edit-modal .edit-folder.modal {
  display: block; }

.focal-wrapper {
  position: relative; }
  .focal-wrapper .focal-pointer {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: white;
    border: 1px solid red;
    margin: -10px 0 0 -10px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999; }

[data-for="focal-point-img"] {
  cursor: crosshair;
  display: block; }

div.tagsinput {
  border: none;
  margin: 0;
  padding: 0; }
  div.tagsinput > div {
    float: none; }
    div.tagsinput > div > input {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      height: 34px;
      border: 1px solid #ccc;
      padding: 6px 12px;
      font-size: 14px;
      display: block;
      float: none;
      width: 100% !important; }

div.tagsinput span.tag {
  background: #2980b9;
  color: white;
  border: none;
  padding: 5px 12px; }
  div.tagsinput span.tag:after {
    display: none; }

div.tagsinput span.tag a {
  color: white; }

[data-for="folder"] .right.label {
  display: none; }

@media screen and (min-width: 480px) {
  [data-for="card"],
  [data-for="folder"] {
    width: 33%; } }

@media screen and (min-width: 569px) {
  [data-for="card"],
  [data-for="folder"] {
    width: 25%; } }

@media screen and (min-width: 769px) {
  [data-for="card"],
  [data-for="folder"] {
    width: 20%; }
  [data-for="right-media-manager-panel"] .thumbnail {
    height: 170px; }
  [data-for="right-media-manager-panel"] [data-for="folder"] .folder-icon.wrapper {
    height: 70px; }
  .meta.modal,
  .folder.modal,
  .edit-folder.modal {
    right: auto;
    width: 450px; } }

@media screen and (min-width: 1200px) {
  [data-for="folders"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1em;
    width: 20% !important;
    float: left;
    overflow: auto; }
    [data-for="folders"] [data-for="folder"] {
      width: 100%; }
      [data-for="folders"] [data-for="folder"] .folder-icon.wrapper {
        height: 83px; }
        [data-for="folders"] [data-for="folder"] .folder-icon.wrapper i {
          margin-top: 18px; }
      [data-for="folders"] [data-for="folder"] .right.label {
        display: block; }
  [data-for="files"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1em;
    width: 80% !important;
    float: left;
    overflow: auto; }
    [data-for="files"] [data-for="card"] {
      width: 25%; }
  [data-for="right-media-manager-panel"] .thumbnail {
    height: auto; }
  [data-for="browse-panel"] {
    position: fixed;
    top: 145px;
    left: 1em;
    right: 1em;
    bottom: 60px; }
  [data-for="folders-and-files"] {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0; }
  [data-for="right-media-manager-panel"] .thumbnail .image {
    height: 85px;
    overflow: hidden;
    position: relative; }
  [data-for="right-media-manager-panel"] .view .tools {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  [for="single-upload"] p {
    font-size: 12px; }
  [data-for="delete-drop-zone"],
  [data-for="previous-folder"] {
    width: 200px; }
  .view .mask,
  .view .content {
    opacity: 0;
    position: static; }
  .view .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .view .mask:hover {
      opacity: 1; }
      .view .mask:hover .content {
        opacity: 1; } }

.overflow-auto {
  overflow: auto !important; }

@media screen and (min-width: 1800px) {
  [data-for="folders"] {
    width: 15% !important; }
  [data-for="files"] {
    width: 85% !important; }
    [data-for="files"] [data-for="card"] {
      width: 16.6% !important; } }

.media-placeholder {
  float: left;
  border: 1px solid #ccc; }
  .media-placeholder .btn-group {
    display: block;
    overflow: hidden;
    width: 100%; }
    .media-placeholder .btn-group button.btn {
      margin: 0;
      width: 50%;
      border-radius: 0; }

[data-for="folders-and-files"].folders-only [data-for="folders"] {
  width: 100% !important; }
  [data-for="folders-and-files"].folders-only [data-for="folders"] [data-for="folder"] {
    width: 12.5% !important; }

p.folder-text {
  margin: 0;
  padding: 10px; }

/*# sourceMappingURL=app.css.map */