/*
 * FileSender www.filesender.org
 * 
 * Copyright (c) 2009-2012, AARNet, Belnet, HEAnet, SURFnet, UNINETT
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 * 
 * *   Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 * 
 * *   Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution.
 * 
 * *   Neither the name of AARNet, Belnet, HEAnet, SURFnet and UNINETT nor the
 *     names of its contributors may be used to endorse or promote products
 *     derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */


@font-face {
    font-family: 'gilroy';
    src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Global rules */

* {
    box-sizing: border-box;
}

body {
    background: #EEF2F5;
    color: #101820;
    text-align: left;
    /*font-size: 12px;*/
}

body, .ui-widget, input, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, select, textarea {
    font-family: gilroy, sans-serif !important;
}

img {
    display: block;
}

a {
    color: #101820;
}

p {
  margin-bottom: 1rem;
}

th, td {
    vertical-align: top;
    padding: 0.5em;
}

abbr {
    border-bottom: 1px dashed #aaa;
    cursor: help;
}


/* Main layout rules */

#wrap {
    padding-bottom: 2em;
}

#header {
    background: #FFF;
    border-bottom: 1px solid #D0DDE2!important;
}
#header > div {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.logo {
    flex-shrink: 0;
    display: block;
    padding: 24px 0;
}

#headeruid {
    background: #666 url(../images/banner-uid-900.png) no-repeat top left;
    height: 60px;
    margin-bottom: 1em;
}

#langmenu {
    border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    margin: 0 2em 0.5em 2em;
    overflow: hidden;
}

#langmenu .rightlangmenu {
    float: right;
}

#langmenu li {
    position: relative;
    display: inline-block;
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.098);
    border-right: 1px solid rgba(0, 0, 0, 0.35);
    cursor: pointer;
    font: bold 13px/17px "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
}

#langmenu ul {
    display: inline;
    float: right;
    list-style: none outside none;
}

#notifications {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 30%;
    z-index: 10000;
    transform: translate(-50%, -50%);
}

#menu {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
}

#menu li {
    position: relative;
    transition: all 0.2s ease 0s;
}

/*#menu ul .spacer {
    width: 100%;
}*/

#menu ul {
    display: flex;
    align-items: stretch;
    list-style: none outside none;
}

#menu ul li a {
    color: #6D8690;
    display: block;
    font-style: normal;
    font-weight: normal;
    padding: 30px 10px;
    text-decoration: none;
    font-size: 1.188rem;
}
#menu ul li a:hover {
    color: #101820;
}

.must_login_message {
    background-color: rgb(251,201,201);
    border: 1px solid;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 0.4em 0.4em 0.4em 32px;
    margin: 2em 5em;
}

#menu ul li select {
    display: block;
    font-style: normal;
    font-weight: normal;
    margin: 0.6em 1em;
}

#content {
    padding: 0.5em 2em 1em 2em;
}

#page .logon {
    margin: 1em;
    text-align: center;
}

#footer {
    text-align: center;
    font-size: 1em;
    color: #666;
}


/* Page elements */

#page, .container {
    width: 88vw;
    margin: 0 auto;
}

#page h1 {
    width: 100%;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 4px;
}

#page h2 {
    width: 100%;
    font-size: 1.15em;
    font-weight: bold;
    padding-bottom: 0.8em;
    padding-top: 1.5em;
}

#page h3 {
    width: 100%;
    font-size: 1.05em;
    font-weight: bold;
    padding-bottom: 0.7em;
    padding-top: 1.2em;
}

div.message, div.notification, div.exception {
    background-position: 0.8em 50%;
    background-repeat: no-repeat;
    border: 1px solid;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 0.4em 0.4em 0.4em 32px;
    margin: 2em 5em;
}

div.notification {
    margin: 1em;
}

div.error.message, div.notification.error, div.exception {
    background-color: #E40029;
    background-image: url(../images/error.png);
    border: 0 none;
}

div.info.message, div.notification.info {
    background-color: #EEF2F5;
    background-image: url(../images/info.png);
    border: 0 none;
}

div.success.message, div.notification.success {
    background-color: #28a745;
    background-image: url(../images/success.png);
    border: 0 none;
}

div.exception .details {
    margin: 1em;
}

.box {
    padding: 1.5rem;
    background-color: #fff;
    /*margin: 0 0.25em 0.5em 0.25em;*/
}
.general.box, .files.box {
    padding: 0;
    margin-top: 2rem;
}

.boxnoframe {
    padding: 0.5em;
    margin: 0 0.25em 0.5em 0.25em;
}

