.col-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}.col-1{width:100%}.col-2{width:50%}.col-3{width:33%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.67%}.col-7{width:14.29%}.container-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.row-container{display:flex;flex-direction:row;width:100%;height:auto;justify-content:center;align-items:center}.button-container{background-color:var(--secondary);cursor:pointer;width:auto;height:auto;padding:5px;border-radius:10px;margin:5px;box-shadow:1px 2px 3px 0 var(--box-shadow)}.button-container:active{box-shadow:none}.toolbar-container{height:50px;width:100%;background-color:var(--primary);box-shadow:0 3px 3px 0 var(--box-shadow);display:flex;align-items:center}.toolbar-container .title{margin-left:75px;float:left;cursor:pointer;color:var(--base)}@media screen and (max-width: 600px){.toolbar-container .title{font-size:24px}}@media screen and (min-width: 600px){.toolbar-container .title{font-size:30px}}.toolbar-container .options{float:right}.App{width:100%;height:100vh}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-container{width:50px;height:50px;animation:spinner 1.5s linear infinite;border:5px solid #cfd0d1;border-radius:50%;border-bottom-color:var(--secondary)}.landing-page-container{max-width:800px}.base-folder-card{border:1px solid lightgray;border-radius:5px}.landing-page-container{display:flex;width:100%;height:calc(100vh - 50px);justify-content:center;align-items:center}.landing-page-description{width:70%;border-left:5px solid var(--secondary);padding-left:10px}.horizontal-break{width:80%;border:1px solid lightgray}.logout-full-height{height:calc(100vh - 50px)}@keyframes loading{to{transform:translate(100%)}}.loading-details-container{padding:5px}.details-skeleton-container{border-radius:5px;height:100%}.details-skeleton-general{background-color:#f0f0f0cc;margin:2px;border-radius:5px}.details-skeleton-layout{flex-direction:row}@media screen and (max-width: 600px){.details-skeleton-layout{flex-direction:column}}.details-skeleton-button{width:50px;height:30px}.details-skeleton-main-descriptor{width:80%;height:60px}.details-skeleton-image-placeholder{width:200px;height:200px}.details-skeleton-second-descriptor{width:50%;height:40px}.details-skeleton-loading{position:relative;overflow:hidden}.details-skeleton-loading:after{position:absolute;display:block;content:"";width:100%;height:100%;transform:translate(-100%);background-image:linear-gradient(90deg,transparent,rgba(180,180,180,.6),transparent);animation:loading 2s infinite}.children-skeleton-general{background-color:#f0f0f0cc;margin:2px;border-radius:5px}.children-skeleton-container{display:flex;flex-flow:column}.children-skeleton-overflow{width:100%;display:flex;flex-flow:column;flex:1 1 auto;overflow-y:auto;padding:5px}.children-skeleton-button{width:50px;height:30px}.children-skeleton-name{width:80%;height:30px}.children-skeleton-picture{width:100px;height:100px}.children-skeleton-child-container{border:1px solid lightgray;border-radius:5px}.children-loading{position:relative;overflow:hidden}.children-loading:after{position:absolute;display:block;content:"";width:100%;height:100%;transform:translate(-100%);background-image:linear-gradient(90deg,transparent,rgba(180,180,180,.8),transparent);animation:loading 2s infinite}.error-message-container{background-color:#f009;padding:10px;border-radius:4px}.breadcrumb-container{display:flex;flex-direction:row;justify-content:center;margin:5px}.breadcrumb-item-container{display:flex;flex-direction:row}.breadcrumb-item-name{color:var(--primary);font-size:20px;text-decoration:underline;cursor:pointer}.breadcrumb-item-separator{color:gray;font-size:20px;font-weight:500}.field-container{flex-direction:row}@media screen and (max-width: 600px){.field-container{flex-direction:column}}.details-section{margin:5px 0}.details-label{padding:0 10px;font-size:14px;font-weight:300}.details{font-size:24px;padding:0 10px;margin:0;text-align:left}.element-time{padding:0 10px;margin:0}.element-details-overlay{position:relative}.element-details-loading-area{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c8c8c880;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px}.image-details{width:200px;height:200px}.item-view-container{max-width:800px;justify-content:start}.toggle-container .toggle{position:relative;z-index:2;height:20px;width:50px;margin-right:10px;margin-left:10px;border:1px solid #000000;border-radius:20px;float:right}.toggle-container .toggle input{opacity:0;width:0;height:0}.toggle-container .toggle .slider{position:absolute;cursor:pointer;border-radius:20px;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.3s;transition:.3s}.toggle-container .toggle .slider:before{position:absolute;border-radius:20px;content:"";height:17px;width:17px;left:5px;top:1.5px;background-color:#fff;-webkit-transition:.3s;transition:.3s}.toggle-container .toggle input:checked+.slider{background-color:var(--secondary)}.toggle-container .toggle input:focus+.slider{box-shadow:0 0 1px var(--secondary)}.toggle-container .toggle input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.new-element-container{margin:3px}.new-element-form-container{display:flex;flex-direction:row}@media screen and (max-width: 600px){.new-element-form-container{flex-direction:column}}.element-detail{margin:3px}.new-element-overlay{position:relative}.new-element-loading-area{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c8c8c880;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px}.file-upload{width:100%;margin:3px 0}.folder-view-container{max-width:800px;display:flex;flex-flow:column}.folder-container{display:flex;flex-flow:column}.folder-view-row{width:100%;flex:1 1 auto}.folder-view-overflow{width:100%;display:flex;flex-flow:column;flex:1 1 auto;overflow-y:auto;padding:5px}.folder-child{margin:1px;border:1px solid lightgray;border-radius:7px}.folder-child:hover{background-color:#add8e6}.folder-child:first-child{margin-top:10px}.folder-child-name{padding-left:10px}.folder-child:last-child{margin-bottom:10px}.child-image{width:100px;height:100px}.view-loading-area{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c8c8c880;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-light{--base: #ffffff;--primary: #33658a;--primary-shadow: #2f4858;--primary-accent: #86bbd8;--secondary: #ee7b30;--invert: #000000;--box-shadow: rgba(0, 0, 0, .25)}.theme-dark{--base: #121212;--primary: #2f4858;--primary-shadow: #1c282f;--primary-accent: #33658a;--secondary: #ee7b30;--invert: #ffffff;--box-shadow: rgba(255, 255, 255, .25)}.error-404-container{display:flex;width:100%;height:calc(100vh - 50px);justify-content:center;align-items:center;text-align:center}.error-404-title{font-size:70px}.error-404-description{padding:20px}