.w-html-dropdown-panel {
    position: relative;
}

.w-html-dropdown-list {
    list-style: none;
    /*    border-radius: 5px;
    border: 1px solid white;*/
    padding-inline-start: 0px;
    padding: 7px;
    margin: 0px;

}


.w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list {
    box-shadow: 10px 10px 20px rgb(255 255 255 / 40%);
    box-shadow:none;
    min-width: 350px;
}

.w-html-dropdown-panel.w-compact .w-html-dropdown-list {
    position: absolute;
     ;
}

.w-html-dropdown-panel.w-compact .w-html-dropdown-list .w-list-item {
    cursor: pointer;
    padding-right:20px;
}

.w-html-dropdown-list > li {
    display: block;
    position: relative;
}

li.active {
    font-weight: bold;
}


.w-html-dropdown-panel.w-compact .w-header .w-icon-text {
    font-size: small;
}

.w-site .w-global-settings-menu-item,
.w-site .w-lite-account-list-panel-card,
.w-site .w-network-list-panel-card {
    width: 360px;
    min-width: 360px;
    border: 0px solid white;
}
.w-smart-networks-panel,
.w-network-list-panel-card,
.w-network-list-panel-card > .w-header.w-selected-network {
    width: fit-content !important;
}

.w-smart-lite-accounts-panel,
.w-lite-account-list-panel-card,
.w-selected-lite-account {
    width: fit-content !important;
}
    .w-site .w-global-settings-menu-item .w-header,
    .w-lite-account-list-panel-card .w-selected-lite-account.w-header,
    .w-network-list-panel-card .w-selected-network.w-header {
        background-color: transparent;
        width: 100% !important; 
    }
        .w-site .w-global-settings-menu-item .w-header > .w-title,
        .w-lite-account-list-panel-card .w-selected-lite-account.w-header > .w-title,
        .w-network-list-panel-card .w-selected-network.w-header > .w-title {
            background-color: transparent !important;
        }
        .w-site .w-global-settings-menu-item .w-header .w-title,
        .w-lite-account-list-panel-card .w-selected-lite-account.w-header .w-title,
        .w-network-list-panel-card .w-selected-network.w-header .w-title {
            justify-content: left;
            text-align: left;
        }
        .w-site .w-global-settings-menu-item .w-header .w-title .w-icon-text,
        .w-lite-account-list-panel-card .w-selected-lite-account.w-header .w-icon-text,
        .w-network-list-panel-card .w-selected-network.w-header .w-icon-text {
            line-height: 2;
            font-size: 1em;
        }

.w-html-dropdown-panel.w-compact:hover .w-header .w-icon-text {
}

.w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list {
    display: none;
}

.w-html-dropdown-panel.w-compact:hover .w-content .w-html-dropdown-list {
    position:relative;
    display: inline-block;
    z-index: 9000;
    left: 30px;
    top: -15px;
    max-width: 300px;
    min-width: 300px;
}
.w-network-list-panel-card.w-html-dropdown-panel.w-compact > .w-header,
.w-lite-account-list-panel-card.w-html-dropdown-panel.w-compact > .w-header {
    display: none;
}
.w-network-list-panel-card.w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list,
.w-lite-account-list-panel-card.w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list {
    position: relative;
    display: inline-block !important;
    z-index: 9000;
    left: 0px;
    top: 0px;
    max-width: 100%;
    min-width: 100%;
    margin-bottom:20px;
}

.w-site .w-global-settings-menu-item .w-header img,
.w-html-dropdown-panel.w-compact .w-header img.w-icon,
.w-html-dropdown-panel.w-compact .w-header .w-icon img {
    border-radius: 50%;
    margin: 4px;
    padding: 5px;
    background-color: white;
    width: 30px;
    height: 30px;
}


.w-html-dropdown-panel.w-compact > .w-header {
    color: white;
    background-color: transparent;
    border-width:0px;
}
.w-html-dropdown-panel.w-compact  {
    border-width: 0px;
}


.w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list .w-list-item {
    flex-direction: row;
    font-size: small;
    font-weight: 100;
    border-radius: 0px;
    /*        border-bottom: 1px solid darkgray;
*/
}


    .w-html-dropdown-panel.w-compact .w-content .w-html-dropdown-list .w-list-item:hover {
        /*    border-bottom: 1px solid white;
*/
        background-color: darkgray;
        opacity: .8;
    }


.w-list-item.open .w-item-header {
    /*    background-color: #212a3a;
     width: 100%;
*/
}

.w-list-item {
    margin-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px 5px 5px 5px;
    font-weight: bold;
} 

.w-list-item.open {
    margin-top: 10px;
    padding-bottom: 0px;
}

