body{font-family:Tahoma,Geneva,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"web-font-bold-italic";src:url(/static/media/Kanit-BoldItalic.bcc256f3.ttf) format("truetype")}.app-title{display:flex;line-height:1.2;margin-left:10px;float:left}.app-title img{height:32px;margin-top:10px}.headermenu li{display:block}.headermenu{margin-left:250px}.nav .no-action{margin:14px}.navbar-right .nav{flex-direction:row;margin-right:30px}.left-menu-item{font-weight:400;font-size:16px;background:transparent;border:none;padding:5px}.leftmenu{margin-top:60px;width:250px;padding-left:10px;padding-right:10px}.leftmenu .folders{flex:1 1 auto;height:80%}.leftactions{padding-top:20px;margin:0 auto}.left-menu-icon{padding:5px;margin-right:15px;color:grey}.link{cursor:pointer;text-decoration:none}.navbar-custom{margin-bottom:0;text-transform:uppercase;background-color:#fff;padding-bottom:10px;margin-top:10px}.navbar-custom .navbar-brand{font-weight:700}.navbar-custom .navbar-brand:focus{outline:0}.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#000}.navbar-custom .navbar-brand .navbar-toggle:active,.navbar-custom .navbar-brand .navbar-toggle:focus{outline:0}.navbar-custom a{color:#000}.navbar-custom .nav li a:hover{color:hsla(0,0%,58.8%,.8)}.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{outline:0;background-color:transparent}.navbar-custom .nav li.active{outline:0}.navbar-custom .nav li.active a{background-color:transparent}.navbar-custom .nav li.active a:hover{color:#000}.navbar-custom.top-nav-collapse a,.navbar-custom.top-nav-collapse div span,.navbar-custom.top-nav-collapse span{color:#fff}@media(min-width:768px){.navbar-custom{border-bottom:1px solid #d3d3d3;letter-spacing:1px;background-color:hsla(0,0%,100%,.5)}.navbar-custom.top-nav-collapse{padding-top:10px;border-bottom:1px solid rgba(0,0,0,.3);background:#000;margin-top:0}}.fileactions{margin-top:80px;margin-left:5px;pointer-events:none;color:grey}.fileactions li{padding:3px 10px 3px 3px}.fileactions li a{color:#d3d3d3}.fileactions li.enabled{color:#000;cursor:pointer;pointer-events:all}.fileactions li.enabled a,li.enabled .left-menu-icon{color:#000}.top-menu-icon{font-size:16px}.top-menu-text{font-size:10px;margin-top:5px}.top-menu-item{display:grid;text-align:center}.top-menu-item .glyphicon{font-weight:600}.top-menu{margin-left:auto;margin-right:auto;width:600px}.onlineview{display:block;background-color:#fff}.printview{display:none}.main-contents{width:100%}.filename{font-size:16px;color:#5f5f5f}.filepath{padding:20px;font-weight:900}.file-date{font-size:10px;color:#969696}.folders{margin-top:30px;height:100%}.folder-head{background-color:#e6f2ff;border:1px solid #d3d3d3;text-align:center;border-radius:8px 8px 0 0;border-bottom:0;padding:5px;float:left}.add-folder{float:right;border:1px solid #d3d3d3;padding:3px;margin-top:5px;border-radius:2px;margin-right:5px;font-size:12px;color:#3f3f3f}.folder-content{display:table;height:50%}.folder-details{padding:10px;background-color:#fff;border:1px solid #d3d3d3;border-radius:0 8px 8px 8px;height:100%}.user-icon{font-size:24px;padding-top:5px;padding-bottom:5px;color:#5f5f5f}.grid-row{border-top:1px solid #cdcdcd;padding:10px;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}.grid-btn{margin-top:5px;margin-bottom:5px}.shared-with{display:flex}.unshare{margin-right:10px;color:#5f5f5f}.grid{color:#1f1f1f}.image-modal{height:90vh}.action-modal,.image-modal{display:block;position:absolute;top:0;right:40px;width:60%;margin:80px auto;background-color:#fff;border:1px solid;border-radius:5px}.action-modal{height:60vh}.dropshadow{box-shadow:0 6px 10px 0 rgba(0,0,0,.4),0 8px 30px 0 rgba(0,0,0,.29);overflow-x:hidden}.viewimage{width:100%;height:auto;object-fit:scale-down;border:1px solid #555;margin:5px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2),0 8px 30px 0 rgba(0,0,0,.29);overflow-x:hidden}.modal-heading{border-bottom:1px solid #cdcdcd;padding-bottom:10px;padding-left:10px}.modal-body,.modal-heading{margin-top:10px}.btnSection{padding-left:15px}.watermark-shadow{opacity:.8;color:#000;margin-left:1px}.watermark,.watermark-shadow{position:fixed;left:50%;top:50%;text-align:center;font-size:18px}.watermark{opacity:.7;color:#fff}.loader{color:#777;font-size:50px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader_container{position:absolute;top:100%;left:50%;margin-left:-50px;width:100px;height:100px}.msgSection{margin:10px}.popup{position:fixed;background:rgba(255,0,0,.18823529411764706);width:100%;height:100vh;top:0;left:0}.alert-container{position:relative;width:30%;height:auto;max-height:50vh;margin:calc(15vh - 20px) auto 0;background:#fff;border-radius:6px;padding:20px;border:1px solid #999;overflow:auto}.alert-head{font-size:x-large;border-bottom:1px solid #999;text-align:center}.alert-body{padding:30px}.alert-close{cursor:pointer;position:fixed!important;right:calc(35% - 7px);top:calc(15vh - 33px)!important;background:#ededed;width:28px;height:28px;border-radius:50%;line-height:30px!important;text-align:center;font-size:26px}main{flex:1 1}.app-container{display:flex;flex-direction:column;align-items:stretch;max-width:680px;margin:0 auto;padding-top:70px}.auth.app-container{max-width:335px;padding-top:70px}.welcome.app-container{max-width:980px;padding-top:70px;padding-left:12px;padding-right:12px}.card{border:1px solid #e1e1e3;border:1px solid var(--grey10);background:#f9f9fa;background:var(--grey0);margin-bottom:18px;padding:20px}.card-title{color:#d45808;color:var(--q2iOrange)}.card-action,.card-title{text-align:center}.card-action a{font-size:15px}.messages{border:1px solid;border-radius:.5rem;padding:.5rem;margin:.5rem}fieldset{border:none;padding:0;margin:0}.messages .message{color:#4a4b57;color:var(--grey70);font-size:12px;text-align:left;border-radius:0}.messages.standalone .message{margin-bottom:0}.required-indicator{color:#d45808;color:var(--q2iOrange)}.checkbox{margin-bottom:8px}.checkbox-inner{margin-bottom:6px}.code-box{overflow-y:auto;max-height:640px}.code-body code,.code-box{overflow-wrap:break-word}.input-button a.button{display:block;box-sizing:border-box;text-decoration:none}.input-button a.button[aria-disabled=true],.input-button a.button[aria-disabled=true]:hover{color:#b4b4bb;background-color:#e1e1e3}.recovery-code{margin-bottom:.5rem}form img{margin:0 auto;display:block}:root{--grey0:#f9f9fa;--grey5:#f0f0f1;--grey10:#e1e1e3;--grey30:#b4b4bb;--grey60:#5a5b6a;--grey70:#4a4b57;--grey100:#19191d;--blue30:#9dc2ff;--blue60:#2979ff;--blue70:#2264d1;--green30:#a9d3ab;--green60:#43a047;--green70:#37833b;--red30:#faa9a3;--red60:#f44336;--red70:#c8372d;--blueGrey30:#b4bbe2;--blueGrey60:#97a0d6;--primaryAccent:#ff80ff;--primary30:#f6a8c2;--primary60:#ec407a;--primary70:#c23564;--q2iOrange:#d45808;--borderRadius:4px;--regularFont300:"Rubik",sans-serif;--regularFont400:"Rubik",sans-serif;--regularFont500:"Rubik",sans-serif;--codeFont400:"Roboto Mono",sans-serif}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.input-button{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:20px}.input-button .button{line-height:20px;color:#f9f9fa;border-radius:4px;width:100%;padding:5px 12px;margin:7px 0;border:2px solid transparent;outline:none;background-color:#d45808;cursor:pointer}.input-button .button:disabled,.input-button .button:hover:disabled{color:#b4b4bb;background-color:#e1e1e3}.input-button .button.fake-hover,.input-button .button:hover{background-color:rgba(212,88,8,.3)}.input-button .button.fake-focus,.input-button .button:focus{background-color:#d45808;border:2px solid #9dc2ff;outline:none}.input-button .button.fake-click,.input-button .button:active{background-color:#d45808;outline:none;border:2px solid transparent}.input-button-big{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:20px}.input-button-big .button{line-height:30px;color:#f9f9fa;border-radius:4px;width:100%;padding:5px 12px;margin:7px 0;border:2px solid transparent;outline:none;background-color:#d45808;cursor:pointer}.input-button-big .button:disabled,.input-button-big .button:hover:disabled{color:#b4b4bb;background-color:#e1e1e3}.input-button-big .button.fake-hover,.input-button-big .button:hover{background-color:#f6a8c2}.input-button-big .button.fake-focus,.input-button-big .button:focus{background-color:#d45808;border:2px solid #9dc2ff;outline:none}.input-button-big .button.fake-click,.input-button-big .button:active{background-color:#d45808;outline:none;border:2px solid transparent}.checkbox{margin-bottom:14px}.checkbox .checkbox-title{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px;color:#4a4b57;display:block;margin-bottom:6px}.checkbox .checkbox-subtitle{margin-top:7px}.checkbox .checkbox-inner{display:flex}.checkbox input[type=checkbox]{display:none}.checkbox input[type=checkbox]+label{position:relative;display:flex}.checkbox input[type=checkbox]+label:before{min-width:12px;min-height:12px;max-width:12px;max-height:12px;width:12px;height:12px;content:"";border:1px solid #e1e1e3;margin-top:2px}.checkbox input[type=checkbox]:checked+label:before{background-color:#d45808;color:#f9f9fa}.checkbox input[type=checkbox]+label svg{position:absolute;fill:#f9f9fa;left:3px;top:5px}.checkbox label span{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:20px;display:block;margin-left:16px}.code-box{background-color:#4a4b57;padding:20px;border-radius:8px;color:#ecfdfe;word-wrap:break-word}.fork-me-text{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px;color:#f9f9fa;display:flex}.fork-me-image{padding:9px;height:18px;width:38px}.fork-me-fork{height:14px;width:14px}.fork-me-link{text-rendering:geometricPrecision;font-size:12px;line-height:18px;text-decoration:none;color:#d45808}.fork-me-link.fake-active,.fork-me-link.fake-hover,.fork-me-link.fake-visited,.fork-me-link:active,.fork-me-link:hover,.fork-me-link:visited{color:#d45808}.fork-me-link{font-size:14px;line-height:20px;color:#f9f9fa;font-family:"Rubik",sans-serif;font-weight:500;flex-wrap:nowrap;display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.fork-me-link.fake-visited,.fork-me-link:visited{color:#f9f9fa}.fork-me-link.fake-active,.fork-me-link.fake-hover,.fork-me-link:active,.fork-me-link:hover{color:#b4b4bb}.fork-me{background-color:#d45808;padding:8px 32px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;box-sizing:border-box}.message{color:#f44336;border:1px solid #faa9a3;border-radius:4px;padding:10px;text-align:center;margin-bottom:32px}.message,.text-input-title{font-weight:400;font-size:14px;line-height:20px}.message,.text-input-subtitle,.text-input-title{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-style:normal}.text-input-subtitle{font-weight:300;font-size:12px;line-height:18px;margin-bottom:15px}.text-input{box-sizing:border-box;font-family:"Rubik",sans-serif;font-weight:300;font-style:normal;font-size:14px;color:#4a4b57;width:100%;padding:5px 12px;margin-top:7px;margin-bottom:14px;border:1px solid #b4b4bb;border-radius:4px;background-color:transparent;overflow:visible;outline:none}.text-input.fake-hover,.text-input:hover{border:1px solid rgba(212,88,8,.3)}.text-input.fake-focus,.text-input:focus{border:1px solid #d45808}.typography-h1{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:500;font-style:normal;font-size:32px;line-height:40px}.typography-h2{font-size:16px;line-height:24px}.typography-h2,.typography-h3{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:400;font-style:normal}.typography-h3{font-size:14px;line-height:20px}.typography-lead{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px}.typography-button,.typography-paragraph{font-family:"Rubik",sans-serif;font-weight:300}.typography-button,.typography-code,.typography-paragraph{text-rendering:geometricPrecision;font-style:normal;font-size:14px;line-height:20px}.typography-code{font-family:"Roboto Mono",sans-serif;font-weight:400;color:#f9f9fa}.typography-caption{font-weight:300;font-style:normal;margin-bottom:14px}.typography-caption,.typography-link{text-rendering:geometricPrecision;font-family:"Rubik",sans-serif;font-size:12px;line-height:18px}.typography-link{text-decoration:none;color:#d45808}.typography-link.fake-visited,.typography-link:visited{color:#d45808}.typography-link.fake-hover,.typography-link:hover{color:rgba(212,88,8,.3)}.typography-link.fake-active,.typography-link:active{color:#c23564}
/*# sourceMappingURL=main.038fc70b.chunk.css.map */