@charset "UTF-8";
/*
  Helper 
    kad ne možemo extendat bs spacing variable
  ----------------------------------------------------------------
  for easier use of defined spacers when @extend not alowed
  usage: margin-right: $spacer-3 == @extend .mr-3; (ali bez !important što dodaje BS)
*/
@font-face {
  font-family: "documents";
  src: url("../fonts/documents.ttf?su7l2g") format("truetype"), url("../fonts/documents.woff?su7l2g") format("woff"), url("../fonts/documents.svg?su7l2g#documents") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=doc-ico-], [class*=" doc-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "documents" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.doc-ico-chain:before, .doc-ico-lnk:before {
  content: "";
}

.doc-ico-link:before {
  content: "";
}

.doc-ico-file-text-o:before, .doc-ico-unk:before,
.doc-ico-txt:before {
  content: "";
}

.doc-ico-folder-o:before, .doc-ico-map:before {
  content: "";
}

.doc-ico-folder-open-o:before, .doc-ico-map-open:before,
.is-open > .doc-ico-map:before {
  content: "";
}

.doc-ico-file-pdf-o:before, .doc-ico-pdf:before {
  content: "";
}

.doc-ico-file-word-o:before, .doc-ico-rtf:before,
.doc-ico-doc:before,
.doc-ico-docx:before {
  content: "";
}

.doc-ico-file-excel-o:before, .doc-ico-xls:before,
.doc-ico-xlsx:before {
  content: "";
}

.doc-ico-file-powerpoint-o:before, .doc-ico-ppt:before {
  content: "";
}

.doc-ico-file-archive-o:before, .doc-ico-zip:before {
  content: "";
}

.doc-ico-file-zip-o:before {
  content: "";
}

.app-documents > .c-folder {
  padding-left: 0;
}

.app-documents .c-folder {
  list-style: none;
}

.app-documents .documents-title {
  margin-bottom: 10px;
}

.app-documents .l-folder, .app-documents .l-file {
  margin: 8px 0;
  width: fit-content;
  padding-left: 0;
}
.app-documents .l-folder.is-open > ul li {
  padding-left: 16px;
}
.app-documents .l-folder.has-children--true > ul {
  display: none;
}
.app-documents .l-folder.has-children--true.is-open > ul {
  display: block;
}
.app-documents .l-folder > .c-folder,
.app-documents .l-file > .c-file {
  display: flex;
  align-items: center;
}
.app-documents .l-folder.has-children--true > .c-folder.js-folder-handle {
  cursor: pointer;
}
.app-documents .l-folder.has-children--true > .c-folder.js-folder-handle:hover .c-icon {
  background: #2b7d65;
}
.app-documents .l-folder.has-children--false > .c-folder {
  color: #555 !important;
  pointer-events: none;
}
.app-documents .l-folder.has-children--false > .c-folder .c-icon {
  filter: grayscale(0.7);
  opacity: 0.8;
}
.app-documents .l-file > a {
  cursor: pointer;
}
.app-documents .l-file > a:hover .c-icon {
  background: #2b7d65;
}
.app-documents .c-icon {
  font-family: "documents";
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  height: 26px;
  aspect-ratio: 1/1;
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  background: #3fb693;
  color: white;
}
.app-documents .c-icon .c-icon__type {
  font-family: "Default";
  font-size: 50%;
  line-height: 1;
  text-transform: uppercase;
}
.app-documents .c-icon .c-icon__type {
  margin-top: 2px;
  display: none;
}
.app-documents .c-folder > .c-title .o-title,
.app-documents .c-file > .c-title .o-title{
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.app-documents .c-folder > .c-title .c-description {
  font-size: 12px;
}
.app-documents .c-folder > .c-title .c-description .o-description + .o-description {
  margin-left: 4px;
}
.app-documents .c-file > .c-link {
  color: white;
  text-decoration: none;
}
.app-documents .c-file > .c-link:hover .c-icon {
  background: #2b7d65;
}
.app-documents .c-file > .c-title {
  font-weight: 500;
}
.app-documents .c-file > .c-title .c-description {
  display: flex;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0;
}
.app-documents .c-file > .c-title .c-description dt.o-description {
  font-weight: 400;
}
.app-documents .c-file > .c-title .c-description .o-description + .o-description {
  margin-left: 4px;
}
.app-documents .c-file > .c-title .c-description .o-description + .o-description:before {
  content: "/";
  display: inline-block;
  margin: 0 4px;
}
.app-documents .c-file > .c-title .c-description p {
  margin-bottom: 0;
  display: inline-block;
}

/*# sourceMappingURL=file:///C:/Materijali/EtnografskiMuzejSplit/Dev/emst-website2021/Website/Portals/0/2sxc/Documents/src/scss/styles.scss */
/*# sourceMappingURL=styles.css.map */