.clickable, [data-action] {
    cursor: pointer;
}

.disabled[data-action] {
    color: #D0DDE2;
    cursor: default;
}

span.clickable {
    text-decoration: underline;
}

span.clickable.fa {
    text-decoration: none;
}

.two_columns {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.5em;
    margin-bottom: 0.5em;
}

.two_columns td {
    width: 50%;
}

.fieldcontainer + .fieldcontainer {
    margin-top: 1rem;
}

.remove {
    margin-left: 0.5em;
    cursor: pointer;
}

.remove:hover {
    color: #E40029;
}

div.invalid {
    -webkit-box-shadow:0 0 4px red;
    -moz-box-shadow: 0 0 4px red;
    box-shadow:0 0 4px red;
}

span.invalid {
    color: #f00;
    margin-right: 0.5em;
}

input.invalid, textarea.invalid {
    border: 1px solid #f00;
}

label.invalid {
    color: #f00;
}


.languages {
    overflow-x: auto;
}

.buttons {
    display: table;
    border-collapse: separate;
    border-spacing: 0.5em;
    margin: 0.5em auto;
    text-align: center;
}

.buttons a, .buttons .spaced {
    display: table-cell;
    padding: 0.7em;
    font-size: 1em;
}

.buttons a {
    font-weight: bold;
}

.buttons a.not_displayed {
    display: none;
}

.buttons a span.fa {
    font-size: 1rem;
}

table.list {
    /*table-layout: fixed;*/
    width: 100%;
}

table.list thead tr {
    background-color: #EEF2F5;
    font-weight: bold;
}

table.list .subheader tr {
    background-color: #D0DDE2;
    font-weight: bold;
}

td .desc {
    text-align: right;
}


.pager_bottom_nav {
    /*background-color: #eee;*/
    text-align: right;
}
.pager_bottom_nav td {
    border-bottom: none !important;
}

table.list th {
    text-align: center;
}

table.list tbody td {
    border-bottom: 1px solid #D0DDE2;
}

table.list .actions {
    width: 6em;
    text-align: center;
}

table.list .actions span{
    margin: 0 0.1em;
}

table.list .date {
    width: 15em;
}

.progressbar {
    position: relative;
    margin: 0.4em 0.25em;
    width: 60%;
    height: 1.1018203em;
}

.progressbar .progress-label {
    position: absolute;
    top: 0.2em;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
}

.progressbar.quota {
    margin: 0.4em auto;
    width: 90%;
}

.progressbar.quota .ui-progressbar-value {
    background-image: none;
    background-color: #0f0;
}

.progressbar.quota.quota_70.quota_plus_5 .ui-progressbar-value,
.progressbar.quota.quota_80 .ui-progressbar-value {
    background-color: #ff0;
}

.progressbar.quota.quota_90 .ui-progressbar-value {
    background-color: #f80;
}

.progressbar.quota.quota_90.quota_plus_5 .ui-progressbar-value {
    background-color: #f00;
}


/* JQuery UI overides */

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}


.ui-dialog .ui-dialog-content.error {
    background: transparent url(../images/error.png) no-repeat 0.8em 0.5em;
    padding-left: 3em;
}

.ui-dialog .ui-dialog-content.error .details {
    margin: 0.5em;
    border: 1px dashed silver;
}

.ui-dialog .ui-dialog-content.error .details .detail {
    margin: 0.25em;
}

.ui-dialog .ui-dialog-content.info {
    background: transparent url(../images/info.png) no-repeat 0.8em 0.5em;
    padding-left: 3em;
}

.ui-dialog .ui-dialog-content.success {
    background: transparent url(../images/success.png) no-repeat 0.8em 0.5em;
    padding-left: 3em;
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: 0.5em 0.4em 0.5em 0;
    padding: 0.5em;
    padding-left:1em;
    padding-right:1em;
}

.ui-dialog .ui-dialog-content label {
    margin-right: 1em;
}

.ui-dialog .ui-dialog-content input.wide,
.ui-dialog .ui-dialog-content select.wide,
.ui-dialog .ui-dialog-content textarea.wide {
    width: 90%;
}

.ui-dialog-content.wide_info {
    overflow-y: scroll;
}

.ui-button .fa {
    margin-right: 0.25em;
}

.ui-dialog-content.wide_info .filtered {
    margin: 0.5em;
    padding: 0.25em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #D0DDE2;
}

.ui-dialog-content.wide_info .filtered a {
    margin-left: 0.25em;
}

.ui-dialog-content.wide_info .error {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid silver;
}

