/* Copyright (c) 2025 Quantum Slice Corporation, All Rights Reserved */

.QED_c{text-align:center;}
.QED_b{font-weight:bold;}

.QED_blackLink:hover{color:#D58305}
.QED_blackLink{color:black;}
.QED_plain{text-decoration: none;}

/* center a list but line kup the bullets on left side */
.QED_listCenter{
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.QED_listCenter ul {
    list-style-position: inside;
    padding-left: 0;
}
.QED_listCenter li {
    text-align: left;
}

/* make the turnstile output a little smaller */
.QED_turnstileContainer{
    transform: scale(0.75);
    /*width:300px;*/
    height:60px;
}

.QED_errProcessing{
    text-align:center;
    font-weight:bold;
}
.QED_processSuccess{
    text-align:center;
}

.QED_rateErr{
    background-color: white;
    border:solid 1px #000;
    color:#000;
    font-weight:bold;
    padding:15px;
    margin:15px;
    text-align:center;
}

/* upload file form */
.QED_hashForm{
    text-align:center;
    margin:auto;
}
.QED_hashForm .dropZone{
    border:2px dashed #ccc;
    padding:20px;
    margin-bottom:3px;
    text-align:center;
    cursor:pointer;
    background-color:#fff;
    color:#000;
    font-size:18px;
    
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.QED_hashForm .dropZone .file-preview img{
    max-height:200px;
    margin:auto auto;
    max-width:80%;
}
.QED_previewFileName{
    font-size:12px;
}

.homeFormTitle, .goQEDFormTitle {
    color:#fff;font-size:30px;text-shadow: 2px 2px 6px #000;font-weight:bold;text-align:center;
}
@media screen and (max-width:768px) {
    .QED_hashForm .dropZone{font-size:16px;}
    .goQEDFormTitle{font-size:20px;}
    .homeFormTitle{font-size:20px;}
}


.homeUseCases{
    padding:0 100px 35px 100px;
    color:#fff;
}
.homeUseCases ul{margin-left:35px;}
.homeUseCases h3{color:#1894db;}
@media screen and (max-width:768px) {
    .homeUseCases{padding:0 10px;}
    .homeUseCases ul{margin-left:10px;}
    .homeUseCases ul li{padding-top:5px;font-size:16px;}
    .homeUseCases h3{font-size:21px;}
}


.QED_hashForm .output{
    text-align:center;
    font-size:12px;
    background-color:#F9EFA8;
    color:#000;
}
/* end of hash submission form */

/* hash submission form not logged in */
#QED_formNotLoggedIn {
    min-height: 250px;
    background-color: #fff;
    color: black;
    text-align: center; 
    padding: 20px; 
    min-height:250px;
    border:2px dashed #000;
    margin-top:20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
#QED_formNotLoggedIn:hover {
    background-color: #f3f3f3;
}
#QED_formNotLoggedIn a{
    text-decoration:none;
}
/* end if hash submission form not logged in */


/* login and register forms */
.QED_loginErr{
    text-align:center;font-weight:bold;color:#f00000;
}
.QED_loginForm{
    text-align:center;
    margin:0 !important;
}
.QED_loginForm input[type="text"], 
.QED_loginForm input[type="password"], 
.QED_loginForm input[type="email"] {
    border:1px solid #444 !important;
    margin:4px 0px;
    padding:4px;
}
.QED_loginForm .title{
    font-weight:bold;
    font-size:16px;
}

/* end of login and register forms */


/* qed file input form service select options */
.QED_radioContainer{
    margin: 4px auto;               /* center the whole box */
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 300px;                 /* overall box width */
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;          /* center each label-block */
    background-color: #fff;
}
.QED_serviceRadio{
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 80%;                   /* all labels share the same width */
    max-width: 200px;             /* optional cap if you’d rather not stretch too far */
    margin: 0 auto;               /* center the label-block inside the container */
    padding: 0px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.1s;
}
.QED_serviceRadio:hover {
    background-color: #f0f0f0;
}

.QED_serviceRadio input[type="radio"] {
    margin: 0 10px 0 0; /* Standardized margin */
    flex-shrink: 0; /* Prevents radio button from shrinking */
}
.QED_serviceRadioDisabled {
    font-style:italic;
    cursor: not-allowed;
    color: #888; /* Added gray color to indicate disabled state */

}
/* end of qed file input form service select options */

/* mobile input form buttons and display zone */
.mUploadButton{
    padding:5px;margin:2px;
}
.mUploadZone{
    padding:8px;
    margin:2px;
    border:1px dashed #ccc;
    background-color:#fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
/* end of mobile input form buttons and display zone */
         
/** overlays **/
.QED_overlay {
    display:flex;
    justify-content: center; /* horiz */
    /* align-items: center; */ /* if you want to center vert */
    align-items: flex-start; /* align children at top to flex box */
    padding: 15vh 20px 20px 20px; /* content down by 15% of page height */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75); 
    display: none; /* Hidden by default */
    z-index: 1000; /* Ensure it's above other content */
}
.QED_overlayContent {
    text-align: center;
    color: white;
    font-weight:bold;
}
.QED_spinner {
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 5px solid #d00000;
    width: 50px;
    height: 50px;
    animation: qedspin 1s linear infinite;
    margin: 0 auto 20px;
}
/* spinner animation */
@keyframes qedspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#customAlertBox {
    background:white;
    padding:20px;
    border-radius:8px;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);
    max-width:400px;
    text-align: center;
}
/** end of overlays **/

/*** top bar for messages ***/
#QED_messageBar{
    width:100%; 
    background:#D00;
    color:#fff;
    padding:4px;
    text-align:center;
    position:relative;
    left:0; right:0;
    font-size:14px;
    font-weight:bold;
}
/*** end of top bars ***/

/****** div in footer for country info ***/
#footerCaInfo{
    font-size:14px;
    display:none;
    background-color:inherit;
    color:#fff;
    text-align:center;
    align-items:center;
    justify-content:center;
    gap:8px;    
}
#footerCaInfo img{
    max-height:20px;
}
/****** end footer div for country ***/

.acctTable{
    border-collapse:collapse;
    border:1px solid #000;
    width:auto;
    font-size:16px;
}
.acctTable tr{
    border:1px solid #000;
}
.acctTable tr td{
    padding:5px;
    border:1px solid #000;
}

.bdStatsTable{
    border-collapse:collapse;
    border:1px solid #000;
}
.bdStatsTable tr{
    border:1px solid #000;
}
.bdStatsTable td {
    border:1px solid #000;
    padding:3px;
}

/** acct page output **/
.acctTxList{
    border:1px solid #000;
    border-collapse:collapse;
    font-size:14px;
    width:auto;
    max-width: 94% !important;
    
}
.acctTxList tr{
    border:1px solid #000;
}
.acctTxList td {
    border:1px solid #000;
    padding:5px;
    margin:5px;
    word-break: break-all;
    overflow-wrap: break-word;
}
.tdNoBreak{
    word-break:keep-all;
    white-space:nowrap;
}
.acctTxList a {
    text-decoration:none;
}
/** end of acct page output **/