/*****************************************************************/
/*                                                               */
/*  RESET                                                        */
/*                                                               */
/*****************************************************************/
#boxit *,
#boxit_pre_upload * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif !important; }
#boxit a, #boxit b, #boxit div, #boxit h1, #boxit h2, #boxit h3, #boxit h4, #boxit h5, #boxit h6, #boxit i, #boxit img, #boxit label, #boxit li, #boxit p, #boxit pre, #boxit small, #boxit span, #boxit strong, #boxit table, #boxit tbody, #boxit td, #boxit tfoot, #boxit th, #boxit thead, #boxit tr, #boxit ul,
#boxit_pre_upload a,
#boxit_pre_upload b,
#boxit_pre_upload div,
#boxit_pre_upload h1,
#boxit_pre_upload h2,
#boxit_pre_upload h3,
#boxit_pre_upload h4,
#boxit_pre_upload h5,
#boxit_pre_upload h6,
#boxit_pre_upload i,
#boxit_pre_upload img,
#boxit_pre_upload label,
#boxit_pre_upload li,
#boxit_pre_upload p,
#boxit_pre_upload pre,
#boxit_pre_upload small,
#boxit_pre_upload span,
#boxit_pre_upload strong,
#boxit_pre_upload table,
#boxit_pre_upload tbody,
#boxit_pre_upload td,
#boxit_pre_upload tfoot,
#boxit_pre_upload th,
#boxit_pre_upload thead,
#boxit_pre_upload tr,
#boxit_pre_upload ul {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  outline-offset: 0px;
  text-decoration: none !important;
  text-align: left;
  font-weight: normal;
  border: none; }
#boxit ol, #boxit ul,
#boxit_pre_upload ol,
#boxit_pre_upload ul {
  list-style: none; }
#boxit blockquote, #boxit q,
#boxit_pre_upload blockquote,
#boxit_pre_upload q {
  quotes: none; }
#boxit blockquote:after,
#boxit blockquote:before, #boxit q:after, #boxit q:before,
#boxit_pre_upload blockquote:after,
#boxit_pre_upload blockquote:before,
#boxit_pre_upload q:after,
#boxit_pre_upload q:before {
  content: '';
  content: none; }
#boxit table,
#boxit_pre_upload table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'boxit';
  src: url("fonts/boxit.eot");
  src: url("fonts/boxitd41d.eot?#iefix") format("embedded-opentype"), url("fonts/boxit.woff") format("woff"), url("fonts/boxit.html") format("truetype"), url("fonts/boxit.svg#boxit") format("svg");
  font-weight: normal;
  font-style: normal; }
@-moz-keyframes boxit-spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes boxit-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes boxit-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
#boxit,
#boxit_pre_upload {
  position: relative;
  width: 100%;
  margin-bottom: 30px; }

#boxit_dropzone .boxit_icon,
#boxit_pre_upload .boxit_icon {
  font-size: 110px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  font-family: "boxit" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

#boxit.pre_upload {
  display: none; }

#boxit_done_msg {
  display: inline-block !important;
  padding: 10px 20px !important;
  margin-bottom: 20px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 17px !important;
  line-height: 1.2 !important; }

/***************************************************/
/*                                                 */
/*       PRE UPLOAD fields                         */
/*                                                 */
/***************************************************/
#boxit_pre_upload {
  text-align: center; }
  #boxit_pre_upload #name_email,
  #boxit_pre_upload #upload_message {
    position: relative;
    display: block; }
    #boxit_pre_upload #name_email label,
    #boxit_pre_upload #upload_message label {
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 10px; }
    #boxit_pre_upload #name_email span,
    #boxit_pre_upload #upload_message span {
      display: block;
      text-align: left;
      font-size: 16px;
      line-height: 22px;
      line-height: 20px;
      margin-bottom: 5px; }
    #boxit_pre_upload #name_email input,
    #boxit_pre_upload #upload_message input {
      font-size: 16px;
      line-height: 22px;
      padding: 8px 12px;
      width: 100%;
      height: auto !important; }
    #boxit_pre_upload #name_email textarea,
    #boxit_pre_upload #upload_message textarea {
      font-size: 16px;
      line-height: 22px;
      padding: 8px 12px;
      width: 100%;
      height: 70px; }
    #boxit_pre_upload #name_email .boxit_pre_error,
    #boxit_pre_upload #upload_message .boxit_pre_error {
      display: block;
      width: 100%;
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
      background: #F45043;
      padding: 5px 8px 5px 8px;
      margin-top: -1px;
      color: #fff; }
  #boxit_pre_upload #boxit_captcha {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 30px; }
    #boxit_pre_upload #boxit_captcha label {
      display: block;
      position: relative;
      text-align: center; }
      #boxit_pre_upload #boxit_captcha label span {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5px; }
      #boxit_pre_upload #boxit_captcha label input {
        width: 140px;
        display: inline-block;
        position: relative;
        font-size: 16px;
        line-height: 22px;
        padding: 8px 12px;
        margin: 0 6px;
        height: auto !important; }
      #boxit_pre_upload #boxit_captcha label .realperson-challenge {
        display: inline-block;
        position: relative;
        color: #000;
        top: 8px;
        margin: 0 6px 15px; }
        #boxit_pre_upload #boxit_captcha label .realperson-challenge .realperson-text {
          font-family: "Courier New", monospace !important;
          font-size: 6px;
          font-weight: bold;
          letter-spacing: -1px;
          line-height: 3px; }
    #boxit_pre_upload #boxit_captcha #bc_sub, #boxit_pre_upload #boxit_captcha .realperson-regen {
      display: none; }
    #boxit_pre_upload #boxit_captcha .boxit_pre_error {
      display: block;
      width: 100%;
      position: relative;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
      background: #F45043;
      padding: 5px 8px 5px 8px;
      margin-top: -1px;
      color: #fff; }
  #boxit_pre_upload #show_boxit {
    padding: 10px 30px;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    cursor: pointer; }