.ui-dialog-content.wide_info .error div {
    margin-bottom: 0.25em;
}

.ui-dialog-content.wide_info .error div .name {
    font-weight: bold;
}

.ui-dialog-content.wide_info .error .details pre {
    font-family: monospace;
    margin: 0.25em 1em;
    border: 1px dashed silver;
    padding: 0.25em;
}

.ui-dialog-content strong {
    font-weight: bold;
}

.ui-dialog-content p {
    margin-bottom: 0.75em;
}

.buttons a.ui-button:not(.no-button):active, .buttons a.ui-button:not(.no-button):hover, .buttons a.ui-button:not(.no-button):focus {
    font-weight: bold;
}


/* Upload page */

#upload_form input[type="checkbox"] {
    float: left;
    width: 1.2em;
    margin: 0 1em 0 0;
}

#upload_form .file_selector {
    display: none;
    margin-bottom: 0.5em;
}

#upload_form .files {
    width: 100%;
    margin-bottom: 0.5em;
    max-height: 20em;
    /*overflow-y: scroll;*/
}

.upload_form_regular .files .file,
.upload_form_regular .required_files .file {
    position: relative;
    margin: 0.2em 0;
    padding: 0.5em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #D0DDE2;
    line-height: 1.8em;
    /*height: 1.8em;*/
}

.upload_form_stats .files .file,
.upload_form_stats .required_files .file {
    position: relative;
    margin: 0.2em;
    padding: 0.5em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #D0DDE2;
    line-height: 5.4em;
}

#upload_form .required_files .file {
    background-color: #faa;
}

#upload_form .files .file .info,
#upload_form .required_files .file .info {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

#upload_form .files .file .remove {
    float: right;
    line-height: 1.1018203em;
}

#upload_form .files .file .invalid_reason {
    color: #f00;
    font-style: italic;
}

#upload_form .files .file .progressbar {
    position: relative;
    display: none;
    float: right;
    margin: 0.2101820em 0 0.2101820em 1em;
    width: 10em;
    height: 1.1018203em;
}

#upload_form .files .file .progressbar .progress-label {
    position: absolute;
    top: -0.2em;
    font-size: 0.9em;
}

#upload_form .files .file .done_icon {
    position: relative;
    display: none;
    float: right;
    margin: 0.0101820em 0 0.2101820em 1em;
    font-size: 2em;
    color: #0a0;
}

#upload_form .files .file.done {
    background-color: #afa;
}

#upload_form .files .file.done .done_icon {
    display: inline;
}

#upload_form .files .file.done .progressbar {
    display: none !important;
}

#upload_form .files .file input {
    display: none;
}

#upload_form .files_dragdrop {
    border: 1px dashed #666;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 0.5em 0;
    background-color: #FFF;
    font-weight: bold;
}

#upload_form .files_dragdrop .instructions {
    font-size: 1.2em;
    color: #666;
    font-weight: bold;
    padding: 0.3em;
    padding-bottom: 0.4em;
    line-height: 5em;
    text-align: center;
}

#upload_form .files_uploadlogtop {
    border: 1px dashed #666;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 0.5em 0;
    background-color: #FFF;
}

#upload_form .uploadlogheader {
    font-weight: bold;
    background-color: #FFF;
    text-align: center;
    width: 100%;
}

#upload_form .files_uploadlogtop .uploadlogbox {
    font-size: 1.2em;
    color: #666;
    font-weight: bold;
    padding: 0.3em;
    padding-bottom: 0.4em;
    height: 5em;
    text-align: center;
    max-height: 300em;
    overflow-y: scroll;   
}


.uploadlog .tpl {
    display: none;
}


#upload_form .uploading_actions {
    display: table;
    width: 100%;
    margin: 0.25em 1em 0 0;
}

#upload_form .uploading_actions div {
    display: table-cell;
    width: 100%;
}

#upload_form .uploading_actions .msg {
    display: table-cell;
    width: 100%;
}

.uploading_actions .auto_resume_timer_top {
    background-color: #fcc;
    display: none;
}

.uploading_actions .auto_resume_timer_top .auto_resume_timer {
    font-size: 1.0em;
    font-weight: bold;
    display: none;
}

.uploading_actions .resumetable {
    display: table;
    width: 100%;
    margin: 0.25em 1em 0 0;
}

.uploading_actions .resumetable tr {
    padding: 0.0em;
    width: 100%;
    font-size: 1em;
}

.uploading_actions .resumetable td {
    padding: 0.0em;
    width: 100%;
}

