@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;1,300&display=swap);.vs-navbar__line{border-radius:5px 5px 0 0;height:5px}.vs-navbar__item .active{font-weight:700}.vs-navbar__item{margin-right:10px!important}.vs-navbar__item:last-child{margin-right:0!important}.vs-navbar-content{position:fixed!important;top:0;left:0;box-shadow:0 4px 4px rgba(37,88,255,.2)}.vs-navbar__left{width:200px}.vs-navbar__left img{width:100%}.directory-list{margin:0;padding:0 20px}.directory-list ul{margin-left:10px;padding-left:20px;border-left:1px dashed #ddd}.directory-list li{list-style:none;color:#2b4d75;font-size:18px;font-weight:400}.directory-list a{border-bottom:1px solid transparent;color:#2b4d75;text-decoration:none;transition:all .2s ease}.directory-list a:hover{border-color:#eee;color:#000}.directory-list .folder,.directory-list .folder>a{color:#2b4d75;font-weight:700;font-size:18px}.directory-list li:before{margin-right:10px;content:"";height:20px;vertical-align:middle;width:20px;background-repeat:no-repeat;display:inline-block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightgrey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>");background-position:center 2px;background-size:60% auto}.directory-list li.folder:before{background-image:url(https://www.flaticon.com/svg/static/icons/svg/3143/3143005.svg);background-position:top;background-size:75% auto}.directory-list li.js:before{background-image:url(https://www.flaticon.com/svg/static/icons/svg/165/165480.svg);background-position:top;background-size:75% auto}.directory-list li.sql:before{background-image:url(https://www.flaticon.com/svg/static/icons/svg/29/29594.svg);background-position:top;background-size:75% auto}.directory-list li.json:before{background-image:url(https://www.flaticon.com/svg/static/icons/svg/460/460989.svg);background-position:top;background-size:75% auto}input.disabled{opacity:.6;pointer-events:none}.vs-select__label{margin-bottom:0}.close-icon{position:absolute;top:5px;right:5px;font-size:20px;cursor:pointer}.mainContainer{position:absolute;left:0;top:0;width:100%;min-height:100%;background:#f2f8ff}.mainContainer__parent{left:0;top:0;width:100%;height:100%}.body-container{height:calc(100% - 85px);position:absolute;right:0;top:85px;width:100%;text-align:left}.left-part{border-right:1px solid #c6d9ff;padding-top:20px}.header-title,.left-part,.right-part{background:#f2f8ff}.header-title{color:#2b4d75;font-size:30px;font-weight:600;position:-webkit-sticky;position:sticky;padding:20px 20px 20px 0;margin:0 -15px 20px;z-index:20;top:0}label{color:#2b4d75;font-size:16px}.card,input{border:1px solid #c6d9ff!important}.vs-select__input{background:#fff!important}button{outline:none!important;display:inline-flex!important;margin:0!important}.vs-checkbox-label{margin-bottom:0}input::-moz-placeholder{color:#9fb3ca!important}input:-ms-input-placeholder{color:#9fb3ca!important}input::placeholder{color:#9fb3ca!important}.display-table{display:inline-flex;height:100%;flex-direction:row;vertical-align:middle}.display-table-cell{align-self:center;vertical-align:middle}.display-table-cell svg{flex-shrink:0}#app{font-family:Nunito,sans-serif!important;text-align:center;color:#2c3e50;background:#f2f8ff}