.w-list-item.open > .w-detail-panel {
    margin-top: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-radius: 0px 0px 5px 5px;
    font-weight: normal;
}

.w-list-item {
    border-width: 1px;
}

.w-list-item.open > .w-detail-panel {
    border-width: 1px;
}

.w-item-header>.w-icon-text {
padding-left:15px;
}


.w-html-dropdown-list > li, .w-list-item {
    display: flex;
    flex-direction: column;
}

.w-list-item > .w-item-header {
    display: flex;
    flex-direction: row;
/*    flex-grow: 2;
*/}

.w-html-dropdown-list {

}

.w-list-item {
 
} 

.w-list-item {
    border: 1px solid black;
} 

li.active {

}

.w-list-item.open > .w-detail-panel {

}

.even-row.open {
/*    border-left: 4px solid silver !important;
*/}

.odd-row.open {
/*    border-left: 4px solid gray !important;
*/}


.w-dropdown-header {
    color: white;
    background-color: #474242;
    font-weight: bold;
    border-bottom: 1px solid white;
    margin: -10px -10px 0px -10px;
    padding: inherit;
    border-radius: inherit;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    
}



.w-html-dropdown-panel.w-compact:hover .w-content .w-html-dropdown-list.even-row.open {
}

.w-html-dropdown-panel.w-compact:hover .w-content .w-html-dropdown-list .w-list-item.open {
    background-color: #393939;
}
 

.list-item-collapsible > .w-list-item {
    cursor: pointer;
    max-width: 100vw !important;
    width: calc(100% - 0px) !important;
    
    box-sizing: border-box;
}

.list-item-collapsible > .w-list-item > .w-detail-panel {
    display: none;
}

.list-item-collapsible > .w-list-item.open > .w-detail-panel {
    display: flex;
    flex-direction: column;
}

/*    .list-item-collapsible > .w-list-item::after {
        content: "+";
        font-size: 20px;
        font-weight: bold;
        color: white;
        position: absolute;
        right: 4px;
        top: -5px;
        visibility: hidden;
    }

    .list-item-collapsible > .w-list-item.open::after {
        content: "-";
    }*/

/*.list-item-collapsible:hover > .w-list-item::after {
    visibility: visible;
}
*/


.w-html-dropdown-panel > .w-content,
.w-html-dropdown-panel > .w-header > .w-title {
    text-align: center;
    justify-content: center;
}

.w-html-dropdown-panel > .w-header > .w-title {
    text-align: left;
    justify-content: left;
 }
    .w-html-dropdown-panel > .w-header > .w-title > .w-icon-text {
        padding-left: 10px;
    }
.collapse-as-badge-medium > .w-content > .w-html-dropdown-list {
/*    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;*/
}

    .w-html-dropdown-list > .w-list-item,
    .collapse-as-badge-medium > .w-content > .w-html-dropdown-list > .w-list-item {
        padding: 15px;
        margin: 10px;
        min-width: 100px;
        background: #182527
    }