#upload_form .uploading_actions .msg {
    display: table-cell;
    width: 100%;
}


.seconds_since_data_sent
{
    font-size: 1.0em;
}

#upload_form .uploading_actions .stats {
    display: table-cell;
    width: 33%;
}

#upload_form .files_actions {
    display: flex;
    width: 100%;
    margin: 0.25em 1em 0 0;
}
#upload_form .files_actions {
    width: 100%;
    margin: 0.25em 0;
    text-align: center;
}

@media (min-width: 1024px) {
    #upload_form .files_actions {
        display: flex;
    }
    .files_select {
        order: 2;
        flex: 1;
    }
    .files_dir {
        order: 3;
        flex: 1;
    }
    .files_stats {
        order: 4;
        flex: 1;

    }
    .files_clear {
        order: 1;
        flex: 1;
    }
}

#upload_form .files_actions div {
}

.div3 {
    width: 33%;
}
.div4 {
     width: 25%;
}

/*#upload_form .files_actions div a {
    width: 45%;
}*/

#upload_form .files_actions div+div {
    text-align: center;
}

#upload_form .files_actions .stats {
    width: 33%;
}

#upload_form .files_actions .stats div {
    text-align: right;
    font-size: 1em;
    vertical-align: middle;
    width: 100%;
}

#upload_form .files_actions .stats .number_of_files,
#upload_form .files_actions .stats .size
{
    display: none;
}

#upload_form .uploading_actions .stats div {
    text-align: right;
    font-size: 1em;
    vertical-align: middle;
    width: 100%;
}

#upload_form .uploading_actions .msg,
#upload_form .uploading_actions .stats .uploaded,
#upload_form .uploading_actions .stats .average_speed,
#upload_form .uploading_actions .stats .estimated_completion
{
    display: none;
}

#upload_form .two_columns {
    width: 100.7%;
    margin: 0 -0.75em 0.5em -0.25em;
}

#upload_form .recipients {
    display: none;
    padding: 0.5em 0;
}

#upload_form .recipients .recipient {
    margin: 0.2em;
    padding: 0.5em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #D0DDE2;
}

#upload_form .recipients .recipient .remove {
    float: right;
}

#upload_form textarea[name="message"] {
    width: 100%;
    resize: vertical;
}

#upload_form .fieldcontainer[data-option="hide_sender_email"] {
  display: none;
}

#upload_form .advanced_options {
    display: none;
}

#upload_form .hidden_options {
    display: none;
}

#upload_form .aup {
    padding: 1em;
}

#upload_form .aup label {
    font-weight: bold;
}

#upload_form .aup label span {
    color: #666;
}

#upload_form .aup .terms {
    display: none;
    margin-top: 0.5em;
    padding: 0.5em;
}

#upload_form .buttons {
    margin: 1em auto;
}

#upload_form .buttons a {
    padding: 1em;
    font-size: 1.5em;
}

#upload_form .buttons a span.fa {
    font-size: 2em;
}

#upload_form .fieldcontainer .info.message {
    margin: 0.5em 1em;
}

#legacy_uploader {
    display: none;
}

.ui-dialog .ui-dialog-content .failed_transfer {
    margin-top: 1em;
}

.ui-dialog .ui-dialog-content .failed_transfer div {
    margin: 0.5em;
}

.ui-dialog .ui-dialog-content .failed_transfer ul {
    list-style-type: disc;
    margin-left: 2em;
}

.ui-dialog .ui-dialog-content .download_link {
    margin-top: 1em;
}

