﻿
div.w-site div.w-action-panel-card-as-modal > div.w-content,
div.w-site div.w-manage-private-key-action-panel-card > div.w-content {
    background: transparent !important;
    padding:10px;
    margin:10px;
}
 
div.w-site div.w-action-panel-card-as-modal.w-horizontal-content > .w-content {
    flex-direction: row;
    justify-content: center;
    justify-content: left;
    flex-wrap: wrap;
    display: flex;
}

div.w-site div.w-action-panel-card-as-modal > div.w-content > .control-type-panel,
div.w-site div.w-manage-private-key-action-panel-card > div.w-content > .control-type-panel {
    backdrop-filter: blur(120px);
    box-shadow: rgba(0, 0, 0, 0.05) 0rem 1.25rem 1.6875rem 0rem;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(127.09deg, rgb(12 22 80 / 94%) 19.41%, rgba(10, 14, 35, 0.49) 76.65%) border-box;
    background: linear-gradient(127.09deg, rgb(32 39 58 / 1) 19.41%, rgb(32 39 58 / .4) 76.65%) border-box;
    background: linear-gradient(127.09deg, rgb(48 61 97) 19.41%, rgb(40 55 95 / 40%) 76.65%) border-box;
    border-width: 0px;
    border-radius: 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.125);
    border-image: initial;
    
}
    .w-site div.w-panel > .w-content > .control-type-panel {
    color: var(--panel-2-color);
    background-color: var(--panel-2-bg-color);
    border-color: var(--panel-2-border-color);

}

.w-site div.w-panel .control-type-panel.w-panel-for-buttons {
    background-color: transparent;
}
.w-site div.w-panel .control-type-panel.w-panel-compress > .w-datagrid-row {
    width:auto;
}
.w-site div.w-panel > .w-content > .control-type-panel.w-text-muted-5 {
    background-color: var(--accent1-color);
    border-color: var(--panel-2-border-color);
    color: var(--button-1-color);
    background-color: var(--button-1-bg-color);
    border-color: var(--button-1-border-color);
}

.w-site div.w-panel > .w-content > .control-type-panel.open {
    background-color: var(--panel-2-open-bg-color);
    border-color: var(--panel-2-open-border-color);
}



.w-site div.w-panel > .w-content > .control-type-panel > .w-header {
    color: var(--panel-2-header-color);
    background-color: var(--panel-2-header-bg-color);
    border-color: var(--panel-2-header-bg-color);
}

    .w-site div.w-panel > .w-content > .control-type-panel > .w-content {
        background-color: inherit;
        color: inherit;
    }



    .w-site div.w-panel > .w-content > .control-type-panel > .control-type-panel {
        color: var(--panel-3-color);
        background-color: var(--panel-3-bg-color);
        border-color: var(--panel-3-border-color);
    }

        .w-site div.w-panel > .w-content > .control-type-panel > .control-type-panel.open {
            background-color: var(--panel-3-open-bg-color);
            border-color: var(--panel-3-open-bg-color);
        }

        .w-site div.w-panel > .w-content > .control-type-panel > .control-type-panel > .w-header {
            color: var(--panel-3-header-color);
            background-color: var(--panel-3-header-bg-color);
            border-color: var(--panel-3-header-bg-color);
        }

        .w-site div.w-panel > .w-content > .control-type-panel > .control-type-panel > .w-content {
            background-color: inherit;
            color: inherit;
        }




.w-site .w-datagrid-row.control-type-panel.w-content-box {
    padding-left: 5px;
    padding-right: 5px;
    
}
*.w-datagrid-row.w-content-box {
    border-radius: 5px;
    border: 1px solid silver;
    margin: 5px;
}

.w-enter-password-action-panel-card *.w-datagrid-row.w-content-box {
    border-color: transparent;
}

.panel-h-220 {
    min-height: 220px;
}

*.w-datagrid-row.w-content-box .w-content-box {
    border: 1px solid #392525;
    border-width: 0px;
}



.w-panel-for-content-01.control-type-panel > .w-title-field,
.w-panel-for-content-01.control-type-panel > .control-type-label .w-value-field {
    text-align: center;
}
.w-panel-for-content-01.control-type-panel > .control-type-button {
    align-content: center !important;
    justify-content: center;
}
.w-panel-for-content-01.control-type-panel > .control-type-button> .w-button{
    text-align:center;
}
.w-box-level-info-1 .w-title-field {
    text-align: center !important;
    border-bottom: 1px solid darkblue;
}


