/*additional styles for pds build are below*/

/**
 * Gravity Perks // File Upload Pro // Icons for Each File Type
 * https://gravitywiz.com/documentation/gravity-forms-file-upload-pro/
 *
 * Add unique icons for each file type. Currently supports doc, docx, pdf, and zip. Let us know what other file
 * types we should support [via support](https://gravitywiz.com/support/)!
 */
.gpfup__file-icon svg {
	visibility: hidden;
}
.gpfup__file[data-file-ext="zip"] .gpfup__file-icon {
	background: url( https://cdn.jsdelivr.net/npm/pretty-file-icons@2.2.1/svg/zip.svg );
}
.gpfup__file[data-file-ext="doc"] .gpfup__file-icon,
.gpfup__file[data-file-ext="docx"] .gpfup__file-icon {
	background: url( https://cdn.jsdelivr.net/npm/pretty-file-icons@2.2.1/svg/doc.svg );
}
.gpfup__file[data-file-ext="pdf"] .gpfup__file-icon {
	background: url( https://cdn.jsdelivr.net/npm/pretty-file-icons@2.2.1/svg/pdf.svg );
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Grvaity Flow Notificaiton icon in menu makes the icon wiggl*/
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Table Styles for page views */
.top-page-views-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.top-page-views-table th, .top-page-views-table td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.top-page-views-table th {
    background-color: #f2f2f2;
}

/* Chart Styles */
.top-page-views-chart {
    width: 100%;
}

.top-page-views-chart canvas {
    width: 100%;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*css for collapsible field groups in grvaity forms https://gist.github.com/BruceMcKinnon/aab4fe7e102eafbbf2e3714405f690ba */
.m_collapse_text, .show_collapse .m_expand_text, .m_section{
    display: none; 
}
.show_collapse .m_collapse_text {
    display: inline; 
}

.m_section {
    grid-column: 1/-1;
}

span.m_expand span i {
    font-size: 16px;
    line-height: 24px;
    vertical-align: top;
    margin-left: 10px;
}

/* Hide the up chevron initially */
.gsection.collapsible .fa-chevron-up {
    display: none;
}

/* When the section is shown, hide the down chevron and show the up chevron */
.show_collapse .fa-chevron-down {
    display: none;
}
.show_collapse .fa-chevron-up {
    display: inline;
}