.ui-dialog .ui-dialog-content .download_link textarea {
    margin-top: 0.5em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .autoclose {
    margin-right: 1em;
}

/* transfers page */

.transfers_page .menu {
}

.transfers_page .menu ul {
    display: flex;
    list-style: none;
    gap: 1rem;
}

.transfers_page .menu li {
}

.transfers_page .menu li a {
}

.transfers_page .menu li.current {
}


/* transfers table */

table.transfers .expand,
table.transfers .collapse {
    width: 2em;
    text-align: center;
}

table.transfers .transfer_id {
    /*width: 7em;*/
    text-align: center;
}

table.transfers .downloads{
    /*width: 10em;*/
    text-align: center;
}

table.transfers .expires {
    /*width: 8em;*/
    text-align: center;
}

table.transfers .size {
    /*width: 6em;*/
    text-align: right;
}

table.transfers th.size {
    text-align: center;
}

table.transfers td.downloads {
    text-align: center;
}

table.transfers tbody .transfer[data-errors="1"] td {
    background-color: #faa;
}

table.transfers[data-status="uploading"] tbody tr .actions [data-action],
table.transfers[data-status="closed"] tbody tr .actions [data-action] {
    display: none;
}

table.transfers[data-status="uploading"] tbody tr .actions [data-action="delete"],
table.transfers[data-status="uploading"][data-audit="1"] tbody tr .actions [data-action="auditlog"],
table.transfers[data-status="closed"][data-audit="1"] tbody tr .actions [data-action="auditlog"] {
    display: inline;
}

table.transfers tbody tr.transfer_details {
    display: none;
}

table.transfers .transfer_details div {
    margin: 0.5em;
}

table.transfers .transfer_details .collapse,
table.transfers .transfer_details .actions {
    margin: 0.5em 0;
}

table.transfers .transfer_details .actions {
    float: right;
}

table.transfers .transfer_details .general div.options {
    margin: 0;
}

table.transfers .transfer_details .general .options ul {
    list-style-type: disc;
    margin-left: 1rem;
}

table.transfers .transfer_details h2 {
    font-size: 1.3em;
    margin-bottom: 0.3em;
}

table.transfers .transfer_details .recipients .recipient [data-action],
table.transfers .transfer_details .files .file [data-action] {
    margin: 0 0.15em;
}
.transfer-download {
    cursor: pointer;
}

table.transfers .transfer_details .recipients .recipient .errors {
    background-color: #faa;
    padding: 0.1em;
}

table.transfers .transfer_details .recipients .recipient .errors [data-action="details"] {
    margin-left: 0.25em;
}

table.transfers[data-status="closed"] .transfer_details .recipients .recipient [data-action="delete"],
table.transfers[data-status="closed"] .transfer_details .files .file [data-action="delete"] {
    display: none;
}

table.transfers .transfer_details .download_link input {
    display: block;
    width: 100%;
    /*margin: 0.4em auto;*/
}

.transfers_list_page_navigation {
    margin: 0.25em;
    text-align: center;
    font-size: 1.2em;
}

.transfers_list_page_navigation span,
.transfers_list_page_navigation a {
    margin: 0 0.25em;
}

.transfers_list_page_navigation a {
    text-decoration: underline;
}
.transfers_list_page_navigation span {
    font-weight: bold;
}


/* Guests page */

#send_voucher .recipients {
    display: none;
    padding: 0.5em 0;
}

#send_voucher .recipients .recipient {
    margin: 0.2em;
    padding: 0.5em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    background-color: #D0DDE2;
}

#send_voucher .recipients .recipient .remove {
    float: right;
}

#send_voucher textarea[name="message"] {
    display: block;
    width: 100%;
    resize: vertical;
}

#send_voucher input[type="checkbox"] {
    float: left;
    width: 1.2em;
    margin: 0 1em 0 0;
}

#send_voucher .advanced_options {
    display: none;
}

.guests_page .progressbar.user_quota {
    display: none;
}


/* Guests table */

table.guests .from,
table.guests .to,
table.guests .subject {
    /*width: 10em;*/
    overflow: hidden;
}

table.guests .full {
    display: none;
}

table.guests .created,
table.guests .expires {
    /*width: 7em;*/
    text-align: center;
}

table.guests tbody .guest[data-errors="1"] td {
    background-color: #faa;
}

table.guests .guest .to .errors .details {
    margin-left: 0.25em;
}


/* Admin page */

.admin_page .menu {
    border-bottom: 1px solid #D0DDE2;
    overflow: hidden;
    margin-bottom: 1em;
}

.admin_page .menu ul {
    display: inline;
    float: left;
    list-style: none outside none;
    margin-bottom: -1px;
}

.admin_page .menu li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 0.3em;
    border: 1px solid #D0DDE2;
    border-radius: 0.5em 0.5em 0 0;
    -moz-border-radius: 0.5em 0.5em 0 0;
    cursor: pointer;
    background-color: #D0DDE2;
}

.admin_page .menu li a {
    display: block;
    padding: 0.1em 0.5em;
    text-decoration: none;
}

.admin_page li a {
    display: block;
    padding: 0.1em 0.5em;
    text-decoration: none;
}

.admin_page .menu li.current {
    background-color: #fff;
}

.admin_page .progressbar.user_quota {
    display: none;
}


/* Download page */

.download_page {
    margin: 1em;
}

.download_page .disclamer {
    margin: 1rem 0;
}

.download_page .general div {
    margin-bottom: 0.8em;
}

.download_page .files .select_all {
    margin-left: 1.2em;
}

