/* resource editor card help section  */
.card-help-panel {
    width: 388px !important;
}

/* resource editor card help icon  */
.editable-help {
    margin-right: 0px;
    padding: 34px 5px;
}

/* workbench image  */
.dz-img-main {
    width: 69%;
    height: 85%;
}

/*###########################################################################################################*/
/*--------- Report page ----------- */
/* report page branch title section  */
.rp-tile-title {
    font-size: 17px;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 0px 0 5px 0px;
    color:  #007fff;;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* report inner paragraph attributes */
@media (min-width: 768px) {
    .dl-horizontal dt {
        white-space: pre-wrap;
        margin-bottom: 5px;
        width: 200px;
        color: #030303d9;
    } }
/*###########################################################################################################*/
/*--------- Print feautre ---------- */
.resource-component-abstract {
    /*-- overflow-y: hidden; --*/
     height: 100%;
} 

@media print {
    header,
    nav,
    footer,
    button,
    aside,
    .print-btn,
    .ep-tools,
    .geocode-container,
    .geometry-tools-container,
    .geometry-editing-notifications,
    #map-widget-container>.map-widget-container {
        display: none;
    }
    #content-container {
        padding: 0 !important;
    }
    .scroll-y {
        height: auto;
    }
    dt {
        text-decoration: underline;
        font-weight: bold;
        color: #808080 !important;
    }
    dd {
        margin-left: 2px;
    }
    a[href]:after {
        content: none;
    }
    .dl-horizontal dd {
        margin-left: 280px;
        padding-right: 100px;
        justify-content: center;
    }
    
    img {
        vertical-align: middle;
        border-style: ridge;
        height: 280px;
    }
    .dl-horizontal dt {
        float: left;
        width: 260px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rp-report-section {
        border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    }
    
    .print-map-container {
        width: 576px;
        height: 400px;
    }

    .print-map {
        display: block;
        width: 100%;
        height: 100%;
    }
    .print-hide {
        display: none;
        height: 0;
    }
    .ep-form-toolbar-tools {
        display: none;
        
    }  
}
/*###########################################################################################################*/

/* search result popup box customization reviesed  */
.mapboxgl-popup-content {
    width: 415px;
}

.hover-feature-title-bar {
    max-width: 376px;
    height: auto !important;
    padding: 7px;
}
.hover-feature-title {
    font-size: 13px;
    font-weight: bold;
    max-width: 536px;
    color: #25476A;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.2em;
    max-height: 12em;
    min-height: 3em;
}

.hover-feature-body {
    border-right: none !important;
}

.mapboxgl-popup-close-button {
    height: 55px;
}

/*----------Cursor styling to hover ---------------*/
.card-summary-section .card-summary .card-summary-add:hover {
    cursor: pointer;
}

/*-------------------------Try for footnotes -----------------*/
.footnotes {
    border: ridge 2px;
    font-size: 13px;
    font-style: normal;
    font-family: system-ui;
}

.footnotes h2 {
    font-size: 17px;
    margin-top: 2px;
}

.footnotes cite {
    font-style: normal;
}

.footnotes ol, ul, li {
    font-style: normal;
}

/*###########################################################################################################*/

/* Tabbed report format */

.report-toolbar-preview {
    width: 100%;
    height: 50px;
    background: #010202b8;
    border: 1px solid #c7c7c7;
    z-index: 10;
}

.report-toolbar-title {
    font-size: 17px;
    font-weight: 500;
    margin-top: 0px;
    width: 400px;
    padding: 14px 0 5px 25px;
    color: #fff;
}

ul.tabbed-report-tab-list {
    height: 79px;
    margin: -8px 0 0 0;
    padding: 0 20px;
}
.report-print-date {
    font-size: 11px;
    color: #fff;
}

.tabbed-report-tab-list {
    background-color: #2d3c4b6e;
    border: 1px solid #c7c7c7;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    flex-wrap: wrap;
}

.report-tab i {
    color: #000000;
    font-size: 21px;
}

.report-tab.active {
    border: #e0e3e7 solid 2px;
    border-radius: 100%;
    background: #18a4ff;
}

.rp-card-section {
    background: #f5f5f5;
}

.tabbed-report-tab-name {
    grid-column: 1;
    font-weight: 600;
    text-align: end;
    width: auto;
    color: #030303d9;
}