@charset "UTF-8";

@import url('/dist/css/fonts/dripicons.css');

/* Document */

html
{
  height: 100%;
  box-sizing: border-box;
}

body
{
  margin: 0;
  position: relative;
  padding-bottom: 75px;
  min-height: 100%;
}

*,
*:before,
*:after
{
  box-sizing: inherit;
}

/* Navigator */

body > .top
{
    display: table;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    animation-duration: 0.3s;
}

body > .top > div
{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

body > .top div.links
{
    width: 1%;
    min-height: 38px;
    display: table;

    font-size: 0.9em;

    margin: 0 auto;
}

body > .top a
{
  outline: none;
}

body > .top div.links > a
{
    padding: 12px 16px 10px 16px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

    text-decoration: none;
    color: #fff;
}

body > .top.stick
{
  position: fixed;
  z-index: 999;
  top: 0;
  height: 38px;
}

/* Fillers */

.ns
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hidden { display: none; }
.visible { display: block; }
.visible-il { display: inline-block; }

.w-100 { width: 100%; }

.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }

.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }

.mtb-6 { margin: 6px 0px 6px 0px; }
.mtb-8 { margin: 8px 0px 8px 0px; }
.mtb-10 { margin: 10px 0px 10px 0px; }
.mtb-12 { margin: 12px 0px 12px 0px; }
.mtb-16 { margin: 16px 0px 16px 0px; }

.rounded { border-radius: 3px; }

/* Content */

.content
{
  margin: 0 auto;
  padding-top: 16px;
  max-width: 640px;
  width: 94%;
}

/* Auth */

.login-wrapper
{
  text-align: left;
}

.login-wrapper div > span
{
  font-size: 0.82em;
  padding-left: 2px;
}

/* Elements */

button:not(.default),
input[type="submit"]:not(.default)
{
  outline: none;
  cursor: pointer;
  padding: 6px 8px 6px 8px;
  font-size: 0.8em;

  -webkit-transition: background-color 75ms linear;
  -ms-transition: background-color 75ms linear;
  transition: background-color 75ms linear;
}

button:not(.default) .icon,
input[type="submit"]:not(.default) .icon
{
  display: inline-block;
  margin-right: 8px;
  margin-top: -1px;
}

button:not(.default)::-moz-focus-inner,
input[type="submit"]:not(.default)::-moz-focus-inner
{
  border: 0;
}

input[type="text"]:not(.default),
input[type="password"]:not(.default)
{
  font-size: 0.8em;
  outline: none;
  padding: 6px;
}

file-drop > div
{
  padding: 8px 10px 8px 10px;
  cursor: pointer;
  font-size: 0.9em;
  text-align: center;

  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}

file-drop > div .icon
{
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

/* Misc containers */

.box
{
  border: 1px solid #212121;
  background-color: #18181b;
  padding: 16px;
  border-radius: 4px;
}

.description
{
    font-style: italic;
    font-size: 0.9em;
}

.error-container
{
  padding: 0px 0px 0px 20px;
  font-size: 0.9em;
}

/* Footer */

.footer
{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 0.8em;

  display: table;
  table-layout: fixed;

  width: 100%;
}

.footer .left div,
.footer .middle div,
.footer .right div
{
  display: inline-block;
}

.footer .left,
.footer .middle,
.footer .right
{
  display: table-cell;
  padding-top: 7px;
  padding-bottom: 8px;
}

.footer .left
{
  text-align: left;
  padding-left: 9px;
}

.footer .middle
{
  text-align: center;
  color: #535e88;
}

.footer .middle > a
{
  color: #535e88;
}

.footer .middle > a:hover
{
  color: #fff;
}

.footer .right
{
  text-align: right;
  padding-right: 9px;
}

.footer .right #affiliates
{
  cursor: pointer;
}

.footer .right #affiliates:hover
{
  text-decoration: underline;
}

.footer a
{
  text-decoration: none;
}

.footer a:hover
{
  text-decoration: underline;
}

.footer > div
{
  display: inline-block;
  padding: 0px 5px 0px 5px;
}


/* Mobile */

@media only screen and (max-width: 640px)
{
  h1
  {
    font-size: 1.6em;
  }
}

/* Extras */

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}