.download_page .files .select_all span:first-child {
    vertical-align: bottom;
}

.download_page .files .select_all .select {
    text-decoration: none;
}

.download_page .files .select_all .select span {
    vertical-align: middle;
}

.download_page .files .file {
    height: 30px;
    margin: 10px 0 0 0;
}

.download_page .files .file .select,
.download_page .files .file .name,
.download_page .files .file .avresult,
.download_page .files .file .size {
}

.download_page .files .file .name {
    text-overflow: ellipsis;
    width: 345px;
    display: inline-block;
    height: 1em;
    overflow: hidden;
    white-space: nowrap;
}

.download_page .files .file .size {
    color: #777;
}

.download_page .files .file .avresult {
    text-align: right;
}

.download_page .files .file .download {
    float: right;
    margin-top: -10px;
}


.download_page .archive {
    margin-top: 2em;
    text-align: center;
}

.download_page .archive_tar_download_frame,
.download_page .archive_download_frame {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    display: inline-block;
}

.download_page .archive .archive_message,
.download_page .archive .mac_archive_message {
    margin-top: 1em;
    margin-bottom: 1em;
}

.recommended {
    border: 0.5em solid #55aa55;
    background-color: #55aa55;
}

.download_page .files[data-count="1"] .select_all,
.download_page .files[data-count="1"] .file .select,
.download_page .files[data-count="1"] .archive {
    display: none;
}

.download_page .progressbar.user_quota {
    display: none;
}

.downloadprogress {
    float:right;
    font-size:1.7em;
    padding-right:20px;
    min-width: 100px;
}

.directlink {
    float: right;
    padding-right: 10px;
    color: #999999;
    font-size: 10px;
}

.directlinkArchive {
    color: #999999;
    font-size: 10px;
}

/* Admin sections */

.admin_page .section h2 {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: 4px;
}

/* Admin config section */

.admin_page .config_section .parameter {
    margin: 0.5em 0;
}

.admin_page .config_section .parameter .is_default {
    display: none;
    font-style: italic;
    color: #D0DDE2;
}

.admin_page .config_section .parameter[data-is-default="1"] .is_default {
    display: inline;
}

.admin_page .config_section .parameter .make_default {
    display: inline;
}

.admin_page .config_section .parameter[data-is-default="1"] .make_default {
    display: none;
}

.admin_page .config_section .parameter[data-is-default="1"] input,
.admin_page .config_section .parameter[data-is-default="1"] textarea,
.admin_page .config_section .parameter[data-is-default="1"] select {
    color: #777;
}

.admin_page .config_section .parameter[data-is-default="1"] input:focus,
.admin_page .config_section .parameter[data-is-default="1"] textarea:focus,
.admin_page .config_section .parameter[data-is-default="1"] select:focus {
    color: #000;
}

.admin_page .config_section .box+.box {
    text-align: center;
}


/* User profile */

.user_page .info {
    margin: 1em 0;
}

.user_page .info .readonly {
    border: 1px solid silver;
    padding: 0.25em;
    overflow-x: auto;
    white-space: nowrap;
}

.user_page .info .unknown {
    border: 1px solid black;
    background-color: #EABEBE;
    padding: 0.25em;
    overflow-x: auto;
    white-space: nowrap;
}

.user_page span[data-info="remote_config"] {
    display: none;
}

.user_page span[data-remote-auth-sync-request] {
    display: none;
}


/* Translate email page */

.translate_email_page dl [data-property="subject"] {
    margin: 0.5em;
}

.translate_email_page dl dt {
    font-weight: bold;
}

.translate_email_page dl dt[data-property="subject"] {
    float: left;
    margin-top: 0;
}

.translate_email_page dl dt[data-property="message"] {
    display: none;
}

.translate_email_page dl dd[data-property="message"] {
    margin: 2em 0.5em;
}

.translate_email_page dl dd[data-property="message"] p {
    margin: 1em 0;
}

/* Copy of mail.css */
.translate_email_page dl dd[data-property="message"] table {
    width: 100%;
    border: 1px solid #bbb;
    border-collapse: collapse;
}

.translate_email_page dl dd[data-property="message"] th,
.translate_email_page dl dd[data-property="message"] td {
    padding: 3px;
    vertical-align: top;
}

.translate_email_page dl dd[data-property="message"] th:first-child,
.translate_email_page dl dd[data-property="message"] td:first-child {
    width: 5em;
}

.translate_email_page dl dd[data-property="message"] th {
    background-color: #D0DDE2;
    height: 30px;
}

