/**
  uploadDocBox
  AUTHOR: Osvaldas Valutis, www.osvaldas.info
*/
#ob_drag_and_drop_uploader {
  width: 100%;
  height: 275px;
  text-align: center;
  margin: 0 auto; }
  #ob_drag_and_drop_uploader h1 {
    font-size: 42px;
    font-weight: 300;
    color: #0f3c4b;
    margin-bottom: 40px; }
    #ob_drag_and_drop_uploader h1 a:hover,
    #ob_drag_and_drop_uploader h1 a:focus {
      color: #69ACF3; }
  #ob_drag_and_drop_uploader nav {
    margin-bottom: 40px; }
    #ob_drag_and_drop_uploader nav a {
      border-bottom: 2px solid #c8dadf;
      display: inline-block;
      padding: 4px 8px;
      margin: 0 5px; }
      #ob_drag_and_drop_uploader nav a.is-selected {
        font-weight: 700;
        color: #69ACF3;
        border-bottom-color: currentColor; }
      #ob_drag_and_drop_uploader nav a:not(.is-selected):hover, #ob_drag_and_drop_uploader nav a:not(.is-selected):focus {
        border-bottom-color: #0f3c4b; }
  #ob_drag_and_drop_uploader footer {
    color: #92b0b3;
    margin-top: 40px; }
  #ob_drag_and_drop_uploader footer p + p {
    margin-top: 1em; }
  #ob_drag_and_drop_uploader footer a:hover,
  #ob_drag_and_drop_uploader footer a:focus {
    color: #69ACF3; }
  #ob_drag_and_drop_uploader #progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear; }
  #ob_drag_and_drop_uploader #progress_bar.loading {
    opacity: 1.0; }
  #ob_drag_and_drop_uploader #progress_bar .percent {
    background-color: #99ccff;
    height: auto;
    width: 0; }
  #ob_drag_and_drop_uploader .svg-wrap {
    width: 95px;
    margin: 0 auto; }
    #ob_drag_and_drop_uploader .svg-wrap svg {
      width: 100%;
      height: 100%; }

.box {
  height: 100%;
  font-size: 1.25rem;
  /* 20 */
  position: relative;
  padding: 30px 30px; }
  .box .title {
    color: #222222;
    margin-bottom: 15px;
    font-size: 16px; }
  .box.has-advanced-upload {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; }

.box.is-dragover {
  outline-offset: -17px;
  outline-color: #69ACF3;
  background-color: #fff; }

.box__dragndrop,
.box__icon {
  display: none; }

.box.has-advanced-upload .box__dragndrop {
  display: inline; }

.box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #69ACF3;
  display: block;
  margin-bottom: 20px; }

.upload-btn {
  width: 160px; }

.supported-file-types {
  color: #777;
  line-height: 34px;
  font-size: 13px; }

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
  visibility: hidden; }

.box__uploading,
.box__success,
.box__error {
  display: none; }

.box__error span {
  display: block;
  margin: 10px 0 0; }

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  color: #222222;
  font-size: 16px; }

.box__uploading {
  font-style: italic; }

.box__success {
  -webkit-animation: appear-from-inside .25s ease-in-out;
  animation: appear-from-inside .25s ease-in-out; }

@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0); }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1); }
  to {
    -webkit-transform: translateY(-50%) scale(1); } }
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0); }
  75% {
    transform: translateY(-50%) scale(1.1); }
  to {
    transform: translateY(-50%) scale(1); } }
.box__restart {
  font-weight: 700; }

.box__restart:focus,
.box__restart:hover {
  color: #69ACF3; }

.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.js .box__file + label {
  font-weight: normal;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  color: #222222;
  margin: 0; }
  .js .box__file + label strong {
    cursor: pointer; }
  .js .box__file + label:focus {
    outline: none; }

.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #69ACF3; }

.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000; }

.js .box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.no-js .box__file + label {
  display: none; }
.no-js .box__button {
  display: block; }

.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #69ACF3;
  display: none;
  padding: 8px 16px;
  margin: 40px auto 0; }
  .box__button:hover, .box__button:focus {
    background-color: #0f3c4b; }

/*# sourceMappingURL=main.css.map */