/*
 * Globals
 */

@font-face{
    font-family:Ubuntu;
    font-style:normal;
    font-weight:300;
    src:url(Ubuntu-normal-300.woff) format("woff")
}


img { max-width:100%; }

:root {
    --primary-color: #373a3c;
    --dark-grey: #373a3c;
    --dark-grey-secondary: #89839e;
    --light-grey: #81878b;
    --light-grey-2: #f5f5f5;
    --light-grey-3: #9ba0a4;
    --workflow-gray-200: #e6eaed;
    --link-main-color: #2586da;
    
    --orange-color: #ff9800;
    --super-light: rgba(129, 135, 139, 0.2);

    --link-main-hover-color: #1a5e99;
    --workflow-gray-200: #e6eaed;
    --workflow-gray-500: rgba(129, 135, 139, 1);
    --workflow-gray-1000: rgba(129, 135, 139, 0.3);
    --workflow-gray-2000: rgba(129, 135, 139, 0.1);
    
    --workflow-black: #373a3c;
    --workflow-blue-10P0: #66afe9;
    --workflow-blue-400: #2586da;
    --workflow-blue-600: #1f72b9;

    --workflow-radius-100: 6px;
    --workflow-radius-500: 25px;
    
    --grey-light-text: rgb(55, 58, 60, 0.5);
}


html {
    font-size: 14px;
    color:var(--primary-color);
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {}


/*
 * Base structure
 */

body {
    font-family: Ubuntu,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    text-align: left;
}

a {
    color: var(--link-main-color);
    text-decoration: none;
}

.btn-primary:hover {
    background: #1f72b9;
}


.btn-secondary {
    background: var(--link-main-color);
    
}
.btn-primary {
    background: var(--link-main-color);
    
}
.btn-primary:hover {
    background: var(--workflow-blue-600);
    
}

.btn-outline-primary {
    color: var(--link-main-color);
    
}
.btn-outline-primary:hover {
    background: var(--link-main-color);
}

.btn-warning {
    background: var(--orange-color);
}

.cover-container {
    background: var(--workflow-gray-200);
}

a:hover {
    color: var(--link-main-hover-color);
}
.btn-secondary:hover {
    background-color: var(--link-main-hover-color);
}


main {
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    margin:0 auto;
    width: 100%;
}

.loading-icon {
    position: relative;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    transform: translateY(17%);
    margin-right: 1rem;
}

.loading-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.loading-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid rgb(0, 138, 189, 0.1);
    /* Light grey */
    border-top: 2px solid #008abd;
    /* Blue */
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: spin 2s linear infinite;
    z-index: 101;
}

.alert-danger .loading-icon:after {
    border-color: rgb(132,32,41,0.1);
    border-top-color: rgb(132,32,41);
}

.loading-icon.gray-icon:after {
    border-color: rgba(0,0,0,0.1);
    border-top-color: rgba(0,0,0, 0.5);
}




@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .9);
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: #fff;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.login-form { max-width: 500px; margin:  0 auto; }

.loading-block { position: relative; }
.loading-block > .loading-icon { display: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; }

.loading-block.loading:before { content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 1; }
.loading-block.loading > .loading-icon { display: inline-block; }

/*header.text-bg-dark { background-color: #4b475b !important; }*/

form label { font-weight: bold; }

.tool-pane.create-empty-folders-tool .step-3 {
    font-size: 1.1rem;
}
.tool-pane.create-empty-folders-tool .step-3 p {
    margin-top:1rem;
}

.nav-tabs .nav-link { font-weight: bold; }

.url-td { width:100%; }
.status-td { text-align: center;}

td.status .bi-exclamation-circle-fill { color: red; }
td.status { text-align: center; font-weight: bold; }
td.status .loading-icon { width: 1rem; height: 1rem; margin: 0; }
td.status .loading-icon:after { border-width: 2px; }

.loading-icon.small { width: 1rem; height: 1rem; margin: 0; }
.loading-icon.small:after { border-width: 2px; }
.loading-icon.inline { width: 1rem; height: 1rem; margin: 0; display: inline-block;}
.loading-icon.inline:after { border-width: 2px; }

.btn.btn-primary .loading-icon.small:after { 
    border-width: 2px; 
    border: 2px solid rgb(255,255,255, 0.2);
    border-top: 2px solid #fff;
}

tr[data-status="manager"] .status { color: green; }
tr[data-status="error"] .status { color: red; }
tr[data-status="error"] .status .bi:not(.single) { margin-right: 0.5rem; }

.tool-pane .step-2,
.tool-pane .step-3,
.tool-pane .step-4 { display: none; }

a.btn .bi { margin-right: 0.3rem; }

.create-empty-folders-tool .step-2 .loading-icon,
.create-empty-folders-tool .step-3 .loading-icon,
.disable-spin-scan-tool .step-2 .loading-icon,
.tool-16-to-8 .loading-icon,
.disable-spin-scan-tool .step-3 .loading-icon 

{ width: 1.5rem; height: 1.5rem; margin-left: 0.8rem; transform: translateY(7px); }

.workflow__logo {
    height: 22px;
}
.workflow__brand-text {
    margin-left: 0rem;
    padding-left: 0.5rem;
    display: inline-block;
    margin-top: 1px;
    font-size: 1.9rem;
    font-weight: 100;
}
.logged .logo-block {
    align-items: center;
}
.logged .logo-block a {
    color: inherit;
}

header {
    padding: 15px 30px;
    border-bottom: 1px solid var(--workflow-gray-200);
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    background: #fff;
    justify-content: space-between;
}

.logo-block { white-space:nowrap; align-items: center; }

header .float-md-start { 
    white-space:nowrap; 
    display: flex;
    flex-direction: row;
    align-items: center;
}

.profile-block { display: inline-block; vertical-align: bottom;}
.profile-block .account-alias {line-height: 36px; font-size:1.2rem; padding-left: 0.5rem; }

.workflow__title {
    font-size: 35px;
    margin-bottom: 20px;
    font-weight: 200;
}
.workflow__description {
    font-weight: 400;
    line-height: 1.3;
}
.profile-button:hover,
.profile-button {
    color: inherit;
}
.profile-button span {
    border-radius: 100%;
    width: 36px;
    height: 36px;
    background: var(--dark-grey);
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-weight: 200;
    font-size: 22px;
    line-height: 36px;
    padding-left: 1px;
}
.profile-button span  {
    color:#fff;
}


.profile-button.dropdown-toggle:after {
    align-self: center;
}

.profile-dropdown {
    position: relative;
    width: 280px;
    padding: 20px 25px 10px 25px;
    border-radius: 0.3rem;
    background-color: #fff;
    box-shadow: 3px 5px 26px 5px rgb(0 0 0 / 25%);
    z-index: 1050;    
    border:none;
}
.dropdown-menu.profile-dropdown {
    margin-top:1rem !important; 
}
.dropdown-menu.profile-dropdown .list-group {
    margin-left:-1rem;
    margin-right:-1rem;
}

.profile-dropdown a {
    color: #373a3c;
}

.profile-dropdown a:hover,
.profile-dropdown a:focus  {
    background: var(--dark-grey-secondary);
    color: #fff;
}
.profile-dropdown a:hover i.bi {
    opacity: 1;
}

.profile-dropdown .list-group-item {
    border:none;
    border-radius:0;
    padding: .75rem 1.25rem !important;
}
.profile-dropdown .list-group-item:last-child {

}

.profile-dropdown .list-group-item.profile-info { 
    border-bottom:1px solid #e6eaed !important;
    padding-bottom: 1rem !important; 
    margin-bottom: .25rem !important;
    padding-top:0 !important;
}

.list-group-item.profile-info b { 
    display:block; 
    margin-bottom:.25rem; 
}

.list-group-item[target="_blank"] .bi { opacity:0.5; margin-left:0.5rem; margin-right:0.5rem; font-size: 90%; visibility: hidden; }
.list-group-item[target="_blank"]:hover .bi { visibility: visible; }

.login-button { font-size:36px; overflow: hidden; }

.user-name { font-weight:100; color:var(--light-grey); }
.list-group-item  .user-name i { margin-left: 0 !important; font-size: 120%; margin-right: 0.4rem !important; opacity: 1; vertical-align: middle; }