/*****************************************************************/
/*                                                               */
/*  UPLOADER - DROPZONE                                          */
/*                                                               */
/*****************************************************************/
#boxit_dropzone {
  text-align: center !important;
  padding: 30px !important;
  display: block !important;
  margin-bottom: 30px !important; }
  #boxit_dropzone span.drop_info, #boxit_dropzone span.release_info {
    display: block;
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 26px;
    text-align: center; }
  #boxit_dropzone span.release_info {
    display: none; }
  #boxit_dropzone #boxit_browse {
    padding: 10px 30px;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 20px; }
  #boxit_dropzone span.filetypes {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 20px; }
  #boxit_dropzone.drop_area_active span.drop_info {
    display: none; }
  #boxit_dropzone.drop_area_active span.release_info {
    display: block; }

.boxit_start_upload_container {
  text-align: center !important;
  display: none; }
  .boxit_start_upload_container #boxit_start_upload {
    padding: 10px 30px;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    cursor: pointer; }

.space_status {
  text-align: center !important;
  position: relative;
  display: block;
  padding-top: 10px !important; }
  .space_status .status_label {
    display: block;
    text-align: center !important; }
  .space_status div {
    width: 50%;
    height: 2px;
    position: relative;
    display: inline-block; }
    .space_status div span {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      display: block; }

#boxit .dbx_spin {
  position: relative !important;
  display: inline-block !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  z-index: 2 !important;
  font-family: "boxit" !important;
  -webkit-animation: boxit-spin 1s linear infinite;
  -moz-animation: boxit-spin 1s linear infinite;
  animation: boxit-spin 1s linear infinite; }

/*****************************************************************/
/*                                                               */
/*  UPLOAD FILE LIST                                             */
/*                                                               */
/*****************************************************************/
#queue_header {
  font-size: 20px !important;
  margin-bottom: 10px !important;
  display: none; }
  #queue_header div {
    display: inline; }
    #queue_header div .moving_to_dbx {
      position: relative;
      display: inline-block;
      font-size: 15px;
      line-height: 1;
      margin-left: 10px;
      margin-right: 10px;
      z-index: 2;
      font-family: "boxit" !important;
      -webkit-animation: boxit-spin 1.5s linear infinite;
      -moz-animation: boxit-spin 1.5s linear infinite;
      animation: boxit-spin 1.5s linear infinite; }

#boxit #filelist {
  margin-bottom: 30px; }
  #boxit #filelist li {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    min-height: 30px;
    padding: 4px 8px; }
    #boxit #filelist li span {
      z-index: 2;
      position: relative; }
    #boxit #filelist li b {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
      #boxit #filelist li b span {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 0%;
        height: 100%;
        opacity: 1;
        padding: 6px; }
    #boxit #filelist li.boxit_file_uploaded .moving_to_dbx {
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -7px;
      font-size: 15px;
      line-height: 15px;
      z-index: 2;
      font-family: "boxit" !important;
      -webkit-animation: boxit-spin 1.5s linear infinite;
      -moz-animation: boxit-spin 1.5s linear infinite;
      animation: boxit-spin 1.5s linear infinite; }
    #boxit #filelist li.dbx_upload_done .moving_to_dbx {
      display: none; }
    #boxit #filelist li.dbx_upload_done .dbx_error {
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -7px;
      font-size: 15px;
      line-height: 15px;
      z-index: 2;
      font-family: "boxit" !important; }
    #boxit #filelist li.dbx_upload_done .dbx_error_message {
      position: relative;
      z-index: 2;
      font-size: 15px;
      line-height: 22px; }
    #boxit #filelist li.dbx_upload_done .dbx_success {
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -7px;
      font-size: 15px;
      line-height: 15px;
      z-index: 2;
      font-family: "boxit" !important; }

.boxit_syncing b span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden; }

@-webkit-keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }
@-moz-keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }
@keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 50px 50px; } }
.boxit_syncing b span:after {
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  animation: move 2s linear infinite; }