.translate_email_page dl dd[data-property="message"] tbody tr:nth-child(even) td {
    background-color: #e5e5e5;
}

.translate_email_page dl dd[data-property="message"] td:first-child {
    font-weight: bold;
}
/* End copy of mail.css */

.translate_email_page .progressbar.user_quota {
    display: none;
}


/* Admin statistics */

.admin_page .statistics_section .storage_usage_blocks {
    margin-top: 1em;
}

.admin_page .statistics_section .storage_usage.warning tr[data-metric="available"],
.admin_page .statistics_section .storage_usage_blocks tr.warning {
    background-color: #fcc;
}


/** Admin users */

.admin_page .users_section .searching,
.admin_page .users_section .no_results,
.admin_page .users_section .client-logs,
.admin_page .users_section .tpl {
    display: none;
}

.admin_page .users_section .searching .searching,
.admin_page .users_section .no_results .no_results {
    display: table-row;
    text-align: center;
}

.admin_page .users_section table {
    margin: 0.5rem 0;
    width: 100%;
}

.admin_page .users_section th {
    border: 1px solid silver;
    text-align: center;
    font-weight: bold;
}

.admin_page .users_section td {
    border: 1px solid silver;
}

.admin_page .users_section .results th+th,
.admin_page .users_section .results td+td,
.admin_page .users_section .client-logs th:first-child,
.admin_page .users_section .client-logs td:first-child {
    width: 8rem;
}

    /* Popups */
#dialog-help h4 {
    font-size: 1.2em;
    margin: 0.5em 1em;
}

#dialog-help ul {
    margin-bottom: 2em;
}

#dialog-help ul li {
    margin-bottom: 0.3em;
    line-height: 1.1em;
}

#dialog-help img {
    display: inline;
    vertical-align: middle;
}

#dialog-help strong {
    font-weight: bold;
}

#encryption_password {
    width: 48ch;
}

/* Encryption */
#encryption_password_container,
#encryption_password_container_too_short_message,
#encryption_password_container_must_have_numbers_message,
#encryption_password_container_must_have_upper_and_lower_case_message,
#encryption_password_container_must_have_special_characters_message,
#encryption_password_container_can_have_text_only_min_password_length_message,
#encryption_password_container_generate,
#encryption_password_container_generate_again,
#encryption_password_show_container,
#encryption_description_container_disabled,
#encryption_description_not_supported,
.download_decryption_disabled,
#encryption_description_disabled_container,
#encryption_description_container {
    display: none;
}


.adminaction {
    background: #ffeeee;
}

#encryption_password_container_too_short_message,
#encryption_password_container_must_have_numbers_message,
#encryption_password_container_must_have_upper_and_lower_case_message,
#encryption_password_container_must_have_special_characters_message {
    color: #f00;
}
#encryption_password_container_can_have_text_only_min_password_length_message {
    color: #0a0;
}


table.paginator .pageprev0 {
    width: 2em;
    text-align: center;
}
table.paginator .pageprev {
    width: 1em;
    text-align: center;
}
table.paginator .pagenext {
    width: 1em;
    text-align: center;
}
table.paginator .pageheader {
    text-align: left;
    font-size: 1.15em;
    font-weight: bold;
    vertical-align: middle;
}
table.paginator a {
    text-decoration: none;
}

.good {
    background: #1cff1c;
}

.paused {
    background: #6c666c;
}

.middle {
    background: #ffff1c;
}

.slow {
    background: #ff1c1c;
}

.bad {
    background: #ff0000;
}

.uploadthread {
    font-family: monospace;
    font: "Lucida Console", Monaco, monospace;
    font-size: 10px;
    width: 4em;
    height: 10px;
}

.workercrust {
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 3px;
}

.crust {
       float:right;
}

div.not_displayed {
    display: none;
}

.crypto_not_supported_message {
    display: none;
}


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

.get_a_link_lock {
    padding: 1rem;
    background: #D0DDE2;
}

.number {
    text-align: right;
}
.active {
    font-weight: bold;
}

.hidden {
    display: none;
}



#senderemail_full_match_label {
    cursor: pointer;
}

#message_can_not_contain_urls {
    display:none;
}

#marg3 {
    margin:3px;
}

#password_can_not_be_part_of_message_error,
#password_can_not_be_part_of_message_warning,
#message_can_not_contain_urls {
    display:none
}

#graphDiv {
    width:400px;
    height:200px;
    margin:0 auto
}

.cursor {
    cursor: pointer;
}

.colorffaa00 {
    color: #FFAA00;
}

             
                              
