﻿.w-bg-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -8888;
    background-size: contain;
}
.w-datagrid-row .w-bg-layer {
    z-index: -8880;
}



.w-bg2-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -9999;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.w-datagrid-row .w-bg2-layer {
    z-index: -9990;
}
/*.d-section-header > .w-bg-layer {
    background-color: black;
    opacity: 0.6;
}
*/


.d-section > .w-header {
    display: none;
}


.site-mode-studio-design .d-section > .w-header {
    display: initial;
}
/*.site-mode-studio-design .d-section-panel > .w-header > .w-title {
    background-color:inherit;
}*/

.d-section > .content,
.d-site-classic-1.w-site .d-section {
    margin: 0px;
    padding: 0px;
}

.d-section-description-2,
.d-section-description,
.d-section-header {
    flex-direction: column;
    width: 100%;
}


    .d-section-header > .w-field-value {
        width: auto;
        font-size: x-large;
    }

.d-section-header {
    margin: 0px;
    padding: 0px;
}


.d-section-description > .w-field-value {
    width: auto;
    font-size: large;
}

.d-section-description-2 > .w-field-value {
    width: auto;
    font-size: medium;
}
.w-panel.d-footer-menu > .content {
    justify-content: center;
}



.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-panel {
    background: black;
    color: #4e4e61;
    padding: 0px;
    margin: 20px;
    border-radius: 15px;
    width: calc(100vw - 40px);
    color: white;
}
.w-site .d-dataform-panel > .w-content {
    flex-flow: column;
}

.d-custom-extra-property {
    display: flex;
}

    .d-custom-extra-property > div {
        display: flex;
        font-weight: normal;
    }


.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-panel > .w-header {
    padding: 20px;
/*    background: #4e4e61;
    color: white;*/
    font-size: x-large;
}

/*dataform************************/

.w-site .d-dataform-panel .w-datagrid-row.d-disco-field {
    margin-top: 3px;
    margin-bottom: 0px;
    /*    background-color: #4e4e61;
    color: white;*/
}

    .w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-narration-header {
    /*    background-color: white;
        color:black;*/
    }
        .w-site .d-dataform-panel .w-datagrid-row.d-disco-field.d-narration-header .w-field-name {
            /* background-color: white;
            color: black;*/
          
        }

.site-mode-studio-design .d-dataform-panel .w-panel.custompanelcomponent > .w-header .w-title {
    /*    background-color: #4e4e61;
    color: white;*/

   
}

.w-site .d-dataform-panel .Editor-container,
.w-site .d-dataform-panel .discovery-bound-field,
.w-site .d-dataform-panel .d-disco-field .w-field-name,
.w-site .d-dataform-panel .d-disco-field .w-field-value,
.w-site .d-dataform-panel .w-image-preview {
    text-align: left;
    margin-left: 20px;
    /*    background-color: #4e4e61;
    color: white;*/
}











.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-achievement-certificate > .w-header,
.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-attendance-certificate > .w-header,
.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-exam-certificate > .w-header,
.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-training-certificate > .w-header {
    padding: 20px;
    background: #4e4e61;
    color: white;
    font-size: x-large;
}
/*personalbank*/
.d-bank-account-url {
    width: 100%
}

.d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-panel {
    background: white;
    color: #4e4e61;
    padding: 0px;
    margin: 20px;
    border-radius: 15px;
    width: 100%;
    max-width: 700px;
}
    .d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-panel > .w-header {
        padding: 20px;
        background: #4e4e61;
        color: white;
        font-size: x-large;
    }
    .d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-panel > .w-header .d-section-help {
        display: none;
    }


.d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-publicRecipient > .w-header {
    background: #4e4e61;
}
.d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-publicSender > .w-header {
    background: #6c1405;
}
.d-site-classic-1 .custompanelcomponent.w-panel.d-personalbank-account-donation > .w-header {
    background: #237439;
}
 
.d-personalbank-account-panel
{
  
}
    .d-personalbank-account-panel .d-disco-field{
        min-width:250px;
    }
    .d-personalbank-account-panel .d-blockchain-network,
    .d-personalbank-account-panel .d-disco-field .w-field-name,
    .d-personalbank-account-panel .d-disco-field .w-field-value {
/*        padding-left: 20px;
*/        text-align: left;
        width: 100%;
    }
.d-personalbank-account-panel .d-bank-account-url .w-field-name {
    padding-bottom: 30px;
}
.d-personalbank-account-panel .d-bank-account-url .w-field-value {
    font-size: large;
    font-weight: bold;
}


.d-personalbank-account-panel .d-blockchain-network {
    flex-flow: row;
    background: silver;
    border-radius: 5px;
    flex-flow: row;
    background: #c2c2c2;
    border-radius: 0px 0px 0px 0px;
    color: black;
}

.d-personalbank-account-panel .d-blockchain-network .w-field-name {
    width: 100%;
    text-align: right;
    padding-right: 6px;
}
.d-personalbank-account-panel .d-blockchain-network .w-field-value {
    width: 100px;
    text-align: right;
}



.d-certificateLogoUrl{
}


/*CERTIFICATE PRINT*/
.d-print-image {
    width: 400px;
    height: 400px;
    padding-left: 20px;
}
.d-print-special-notes,
.d-print-certificateTitle,
.d-print-name,
.d-print-fromDate,
.d-print-toDate {
    position: absolute;
    color: black;
   
    left: 50px;
    width: 300px;
    max-width: 300px;
}
    .d-print-special-notes .w-field-value,
    .d-print-certificateTitle .w-field-value,
    .d-print-name .w-field-value,
    .d-print-fromDate .w-field-value,
    .d-print-toDate .w-field-value {
        text-align: center !important;
        word-break: break-word;
        text-align: center;
    }



.d-print-certificateTitle {
    top: 30px;
    font-weight: bold;
    font-size: 18px;
    color: goldenrod;
}
.d-print-name {
    top: 90px;
    font-weight: bold;
    font-size: 16px;
}

.d-print-special-notes {
    top: 110px;
}

.d-print-fromDate, .d-print-toDate {
    top: 210px;
}
    .d-print-fromDate {

    left: 0px;
}

.d-print-toDate {
    left: 100px;
}


.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-cert,
.d-site-classic-1 .custompanelcomponent.w-panel.d-dataform-cert-of-achievement {
    max-width: 425px;
}
.d-dataform-cert > .w-content,
.d-dataform-cert-of-achievement > .w-content {
    overflow-x: auto;
    padding-right: 15px;
}