﻿ 
.w-wallet-main-panel-card {
    border: 0px !important;
}

.w-site .w-box-goat > .w-title-field {
    padding: 5px;
    font-size: large;
    font-weight: normal;
/*    background-color: rgb(238, 242, 246);
*/    border-radius: 5px 5px 0px 0px;
    
}
.w-site .w-box-goat-2 > .w-title-field {
    padding: 0px;
    font-size: large;
    line-height:1.5;

/*    font-size: clamp(1rem, 1vw + 1rem, 2rem);
*/    font-weight: normal;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}

.w-site .w-panel-blue > .w-title-field {
    background-color: transparent;
}
.w-container-of-content-box.w-box-goat{
    border:0px !important;
}
    .w-container-of-content-box.w-box-goat-2 > .w-title-field,
    .w-container-of-content-box.w-box-goat > .w-title-field {
        border-radius: 0px;
        background-color: rgb(30, 136, 229);
        color: white;
    }
.w-box-goat > .w-value-field {
    display: none;
}
.w-panel-collapsable.w-box-goat > .w-value-field {
    display: initial;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.w-panel-collapsable > .w-title-field,
.w-panel-collapsable.w-box-goat-2 > .w-title-field,
.w-panel-collapsable.w-box-goat > .w-title-field {
    padding-left: 40px;
}
.w-panel-collapsable.w-mini-panel-09 > .w-title-field {
padding-top:10px;
}


.w-panel-collapsable > .w-title-field  {
    padding-left: 30px !important;
}
.w-site .w-icon-only .w-button:hover,
.w-site .w-icon-only .w-button {
    height: 38px;
    min-width: 35px !important;
    width: 35px;
    background-color: rgb(21, 101, 192);
    color: white;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.command-process-IpfsOpenDocument{
    padding:3px !important;
}
.ipfs-item-footer .w-button {
    /*    min-width: 160px !important;
*/
}
 
.command-open-panel-IpfsOpenDocument .w-button {
/*    min-width:100px !important;
*/}

.w-box-blue > .w-title-field {
    border-color: rgb(21, 101, 192);
    background-color: rgb(30, 136, 229);
    background-color: rgb(21, 101, 192);
    color: rgb(255, 255, 255);
}
.w-box-silver > .w-title-field {
    border-color: rgb(21, 101, 192);
    background-color: rgb(30, 136, 229);
    background-color: rgb(238, 242, 246);
    color: black;
}



 
.w-box-goat.w-box-level-info-2 .control-type-button .w-button {
    text-align: left;
    padding-left: 29px;
    background-color: rgb(21, 101, 192);
    color: white;
}
.w-site .w-box-goat.w-box-level-info-2 {
    border-radius: 5px;
/*    border: 1px solid rgb(21, 101, 192);
*/}

    .w-site .w-box-goat.w-box-level-info-2 .control-type-button .w-button {
        background-color: rgb(21, 101, 192);
        color: white;
        text-align: center;
        padding: 5px;
        width: max-content;
        min-width: 70px;
    }

.w-site .w-box-goat-2:hover > .w-title-field
.w-site .w-box-goat:hover > .w-title-field {
    background-color: rgb(21, 101, 192);
    opacity: 0.7;
}

.w-site .w-box-level-info-2.w-box-goat.button-content-box > .w-box-description {
    font-size: 1.1em;
    min-height: 80px;
}

.w-site  .w-box-level-info-1 {
    border: 0px solid silver;
/*    margin: 20px;
*/    background-color: #f1f1f1;
}

.walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2.w-box-goat.button-content-box > .w-box-description {
    min-height: 120px;
}
.walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2.w-box-goat.button-content-box > .w-box-help {
    min-height: 70px;
    color: white;
    font-size: 1em;
}

.w-site .walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2 {
    height: 360px;
}
    .w-site .walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2,
    .w-site .walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2 > .w-content,
    .w-site .walletselectoractionsdisplaypanelcomponentclass .w-box-level-info-2 > .w-title-field {
        background-color: var(--button-1-bg-color)  !important;
        border-radius:10px;
    }

    .w-box-goat-2 > .w-box-goat {
        width: 100%;
    }

.w-box-goat-2 > .w-explanation {
    width: 100%;
}
.w-badge-claim-valid {
    top: 0px;
    display: inline-block;
    background-color: #bcbc1f; /* Light, soft background color */

    padding: 0px 4px; /* Padding for size */
    font-size: 0.8rem; /* Small, subtle font size */
    font-weight: 500; /* Slightly bold text */
    border-radius: 12px; /* Rounded corners */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: fit-content;
    position: absolute;
    top: 3px;
    right: 10px;
    width:160px;
    
}

 
    .w-badge-claim-valid.w-valid-true {
        background-color: green;
        color: white;
    }
    .w-badge-claim-valid.w-valid-false {
        background-color: red;
        color: white;
    }

.w-ipfs-file-size-badge {
    top: -5px;
    display: inline-block;
    background-color: deepskyblue; /* Light, soft background color */
    color: white; /* Dark text for readability */
    padding: 2px 4px; /* Padding for size */
    font-size: 0.85rem; /* Small, subtle font size */
    font-weight: 500; /* Slightly bold text */
    border-radius: 12px; /* Rounded corners */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Soft shadow */
    margin-right: 15px !important;
}
.w-ipfs-file-size-badge {
    background-color: rgb(53 92 88);
    color: white;
    box-shadow: 0 2px 4px white;
    z-index: 1;
    max-width: 100px;
    top: 40px;
    text-align:center;
}
.w-ipfs-file-size-badge:hover {
 
    box-shadow: 0 2px 4px rgb(30, 136, 229);
}
.w-narration,
.w-narration-17 {
    display:block;
    width:100%;
}