.avresulterror,
.avresultfailed {
    color: #AA0000;
}
.avresultsucceeded {
    color: #00AA00;
}
.avfile {
    padding-top: 1em;
}
.avfile .name {
    font-size:1.5em;    
    padding-bottom: 1em;
}

.avheader1 {
    color: #00AA00;
}
.avheader0 {
    color: #AA0000;
}

.serviceaup ul {
    margin-bottom: 2em;
}

.serviceaup ul li {
    margin-bottom: 0.3em;
    line-height: 1.1em;
}


.logoutbutton {
    background: none!important;
    color: #E6E6E6;
    display: block;
    font-style: normal;
    font-weight: normal;
    padding: 0.6em 1em;
    text-decoration: none;
    border-width: 0px;
    text-shadow: 0 0 0.2em #000;
    transition: all 0.2s ease 0s;
}

.logoutbutton:hover {
    background-color: rgb(51,51,51)!important;
}

.verificationcodesendtoemail,
.verificationcodesend  {
    float: right;
}

.verificationcode {
    float: center;
}
.verify_labels2 {
    float: center;
    vertical-align: middle;
}
    

.verify_email_to_download {
    width: 50%;
    display: none;
}
.verify_labels {
    style: text-align:center;
    style: align:center;
    vertical-align: middle;
}
.verify_email_to_download_col1 {
    width: 25%;
}
.verify_email_to_download_col2 {
    width: 75%;
}


/**
Kaféin
 */
.uploadbulkgraph {
    display: none;
}

.advanced_options .fieldcontainer:nth-last-child(2){
    display: none;
}
.advanced_options .fieldcontainer:nth-last-child(1){
    display: none;
}
#menu .rightmenu li:nth-child(1) {
    display: none;
}
#menu .rightmenu li:nth-child(2) {
    display: none;
}





.list-styled {
    list-style: disc inside;
    margin-bottom: 1rem;
}


@media (min-width: 1200px) {
    .col-2 {
        display: flex !important;
        align-items: stretch;
        gap: 2rem;
        justify-content: space-between;
        > div {
            flex: 1;
        }
/*        > div:first-child {
            flex-grow: 1;
        }
        > div:nth-child(2) {
            flex-shrink: 0;
        }*/
    }
}


.ui-button:not(.no-button), .ui-button:not(.no-button).ui-widget, .transfers_page .menu li a {
    border-radius: 50rem !important;
    background: #101820 !important;
    color: #FFF !important;
    border: 0 none !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: .6875rem 1.8125rem !important;
    font-size: .8125rem !important;
    letter-spacing: .5px !important;
    text-decoration: none !important;
    margin-right: 0 !important;
}
.ui-button:not(.no-button), .ui-button:not(.no-button) *,
.transfers_page .menu li a, .transfers_page .menu li a * {
    transition: all .2s ease;
}
.ui-button span.fa {
    font-size: 1rem !important;
}
.ui-button:not(.no-button):hover,
.ui-button:not(.no-button).ui-widget:hover {
    background: #E40029 !important;
}
.ui-button:not(.no-button).ui-dialog-titlebar-close,
.ui-button:not(.no-button).ui-dialog-titlebar-close:hover {
    background: transparent !important;
}
.transfers_page .menu li a {
    background: #D0DDE2 !important;
    color: #101820 !important;
    border: 1px solid #D0DDE2 !important;
    display: block;
}
.transfers_page .menu li.current a {
    background: #fff !important;
    color: #101820 !important;
    border: 1px solid #D0DDE2 !important;
}

input[type="email"], input[type="number"], input[type="tel"], input[type="text"], select, textarea {
    padding: 8px 16px;
    color: #101820;
    font-size: 1rem;
    background-color: #fff;
    border: 1px solid #6D8690;
}

.field-flex-inline {
    display: flex;
    align-items: center;
}
.field-flex-inline label {
    flex-shrink: 0;
}
.field-flex-inline input {
    flex-grow: 1;
}

.label-block {
    display: block;
    margin-bottom: .5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 2rem;
}

.ui-widget-overlay {
    background: #101820 !important;
    opacity: .75 !important;
}

.toggle_advanced_options {
    display: inline-block;
    margin: 1rem 0;
}

.btns-flex, .ui-dialog-buttonset {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.ui-dialog-buttonset {
    flex-direction: row-reverse;
}

.fa-lg {
    vertical-align: baseline;
}

.no-button {
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline !important;
    background: transparent !important;
    justify-content: flex-start !important;
    text-align: left !important;
}