.switch-account-modal h4 { text-align:center; font-size: 21px; justify-self: center; flex-grow: 1; }
.switch-account-modal .accounts-list a { 
    erit;
    margin-top: -1px;
    border-top: 1px solid #e6eaed;
    border-bottom: 1px solid #e6eaed;
    display: block;
    padding: 1rem 14px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.switch-account-modal .accounts-list a:hover,
.switch-account-modal .accounts-list a:hover i 
{ 
    background: var(--dark-grey-secondary);
    color: #fff;
}

.switch-account-modal .accounts-list .ui-avatar {
    display: inline-block;
    height: 1.7em;
    width: 1.7em;
    line-height: 1.3em;
    font-size: 1.3em;
    border-radius: 100%;
    background-color: #0b97c4;
    color: #fff;
    padding: 0.2em;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    margin-right: 0.5rem;
}

.switch-account-modal .accounts-list i { font-size: 1.5rem; color:var(--light-grey); }

.switch-account-modal .modal-body {
    padding: 0 4px 0 0;
    overflow: auto;
}



.workflow__content-header {
    margin: 60px 0;
    color: var(--workflow-black);
}
.not-logged .workflow__content-header {
    margin-top: 0;
}

.workflow__nav{
    column-gap: 20px;
}

.workflow__nav-item {
    padding: 10px;
    background: #fff;
    width: calc(100% / 3 - 40px);
    margin: 0 20px 40px 0;
    min-height: 80px;
    border-radius: var(--workflow-radius-100);
    font-size: 20px;
    transition: translate .2s ease;    
    color:inherit;
    text-align: center;
    -webkit-box-shadow: 0 8px 40px rgba(50,123,186,.16),0 4px 4px rgba(50,123,186,.08);
    box-shadow: 0 8px 40px rgba(50,123,186,.16),0 4px 4px rgba(50,123,186,.08);
    -webkit-transition: -webkit-box-shadow .5s ease,-webkit-transform .5s ease;
    transition: box-shadow .5s ease,transform .5s ease;
    transition: box-shadow .5s ease,transform .5s ease,-webkit-box-shadow .5s ease,-webkit-transform .5s ease
}
.workflow__nav-item span {
    display: block;
    font-size: 70%;
    margin-top:-0.3rem;
    flex-basis: 100%;
    opacity: 0.6;
}
.workflow__nav-item i.bi {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    opacity: 0.5;
    position: relative;
    z-index: 1;
    top:0.1rem;
}

.workflow__nav-item:hover{
    color:var(--workflow-blue-600);
    
    text-decoration: none;
    -webkit-box-shadow: 0 48px 80px rgba(50,123,186,.16),0 16px 16px rgba(50,123,186,.08);
    box-shadow: 0 48px 80px rgba(50,123,186,.16),0 16px 16px rgba(50,123,186,.08);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.workflow__nav-item:hover i.bi {
    opacity: 1;
}

.browse-view-content {
    padding:3rem 1rem !important;
}
main, .browse-view-content .container {
    max-width:none;
}
.browse-view-content .container > * {
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}
.card.tool-panes { max-width: 1024px; margin:0 auto; } 
.container.tool-selected {
    display: flex; flex-direction:row;
}
.container.tool-selected .workflow__nav {
    flex: 0 1;
    white-space:nowrap;
}
.container.tool-selected .tool-panes-holder {
    flex: 1 1 100%;
    max-width:none;
}

.container.tool-selected {

}
.container.tool-selected .workflow__nav {
    display:block;
    padding-right:2rem;
}
.container.tool-selected .workflow__nav-item span {
    display:none;
}
.container.tool-selected .workflow__nav-item {
    width:100%;
    border: none;
    background:none;
    box-shadow: none;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    min-height: 0;
    margin: 0 0.5rem 0.5rem 0;
    text-align: left;
    justify-content: start;
    font-size:16px;
    display: block;
}
.container.tool-selected .workflow__nav-item.active {
    font-weight: bold;
    background: var(--super-light);
    color: inherit !important;
    transform: none !important;

}
.container.tool-selected .workflow__nav-item:hover{
    color:var(--workflow-blue-600);    
    text-decoration: none;
    transform: translateY(-2px)
}


.flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; 
}

.flex-align--center{
    align-items: center;
}

.flex-justify--center{
    justify-content: center;
}

.flex-justify--between{
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .workflow__nav-item{
        font-size: 14px;
        height: 60px;
    }
}

@media screen and (max-width: 480px) {

    .workflow__header{
        flex-direction: column;
        row-gap: 20px;
    }

    .workflow__content-header{
        margin: 40px 0;
    }

    .workflow__title{
        font-size: 22px;
        margin-bottom: 10px;
    }

    .workflow__description{
        font-size: 14px;
    }

    .workflow__nav{
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }

    .workflow__nav-item{
        width: 100%;
        max-width: 200px;
    }
}

body.h-100,
.cover-container.h-100 {
    min-height: 100%;
    height: auto !important;
}

.tool-panes ,
.tool-panes .tool-pane { display:none; }


.tool-title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-top: -1rem;
    padding-top: 0rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--workflow-gray-200);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 1rem;
/*    background: var(--bs-gray-200);*/
}
.tool-title .title {
    margin-left: 1rem;
}

/*.back-link {
    margin-right: 0.5rem;
    padding-right: 1rem;
    border-right: 1px solid var(--workflow-gray-500);
}

.back-link {
    margin-left: calc(-4rem - 1px);
    background: rgba(255,255,255,0.5);
    border: none;
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}
*/
.tool-panes .card-body { 
    padding:2rem; 
    border-radius: var(--workflow-radius-100);
    box-shadow: none;
    border:none !important;
/*    overflow: hidden;*/
}

.tool-pane > form :last-child { margin-bottom:0 !important; }

.tool-pane h4 { font-size:1.4rem;  margin:1.5rem 0 1.5rem 0;}
.tool-pane h3 { font-size:1.8rem;  margin:1.5rem 0 1.5rem 0;}

.login-button.not-logged-btn { padding: 1rem 2rem; font-size:2rem; 
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease;
}

.login-button.not-logged-btn:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.login-button.not-logged-btn span { display:block; font-size:1rem; }

.btn.btn-transparent  {
    border:none;
    color: inherit;
    background: none !important;
    border:none !important;
}

.dropdown-menu.custom-dropdown-menu,
.tool-pane .dropdown-menu { 
    box-shadow: 3px 3px 8px 3px rgb(0 0 0 / 15%);
    padding: 0.35714rem 0;
    color: var(--dark-grey);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: var(--light-grey-2);
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: rgba(248,248,255,.6) !important;
}

form hr {
    border-color:var(--light-grey);
}

.v-none { visibility:hidden; }

.form-select:focus,
.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 20%);
}
input[type="radio"].form-check-input:focus {
    box-shadow: none;
}

