﻿.w-site .custompanelcomponent > .btn-design-section.w-button,
.w-site .w-datagrid-row > .btn-design-field.w-button {
    border-radius: 5px !important;
    padding: 5px;
    line-height: 2;
    height: 20px;
    line-height: 1;
    top: 0px;
    width: fit-content !important;
    cursor: pointer;
    font-size: 11px !important;
    font-family: cursive !important;
    font-weight: normal !important;
    cursor: pointer;
    right: 10px;
    padding: 5px !important;
    background-color: rgb(115 139 157) !important;
    background-color: rgb(130 43 93) !important;
    color:white !important;
    padding-top: 5px !important;
}
.btn-design-field.w-button::before,
.btn-design-section.w-button::before {
    content: "⚙️";
    margin-right: 0.5em;
    font-size: 1em;
    font-size: 11px !important;
    display: inline-block;
    vertical-align: top;
}
.btn-design-field.w-button::before {
    content: "🛠️";
}

.w-site .w-datagrid-row > .btn-design-field.w-button {
    top: -0px;
    left: 10px;
    right: auto;
    background-color: rgb(43 70 89) !important;

}
.btn-design-field.w-button,
.btn-design-section.w-button {
    transform: translateY(-0px);    
    opacity: 0.7;
    transition: transform 0.25s ease, 
        box-shadow 2s ease, 
        border-color 1s ease, 
        opacity 0.25s ease;
}
        .btn-design-section.w-button:hover,
        .btn-design-field.w-button:hover {
            opacity: 1;
            zoom: 1.5;
            transform: translateY(0);
            border: 2px solid transparent;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15), /* soft shadow */
            0 6px 20px rgba(0, 0, 0, 0.2); /* deeper glow */
        }

.site-mode-studio-designer .adi-smart-window-container .custompanelcomponent,
.site-mode-studio-designer .adi-smart-window-container .w-datagrid-row {
    min-height: 5px;
}

.site-mode-studio-designer .adi-smart-window-container .custompanelcomponent:hover,
.site-mode-studio-designer .adi-smart-window-container .w-datagrid-row:hover {
    min-height: 35px;
    position: relative;
}


/*DESIGN LINES*/
.site-mode-studio-designer.d-site-classic-1 .adi-smart-window-container .custompanelcomponent.w-panel {
    border: 1px dotted silver !important;
    padding: 2px;
}

.site-mode-studio-designer .adi-smart-window-container .w-datagrid-row {
    border: 1px dotted #31b2c3 !important;
}

.site-mode-studio-designer.d-site-classic-1 .adi-smart-window-container .custompanelcomponent.w-panel:hover {
    border: 3px dotted #f8d367 !important;
    padding: 2px;
    /*    background-color: black !important;
*/ min-width: 170px;
}

.site-mode-studio-designer .adi-smart-window-container .w-datagrid-row:hover {
    border: 3px dashed silver !important;
/*    background-color: #f0f0f0 !important;
*/    padding: 2px;
    min-width: 170px;
}

.w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-data-previous-page-on-accumulate-link,
.w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-data-previous-page-id-link {
/*    position: absolute;
    top: 0px;
    right: 10px;*/
    background: none;
    padding: 7px 5px 3px 5px;
    margin-left: 4px;
    text-decoration: underline;
    background: rgb(78, 78, 97);
    color: white;
    font-size: 12px;
    border-radius: 4px;
}
.w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-data-previous-page-on-accumulate-link {
/*    right: 160px;
*/ 
}
.w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-data-previous-page-on-accumulate-link:hover,
.w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-data-previous-page-id-link:hover {
    background: black;
    color:white;

}

.w-wallet-button > .w-button {
    /*  color: rebeccapurple !important;*/
    width: 70px;
    /*    background-color: black !important;
*/ box-shadow: 1px 1px 1px transparent !important;
    background-color: transparent !important;
}
.w-wallet-button {
/*    background-color: black !important;
*/    width:220px;
    border-radius:7px;
}
    .w-wallet-button > .w-button:hover {
        font-style: italic;
        font-weight:bold;
    }
