:root {
    --header-back-color: #009ebe;
    --header-hover-back-color: #1c91a9;
    --header-fore-color: #fff;
    --header-border-color: #1c91a9;
    --nav-back-color: #eee;
    --nav-hover-back-color: #e1e1e1;
    --nav-fore-color: #1a788c;
    --nav-border-color: #ddd;
    --nav-link-color: #1a788c;
    --footer-fore-color: #bbb;
    --footer-back-color: #3d4d51;
    --footer-border-color: #2f3c3f;
    --footer-link-color: #bbb;
    --drawer-back-color: #fff;
    --drawer-hover-back-color: #f0f0f0;
    --drawer-border-color: #ddd;
    --drawer-close-color: #444;
    --form-back-color: #fcfcfc;
    --form-fore-color: #999;
    --form-border-color: #ddd;
    --input-back-color: #fff;
    --input-fore-color: #999;
    --input-border-color: #ccc;
    --input-focus-color: #0093B1;
    --input-invalid-color: #d32f2f;
    --button-back-color: #109972;
    --button-hover-back-color: #1fb382;
    --button-fore-color: #212121;
    --button-border-color: transparent;
    --button-hover-border-color: transparent;
    --button-group-border-color: rgba(124, 124, 124, 0.54);
    --card-back-color: #fff;
    --card-fore-color: #333;
    --card-border-color: #ddd;
    --fore-color: #3f565f;
    --secondary-fore-color: #677f84;
    --back-color: #eee;
    --secondary-back-color: #f0f0f0;
    --blockquote-color: #f9c577;
    --pre-color: #1565c0;
    --border-color: #ddd;
    --bordersp-color: #0f7789;
    --secondary-border-color: #ddd;
    --heading-ratio: 1.19;
    --universal-margin: 0.5rem;
    --universal-padding: 0.5rem;
    --universal-border-radius: 0.125rem;
    --a-link-color: #0093B1;
    --bs-btn-border-radius: 2px;
    --bs-link-color: #0093B1;
    --bs-primary-rgb: 19,116,136;

}