.w-panel-button-style {
    position: fixed;
    background: black !important;
    width: 150px;
    right: 0px;
    top: -0px;
    z-index: 10;
}

    .w-panel-button-style,
    .w-panel-button-style .w-title-field {
        font-size: 11px !important;
    }

        .w-panel-button-style.open {
            position: static;
            width: auto;
            right: auto;
        }

.w-send-for-approval-panel.open {
    margin-bottom: 100px !important;
    margin-top: 50px !important;
}


.w-site .w-panel-collapsable.w-panel-modal-style > .w-value-field::after {
    content: "X";
    left: auto;
    right: 0px;
    zoom:2;
    
}

.w-panel-top-wide {
    min-width: 95vw !important;
    min-height: calc(100vh - 90px);
}
   
    ..w-panel-top-wide
    .w-panel-top-wide > .w-content,
    .w-panel-top-wide > .w-header {
/*        background: transparent !important;
*/    }

    .w-panel-top-wide > .w-header > .w-title {
        justify-content: center;
    }
    .w-site .w-panel-modal-style {
        display: none !important;
        position: relative;
        background: #0f2e3d !important;
        margin: 20px;
        z-index: 9999;
        width: calc(100% -50px);
        height: max-content;
        left: 0px;
        right: 0px;
        border: 2px solid gray !important;
    }
.w-site .w-panel-modal-style> div {
    max-width: 700px;
}

    .w-panel-modal-style,
    .w-panel-modal-style .w-title-field {
        font-size: 11px !important;
    }

.w-site .w-panel-modal-style.open {
    display: grid !important;
    display: block !important;
/*    position: relative;
    height: 100vh;*/
/*    min-height: 100vh;
*/}

.w-ai-assistant-chat-panel {
    background-color: rgb(10 18 37) !important;
}
.ai-answer-panel {
    font-size: medium;
    background: rgb(17 27 50);
    padding: 20px;
    border-radius: 10px;
/*    max-height: calc(70vh);
*/    overflow-y: auto;
    display: none !important;
}
.w-ai-answer-q1 {
    background: rgb(26 35 56);
    padding: 10px;
    border-radius: 7px;
}
.w-ai-answer-q2 {
    font-size: large;
}
.ai-answer-panel.w-open {
    display: flex !important;
}
.ai-answer-panel > hr {
    border: none;
    height: 2px;
    background-color: #ccc;
    margin: 20px 0;
}
.w-panel-button-style,
.w-ai-assistant-chat-panel {
}
/*.w-panel-find-people.open {
    width:150px;*/
/* //height:100px;
*/    /*position: static;
    top: -40px;
    left: 0px;
}*/
.w-panel-compressed {
    font-size: small !important;
}
    .w-panel-compressed,
    .w-panel-compressed > .w-value-field,
    .w-panel-compressed > .control-type-panel,
    .w-panel-compressed > .control-type-panel > .w-title-field,
    .w-panel-compressed > .control-type-panel > .w-value-field,
    .w-panel-compressed > .control-type-panel > .w-datagrid-row {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: auto !important;
    }
        .w-panel-compressed > .control-type-panel > .w-title-field {
            padding-left: 14px !important;
            
        }
        .w-panel-compressed > .control-type-panel > .w-datagrid-row {
            /*margin: 0px !important;*/
        }
            .w-panel-compressed > .control-type-panel > .w-datagrid-row > .w-button {
                padding: 4px !important;
                margin: 0px !important;
            }
            .w-panel-compressed > .control-type-panel > .w-datagrid-row > input {
                padding-top: 1px !important;
                padding-bottom: 1px !important;
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }
div.w-site .w-panel-active-selection .w-datagrid-row.w-panel-active-selection-help {
    display: none;
}
div.w-site .w-panel-active-selection:hover .w-datagrid-row.w-panel-active-selection-help {
    display: initial;
}

.w-enter-password-action-panel-card {
    max-width: 350px !important;
}


@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.w-processing > .w-title-field > .w-font-icon {
    animation: spin-slow 2s linear infinite;
    zoom: 1;
    margin:10px;
    z-index:1;
}

.w-key-panel.open {
    box-shadow: 1px 1px 6px 2px rgb(255 255 255);
}