.form-control {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

input[type="password"].psw-show-hide.toggle-added { padding-right:2.5rem; }
.psw-show-hide-toggle { position:absolute; top:50%; right: 1.5rem; transform: translateY(-50%); cursor: pointer; font-size: 1.2rem; }
.psw-show-hide-toggle.show-psw .bi-eye-slash-fill { display: none }
.psw-show-hide-toggle.hide-psw .bi-eye-fill { display: none }

.flex-v-center {
    align-items: center;
}
.flex-sp-btwn {
    justify-content: space-between;
}

/* batch uploaders */
.batch-uploaders table.jobs-list {

}
.batch-uploaders table.jobs-list thead {
    color: var(--light-grey);
}
.batch-uploaders table.jobs-list td, 
.batch-uploaders table.jobs-list th {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    
}
.batch-uploaders table.jobs-list tr:last-child td {
    border: none;
}

.batch-uploaders table.jobs-list hr {
    margin: 0.5rem 0;
    border-top: 1px solid #e5e5e5;
    opacity: 1;
}
.batch-uploaders table.jobs-list .dropdown  {
    text-align: right;
}
.batch-uploaders table.jobs-list .dropdown-menu  {
    min-width: 200px;
}
.batch-uploaders table.jobs-list button.dropdown-toggle  {
    font-size: 1.5rem;
    line-height: inherit;
    padding: 0;
    color: var(--light-grey);
}
.batch-uploaders table.jobs-list button.dropdown-toggle:after  {
    content: none;
}
.batch-uploaders table.jobs-list li .form-switch  {
    padding-left: 2.75rem;
}
.batch-uploaders table.jobs-list li .form-switch .form-check-input {
    margin-right: 0.75rem;    
}
.batch-uploaders table.jobs-list .dropdown .bi  {
    color: var(--light-grey-3);
    margin-right: 1.07143rem;
}
.batch-uploaders table.jobs-list .dropdown-item {
    white-space: nowrap;
    padding: .42857rem 1.07143rem;
}
.batch-uploaders table.jobs-list .dropdown-item a {
    color: inherit;
    display: block;
}


.batch-uploaders table.jobs-list tr[data-status="CREATED"] li a.download-report,
.batch-uploaders table.jobs-list tr[data-status="CREATED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="CREATED"] li a[data-status="stop"],


.batch-uploaders table.jobs-list tr[data-status="RUNNING"] li a.download-report,
.batch-uploaders table.jobs-list tr[data-status="RUNNING"] li a[data-status="start"],
.batch-uploaders table.jobs-list tr[data-status="RUNNING"] li a[data-status="pause"],


.batch-uploaders table.jobs-list tr[data-status="PAUSED"] li a.download-report,
.batch-uploaders table.jobs-list tr[data-status="PAUSED"] li a[data-status="start"],
/*.batch-uploaders table.jobs-list tr[data-status="PAUSED"] li a[data-status="stop"],*/
.batch-uploaders table.jobs-list tr[data-status="PAUSED"] li a[data-status="pause"],

.batch-uploaders table.jobs-list tr[data-status="TERMINATED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="TERMINATED"] li a[data-status="stop"],


.batch-uploaders table.jobs-list tr[data-status="PENDING"] li a[data-status="start"],
.batch-uploaders table.jobs-list tr[data-status="PENDING"] li a[data-status="pause"],


.batch-uploaders table.jobs-list tr[data-status="QUEUED"] li a[data-status="start"],
.batch-uploaders table.jobs-list tr[data-status="QUEUED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="QUEUED"] li a[data-status="stop"],


.batch-uploaders table.jobs-list tr[data-status="FAILED"] li a.download-report,
.batch-uploaders table.jobs-list tr[data-status="FAILED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="FAILED"] li a[data-status="stop"],

.batch-uploaders table.jobs-list tr[data-status="STOPPED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="STOPPED"] li a[data-status="stop"],

.batch-uploaders table.jobs-list tr[data-status="FINISHED"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-status="FINISHED"] li a[data-status="stop"],
.batch-uploaders table.jobs-list tr[data-status="FINISHED"] li a[data-status="start"],
.batch-uploaders table.jobs-list tr[data-status="FINISHED"] li a[data-status="pause"]
{     
    opacity: 0.3;
    pointer-events: none;
}

.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a[data-status="pause"],
.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a[data-status="stop"],
.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a[data-status="start"],
.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a[data-status="pause"]
{     
    opacity: 0.3;
    pointer-events: none;
}
.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a[data-status="stop"] {
    opacity: 1;
    pointer-events: all;    
}
.batch-uploaders table.jobs-list tr[data-scheduled="1"][data-status="STOPPED"] li a[data-status="stop"] {
    opacity: 0.3;
    pointer-events: none;    
}
.batch-uploaders table.jobs-list tr[data-scheduled="1"][data-status="STOPPED"] li a[data-status="start"] {
    opacity: 1;
    pointer-events: all;    
}

.batch-uploaders table.jobs-list tr[data-scheduled="1"] li a.edit-job {
    opacity: 0.3;
    pointer-events: none;
}
.batch-uploaders table.jobs-list tr[data-status="CREATED"] li a.edit-job,
.batch-uploaders table.jobs-list tr[data-status="QUEUED"] li a.edit-job,
.batch-uploaders table.jobs-list tr[data-status="PAUSE"] li a.edit-job,
.batch-uploaders table.jobs-list tr[data-status="PAUSED"] li a.edit-job,
.batch-uploaders table.jobs-list tr[data-status="STOPPED"] li a.edit-job,
.batch-uploaders table.jobs-list tr[data-status="FINISHED"] li a.edit-job {
    opacity: 1;
    pointer-events: all;
}


td.status-text .status-paused-info { margin-left:0.5rem; color:var(--bs-secondary); }

.batch-uploaders table.jobs-list tr.processing {
    animation: blink 1s linear infinite;
}
@keyframes blink {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}


.batch-uploaders .wizard h2 { font-size: 1.8rem; margin-bottom:1rem; display:block; text-align:center; }
.batch-uploaders .wizard h3 { font-size: 1.5rem; margin-bottom:2rem; margin-top:0; display:block }
.batch-uploaders .wizard label { font-weight: 400; }

.batch-uploaders .wizard-steps  {
    margin: 2rem auto;
    position: relative;
    max-width: 650px;
    padding: 2rem 3rem;
    border-radius: 0.3rem;
    background-color: #fff;
    box-shadow: 3px 5px 26px 5px rgb(0 0 0 / 25%);
    z-index: 1050;    
    border:none;
}
.batch-uploaders .wizard-steps .wizard-buttons {
    margin-top: 2.5rem;
}



.form-check.big-input label {
    font-size: 1.2rem;
    display: block;
    padding: 1.5rem 1.5rem 1.5rem 3.5rem;
    border-radius: var(--workflow-radius-100);
    border:2px solid var(--workflow-gray-200);
    cursor: pointer;
}

.form-check.big-input {
    padding-left: 0;
}
.form-check.big-input label {
    padding-left: 1.5rem;
}
.form-check.big-input input {
    display: none;
}
.form-check.big-input label.checked-label,
.form-check.big-input label:hover {
    border-color:var(--link-main-color);   
    background: #eff8ff;
}

.batch-uploaders .wizard-step[data-step="STEP-WHERE-ARE-FILES"] label:has(input:disabled) {
/*    opacity: 0.4;*/
}
.batch-uploaders .files-source-ftp {
    position:relative;
}
.batch-uploaders .files-source-ftp .badge {
    font-size:0.9rem !important;
    opacity:0.7;
}
.batch-uploaders .wizard-step[data-step="STEP-WHERE-ARE-FILES"] label:has(input:disabled):hover {
    border-color:var(--workflow-gray-200);   
}

/*.wizard-step .accordion .accordion-item {
    border:none;
    border-radius: 0;
}
.accordion-button:not(.collapsed) {
    border:none;
    background: none;
}*/

.batch-uploaders .match-csv-columns-block .columns-list { font-size:0.95rem; }
.batch-uploaders .match-csv-columns-block .columns-list .row div:last-child span { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.batch-uploaders .match-csv-columns-block .columns-list .row div:last-child span:not(.counter) { 
    display: block;
    color: var(--grey-light-text) !important;;
    font-size: 12px;
}
.batch-uploaders .match-csv-columns-block hr.extra-field,
.batch-uploaders .match-csv-columns-block [data-column-type].extra-field {
    display: none;
}
/*.batch-uploaders .match-csv-columns-block .columns-list .row div:last-child span:last-child { 
    display: none;
}
*/

.batch-uploaders .match-csv-columns-block .csv-skip-first-row-check:has(input:checked) + .columns-list .row div:last-child span:last-child  {
/*    display: block;*/
}
.batch-uploaders .match-csv-columns-block .csv-skip-first-row-check:has(input:checked) + .columns-list .row div:last-child span:first-child  {
/*    display: none;*/
/*    text-decoration: line-through;
    opacity: 0.4;
*/
}
.batch-uploaders [data-step="STEP-CONFIGURE-CSV"] .samples-list-container p {
    margin-bottom: 0.25rem;
}

.batch-uploaders [data-step="STEP-NAMING"] legend {
    font-size: inherit;
    float: none;
    background: var(--workflow-gray-2000);
    padding: 0.5rem;
    max-height: 150px;
    overflow: hidden;
    overflow-y: auto;
}
.batch-uploaders [data-step="STEP-NAMING"] legend ul {
    margin:0; padding: 0;
    list-style: none;
}
.batch-uploaders [data-step="STEP-NAMING"] .samples-list-more,
.batch-uploaders [data-step="STEP-NAMING"] .samples-list {
    
    white-space: nowrap;
    font-size: 12px;
}
.batch-uploaders [data-step="STEP-NAMING"] legend ul li {
    margin-bottom:0.5rem;
}
.batch-uploaders [data-step="STEP-NAMING"] .samples-list-more span,
.batch-uploaders [data-step="STEP-NAMING"] .samples-list span {
    display: block;    
    margin:0.25rem 0;
}

.tool-pane.batch-uploader-tool .save-buttons { display:none; white-space: nowrap;}

.tool-pane.batch-uploader-tool .batch-uploaders { min-height:100px; }

.tool-pane.batch-uploader-tool div.jobs-list-container { min-height:200px }


.batch-uploaders [data-client-sh] {
    display: none;
}
.batch-uploaders[data-client="GENERAL"] [data-client-sh*="GENERAL"] {
    display: inline-block;
}

.batch-uploaders[data-client="GENERAL"] li[data-client-sh*="GENERAL"] {
    display: list-item;
}
.batch-uploaders[data-client="META"] li[data-client-sh*="META"] {
    display: list-item;
}
.batch-uploaders[data-client="RENAME"] li[data-client-sh*="RENAME"] {
    display: list-item;
}
/* adspin */

.batch-uploaders[data-client="ADSPIN"] [data-client-sh] {
    display: none;
}
.batch-uploaders[data-client="ADSPIN"] [data-client-sh*="ADSPIN"] {
    display: block;
}

.batch-uploaders[data-client="RENAME"] [data-client-sh] {
    display: none;
}
.batch-uploaders[data-client="RENAME"] [data-client-sh*="RENAME"] {
    display: inline-block;
}

.batch-uploaders[data-client="RENAME"] [data-client-hide*="RENAME"] {
    display: none;
}
.batch-uploaders[data-client="META"] [data-client-sh] {
    display: none;
}
.batch-uploaders[data-client="META"] [data-client-sh*="META"] {
    display: inline-block;
}

.batch-uploaders[data-client="META"] [data-client-hide*="META"] {
    display: none;
}

.batch-uploaders[data-client="GENERAL"] td[data-client-sh*="GENERAL"], 
.batch-uploaders[data-client="GENERAL"] th[data-client-sh*="GENERAL"],
.batch-uploaders[data-client="MOVEFILES"] td[data-client-sh*="MOVEFILES"], 
.batch-uploaders[data-client="MOVEFILES"] th[data-client-sh*="MOVEFILES"],
.batch-uploaders[data-client="RENAME"] td[data-client-sh*="RENAME"], 
.batch-uploaders[data-client="RENAME"] th[data-client-sh*="RENAME"],
.batch-uploaders[data-client="META"] td[data-client-sh*="META"], 
.batch-uploaders[data-client="META"] th[data-client-sh*="META"],
.batch-uploaders[data-client="ADSPIN"] td[data-client-sh*="ADSPIN"], 
.batch-uploaders[data-client="ADSPIN"] th[data-client-sh*="ADSPIN"] {
    display: table-cell;
}

.batch-uploaders[data-client="GENERAL"] tr[data-client-sh*="GENERAL"], 
.batch-uploaders[data-client="MOVEFILES"] tr[data-client-sh*="MOVEFILES"], 
.batch-uploaders[data-client="RENAME"] tr[data-client-sh*="RENAME"], 
.batch-uploaders[data-client="META"] tr[data-client-sh*="META"], 
.batch-uploaders[data-client="ADSPIN"] tr[data-client-sh*="ADSPIN"] {
    display: table-row;
}

/* movefiles */

.batch-uploaders[data-client="MOVEFILES"] [data-client-sh] {
    display: none;
}
.batch-uploaders[data-client="MOVEFILES"] [data-client-sh*="MOVEFILES"] {
    display: block;
}

@media screen and (max-width: 768px) {

.batch-uploaders[data-client="GENERAL"] td[data-client-sh*="GENERAL"], 
.batch-uploaders[data-client="GENERAL"] th[data-client-sh*="GENERAL"],
.batch-uploaders[data-client="MOVEFILES"] td[data-client-sh*="MOVEFILES"], 
.batch-uploaders[data-client="MOVEFILES"] th[data-client-sh*="MOVEFILES"],
.batch-uploaders[data-client="RENAME"] td[data-client-sh*="RENAME"], 
.batch-uploaders[data-client="RENAME"] th[data-client-sh*="RENAME"],
.batch-uploaders[data-client="META"] td[data-client-sh*="META"], 
.batch-uploaders[data-client="META"] th[data-client-sh*="META"],
.batch-uploaders[data-client="ADSPIN"] td[data-client-sh*="ADSPIN"], 
.batch-uploaders[data-client="ADSPIN"] th[data-client-sh*="ADSPIN"] {
    display: block;
}

}

.batch-uploaders td.always-show, 
.batch-uploaders th.always-show {
    display: table-cell;
}


.batch-uploaders .badge.text-bg-light {
    border: 1px solid var(--workflow-gray-500);
    border-width: 1px;    
    font-size:inherit;
}
.batch-uploaders .badge.text-bg-light {
    margin: 0.25rem 0.25rem;
}
.batch-uploaders .badge.text-bg-light:first-child {
    margin: 0;
}
.batch-uploaders .badge.text-bg-light.light {
    border: 1px solid var(--workflow-gray-1000);
    color: var(--light-grey-3) !important;
}
.batch-uploaders .badge.text-bg-light small {
    font-size: inherit;
    opacity: 0.4;
    margin-left: 0.5rem;
}
.batch-uploaders .csv-legend ul {
    margin: 0;
    padding: 0;
    list-style:none;
}
.batch-uploaders .csv-legend ul li {
    margin: 0 0 1rem 0;
}
.batch-uploaders .csv-legend ul li .badge {
    font-size: 0.9rem;
}

.mass-delete-tool .form-check-input[role="switch"] {
    height: 1.5rem;
    width: 2.5rem;
    margin-left: -3.5rem;
    margin-top:0;
}
.mass-delete-tool .form-check.form-switch {
    padding-left: 3.5rem;
}

.mass-delete-tool table[data-method="listfolders"] .hide-for-list,
.mass-delete-tool table[data-method="list"] .hide-for-list {
    display: none !important;
}

.form-check-input:checked
{
    background-color: var(--link-main-color);
}

/* background removal */

.btn.download-link .loading-icon {
    display: none;
    margin-right: 0.3rem;
}
.btn.download-link.disabled .loading-icon {
    display: inline-block;    
}
.btn.download-link.disabled .loading-icon:after {
    border: 2px solid rgb(255,255,255, 0.1);
    border-top: 2px solid #fff;
}
.btn.download-link.disabled {
    opacity: 0.5;
}
.btn.download-link.disabled .bi {
    display: none;
}

/* mass delete */

.form-control.datepicker-input { display:inline-block; width: 45%; }
.form-control.datepicker-input:first-child { }
.form-control.datepicker-input:last-child { }

.md-form-lines {
    max-width: 500px;
}
.mass-delete-tool .step-1 input[type="text"],
.mass-delete-tool .step-1 select {
    /*max-width: 300px;
    width: 100%;*/
}
.mass-delete-tool .step-1 select[name="fileType"] {
    max-width: 300px;
}

[name="dateType"] {
    width: auto;
}

.mass-delete-tool .search-conditions-list.card {
    border: none;
    margin-bottom:2rem;
}
.mass-delete-tool .search-conditions-list.card .card-body {
    padding: 0rem;
}
.mass-delete-tool .search-conditions-list.card .conditions-list p {
    margin-bottom: 0.3rem;
}
.mass-delete-tool .search-conditions-list.card .conditions-list {
    margin-bottom: 0.5rem;
    opacity: 0.8;
}
.mass-delete-tool .search-conditions-list.card .conditions-list .badge {
    font-size: inherit;
    margin-right: 0.5rem;
    padding: 0.5rem 0.75rem;
    color:var(--dark-grey-secondary) !important;
    border:1px solid var(--super-light);
    background: none !important;

}
.mass-delete-tool .search-conditions-list.card p:last-child{
    margin-bottom: 0;
}
.mass-delete-tool div.file-list {
    clear: both;
}
.mass-delete-tool table.file-list td:not(.filename) {
    white-space: nowrap;
}
.mass-delete-tool table.file-list td.filename {
    width: 100%;
}
.mass-delete-tool table.file-list td.filename a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: none;
    max-width: 100%;
}
.mass-delete-tool table.file-list i.bi {
    opacity: 0.5;
    width: 36px;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mass-delete-tool .file-list-holder {
    /*max-height: 200px;
    overflow-y: auto;*/
    margin-bottom: 1rem;
}

.mass-delete-tool .step-3 .progress {
    max-width: 300px;
    height: 3px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.batch-uploaders .total-found { font-weight:bold; font-size:1.2rem; }

.batch-uploaders .btn.download-csv { margin-left:0.5rem; }
.batch-uploaders .btn.download-csv .bi { margin-right:0.5rem; }
.batch-uploaders .accounts-list .error.alert { margin:1rem;}

.batch-uploaders .tooltip > .tooltip-inner p { margin:0; text-align: left; }
.batch-uploaders .btn.btn-link.info-tooltip { color:inherit; }

/*.back-to-uploads { display:none; }*/

.batch-uploaders .columns-list .delete-column { margin-left:0.5rem; cursor:pointer; display: none; }
/* .batch-uploaders .columns-list .cloned-column .delete-column { display: inline-block; }*/

.batch-uploaders .progress { height:10px; border-radius:0; }

.batch-uploaders .btn.btn-secondary.btn-cancel {
    color: var(--bs-gray-600); background: none;
}

.batch-uploaders select[name="csv-source"] { color: inherit; }
.batch-uploaders select[name="csv-source"][selectedIndex="0"] { color: var(--grey-light-text) !important; }

.batch-uploaders select.gray-text { color: var(--grey-light-text) !important; }



.batch-uploaders .table.jobs-list .job-name a { text-decoration:underline;  }

.batch-uploaders .hide-if-empty:empty { display: none; }


.batch-uploaders .show-hide-by-status[data-status] [show-for-status] { display:none; }

.batch-uploaders .show-hide-by-status[data-status="CREATED"] [show-for-status*="CREATED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="FINISHED"] [show-for-status*="FINISHED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="RUNNING"] [show-for-status*="RUNNING"] { display:block; }

.batch-uploaders .show-hide-by-status[data-status="PAUSED"] [show-for-status*="PAUSED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="PAUSED"] .show-inline-block[show-for-status*="PAUSED"] { display:inline-block; }

.batch-uploaders .show-hide-by-status[data-status="TERMINATED"] [show-for-status*="TERMINATED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="PENDING"] [show-for-status*="PENDING"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="QUEUED"] [show-for-status*="QUEUED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="FAILED"] [show-for-status*="FAILED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="STOPPED"] [show-for-status*="STOPPED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="FINISHED"] [show-for-status*="FINISHED"] { display:block; }
.batch-uploaders .show-hide-by-status[data-status="FINISHED"] .show-inline-block[show-for-status*="FINISHED"] { display:inline-block; }

.batch-uploaders .show-hide-by-status[data-status="RUNNING"] .show-inline-block[show-for-status*="RUNNING"] { display:inline-block; }

.batch-uploaders .show-hide-by-status[data-status="CREATED"] [hide-for-status*="CREATED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="FINISHED"] [hide-for-status*="FINISHED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="RUNNING"] [hide-for-status*="RUNNING"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="PAUSED"] [hide-for-status*="PAUSED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="TERMINATED"] [hide-for-status*="TERMINATED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="PENDING"] [hide-for-status*="PENDING"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="QUEUED"] [hide-for-status*="QUEUED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="FAILED"] [hide-for-status*="FAILED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="STOPPED"] [hide-for-status*="STOPPED"] { display:none; }
.batch-uploaders .show-hide-by-status[data-status="FINISHED"] [hide-for-status*="FINISHED"] { display:none; }

.batch-uploaders .download-report-line a { margin:0 0rem 0 0.25rem; }

.batch-uploaders .job-paused-info { display: block !important; }

.batch-uploaders .failed-images-indicator { color: red; padding: 0.5rem; /*opacity: 0.5;*/ }
.batch-uploaders .schedule-indicator { padding: 0.5rem; /*opacity: 0.5;*/ }
.batch-uploaders .queued-indicator { margin: 0 0 0 0.5rem; /*opacity: 0.5;*/ }

.batch-uploaders .legend-status { display: inline-block; margin-right: 0.5rem; font-size:0px;line-height:0px; width:0.75rem;height:0.75rem; border:1px solid rgba(0,0,0,0.1); vertical-align: baseline; top:1px; position: relative; }
.batch-uploaders .legend-status { background-color: #e9ecef; }
.batch-uploaders .legend-status.status-uploaded { background-color: #0d6efd; }
.batch-uploaders .legend-status.status-failed { background-color: #dc3545; }


.batch-uploaders .progress-bar.skipped,
.batch-uploaders .legend-status.status-skipped { background-color: rgb(255,193,7); }

.batch-uploaders [name="shedule_time"] { width:5rem; }

.inline-auto-width { display:inline-block; width:auto; }
.bootstrap-timepicker-widget table td input { margin:0 auto !important; padding:0; width: 40px !important; aspect-ratio: 1 / 1; border:1px solid #ced4da; }
.bootstrap-timepicker-widget table td a { padding:0 !important; }
.bootstrap-timepicker-widget.dropdown-menu.open { margin-top:10px; }

.batch-uploaders .form-check:has(input:disabled) {
    opacity: 0.4;
    pointer-events: none;
}


.circle-checkboxes {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
}
.circle-checkboxes input { display:none }
.circle-checkboxes label { 
    cursor: pointer;
    text-transform: uppercase;
    padding: 0.5rem;
    aspect-ratio: 1 / 1;
    font-size: 11px;
    font-weight: bold;
    padding: 0;    
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-checkboxes li {
    display: inline-block;
    border:1px solid var(--light-grey-3);
    padding: 0 !important;
    border-radius: 100% !important;
    aspect-ratio: 1 / 1;
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;    
    overflow: hidden;
}
.circle-checkboxes.smaller-circles li {
    width: 2rem;
    height: 2rem;    
}
.circle-checkboxes.flex-wrap li {
    margin-bottom: 0.5rem;
}
.circle-checkboxes li:last-child {
}

.circle-checkboxes li.checked { background:var(--link-main-color); color: #fff; }
/*.circle-checkboxes li:has(input:checked) { background:var(--link-main-color); color: #fff; }*/

.flex-wrap { flex-wrap:wrap; }

.batch-uploader-adspin-tool .wizard[data-current-step="STEP-WHERE-IS-CSV"] .wizard-steps > .wizard-buttons {
    display: none;
}
.batch-uploader-adspin-tool .wizard[data-current-step="STEP-WHERE-IS-CSV"]  .wizard-buttons {
    margin:2rem 0;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin .badge {
    border: none;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin .badge:last-child {
    margin-bottom: 0;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin td {
    padding: 1rem 1rem 1rem 0;
    font-size: 0.9rem;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin td:first-child {
    padding-left: 0;
    white-space: nowrap;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin td p:last-child{
    margin-bottom: 0;
}
.batch-uploader-adspin-tool [data-step="STEP-WHERE-IS-CSV"] .csv-legend-adspin tr:last-child td {
    border: none;
}

a[data-href] { cursor:pointer; }

.icon-breadcrumb-next { width: 6px;
    height: 6px;
    margin: 0 4px 0 2px;
    padding: 0;
    transform: rotate(45deg);
    border-color: var(--light-grey-3);
    border-style: solid solid none none;
    border-width: 2px;
    display: inline-block;
    vertical-align: middle;
    margin:0 1rem;
    content: "";
}

.columns-list hr:last-child { display:none; }
span.counter { display:inline !important; }



#bootstrap-show-modal-0 {
    background: none;
}
.job-info-modal .modal-dialog.modal-dialog-centered {
    max-width: 700px;
}
.modal-dialog.modal-dialog-centered {
    max-width: 550px;
}
.modal-backdrop.show {
    opacity: 1;
    background-color: rgba(0,0,0,.5);
}

.prompt-modal {
    background-color: rgba(0,0,0,.3) !important;    
}
.prompt-modal .btn-close {
/*    display: none !important;*/
}

.modal-header {
    border-bottom: none;
}
.modal-footer {
    border-top: none;
}

.workflow__nav-item .bi { display: none}

.tool-title .bi { display:none; }

@media screen and (max-width: 768px) {
    .container.tool-selected { display:flex; flex-direction:column; }
    .workflow__nav.flex  { flex-direction:row; }
    .workflow__nav-item { max-width:calc(50% - 20px); margin:0; }
    .tool-selected .workflow__nav-item { max-width:100%; height:auto; }
    
    .container.tool-selected .workflow__nav-item { font-size: 0; padding:0.25rem; }
    .container.tool-selected .workflow__nav-item .bi { font-size: 1rem; display: inline-block; margin: 0 0.25rem; }
    .container.tool-selected .workflow__nav { padding-right:0.5rem; margin: 0; }
    .container.tool-selected { padding-left:0; }

    .table.jobs-list thead { display: none; }
    .table.jobs-list tr { display: block; }
    .table.jobs-list td { border:none; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .table.jobs-list td:last-child { border-bottom:1px solid var(--light-grey-3); }
    .table.jobs-list td:first-child { padding-top:0.5rem !important; }
    .table.jobs-list td.job-last-run,
    .table.jobs-list td.job-date-created { 
        display: none;
    }
    .tool-pane h3 { font-size:1.2rem; }

    .container.tool-selected .workflow__nav { flex-direction:row; flex-basis:100%; width:100%; flex-grow:1; justify-content: center; margin-bottom: 1rem; text-align: center;}
    .container.tool-selected .workflow__nav-item { width:auto; display: inline-block;}
    .container.tool-selected .tool-panes-holder { flex-basis:100%; width:100%; }
}

.btn.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.job-source.badge.text-bg-light {
    margin-top:0;
    margin-bottom:0;
    padding:0.25rem 0.5rem;
    color:var(--light-grey-3) !important;
    border-color:var(--super-light) !important;
    font-size: 13px;
}

.nav-pills.failed-image-report .nav-link.active, 
.nav-pills.failed-image-report .show>.nav-link {
    color: inherit;
    background: var(--workflow-gray-200);
}
.nav-pills.failed-image-report .nav-link { margin-bottom: 0.5rem; cursor: pointer; color: inherit;} 
.nav-pills.failed-image-report .nav-link:hover:not(.active) { background: var(--workflow-gray-2000); } 
.nav-pills.failed-image-report .nav-link b { display:block; border-bottom:1px solid transparent; padding-bottom:0rem; } 
.nav-pills.failed-image-report .nav-link.no-solution b { border-bottom:1px solid transparent; padding-bottom:0rem; margin-bottom:0rem; } 
.nav-pills.failed-image-report .nav-link .solution { font-size: 12px; } 

.nav-pills.failed-image-report .nav-link:not(.active) b { border-bottom:1px solid transparent; padding-bottom:0rem; margin-bottom:0rem;  } 
.nav-pills.failed-image-report .nav-link:not(.active) .solution { display: none; } 
.nav-pills.failed-image-report .nav-link.no-solution .solution { display: none; } 

.table.failed-images td:first-child{ padding-left:0; }

.solution blockquote {
    display: flex;
    flex-direction: row;
    font-size: inherit;
}
.solution blockquote a {
    color: inherit;
    text-decoration: underline;
}
.solution blockquote .bi {
    flex-grow: 0;
    font-size: 2.5rem;
    margin-right: 1rem;
    opacity: 0.5;
}

.multiAutocomplete-suggestions {
    max-height:300px !important;
}
.multiAutocomplete-suggestion  {
    padding:0.75rem 1rem !important;
    color:var(--light-grey-3);
}
.multiAutocomplete-suggestion  b {
    display:block;
    padding-bottom:0.5rem;    
    color:var(--primary-color);
}


.batch-uploaders select[name*="csv-mapping"] { color: inherit; }
.batch-uploaders select[name*="csv-mapping"][selectedIndex="0"] { color: rgb(33,37,41, 0.6); }

div.job-csv-filename-div {
    font-size: 12px;
    color: var(--dark-grey-secondary);
}

.job-info-modal .modal-header { align-items:self-start; }
.job-info-modal .btn-close { margin-top:0rem; }
.job-info-modal .job-source.badge { display: none; }

.input-error { border-color:red; }

.legend-table a[class*="report"] {
    margin-right: 0.75rem;
}
.download-report-line .bi,
.legend-table .bi {
    margin-right: 0.25rem;

}

.btn.add-new-upload .bi { margin-right:0.5rem; }

.form-switch .form-check-input {
    width: 1.5em;
    margin-left: -2em;
}
.form-switch {
    padding-left: 2em;
}

.form-check-input:focus {
    box-shadow: none;
}

.alert.alert-danger a { color:inherit; text-decoration:underline; }

.csv-info-table { margin:0; }
.csv-info-table td:first-child { padding-left:0; white-space:nowrap; }
.csv-info-table td:last-child { width:100%; padding-left: 2rem; }

.csv-info-table-div { padding:0.5rem 1rem; background: var(--workflow-gray-2000); margin-bottom:1rem; }

.batch-uploaders .columns-list span[data-bs-toggle="tooltip"] { padding:0.5rem; opacity:0.75; vertical-align:middle; }
.batch-uploaders .columns-list .samples-list span[data-bs-toggle="tooltip"],
.batch-uploaders .columns-list .samples-list-more span[data-bs-toggle="tooltip"] { margin-left:0rem; padding: 0;}

.modal.prompt-modal { background:rgba(0,0,0,0.5); }

.samples-list-container .samples-list-more span,
.samples-list-container .samples-list span { margin-left:0 !important }

.batch-uploaders [data-step="STEP-NAMING"] .samples-list-more span.gray-text,
.batch-uploaders [data-step="STEP-NAMING"] .samples-list span.gray-text { display:inline-block; color:var(--grey-light-text); }

[data-client="META"] [data-step="STEP-NAMING"] .samples-list-more span.gray-text,
[data-client="META"] [data-step="STEP-NAMING"] .samples-list span.gray-text { display:none; }

[data-client="META"] [data-step="STEP-NAMING"] .samples-list-more .bi-arrow-right-short,
[data-client="META"] [data-step="STEP-NAMING"] .samples-list .bi-arrow-right-short { display:none; }

hr.dropdown-item { padding: 0 !important; }

.filename-flex-container { align-items: center;}
.filename-flex-container div { flex-grow:1; }
.filename-flex-container > span { flex-grow:0; white-space:nowrap; padding-left:0.5rem; }

.alert.non-image-urls,
.alert.contains-slashes,
.alert.multiple-urls-in-column {
    padding: 0;
    border: none;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 0.5rem;
    background: none;
}

.alert.non-image-urls .bi,
.alert.multiple-urls-in-column .bi,
.alert.contains-slashes .bi {
    margin-right: 0.25rem;
}

.wizard-errors .alert { margin-bottom:0; }

.tooltip { display:none; }
.tooltip[style] { display:inline-block; }

.failed-image-message .a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;

}

.failed-images .failed-image-message {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--workflow-gray-200);
}
.failed-images .failed-image-message:last-child {
    border:none;
}

.failed-image-message {
    display: flex;
    flex-direction: row;
    align-items: start;
}
.failed-image-message .badge {
    border: 1px solid var(--workflow-gray-500);
    border-width: 1px;    
    font-size:11px;
    margin-top: .25rem;
}
.failed-image-message > span {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0.5rem;
}
.failed-image-message > div {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: calc(100% - 30px);
}

.example-url { display:block; margin-top:1rem; }

[data-step="STEP-NAMING"] [data-bs-toggle] { padding:0.4rem; vertical-align: middle; }

.modal.job-info-modal[data-status="QUEUED"] .modal-footer { display:none; }


::placeholder {
  color: var(--grey-light-text) !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: var(--grey-light-text) !important;
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--grey-light-text) !important;
  opacity: 1;
}

[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list span { position: relative; }
[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list span a { padding:0.5rem 0 0.5rem 0.5rem; background:#fff; visibility:hidden; position: relative; top:-1px; }
[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list span:hover a { visibility:visible; }

[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list-more span { position: relative; }
[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list-more span a { padding:0.5rem 0 0.5rem 0.5rem; background:#fff; visibility:hidden; position: relative; top:-1px; }
[data-step="STEP-CONFIGURE-CSV"] .samples-list-container .samples-list-more span:hover a { visibility:visible; }

.no-switch-account { filter:grayscale(1); opacity:0.5; }

.tooltip-left-text .tooltip-inner {
    text-align: left;
    padding: 1rem;
}

.accounts-list [data-bs-toggle] { font-size: 1.1rem !important; }

.alert.alert-warning a { color:inherit; text-decoration:underline; }

.dropdown-menu.profile-dropdown { z-index:111111; }

.ezdz-dropzone {
    border-radius: 10px !important;
    font-weight: normal !important;
    font-size: 18px !important;
    width: 100% !important;
    height: 100px !important;
    line-height: 100px !important;
    border: 2px dotted lightgray !important;
    color: var(--light-grey-3) !important;
}
.ezdz-dropzone a {
    text-decoration: underline !important;
}
.ezdz-dropzone span {
    border-radius: 10px !important;
    background: rgba(0,0,0,0.7);
    padding: 1rem !important;
}

.alert.csv-contains-duplicates p {
    max-height:300px;
    overflow-y:auto;
}

span.title sup,
.workflow__nav sup { font-size:12px; color:red; margin-left:0.25rem; }

.jobs-list sup { font-size:12px; color:red; margin-right:0.25rem; }

[data-status=PAUSED] .status-modal-block {
    padding: 0.5rem;
    background: #fff3cd;
}

.nowrap { white-space:nowrap; }

.detailed-summary-block td { font-size:12px; }
.detailed-summary-block td:first-child { font-weight:bold; padding-right: 1rem; }

.custom-fields-list a { color:inherit; }
.custom-fields-list td { width: 50%; }
.custom-fields-list td:first-child { padding-left: 0; padding-right: 0.5rem; }
.custom-fields-list td:last-child { width: auto; padding-right:0; }

.custom-field-name-block { display: flex; flex-direction: row; }
.custom-field-name-block input { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.custom-field-name-block a { padding:0.25rem 0.5rem; }
.custom-field-name-block input { padding: 0.25rem 0.5rem !important; }

.gray-text { color: var(--grey-light-text) !important; }

.error-text { color:red; }
.small-text { font-size:12px; }

.normal-text  { font-size:inherit; }
.badge.normal-text  { padding: 0.25rem 0.5rem; }



.login-button.not-logged-btn span.loading-icon { display:none }

.login-state .login-button.not-logged-btn b,
.login-state .login-button.not-logged-btn span {  }
.login-state .login-button.not-logged-btn span.loading-icon { display:block; visibility: visible; }
.login-state .login-button.not-logged-btn:before {
    position: absolute;
    top:0;left: 0; width: 100%; height: 100%;
    background: var(--orange-color);
    opacity: 0.9;
    z-index: 1;
    content: '';
}
.login-button .loading-icon:after {
    border: 4px solid rgb(255, 255, 255, 0.4);
    border-top: 4px solid #fff;
}


.detailed-summary-link .bi-caret-right-fill { display:inline-block; }
.detailed-summary-link .bi-caret-down-fill { display:none; }

.detailed-summary-link .shown .bi-caret-right-fill { display:none; }
.detailed-summary-link .shown .bi-caret-down-fill { display:inline-block; }

.form-check.col-form-label { display:inline-block; }

[name="schedule_time"] { width:5rem; }

.saved-ftp-configurations ul {
    margin:0 !important;
    padding:0 !important;
} 
.saved-ftp-configurations .load-configuration { 
    padding-bottom:.75rem;
    padding-top:.75rem;
}
.saved-ftp-configurations .load-configuration .badge { font-size:10px; display:inline-block;   }
.saved-ftp-configurations .load-configuration .file-path { display:inline-block; font-size:12px; color: var(--grey-light-text) !important; }

.saved-ftp-configurations li {
    position: relative; 
}
.saved-ftp-configurations .delete-configuration { 
    color:red; 
    font-size:1.5rem; 
    position:absolute; 
    right:0.75rem; 
    top:50%; transform:translateY(-50%); 
    opacity:0;
    transition:0.3s;
    line-height: 1.5rem;
    border-radius: 100%;
}
.saved-ftp-configurations .delete-configuration:hover { 
    opacity: 1;
    background: rgba(255,0,0,1);
    color: #fff;
}
.saved-ftp-configurations li:hover .delete-configuration { 
    opacity:1;    
}

.saved-ftp-configurations li {
    border-bottom:1px solid var(--workflow-gray-200);
}
.saved-ftp-configurations li:last-child {
    border-bottom:none;
}


.tooltip-inner .timezone-name { display:none; }

.left-align-tooltip { text-align:left; display:block; white-space: nowrap; }
.left-align-tooltip span.do-wrap { white-space: pre-wrap; }
.tooltip-inner { max-width:350px; }

fieldset, legend {
   all: revert;
}
fieldset {
    border:1px solid var(--workflow-gray-200);
    padding:1rem;
}
legend {
    color:var(--dark-grey-secondary);
}


.dropdown-item.active, .dropdown-item:active {
    color: inherit;
}
.btn.download-csv > span.generating-csv { display:none; }
.btn.download-csv.generating-csv > span { display:none; }

.btn.download-csv.generating-csv > span.estimate-time { display:inline-block; }
.btn.download-csv.generating-csv > span.generating-csv { display:inline-block; }

.modal-sub-header { padding:0 1rem 1rem 1rem; }
.modal-sub-header .error { margin:0; }

.maintenance-mode-message { display:none; }
.maintenance-mode > * { display:none !important; }
.maintenance-mode .maintenance-mode-message { display:block !important; }


.dates-table td:first-child { padding-left:0; }
.dates-table td.td-top-padding { padding-top: 1.075rem !important;}

.csv-contains-404-list span { display:block; }
.progress-bar { background-color:#0d6efd; }

.alert p:last-child { margin-bottom:0 !important; }

td.job-extra-info {
    line-height: 1.3;
}

body:not(.super-admin) .super-admin-req { display:none !important; }
 

 .job-created-by { display:block; font-size:12px; }

 .active>.page-link, .page-link.active { 
 background-color:var(--link-main-color);
 border-color:var(--link-main-color);
  }


  .tool-pane.mass-delete-tool [data-tool="DELETE-OLD"] { display:none; }
  .tool-pane.mass-delete-old-tool [data-tool="DELETE"] { display:none; }
  .tool-pane.mass-delete-old-tool .search-conditions-list  { display:none; }

  [name="oldFilesDate"] { max-width:200px; }

  .nav.nav-tabs li { position:relative; top:1px; }
  .nav.nav-tabs li button { font-weight: normal; color:var(--link-main-color); }
  .nav.nav-tabs li button.active { color:inherit; }

  #md3-tab-panel textarea,
  #md2-tab-panel textarea { min-height:300px; width:100%; }
  
  .tool-pane.mass-delete-tool .method-list  .conditions-list { display:none; }
  .tool-pane.mass-delete-tool .method-list  .total-found { display:none; }
  
.jobs-list .dropdown-menu label.form-check-label {
    cursor: pointer;
    padding-top: .42857rem;
    padding-bottom: .42857rem;
    /* 1.07143rem */
}
.jobs-list .dropdown-menu div.form-switch:focus, .jobs-list .dropdown-menu div.form-switch:hover {
    background: var(--light-grey-2);
}

img.image-preview { max-width:none;width:36px; height:36px; object-fit:contain; /* border:1px solid var(--bs-border-color); */ }
.preview-td { text-align:center; }

[name="cdateTo_time"],
[name="cdateFrom_time"] { max-width:6rem; }

.csv-info-file-name,
.job-csv-filename.shorter {
    overflow-wrap:anywhere;
}

.btn.next-step i { display:none; }
.loading-button { position:relative; }
.loading-button:before { content:''; position: absolute; background:rgba(37,134,218, 0.9); display:block; top:0; left:0; width:100%; height:100%; z-index: 1; }
.loading-button i { display:inline-block !important; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 222; }
.loading-button i:after {
    border: 4px solid rgb(255,255,255, 0.3);
    border-top: 4px solid #ffffff;
}

/*.import-history-modal .modal-main-content { min-height:200px; }*/
.import-history-modal .loading .modal-main-content { visibility: hidden; }
.modal-body:not(.loading) .modal-main-content { visibility: visible; }

.import-history-modal table { margin:0; text-align: center; }
.import-history-modal table th { background: rgba(0,0,0,0.05); vertical-align: middle; font-weight: bold; }
/*.import-history-modal table thead th { padding-left: 0; }*/
.import-history-modal table tbody tr:last-child td { border-bottom:none; }
/*.import-history-modal table tbody td { padding: 1rem 0; }*/
.import-history-modal span[data-bs-toggle] { text-decoration:dashed; }


.import-history-modal {
    min-height:50px
}

.date-cell { text-align:left; }
.date-cell i { font-style:normal; display:block; font-size: 0.9rem; color:var(--dark-grey-secondary); }

.pl-2 { padding-left:2rem; }

.import-history-modal .download-report.format-csv .bi { margin-right:0.25rem; }


.import-history-modal table th { width:calc(100% / 7); }

.modal.job-info-modal[data-status="FINISHED"] .show-history-modal { display:inline-block; }

.modal.job-info-modal .tab-content { padding:1.5rem 0rem 0 0; }

.notschedule-job .only-for-schedule { display:none !important; }


.card.quick-search-form .row:first-child { margin-top:0; }
/*.card.quick-search-form { margin-bottom:0.5rem; }*/
.card.quick-search-form .card-body { padding: 0.5rem 1rem; }
.card.quick-search-form  { border-color:rgba(0, 0, 0, 0); background:rgba(0,0,0,0.04) }

.card.quick-search-form  .col > div { margin-top:0.25rem; }
.card.quick-search-form  form > .row { margin-top:0.5rem; align-items: end; }
.card.quick-search-form  .two-inputs { justify-content:space-between; }
.card.quick-search-form  .two-inputs > * { width:calc(50% - 0.25rem); flex-basis:calc(50% - 0.25rem); }
.d-flex .stretched { flex-basis:100%; }

.card.quick-search-form .load-search-filter, .card.quick-search-form .save-search-filter {  border-color:rgba(0,0,0,0.2) }
.card.quick-search-form .load-search-filter, .card.quick-search-form .save-search-filter i { margin-right:0.5rem; }

.checkboxes-holder { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.checkboxes-holder input { margin-right: 0.25rem; }
.checkboxes-holder label:first-child { margin-right:1rem; }
.width-auto { width:auto; flex-grow:0; flex-basis:auto; }


.load-configuration-modal .modal-body { padding:0; }

.config-menu { list-style:none; margin:0; padding:0; }
.config-menu li { position:relative; }
.config-menu li > a.load-configuration { padding:0.5rem 3rem .5rem 1rem; display:block; color:inherit; }
.config-menu li > a.load-configuration:hover { background: var(--light-grey-2); }
.config-menu li > a.load-configuration span { font-size:13px; }
.config-menu li > a.load-configuration > b { display:block; }

.config-menu .delete-configuration { 
    color:red; 
    font-size:1.5rem; 
    position:absolute; 
    right:0.75rem; 
    top:50%; transform:translateY(-50%); 
    opacity:0;
    transition:0.3s;
    line-height: 1.5rem;
    border-radius: 100%;
}
.config-menu .delete-configuration:hover { 
    opacity: 1;
    background: rgba(255,0,0,1);
    color: #fff;
}
.config-menu li:hover .delete-configuration { 
    opacity:1;    
}

.config-menu li {
    border-bottom:1px solid var(--workflow-gray-200);
}
.config-menu li:last-child {
    border-bottom:none;
}

.no-round-corners { border-radius:0 !important; }
.no-border { border:none !important; }


.fl-50 { flex-basis:50%; }

.quick-search-form label { display:block; margin-bottom:0.25rem; }

.save-search-filter, .load-search-filter { color:inherit; }

body.super-admin .hide-for-super-admin { display:none !important; }
body:not(.super-admin) .hide-for-notsuper-admin { display:none !important; }

.tiny-dashboard .statuses-list { margin:0; list-style:none; padding:0; }
.tiny-dashboard .statuses-list li { margin:0 0 0 0; padding: 0; display: inline-block; white-space: nowrap; }
.tiny-dashboard .statuses-list li[data-num="0"] { filter:grayscale(1); opacity:0.3; pointer-events:none; }
.tiny-dashboard .statuses-list li[data-num="0"] a { text-decoration:none; }
.tiny-dashboard .statuses-list li > a { text-decoration:underline;

    padding: .75rem .75rem .75rem 0rem;
    
    border-radius: .25rem;

}
.card.tiny-dashboard { margin-bottom:0.5rem; 

    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;

}

.card.tiny-dashboard .row:first-child { margin-top:0; }
.card.tiny-dashboard { margin-bottom:0.5rem; }
.card.tiny-dashboard .card-body { padding: 1rem 0; }


.tiny-dashboard .statuses-list li > a .badge { margin-right:0.25rem; background-color: var(--link-main-color) !important; }


.tiny-dashboard .statuses-list li.active > a { color:#fff; text-decoration:none; background: var(--light-grey) !important;}
.tiny-dashboard .statuses-list li.active > a .badge { background-color:rgba(255,255,255,0.1) !important; }

nav.paging { border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); padding-top:1rem; }
nav.paging .number-per-page {width: 10rem; }


th[data-search-term] { cursor:pointer; }

.show-search-block { font-size:80%; }
.show-search-block a { color:inherit; opacity: 0.6; }


.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-bottom-color:transparent; color:inherit; }

.d-inline-block {display:inline-block}
.color-inherit,
.color-inherit:before { color:inherit !important; }
.font-size-0-9 { font-size:0.9rem; }

.dotted-underline { border-bottom: 1px dotted rgb(33,37,41); text-decoration: none; }


.fileDropArea { 
    border-radius: 10px !important;
    font-weight: normal !important;
    font-size: 18px !important;
    width: 100% !important;
    height: 100px !important;
    line-height: 100px !important;
    border: 2px dotted lightgray !important;
    color: var(--light-grey-3) !important;
    display: block;
    position: relative;
}
.fileDropArea > .drag-handler {
    position: absolute;
    width:100%;
    height: 100%;
    top:0px;
    left: 0px;
    z-index: 1;
}
.fileDropArea > span.info-handler {
    position: absolute;
    top:50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.fileDropArea > span.info-handler a {
    text-decoration: underline;
    color: inherit;
}
.fileUpload { display:none; }
.chosen-file { 
    cursor: pointer;
    position: absolute;
    top:50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    background: black;
    border-radius: 12px;
    padding: 12px;
    color: #fff;
/*    display: none;*/
    line-height: 1;
    
}

input[name="csv-file"] { display:none; }

.modal.preview-css-modal .modal-dialog { max-width:95%; }

.modal.preview-css-modal table td, 
.modal.preview-css-modal table th { font-size:0.9rem; padding:.25rem .25rem; }
{ max-width:95%; }

.view-css-sample { color: inherit; text-decoration: underline; }


form.tool-16-to-8 .progress-block {
    margin-top:2rem;
}

form.tool-16-to-8 .convert-again {
    margin-top:1rem;
}
form.tool-16-to-8 .progress {
    max-width: 300px;
    height: 3px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

form.tool-16-to-8 .result {
    font-weight: bold;
}


.tool-16-to-8 .step-2,
.tool-16-to-8 .step-3,
.tool-16-to-8 .step-4 { display:table-row; opacity: 0.3; }

.tool-16-to-8 .waiting-td { text-align:center; }
.tool-16-to-8 .table.steps { width:auto; }
.tool-16-to-8 .table.steps .loading-icon { display:none; }
.tool-16-to-8 .table.steps .waiting-td b { display:none; }
.tool-16-to-8 .table.steps td { white-space:nowrap; border:none; vertical-align: middle; }
.tool-16-to-8 .progress-block { display:inline-block !important; width:100px; margin:0 !important; visibility: hidden; }
.tool-16-to-8 .table.steps td:first-child { text-transform:uppercase; color:#aaa; }

.tool-16-to-8 .active-step { opacity:1; }
.tool-16-to-8 .active-step .waiting-td { position:relative; min-width: 90px; }
.tool-16-to-8 .active-step .waiting-td span:not(.loading-icon) { visibility:hidden; }
.tool-16-to-8 .active-step .waiting-td .loading-icon { display:block; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); margin:0 !important; }
.tool-16-to-8 .active-step .waiting-td { opacity:1; }
.tool-16-to-8 .active-step .progress-block { visibility:visible; }

.tool-16-to-8 .completed .waiting-td span { display:none }
.tool-16-to-8 .completed .waiting-td b { display:block }
.tool-16-to-8 .completed .waiting-td .loading-icon { display:none; }

.tool-16-to-8 .file-list-holder td.filename { width:100%; }

.file-does-not-exist .bi,
.file-does-not-exist .filename { color:red; }

.step-3 .method,
.step-3 .method { display:none; }

.step-3.method-normal .method.method-normal { display:block; }
.step-3.method-background .method.method-background { display:block; }


.mass-delete-tool.method-listfolders .conditions-list,
.mass-delete-tool.method-list .conditions-list { display:none; }

.mass-delete-tool table.file-list tr:last-child td { border:none !important; }

.samples-list-container a.ssamples-list-more-show { color:inherit; text-decoration: underline; font-size: 11px; color: var(--grey-light-text) !important}

.completed-step table { width:auto; margin: 1rem 0 !important; }
.completed-step table td { padding-left:0; padding-bottom: 0; }

.preview-css-modal .modal-body {
    overflow-y:scroll !important;
    overflow-x:scroll !important;
}

.info-text { color:green; }



.preview-css-modal .modal-body {
    overflow-y: auto !important;
    overflow-x: auto !important;
    padding-top: 0;
}
.preview-css-modal .modal-body div {
    position: relative;
}
.preview-css-modal .modal-body thead {
    position: sticky;
    top:0;
}

.preview-css-modal .modal-body::-webkit-scrollbar {
    -webkit-appearance: none;
}

.preview-css-modal .modal-body::-webkit-scrollbar:vertical {
    width: 11px;
}

.preview-css-modal .modal-body::-webkit-scrollbar:horizontal {
    height: 11px;
    width:100%;
}

.preview-css-modal .modal-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.nav-link .alert-warning { color:#664d03 !important; }

textarea[name="file-list"] { height:500px; }

[data-method="list"] .download-csv-block { display:none; }


.samples-list-holder {
    overflow-x: scroll;
}

.samples-list-holder::-webkit-scrollbar {
    -webkit-appearance: none;
}

.samples-list-holder::-webkit-scrollbar:vertical {
    width: 11px;
}

.samples-list-holder::-webkit-scrollbar:horizontal {
    height: 11px;
    width:100%;
}

.samples-list-holder::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}


.fileDropArea > .drag-handler { z-index:2111111111; cursor: pointer;}

.fileDropArea > span.info-handler { line-height:0px !important; }

[data-client="META"] [data-step="STEP-WHERE-ARE-FILES"] .form-check ,
[data-client="RENAME"] [data-step="STEP-WHERE-ARE-FILES"] .form-check 
{ display:block; }

.large-files-uploader-tool div.progress { height:6px; }
.large-files-uploader-tool div.progress-block .eta-block { text-align:left !important; }

.large-files-uploader-tool .err { color:red; }

.large-files-uploader-tool .file-upload,
.max-width-wizard { max-width:500px; }

.large-files-uploader-tool [name="tus-endpoints"] { width:auto; display: inline-block; }

.large-files-uploader-tool .change-cdn-location { color:inherit; text-decoration:underline; }

.find-and-replace-block .row { align-items: center;}
.find-and-replace-block .row .col { flex-basis:calc(50% - 4rem); flex-grow:1; padding-right: 0; }
.find-and-replace-block .row .col:last-child { flex-basis:3rem; flex-grow:0; }

.text-warning { color:#664d03 !important; }