.disclamer{cursor:pointer;position:fixed;z-index:100000;top:50%;left:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:200vh;padding:1.1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:8vh}.disclamer--yellow{background:#ff0;color:#000}.disclamer--black{background:#000;color:#fff}.disclamer h1{margin:auto;display:inline-block;font-weight:900;color:inherit}.disclamer p{font-size:2vh;color:inherit}.loading{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:#fff;opacity:.9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading span{position:relative}.loading span:before{content:"loading...";opacity:0}.loading span:after{position:absolute;top:0;left:0;content:"loading.";-webkit-animation-name:loading-animation;animation-name:loading-animation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes loading-animation{0%{content:"loading."}50%{content:"loading.."}75%{content:"loading..."}}@keyframes loading-animation{0%{content:"loading."}50%{content:"loading.."}75%{content:"loading..."}}.files{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.files,.files__items{height:100%}.files__calendar,.files__url{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:.5rem;height:2em;-webkit-box-sizing:border-box;box-sizing:border-box}.files__calendar span,.files__url span{text-transform:uppercase}.files__calendar:hover,.files__url:hover{background-color:grey;color:#fff}.files__name{width:100%;padding:.5em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files__extention{width:20%;text-align:center;padding:.5em 0;border-left:1px solid #000;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.files__footer{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #000;background-color:#000;color:#fff}.files__footer span{padding:.5em;display:inline-block;width:50%;text-transform:uppercase;cursor:pointer}.files__footer span:hover{background-color:#0f0;color:#fff}.files__footer span+span{border-left:1px solid #fff;text-align:right}.files__footer span+span:hover{background-color:red;color:#fff}.files--selected{background-color:#000!important;color:#fff}.loader{-ms-flex:1 1 auto;flex:1 1 auto}.loader,.loader__import{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1}.loader__import{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex:1 1 auto;flex:1 1 auto;border-left:1px solid #000}.loader__url{width:100%;padding:0}.loader__url-input,.loader__url-submit{width:100%;font-size:1em;padding:.5em 0 .5em .5em;border-radius:0;line-height:1;background-color:transparent;text-align:left;height:2em;border:none;border-bottom:1px solid #000}.loader__url-input{line-height:2}.loader__url-submit{cursor:pointer}.loader__dropzone{display:block;width:100%;height:100%}.loader__dropzone-inner{width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loader__dropzone-input{cursor:pointer;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.loader__files{width:30%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.overview{border-top:1px solid #fff}.overview__foot-item,.overview__item,.overview__sub-item{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem;border-bottom:1px solid}.overview__foot-item-title,.overview__item-title,.overview__sub-item-title{color:inherit;width:50%;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem 0;margin:-.5rem 0}.overview__foot-item-total,.overview__item-total,.overview__sub-item-total{color:inherit}.overview__foot-item-rate,.overview__item-rate,.overview__sub-item-rate{border-bottom:1px solid;color:#fff}.overview__foot-item-rate:focus,.overview__item-rate:focus,.overview__sub-item-rate:focus{outline:none}.overview__foot-item-rate:after,.overview__item-rate:after,.overview__sub-item-rate:after{content:"%"}.overview__foot-item-arrow,.overview__item-arrow,.overview__sub-item-arrow{margin:0 .5em}@media screen and (max-width:600px){.overview__foot-item-title,.overview__item-title,.overview__sub-item-title{width:100%;max-width:100%}}.overview__foot-item--reverse,.overview__item--reverse,.overview__sub-item--reverse{background-color:#000;color:#fff}.overview__foot-item--bold,.overview__item--bold,.overview__sub-item--bold{font-weight:700}.overview__foot-item--big,.overview__item--big,.overview__sub-item--big{font-size:2em}.overview__item--highlight{background-color:#000;color:#fff}.overview__item--selectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.overview__item--selectable:hover{background-color:#000;color:#fff}.overview__sub-item{border-color:grey;border-bottom-style:dashed}.overview__sub-item:last-child{border-bottom-style:solid;border-color:#000}.overview__sub-item span{color:grey}.overview__sub-item-dates{width:50%;max-width:500px}.overview__sub-item-hours{width:25%}.overview__sub-item-duration{width:12.5%}.overview__sub-item-total{width:12.5%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overview__sub-item-total:hover span{color:#000}.overview__foot{font-size:2em}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px}body,html{margin:0}a,h1,h2,h3,h4,h5,input,li,p,span,ul{margin:0;padding:0;color:inherit;text-decoration:none;list-style:none;font-size:inherit;font-weight:inherit;line-height:1}body{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}.app{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:Arial}.app,.head{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.head{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.5rem;background:#000;color:#fff;position:sticky;top:0}.head--over{background:#c8c8c8}.head--error{background:red}.head__close,.head__error,.head__title{font-weight:700;font-size:2em;line-height:1;color:inherit;white-space:nowrap}.head__title{width:50%;max-width:500px}@media screen and (max-width:600px){.head__title{width:100%;max-width:100%}}.head__close{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}