.nav-pills{
    --bs-nav-pills-border-radius: 2px 2px 0px 0px;
    --bs-nav-pills-link-active-color: rgb(85, 85, 85);
    --bs-nav-pills-link-active-bg: rgb(241, 241, 241);
    font-weight: bold;
    font-size: 0.85rem;
}
.font-size{
    font-size: 0.85rem;
}
.font-600{
    font-weight: 600;
}
.nav-pills .nav-link{
    --bs-nav-link-color: #666;
    background: #f7f7f7;
}
html, *{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;
}
body{
    margin: 0;
    color: var(--fore-color);
    background: var(--back-color);
    font-size: calc(1rem / var(--heading-ratio));
}
hr{
    box-sizing: content-box;
    border: 0;
    line-height: 1.25em;
    margin: var(--universal-margin);
    height: 0.0625rem;
    background: linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);
}
h3{
    font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio));
    overflow-wrap: break-word;
}
h6 {
    font-size: calc(1rem / var(--heading-ratio));
}
h5 {
    font-size: 1rem;
}
.btn:not(.btn-sm){
    --bs-btn-border-radius: 2px;
    --bs-btn-font-size: 16px;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b0b0b0;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b0b0b0;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #b0b0b0;
}
.form-check-input:checked{
    background-color: #1d8ca3;
    border-color: #1d8ca3;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1d8ca3;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a788c;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a788c;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #388191;
    --bs-btn-disabled-border-color: transparent;
}
header .navbar-nav{
    --bs-nav-link-color: #fff;
    --bs-nav-link-hover-color: #fce700;
    --bs-nav-link-font-size: 0.9rem;
    --bs-navbar-nav-link-padding-x:0.75rem;
    --bs-navbar-nav-link-padding-y: 0.75rem;
}
header .nav-item .nav-link{
    text-shadow: 0px -2px #05829c;
    font-weight: 600;
}
header .nav-item:hover .nav-link{
    background-color: #0186a0;
    color: #fce700;
    text-shadow: 0px -2px #00798e;
    border-radius: 5px;
}
header .nav-item.dropdown .nav-link:after{
    display: none;
}
header .nav-item.dropdown:hover .nav-link{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.nav-link svg{
    width: 16px;
}
header .nav-item:hover .dropdown-menu{
    display: block;
}
header .nav-item .dropdown-menu{
    z-index: 999;
    background: #0186a0;
    border: 0px;
    border-top-left-radius: 0;
}
header .nav-item .dropdown-menu .dropdown-item{
    padding: 10px;
    font-weight: bold;
    font-size: 0.9rem;
    color: #fff;
}
header .nav-item .dropdown-menu .dropdown-item:hover{
    background-color: #005b6d;
    color: #FFF;
    text-shadow: 0px -2px #00505e;
}
header .nav-link{
    --bs-nav-link-font-weight: bold;
}
.form-label{
    font-weight: bold;
}
.form-control{
    border-radius: var(--universal-border-radius);
}
input:not([type]), [type="text"], [type="email"], [type="number"], [type="search"], [type="password"], [type="url"], [type="tel"], textarea, select {
    font-weight: 700;
    font-size: 0.85rem;
    box-sizing: border-box;
    background: var(--input-back-color);
    color: var(--input-fore-color);
    border: 0.0625rem solid var(--input-border-color);
    border-radius: var(--universal-border-radius);
    padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
}
input:focus,.form-control:focus{
    box-shadow: none;
    outline: none;
}
h1{
    font-weight: 600;
    font-size: calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio));
    overflow-wrap: break-word;
}
svg{
    fill: currentColor;
}
input:not([type="button"]):not([type="submit"]):not([type="reset"]):hover, input:not([type="button"]):not([type="submit"]):not([type="reset"]):focus, textarea:hover, textarea:focus, select:hover, select:focus,.form-control:focus {
    border-color: var(--input-focus-color);
    box-shadow: none;
}
.alert-warning {
    --bs-alert-color: #3f565f;
    --bs-alert-bg: #F5F5DC;
    --bs-alert-border-color: transparent;
}
.alert-warning a{
    color: var(--fore-color);
}
.container {
    max-width: 1080px;
}
header{
    border-top: 0.1875rem solid #3d4d51;
    background: var(--header-back-color);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQYV2NkmLfvPwMIfP3MwMDNC2aC2Iy4JSZvhOhAA3h04LQDh1EAuVMdmWLUWVAAAAAASUVORK5CYII=) repeat;
    color: var(--header-fore-color);
    border-bottom: 0.0625rem solid #fff;
}
.page-content{
    margin-top: 10px;
    padding: 1.5rem 1rem 5rem 1rem;
    background: #fff;
    border-radius: 0.25rem;
    max-width: 100%;
    box-shadow: 0 0.1rem 0.1rem rgb(0 0 0 / 5%);
}
.navbar-toggler:focus{
    box-shadow: none;
}
.p-content {
    margin: 2em 6em;
    text-align: left;
    font-size: 0.85rem;
}
.dropzone{
    border: 0;
    display: flex;
    flex-direction: column;
    min-height: auto;
    padding: 0;
}
.dropzone .dz-message{
    background: #fafafa;
    border: 0.125rem dashed #006A80;
    border-radius: 10rem;
    color: #333;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    margin-bottom: 1rem;
    padding: 20px;
}
.dropzone .dz-message button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dropzone .dz-message svg{
    width: 16px;
    margin-right: 5px;
}
.dropzone.dz-started .dz-message{
    display: inline-block;
}
.dropzone .dz-preview{
    padding: 0px;
    border: 1px solid #e7e7e7;
    background: #f3f3f3;
    display: flex;
    min-height: auto;
    margin: 16px 0 0;
}
.dropzone .dz-preview .dz-image{
    display: none;
}
.dropzone .dz-preview:hover{
    background: #e5e5e5;
}
.dropzone .dz-preview .dz-details{
    position: relative;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.dropzone .dz-preview .dz-details .dz-size{
    order: 2;
    margin: 0;
}
.dropzone .dz-preview .dz-details .dz-size span{
    background: none;
    font-size: 14px;
}
.dropzone .dz-preview .dz-details .dz-filename{
    order:1;
    font-size: 14px;
}
.dropzone .dz-preview .dz-details .dz-filename span{
    background: none;
    padding: 0;
    border:0!important;
    border-radius: 0;
}
.dropzone .dz-preview .dz-details .dz-filename:hover{}
.dropzone .dz-preview .dz-details .dz-filename:hover span{
    background: none;
    border:0;
    padding: 0;
    border-radius: 0;
}
.dropzone .dz-preview .dz-progress{
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    margin: 0;
    height: 2px;
    border-radius: 0;
}
.dropzone .dz-preview .dz-error-message{}
.dropzone .dz-preview .dz-success-mark{
    left: 10px;
    margin: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #1c91a9;
}
.dropzone .dz-preview .dz-success-mark svg{
    width: 25px;
    height: 25px;
    fill: currentColor;
}
.dropzone .dz-preview .dz-error-mark{
    left: 10px;
    margin: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #c52121;
}
.dropzone .dz-preview .dz-error-mark svg{
    width: 25px;
    height: 25px;
    fill: currentColor;
}
.dropzone .dz-preview .dz-remove{
    font-size: 20px;
    font-weight: bold;
    text-decoration: none!important;
    color: #484848;
    background: url(../images/cancel.png);
    width: 10px;
    height: 10px;
    display: block;
    z-index: 999;
    background-size: cover;
    position: absolute;
    top: 5px;
    right: 5px;
}
.dropzone .dz-preview .dz-progress .dz-upload{
    background: #1c91a9;
}
#start-upload{
    padding: calc(1.5 * var(--universal-padding)) calc(4.5 * var(--universal-padding));
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #109972;
    border: 0.125rem solid #0d8964;
}
#start-upload.fail_transfer{
    background: #d92626;
    border-color: #cd1818;
}
.button-upload{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 99;
    background: #fff;
    padding: 0.5rem 0;
    margin-top: -2rem;
    border-top: 0.0625rem solid #7aa582;
    box-shadow: 0px -0.0625rem 0.25rem 0.125rem #ddd;
}
.addition-options-button{
    color: #1894AE;
    cursor: pointer;
}
.card-header{
    color: var(--fore-color);
}
.card-header svg{
    width: 16px;
    height: 16px;
}
.disable-hosts{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(233 233 233 / 27%);
    cursor: no-drop;
}
.hdark {
    color: #004459;
    font-weight: 600;
}
.with-name,.without-name{
    font-size: 16px;
}
.with-name a,.without-name a{
    text-decoration: none;
    font-weight: bold;
}
.user-menu{
    border-bottom: 0.0625rem solid #e1e1e1;
}
.user-menu .nav-item{
    margin: 0px 5px;
}
.user-menu .nav-item .nav-link:hover:not(.active){
    color: #fff;
    background: #1894AE;
}
.user-menu .nav-item .nav-link.active{
    box-shadow: rgb(24 148 174) 0px -3px 0px inset;
}
.user-menu .nav-item .nav-link{
}
.file-table{
    font-size: 0.85rem;
}
.file-table a{
    text-decoration: none;
}
.file-table tr td{
    font-size: 13px;
}
.file-table tr td .btn-sm{
    font-size: 12px;
}
.dataTables_wrapper .dataTables_length{
    margin-bottom: 10px;
}
table.dataTable thead>tr>th.select-files{
    padding:8px 10px;
}
table.dataTable thead>tr>th.select-files:before,table.dataTable thead>tr>th.select-files:after{
    display: none;
}
.setting-menu a:hover{
    color: #fff!important;
    background: #1894AE!important;
}
.setting-menu a.active{
    background: rgb(239, 239, 239)!important;
    border-left: 3px solid rgb(0, 118, 143)!important;
    color: rgb(85, 85, 85)!important;
}
footer{
    background: #ddd;
    color: #999;
    /*margin-top: -1rem;*/
    /*padding: calc(3 * var(--universal-padding)) var(--universal-padding) calc(20 * var(--universal-padding)) var(--universal-padding);*/
    font-size: 0.875rem;
}
.countdown-timer{
    width: 200px;
    height: 200px;
}
.countdown-timer span{
    font-size: 60px;
    font-weight: 600;
}
@media (max-width: 991px) {
    header{
        min-height: 82px;
        padding: 0px;
        height: auto;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .navbar-toggler{
        color: #fff;
        border: 0;
    }
    .page-content{
        margin-top: 0px;
    }
}
@media (max-width: 500px) {
    header{
        min-height: 50px;
    }
    .navbar-brand img{
        width: 160px;
    }
    .p-content{
        padding: 0;
        margin: 0;
    }
    .user-menu .nav-item .nav-link span{
        display: none;
    }
}