.w-site {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    /*    bottom: 0px;*/
/*    width: 100vw;
    width: calc(100vw - 16px);*/
    width: 100vw;
    min-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.w-site {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.global-item-picker-container,
.expand-as-full-screener > .w-content > .w-html-dropdown-list > .w-list-item.open {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    /*overflow-y: auto;*/
    /*position: fixed;*/
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 100px;
/*    padding-top: 55px !important;
*/    border-width: 0px;
    /*    top: 55px;
*/ border-width: 0px;
}
    .expand-as-full-screener > .w-content > .w-html-dropdown-list > .w-list-item.open .w-list-item.open {
/*        padding-top: 3px !important;
*/    }

    .w-wallet-main-panel-card .w-list-item.open {
        border-radius: 0px;
    }
.w-wallet-main-panel-card .w-list-item.open {
    border: 2px solid var(--theme-l1-alt-color) !important;
}

    .w-wallet-main-panel-card .w-list-item.open .w-list-item.open {
        border: 1px solid #9a9ae0 !important;
    }
        .w-wallet-main-panel-card .w-list-item.open .w-list-item.open .w-panel,
        .w-wallet-main-panel-card .w-list-item.open .w-list-item.open .control-type-panel {
        }
    .w-wallet-main-panel-card .w-list-item.open .w-list-item.open {
        border: 1px solid var(--theme-l1-alt-color) !important;
    }

        .w-wallet-main-panel-card .w-list-item.open .w-list-item.open .w-list-item.open {
            border: 1px solid var(--theme-l1-alt-color) !important;
        }

            .w-wallet-main-panel-card .w-list-item.open .w-list-item.open .w-list-item.open .w-list-item.open {
                border: 1px solid var(--theme-l1-alt-color) !important;
            }

 
.expand-as-full-screener > .w-content > .w-html-dropdown-list > .w-list-item.open > .w-item-header {
    background-color: rgb(30, 136, 229);
    color: white;
    padding-bottom: 10px;
}

.global-item-picker-container {
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    overflow-y: auto;
    background-color: black;
    position: fixed;
    display: none;
}
.global-item-picker-container {
    transition: display 0.5s ease;
}
.collapse-as-badge-medium > .w-content > .w-html-dropdown-list > .w-data-record-type-identity {
    background: #384242;
}

.w-adi-account-list-panel-card.full-screener > .w-content .w-html-dropdown-list {
    display: inline-flex;
}

.w-data-record-type-liteTokenAccount {
    background: #1a1b1a;
}



    .w-data-record-type-liteTokenAccount.open,
    .w-data-record-type-identity.open {
    }

.w-data-record-type-identity.open {
    z-index: 1;
}

.w-data-record-type-liteTokenAccount.open {
    z-index: 1;
}




.global-item-picker {
    text-align: center;
    margin: 20px;
    justify-content: center;
}




.global-item-picker img {
/*    margin: 5px;
    border-radius: 5px;
    border: 2px solid white;*/
}



    .global-item-picker img:hover {
/*        border: 3px solid white;
*/        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
    }

.global-item-picker-header-container {
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    background-color: #143252;
}
.global-item-picker-header{
    text-align: center;
}

.media-source {
    background-color: rgb(30, 136, 229);
    color: white;
    border-radius: 5px;
    margin:5px;
    padding:5px;
}
    .media-source.media-source-selected {
        background-color: #0056b3;        
        color: white;
    }
.global-item-picker-next-button {
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #143252;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.global-item-picker-next-button:hover {
    background-color: #0056b3;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.global-item-picker-vendor-comments {
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: gray;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.item-picker-item {
    border: 1px solid gray;
    position: relative;
    min-height: 40px;
 
}

.item-picker-selector {
    display: none;
    position: absolute;
    right: 40%;
    top: 5px;
    color: white;
    cursor: pointer;
    border-radius: 7px;
    border-color: white;
    padding: 10px;
    background: linear-gradient(45deg, #845ec2, #54b6d1, #656ef0 );
    transition: background 0.3s ease, transform 0.3s ease;
}
.item-picker-selector:hover {
    background: linear-gradient(45deg, #54b6d1, #656ef0, #845ec2);
    transform: scale(1.05);
} 
.item-picker-selector:active {
    transform: scale(0.95);
}
.d-section-panel-design-theme-layout-preview .global-item-picker,
.w-generic-layout-preview .global-item-picker {
    display: flex;
    flex-flow: wrap;
}
.d-section-panel-design-theme-layout-preview .item-picker-item,
.w-generic-layout-preview .item-picker-item {
    width: 360px;
    height: 300px;
    margin: 10px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
    overflow:hidden;
}
.d-section-panel-design-theme-layout-preview .item-picker-item {
    height: 150px;
}
.d-section-panel-design-theme-layout-preview .item-picker-selector,
.w-generic-layout-preview .item-picker-selector {
    top: auto;
    bottom: 75px;
    right: 15px;
}
.d-section-panel-design-theme-layout-preview .item-picker-selector,
.w-generic-layout-preview .item-picker-item .item-title {
    color: white;
    background: black;
    opacity: 0.6;
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    min-height: 60px;
    z-index: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.d-section-panel-design-theme-layout-preview .item-picker-item
{
    background-image:none !important;
}


.item-picker-item:hover .item-title {
    opacity: 0.8;
/*    bottom:65px;
*/}

.item-picker-item-video > video,
.item-picker-item img {
    width: 350px;
    height: 290px;
    margin: 5px;
    border-radius: 5px;
    border: 2px solid white;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    border: 0px;
    z-index: 0;
}

.item-picker-item:hover > .item-picker-selector {
    display: block;
    z-index: 1;
}

.item-picker-item-video> video {
}

.d-narration-help {
    font-size: small;
    color: gray
}

.w-site-master-header{
    color:red;
    width:100%;
    position:static;
}

.w-site-master-footer {
    color: gray;
    width: 100%;
    position: static;
}



.w-wallet-app-unversal-action-panel-modal > .w-close-modal .fa-stack-2x {
    color: rgb(21, 101, 192);
    color:transparent;
}
.w-wallet-app-unversal-action-panel-modal > .w-close-modal .fa-stack-1x {
    color: white;
}

.media-source-upload {
    border-radius: 7px;
    cursor: pointer;
    padding: 3px;
    background: #0056b3;
    color: white;
    font-size: 12px;
}