html.pm-fullpagemap {min-width:50px;min-height: 50px;}
body { background-color: white; }
#wrapper.pm-fullpagemap { position: relative; background-color: white;  width: 100%; height:  100vh;  }

/********************************************************/
/* the common map wrapper and containter */
.pm-common.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.pm-common.mapcontrol {
    position: relative;
    width: 100%;
    height: 100%;
}

/********************************************************/
/* upper toolbar */ 
.pm-common.pm-mapcontrol-top {
    min-height: 41px;
    width: 100%;
    padding-top: 5px;
    background-color: #f9f9f9;
    /*border-bottom: #f9f9f9 solid 1px;*/ 
    border-bottom: 1px solid #e7eaec;
}

.pm-common.pm-mapcontrol-top-toolbar {
    display: flex;
    justify-content: space-between; 
    margin: 5px 10px 5px 10px;
    box-sizing: border-box;
    font-size: 13.33px;
    line-height:normal;
}
/*.pm-common.pm-mapcontrol-top-toolbar * {
    box-sizing: border-box;
    font-size: 13.33px;
    line-height: 15px;
}*/

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-left-side-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
        .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-left-side-group .pm-common.pm-toobar-item button { margin-right: 2px; }
            .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-left-side-group .pm-common.pm-toobar-item button .icon { margin-right: 2px; }

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-center-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-right-side-group {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-right-side-group .pm-common.pm-toobar-item button {
        margin-left: 2px;
    }

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item button {
        border: none;
        padding: 6px 7px 6px 7px;
        background-color: #f9f9f9;
        color: #676a6c;
        font-weight: 700;
        cursor: pointer;
    }

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item button:focus {
        outline: lightgray dashed 1px;
        outline-color: lightgray;
        outline-style: dashed;
        outline-width: 1px;
    }

    .pm-common .pm-applied { color: #f4a57a; }


.pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item .icon.pm-checkbox {
    background-color: transparent;
    height: 13px;
} 

.pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item button.cbMoreOptions {
    width: 32px;
}

    .pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item button.cbMoreOptions .lbl {
        display: none;
    }

.pm-common.pm-mapcontrol-top-toolbar .pm-common.pm-toobar-item.pm-hamburger-menu-button {
    margin-right: 5px;
}

.pm-common.pm-mapcontrol-top-toolbar .pm-button-spacer {
    min-width: 1.5in;
}

.pm-common.pm-mapcontrol-top-toolbar .icon.fa-filter {
    font-size: 15px;
}

/* buttons in the hamburger menu */
.p-common-dialog.pm-hamburger-menu button.ui-button.ui-corner-all.ui-widget {
    padding: 2px 5px;
}
.p-common-dialog.pm-hamburger-menu .pm-hamburger-menu-item-button button.btn.btn-primary,
.p-common-dialog.pm-hamburger-menu .pm-hamburger-menu-item-button button.btn.btn-primary:focus {
    border: none;
    outline: none;
    padding: 5px 5px;
    background-color: #EFEFEF;
}
    .p-common-dialog.pm-hamburger-menu .pm-hamburger-menu-item-button button.btn.btn-primary:hover {
        border: none;
        outline: none;
        padding: 5px 5px;
        background-color: #E9E9E9;
        cursor: pointer;
    }

/*This is also used in the feature table*/
.pm-common .fa-bars {
    font-size: 20px;
}

.pm-common.pm-mapcontrol-middle {
    position: relative;
    border-bottom: 1px solid #e7eaec; 
}


/********************************************************/
/* map filter dialog*/

.pm-common.pm-mapfilter-content.outer {
    position: relative;
    background: white;
}

.pm-common.pm-mapfilter-content.inner {
    border: none;
    background: white;
    margin: 20px 10px 20px 20px;
}

.pm-common.pm-mapfilter-options {
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 0;
    left: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pm-common.pm-mapfilter-title-text {
    float: left;
    font: 18px Arial, Verdana, bold;
    color: #676a6c
}
/*apply and clear buttons*/
.pm-common .pm-mapfilter-title-buttons .pm-button.t-button {
    padding: 1px 4px 1px 3px;
    line-height: normal;
    margin-left: 2px;
}

.pm-common.pm-mapfilter-title, .pm-common.pm-editgroup {
    width: 100%;
    display: block;
    min-height: 25px;
    clear: both;
    margin-bottom: 10px;
}

.pm-common.pm-mapfilter-content .pm-mapfilter-title-buttons {
    float: right;
    margin-left: 2px;
}

/********************************************************/
/* map search */
.pm-common.pm-mapsearch-content.outer {
    position: relative;
    background: white;
}

.pm-common.pm-mapsearch-content.inner { 
    border: none;
    background: white; 
    margin: 20px;
    min-width: 280px;
}

.pm-common.pm-mapsearch-title-text {
    float: left;
    font: 18px Arial, Verdana, bold;
    color: black;
}

.pm-common.pm-mapsearch-title, .pm-common.pm-editgroup {
    width: 100%;
    display: block;
    min-height: 25px;
    clear: both;
    margin-bottom: 10px;
    color: black;
}

.pm-common.pm-mapsearch-content .pm-common .pm-editsection-master.pm-subgroup-title {
    color: black;
    font-size: 16px;
    font-weight: normal;
    font-size: 13.33px;
}
 
.pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls {
    display: flex;
    flex-wrap: wrap;
}
 
    .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField {
        display: inline;
        margin-right: 10px;
        flex-grow: 1;
        flex-shrink: 1;
        max-width: 110px;
    }
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField.MapSearchTownship { max-width: 70px;}
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField.MapSearchRange {max-width: 70px;}
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField.MapSearchSection { max-width: 30px; }
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField.MapSearchGeographicArea { max-width: 100%; }
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField .wibInput { width: 100%; }
        .pm-common.pm-mapsearch-content .pm-editsection-detail.pm-detail-row-controls .pm-detail-flex-controls .wibField .wibInput input { width: 100%; }


.pm-common.pm-mapsearch-content .pm-mapsearch-title-buttons {
    float: right;
    margin-left: 2px;
}

.pm-common.pm-mapsearch-content .pm-editsection-detail .pm-editsection-detail .wibField {
    margin-top: 0;
}

/* esri search widget */
.pm-common.pm-mapsearch-content .pm-editsection-detail input.searchInput,
.pm-common.pm-mapsearch-content .pm-editsection-detail .searchBtn {
    padding: 2px;
    border: solid 1px #4E75B3;
    border-radius: unset;
}
/*.pm-common.pm-mapsearch-content .pm-editsection-detail .arcgisSearch .searchClear {
    padding: 0;
    border-radius: unset;
    color: black;
    background-color: white;
    top: 2px; 
    overflow: hidden; 
}*/
.pm-common.pm-mapsearch-content .pm-editsection-detail .searchIcon  {
    font-size: 14px;
    height: 23px;
    line-height: 23px; 
}



.arcgisSearch .searchClear {
    display: none;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
    height: 23px;
    width: 24px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

/*.arcgisSearch .searchIcon {
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}*/

/********************************************************/
/* esri map popup/infowindow */
.esriPopupWrapper p { line-height: normal; font-size: 10px;}
.esriPopupWrapper p.desc { margin-top: 12px; margin-bottom: 12px; line-height: 1.25rem; font-size: 12px;}
.esriPopupWrapper .pm-popup-title-line {
    font-size: 17px; 
    margin-bottom: 12px;
    /*line-height: 25px;*/
}
.esriPopupWrapper .contentPane  { overflow-x: hidden;}

.pm-infowindow-horizontal-line {
    height: 0px;
    border-top: 1px solid #333333;
    margin-top: 5px;
    margin-bottom: 5px;
}
button.pm-right-side {
    margin-left: 2px;
}
.pm-project-shape-edit-buttons { white-space: nowrap;   }
    .pm-project-shape-edit-buttons button { width: 60px; }
          .pm-project-shape-edit-buttons button.pm-project-shape-delete-rings { width: 90px; }
    /********************************************************/
    /* map container */
    .pm-common.mapcontainer {
        position: relative;
    }
/*.pm-common.pm-lower-widget-item.outer {
    height: 10%;
    border-top: #f9f9f9 1px solid;
    border-bottom: #f9f9f9 1px solid;
}
.pm-common.pm-lower-widget-item.inner {
    margin: 20px;
}*/
.pm-common .PrismFieldSetInstruction,
.pm-common .PrismFieldInstruction {
    font-style: normal;
    margin-left: 0;
    white-space: pre-line;
}


    /********************************************************/
    /* map banner*/
    .pm-common.pm-mapbanner-container {
        position: absolute;
        top: 20px;
        left: 55px;
        z-index: 70;
        height: 64px;
        color: #0a365d;
        overflow: auto;
    }
    .pm-common.pm-mapbanner-title.outer {float:left;  background-color: #d4d69f;height: 100%;}
    .pm-common.pm-mapbanner-title.inner {margin: 10px; border: none;white-space: normal; }
    .pm-common  h1.pm-banner-text {font: 15px Arial;font-weight: bold;text-transform: uppercase;margin: 0;white-space: nowrap;width: 100%;}
    .pm-common  h2.pm-banner-text {font: 13px Arial;font-weight: bold;margin: 5px 0 0 0; white-space: nowrap;width: 100%; }
    .pm-common .pm-banner-label {width: 80px;display: inline-block;}
    .pm-srp-map .pm-common .pm-banner-label { width: auto; display: inline-block; }



    /********************************************************/
    /* map loading */
    .pm-common .pm-map-loading {
        position: absolute;
        width: 80px;
        top: 20px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        line-height: 1.5;
        background-color: #fff;
        z-index: 999; /* make sure this is in front of the banner */
        background-color: #0C3B67;
        color: #ffffff;
        border: white 1px solid;
    }
    
    .pm-srp-map .pm-common .pm-map-loading {
        background-color: #285050; 
    }

    .pm-common .pm-map-loading-icon {
        display: inline-block;
        height: 11px;
        width: 16px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url("../content/images/loading.gif");
    }
    
    .pm-common .pm-map-loading-text {
        margin-right: 10px;
    }


/********************************************************/
/* dijit and dojo overrides */
/* splitters*/
/*.claro .dijitSplitter, .pm-common.mapcontrol div.dijitSplitter { background-color: #f0f0f0; }
    .claro .dijitSplitter .dijitSplitterThumb, .pm-common.mapcontrol div.dijitSplitter .dijitSplitterThumb { background: black none; color: black;
    } 

    .pm-common.mapcontrol div.dijitSplitter.dijitSplitterV:focus, .pm-common.mapcontrol div.dijitSplitter.dijitSplitterH:focus {
        outline: darkgray dashed 1px;
        outline-color: darkgray;
        outline-style: dashed;
        outline-width: 1px;
    }*/

/* content panes*/
/*.claro .dijitContentPane { padding: 0; }*/

/********************************************************/
/* style esri widget buttons the same as prism */
.pm-expander-wrapper {
    position: relative;
    box-sizing: border-box;
}
.pm-common.pm-left-widgets {  position: absolute;z-index: 80;top: 90px;left: 20px; border: none;background:transparent;overflow: visible;} 
.pm-common.pm-left-widgets-content {  position: absolute;z-index: 80;top: 80px;left: 60px; border: none;background:transparent;overflow: visible;} 
.pm-common.pm-right-widgets {  position: absolute;z-index: 80;top: 20px;right: 20px; border: none;background:transparent;overflow: visible;} 
.pm-common.pm-right-widgets-content {  position: absolute;z-index: 80;top: 20px;right: 60px; border: none;background:transparent;overflow: visible;}

.pm-common .pm-expander-content { position: absolute;top: 0; background-color: white;}
.pm-common.pm-left-widgets-content .pm-expander-content {left: 0;}
.pm-common.pm-right-widgets-content .pm-expander-content {right: 0;}
.pm-common.pm-left-widgets .pm-expander-wrapper .pm-expander-content {left: 40px;}
.pm-common.pm-right-widgets .pm-expander-wrapper .pm-expander-content {right: 40px;}
.pm-common .pm-expander-content-inner { overflow: auto;}

.pm-expander-button {height: 32px;width: 32px;margin-bottom: 2px; background-color: #0C3B67; color: #ffffff;border: white 1px solid; box-sizing: border-box; }
.pm-expander-button-icon {font-size: 20px;margin: 5px;height: 19px;width: 19px; box-sizing: border-box; }
.pm-expander-button.pm-expanded {background-color: #d4d69f; color: #b7ba5c;border: #b7ba5c 1px solid;}
.pm-expander-button:hover{ cursor: pointer;}


.pm-expander-content-tittle { width: 100%; height: 31px; background-color: #d4d69f; color: #0a365d;overflow: auto; font: 15px Arial;font-weight: bold;border: #b7ba5c 1px solid;}
.pm-expander-content-tittle-text{margin-top: 8px; margin-left:10px;vertical-align: middle; }
 
/* map info*/
/* dialog size is set in SetInfoWidgetDialogSize() */
.pm-common .pm-expander-content-inner.pm-infobutton .PrismFieldSetInstruction { margin: 5px;}
.pm-common .pm-expander-content-inner.pm-infobutton .PrismInfoElement { display: none; }

/* zoom buttons */
.pm-common .esriSimpleSlider {
    border: none;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.pm-common .esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.pm-common .esriSimpleSliderVertical .esriSimpleSliderDecrementButton {background-color: #0C3B67; color: #ffffff;border: white 1px solid; margin-bottom: 1px; -webkit-border-radius:0;  -moz-border-radius:0; -o-border-radius:0; border-radius:0;}



/* layer list */
.pm-common .esriLayerList .esriCheckbox {
    margin-top: 9px;
    margin-left: 10px;
}
.pm-common .esriLayerList label.esriLabel { white-space: nowrap;}
.pm-common .pm-layer-label-enabled, .pm-common .pm-layer-label-enabled:hover { color: darkorange;}
.pm-common .pm-expander-content.pm-layerlist { width: 270px;}

/* legend */
.pm-common .pm-expander-content-inner.pm-legend  { margin-top: 9px;margin-left: 10px;}
.pm-common .pm-expander-content.pm-legend { width: 270px;}
/* search */
.pm-common .pm-expander-content.pm-search {background: none;white-space: nowrap;width: 285px; } 
.pm-common .pm-search .searchGroup {white-space: nowrap;}
.pm-common .pm-expander-content-inner.pm-search {overflow: visible;}
.pm-common .pm-expander-content-inner .searchMenu.suggestionsMenu { width: 280px; }

/* base map gallery */
.pm-common .pm-expander-content.pm-basemaps {
    width: 280px;
}

/* home button */
/*.pm-common .pm-expander-wrapper.pm-homebutton {position: absolute; top: 254px;}*/


/********************************************************/
/* bottom of the map info areas */

/* coordinates */
.pm-map-coordinates {
    position: absolute;
    bottom: 30px;
    left: 170px;
    color: #666;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.7);
    padding: 0 4px;
}

/********************************************************/
/* feature table */
/*.pm-common .esri-feature-table .ui-state-active*/


.pm-common .esri-feature-table  table {
    line-height: normal;
}


.pm-common .esri-feature-table .ui-state-default {
    background: none;
}

.pm-common .esri-feature-table-menu-item.esri-feature-table-menu-options { display: flex;}
.pm-common .esri-feature-table .esri-feature-table-menu-item.esri-feature-table-button {
    font-size: 20px;
}

.pm-common .esri-feature-table .dgrid-row-odd,
.pm-common .esri-feature-table .dgrid-row-even {
    background-color: white;
}
.pm-common .esri-feature-table .dgrid-header,
.pm-common .esri-feature-table .dgrid-header-row,
.pm-common .esri-feature-table th,
.pm-common .dgrid-header.dgrid-header-scroll.dgrid-scrollbar-width.ui-widget-header {
    background-color: white;
}
.pm-common .esri-feature-table-menu-item.esri-feature-table-title {
    position: absolute;
    /*top: 10px;*/
    left: 0;
    /*right: 60px;*/
}
/*.pm-common .esri-feature-table .pm-ft-heading }
    display: flex;
}*/
.pm-common .esri-feature-table .pm-ft-heading .pm-ft-warning-message {
    color: #b35806; /* same color as "planned" status bar and points */ 
}

.pm-common .esri-feature-table .esri-feature-table-menu {
    background-color: #f9f9f9;
    border: none;
    /*padding: 4px;*/
}

.pm-common .esri-feature-table .dgrid-row.dgrid-selected {
    background-color: #bfd6eb;
}
 
.pm-common .esri-feature-table .dgrid-row .dgrid-cell.dgrid-cell-padding {
    padding: 4px;
}

.pm-common .esri-feature-table .dgrid-header .dgrid-cell-padding {
    padding: 6px 4px;
}

.pm-common .esri-feature-table .ui-widget-header,
.pm-common .esri-feature-table .ui-widget-content {
    border: none;
    background: none;
}
.pm-common .esri-feature-table .dgrid-header .dgrid-cell {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e7eaec;
    font-weight: 700;
    color: black;
}

.pm-common .esri-feature-table .dgrid-row .dgrid-cell {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e7eaec;
    /*padding: 7px 3px;*/
}



/* add spacing between menu options - not using .pm-common here because the menue is built outside of the map*/
.esri-feature-table-options-menu-container .esri-feature-table-menu-item .dijitReset.dijitMenuItemLabel {
    padding: 6px 10px 6px 8px;
}
/* add spacing between menu options - not using .pm-common here because the menue is built outside of the map*/
.esri-feature-table-column-menu .esri-feature-table-menu-item .dijitReset.dijitMenuItemLabel {
    padding: 6px 10px 6px 8px;
}

/* custom column widths */
.esri-feature-table-content-pane .field-PRISMProjectNumber,
.esri-feature-table-content-pane .field-SRPProjectNumber,
.esri-feature-table-content-pane .field-SRPProjectID { width: 50px; min-width: 50px;}
.esri-feature-table-content-pane .field-ProjectStatus ,
.esri-feature-table-content-pane .field-ProjectType,
.esri-feature-table-content-pane .field-ProjectSnapshotURL {width: 70px;}
.esri-feature-table-content-pane .field-ProjectEstimatedAmt,
.esri-feature-table-content-pane .field-ProjectMatchAmt,
.esri-feature-table-content-pane .field-ProjectRequestedAmt,
.esri-feature-table-content-pane .field-ProjectFundedAmt,
.esri-feature-table-content-pane .field-ProjectTotalAmt {width: 70px;text-align: right;} 
.esri-feature-table-content-pane .esri-date-value { width: 60px; min-width: 60px;}


.esri-feature-table-content-pane .dgrid-content .field-PRISMProjectNumber,
.esri-feature-table-content-pane .dgrid-content .field-SRPProjectNumber,
.esri-feature-table-content-pane .dgrid-content .field-SRPProjectID,
.esri-feature-table-content-pane .dgrid-content .esri-date-value { white-space: nowrap; }


/********************************************************/
/* map edit dialogs */
.pm-common.pm-mapedit-content.outer {
    width: 400px;
    position: absolute;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    border: #0a365d 1px solid;
    background: white;
    overflow: hidden;
} 
.pm-common.pm-mapedit-content.inner {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px; border: none;background: white;overflow: auto;}
.pm-common.pm-mapedit-title-text { float: left;font: 18px  Arial, Verdana, bold;}
.pm-common.pm-mapedit-title, .pm-common.pm-editgroup {width: 100%;display: block;min-height: 25px;clear: both;margin-bottom: 10px;}
.wibField.pm-common.pm-mapedit-close, .wibField.pm-common.pm-mapedit-back { float: right;margin-left: 2px; }


    .pm-common .pm-editsection-shape-group.pm-subgroup-title {
        vertical-align: middle;
        padding: 24px 0 16px 0;
        color: #0a365d;
        text-transform: none;
        font-size: 18px;
        font-weight: bold; gbxProjectMapDrawForm
    }

.pm-common .pm-editsection-activities .pm-editsection-shape-group.pm-subgroup-title,
.pm-common .pm-editsection-properties .pm-editsection-shape-group.pm-subgroup-title {
    padding: 32px 0 16px 0;
}

.pm-common.gbxCRAMapDrawForm .instrSelectShapeTypeWorksite.bwi,
.pm-common.gbxCRAMapDrawForm .instrSelectShapeTypeActivity.bwi,
.pm-common.gbxCRAMapDrawForm .instrSelectShapeTypeProperty.bwi,
.pm-common.gbxProjectMapDrawForm .instrSelectShapeTypeWorksite.bwi,
.pm-common.gbxProjectMapDrawForm .instrSelectShapeTypeActivity.bwi,
.pm-common.gbxProjectMapDrawForm .instrSelectShapeTypeProperty.bwi {
    display: flex; /*property map*/
}

.pm-common .pm-editsection-master {vertical-align: middle;padding: 4px 4px 4px 0;}  
.pm-common .pm-editsection-master.pm-subgroup-title  { color: #0a365d; text-transform: none; font-size: 16px; font-weight: bold;padding-top: 2px; }  
/*.pm-common .pm-editsection-detail .pm-editsection-detail {padding-bottom: 20px;}*/
.pm-common tr.pm-editsection-detail td.pm-editsection-detail .wibField,
.pm-common tr.pm-editsection-detail td.pm-editsection-detail .pm-detail-control-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
.pm-common .PrismFieldSetInstruction {margin-bottom: 15px;margin-top: 10px;}   
 
div.pm-editstate-toggle-seleted-text { display: inline-block;font-weight: bold;font-style: italic;color: red;padding-left: 8px;}
.pm-common .pm-editstate-toggle input.t-button { width: 65px;}

.pm-common .pm-mapedit-upload { min-height: 26px;margin-bottom: 3px;} 
.pm-common input.t-button.pm-mapedit-file { width:55px;} 

/* main map edit dialogs */
.pm-common .pm-edit-option  input.t-button { width: 200px;margin-top: 5px; }
.pm-common .wibInput.p-ko-nocontrol   { overflow-x: visible;overflow-y: auto;border: 1px solid #4E75B3; } 
.pm-common .p-ko.p-ko-nocontrol {width: 96%;  white-space: pre-line;padding: 3px;    } 

.pm-common .MapNotes.textarea { display: block; } 
.pm-common .MapNotes.textarea .wibLabelTop { margin-top: 20px; } 
.pm-common .wibInput.MapNotes   { height: 200px;width: 99%; } 
.pm-common .wibInput.MapNotes.textarea   { overflow-x: visible;overflow-y: visible;border:none;}   
.pm-common .wibInput.MapNotes textarea {width: 96%;height: 98%;} 
.pm-common .pm-editgroup table { width: 100%;}
.pm-common .pm-editgroup table tr td:nth-child(2) { width: 100%;} 

.pm-common .pm-fullwidth.wibField { width: 100%;}
.pm-common .pm-fullwidth.wibField .wibLineLabels { float:left}
.pm-common .pm-fullwidth.wibField .wibInput {display: block; width: auto; overflow: hidden;}
.pm-common .pm-fullwidth.wibField input { width: 97%;float: right;}
.pm-common .wibField.PrismReadOnly .wibInput {background-color:#f3f5f6; color: #4d6674;}


.pm-common .show-title[data-title]:hover::before { 
    font-size: 1rem; 
    line-height: 1.2rem; 
}

/********************************************************/
/* project draw edit */
.pm-common.gbxCRAMapDrawForm .pm-detail-control-group.instruction-text,
.pm-common.gbxProjectMapDrawForm .pm-detail-control-group.instruction-text {
    justify-content: space-between;
}
.pm-common.gbxCRAMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField,
.pm-common.gbxProjectMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField {
    margin-top: 0px;
    margin-bottom: 3px;
}
    .pm-common.gbxCRAMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField .wibLineLabels,
    .pm-common.gbxProjectMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField .wibLineLabels {
        min-width: 72px;
    }
    .pm-common.gbxCRAMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField.cbCreatePoint,
    .pm-common.gbxProjectMapDrawForm .pm-editsection-detail.t-detail-row.create-point-from-lat-long .wibField.cbCreatePoint { margin-left: 72px; }

.pm-common.gbxCRAMapDrawForm .pm-edit-table.draw .pm-draw-buttons,
.pm-common.gbxProjectMapDrawForm .pm-edit-table.draw .pm-draw-buttons {
    display: flex;
    flex-wrap: unset;
}
.pm-common.gbxCRAMapDrawForm .PrismFieldSetInstruction,
.pm-common.gbxProjectMapDrawForm .PrismFieldSetInstruction {
    margin-top: 0;
    margin-bottom: 0;
}
.pm-common.gbxCRAMapDrawForm .instrSelectShapeType .PrismInfoElement,
.pm-common.gbxProjectMapDrawForm .instrSelectShapeType .PrismInfoElement {
    display: none;
}
.pm-common.gbxCRAMapDrawForm .instrSelectShapeType .PrismInfoElement,
    .pm-common.gbxProjectMapDrawForm .instrSelectShapeType .PrismInfoElement {
        display: none;
    }

/********************************************************/
/* map draw buttons */
.pm-common .p-map-control-draw-type {
    margin-top: 10px;
    margin-right: 3px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #666;
    background-position: center center;
    background-repeat: no-repeat;
}

    .pm-common .p-map-control-draw-type:hover { background-color: #eee; }
    .pm-common .p-map-control-draw-type.p-map-control-active { background-color: #ddd; }
    .pm-common .p-map-control-draw-type.p-map-control-draw-point { background-image: url("../Content/images/draw-point.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-multi-point { background-image: url("../Content/images/draw-multi-point.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-line { background-image: url("../Content/images/draw-line.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-polyline { background-image: url("../Content/images/draw-polyline.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-polygon { background-image: url("../Content/images/draw-polygon.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-freehand-polyline { background-image: url("../Content/images/draw-freehand-polyline.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-freehand-polygon { background-image: url("../Content/images/draw-freehand-polygon.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-arrow { background-image: url("../Content/images/draw-arrow.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-rectangle { background-image: url("../Content/images/draw-rectangle.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-circle { background-image: url("../Content/images/draw-circle.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-ellipse { background-image: url("../Content/images/draw-ellipse.png"); }
    .pm-common .p-map-control-draw-type.p-map-control-draw-triangle { background-image: url("../Content/images/draw-triangle.png"); }

/* Confirm shape edit dialogs */
.pm-map-confirm-shape-edit .p-common-dialog-content {
    position: absolute; left: 0; bottom: 0; right: 0;
}
    .pm-map-confirm-shape-edit .p-common-dialog-content .wibField .wibLabelTop { margin-bottom: .5rem;}
.pm-map-confirm-shape-edit .p-common-dialog-content .shapeLocationName { width: 100%; }
    .pm-map-confirm-shape-edit .p-common-dialog-content .shapeLocationName .wibLabelTop { display: block; }

.pm-edit-shape-confirmation-message { margin-top: 12px;}


/********************************************************/
/*  special srp styling */
.pm-srp-map .pm-common.mapcontrol .esriSimpleSliderVertical .esriSimpleSliderIncrementButton,
.pm-srp-map .pm-common.mapcontrol .esriSimpleSliderVertical .esriSimpleSliderDecrementButton,
.pm-srp-map .pm-common.mapcontrol .pm-expander-button {
    background-color: #285050;
    background-image: none;
    background-position-x: unset;
    background-position-y: unset;
}
.pm-srp-map .pm-common.mapcontrol .esriSimpleSliderVertical .esriSimpleSliderIncrementButton:hover,
.pm-srp-map .pm-common.mapcontrol .esriSimpleSliderVertical .esriSimpleSliderDecrementButton:hover,
.pm-srp-map .pm-common.mapcontrol .pm-expander-button:hover {
    background-color: #287070;
}
.pm-srp-map .pm-common.mapcontrol .t-button,
.pm-srp-map .pm-common.mapcontrol button,
.pm-srp-map .pm-common.mapcontrol button.t-button.t-state-disabled,
.pm-srp-map .pm-common.mapcontrol a.t-button.t-state-disabled,
.pm-srp-map .pm-common.mapcontrol .t-state-disabled .t-button,
.pm-srp-map .p-common-dialog .ui-dialog-buttonpane .ui-widget.ui-button {
    background-color: #999;
    background-image: none;
    background-position-x: unset;
    background-position-y: unset;
    border: none;
    color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
    .pm-srp-map .pm-common.mapcontrol .t-button:hover,
    .pm-srp-map .pm-common.mapcontrol button:hover,
    .pm-srp-map .pm-common.mapcontrol button.t-button.t-state-disabled:hover,
    .pm-srp-map .pm-common.mapcontrol a.t-button.t-state-disabled:hover,
    .pm-srp-map .pm-common.mapcontrol .t-state-disabled .t-button:hover,
    .pm-srp-map .p-common-dialog .ui-dialog-buttonpane .ui-widget.ui-button:hover {
        background-color: #666;
        border: none;
        color: white;
    }

.pm-srp-map .p-common-dialog .ui-dialog-titlebar {
    background: none;
    background-color: #444444;
    color: white;
}
.pm-srp-map input[type="text"] { border-color: lightgray; }
    .pm-srp-map input[type="text"]:focus {
         border: gray 1px solid;
        outline: none;
    }


/********************************************************/
/* responsive map bits */
/* default behavior, override in Map333Responsive.css for other map widths */ 
    .pm-common.pm-mapcontrol-middle {
        position: absolute;
        width: 100%;
        height: 100vh;
    }

    .pm-common.pm-mapfilter-content.outer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 300px;
        min-width: 300px;
    }

    .pm-common.pm-mapsearch-content.outer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 300px;
        min-width: 300px;
    }

    .pm-common.mapcontainer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .pm-common.mapcontrol-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        z-index: 200;
        background-color: white;
    } 
/* narrow map */
/*include Map333Responsive.css for narrow map responive css*/
 
/******************************************************** 
    to use esri 4.3 icons with 3.2 
    see https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/index.html

********************************************************/
@font-face {
    font-family: 'CalciteWebCoreIcons';
    src: url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.ttf?erniwi') format('truetype'), url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.woff?erniwi') format('woff'), url('https://raw.githubusercontent.com/Esri/arcgis-js-api/master/themes/calcite/icons/fonts/CalciteWebCoreIcons.svg?erniwi#CalciteWebCoreIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="esri-icon-"], [class*=" esri-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'CalciteWebCoreIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.esri-icon-close:before {
  content: "\e600";
}
.esri-icon-drag-horizontal:before {
  content: "\e601";
}
.esri-icon-drag-vertical:before {
  content: "\e602";
}
.esri-icon-handle-horizontal:before {
  content: "\e603";
}
.esri-icon-handle-vertical:before {
  content: "\e604";
}
.esri-icon-check-mark:before {
  content: "\e605";
}
.esri-icon-left-triangle-arrow:before {
  content: "\e606";
}
.esri-icon-right-triangle-arrow:before {
  content: "\e607";
}
.esri-icon-down-arrow:before {
  content: "\e608";
}
.esri-icon-up-arrow:before {
  content: "\e609";
}
.esri-icon-overview-arrow-bottom-left:before {
  content: "\e60a";
}
.esri-icon-overview-arrow-bottom-right:before {
  content: "\e60b";
}
.esri-icon-overview-arrow-top-left:before {
  content: "\e60c";
}
.esri-icon-overview-arrow-top-right:before {
  content: "\e60d";
}
.esri-icon-maximize:before {
  content: "\e60e";
}
.esri-icon-minimize:before {
  content: "\e60f";
}
.esri-icon-checkbox-unchecked:before {
  content: "\e610";
}
.esri-icon-checkbox-checked:before {
  content: "\e611";
}
.esri-icon-radio-unchecked:before {
  content: "\e612";
}
.esri-icon-radio-checked:before {
  content: "\e613";
}
.esri-icon-up-arrow-circled:before {
  content: "\e614";
}
.esri-icon-down-arrow-circled:before {
  content: "\e615";
}
.esri-icon-left-arrow-circled:before {
  content: "\e616";
}
.esri-icon-right-arrow-circled:before {
  content: "\e617";
}
.esri-icon-zoom-out-fixed:before {
  content: "\e618";
}
.esri-icon-zoom-in-fixed:before {
  content: "\e619";
}
.esri-icon-refresh:before {
  content: "\e61a";
}
.esri-icon-edit:before {
  content: "\e61b";
}
.esri-icon-authorize:before {
  content: "\e61c";
}
.esri-icon-map-pin:before {
  content: "\e61d";
}
.esri-icon-blank-map-pin:before {
  content: "\e61e";
}
.esri-icon-table:before {
  content: "\e61f";
}
.esri-icon-plus:before {
  content: "\e620";
}
.esri-icon-minus:before {
  content: "\e621";
}
.esri-icon-beginning:before {
  content: "\e622";
}
.esri-icon-reverse:before {
  content: "\e623";
}
.esri-icon-pause:before {
  content: "\e624";
}
.esri-icon-play:before {
  content: "\e625";
}
.esri-icon-forward:before {
  content: "\e626";
}
.esri-icon-end:before {
  content: "\e627";
}
.esri-icon-erase:before {
  content: "\e628";
}
.esri-icon-up-down-arrows:before {
  content: "\e629";
}
.esri-icon-left:before {
  content: "\e62a";
}
.esri-icon-right:before {
  content: "\e62b";
}
.esri-icon-announcement:before {
  content: "\e62c";
}
.esri-icon-notice-round:before {
  content: "\e62d";
}
.esri-icon-notice-triangle:before {
  content: "\e62e";
}
.esri-icon-home:before {
  content: "\e62f";
}
.esri-icon-locate:before {
  content: "\e630";
}
.esri-icon-expand:before {
  content: "\e631";
}
.esri-icon-collapse:before {
  content: "\e632";
}
.esri-icon-layer-list:before {
  content: "\e633";
}
.esri-icon-basemap:before {
  content: "\e634";
}
.esri-icon-globe:before {
  content: "\e635";
}
.esri-icon-applications:before {
  content: "\e636";
}
.esri-icon-arrow-up-circled:before {
  content: "\e637";
}
.esri-icon-arrow-down-circled:before {
  content: "\e638";
}
.esri-icon-arrow-left-circled:before {
  content: "\e639";
}
.esri-icon-arrow-right-circled:before {
  content: "\e63a";
}
.esri-icon-minus-circled:before {
  content: "\e63b";
}
.esri-icon-plus-circled:before {
  content: "\e63c";
}
.esri-icon-add-attachment:before {
  content: "\e63d";
}
.esri-icon-attachment:before {
  content: "\e63e";
}
.esri-icon-calendar:before {
  content: "\e63f";
}
.esri-icon-close-circled:before {
  content: "\e640";
}
.esri-icon-browser:before {
  content: "\e641";
}
.esri-icon-collection:before {
  content: "\e642";
}
.esri-icon-comment:before {
  content: "\e643";
}
.esri-icon-configure-popup:before {
  content: "\e644";
}
.esri-icon-contact:before {
  content: "\e645";
}
.esri-icon-dashboard:before {
  content: "\e646";
}
.esri-icon-deny:before {
  content: "\e647";
}
.esri-icon-description:before {
  content: "\e648";
}
.esri-icon-directions:before {
  content: "\e649";
}
.esri-icon-directions2:before {
  content: "\e64a";
}
.esri-icon-documentation:before {
  content: "\e64b";
}
.esri-icon-duplicate:before {
  content: "\e64c";
}
.esri-icon-review:before {
  content: "\e64d";
}
.esri-icon-environment-settings:before {
  content: "\e64e";
}
.esri-icon-error:before {
  content: "\e64f";
}
.esri-icon-error2:before {
  content: "\e650";
}
.esri-icon-experimental:before {
  content: "\e651";
}
.esri-icon-feature-layer:before {
  content: "\e652";
}
.esri-icon-filter:before {
  content: "\e653";
}
.esri-icon-grant:before {
  content: "\e654";
}
.esri-icon-group:before {
  content: "\e655";
}
.esri-icon-key:before {
  content: "\e656";
}
.esri-icon-labels:before {
  content: "\e657";
}
.esri-icon-tag:before {
  content: "\e658";
}
.esri-icon-layers:before {
  content: "\e659";
}
.esri-icon-left-arrow:before {
  content: "\e65a";
}
.esri-icon-right-arrow:before {
  content: "\e65b";
}
.esri-icon-link-external:before {
  content: "\e65c";
}
.esri-icon-link:before {
  content: "\e65d";
}
.esri-icon-loading-indicator:before {
  content: "\e65e";
}
.esri-icon-maps:before {
  content: "\e65f";
}
.esri-icon-marketplace:before {
  content: "\e660";
}
.esri-icon-media:before {
  content: "\e661";
}
.esri-icon-media2:before {
  content: "\e662";
}
.esri-icon-menu:before {
  content: "\e663";
}
.esri-icon-mobile:before {
  content: "\e664";
}
.esri-icon-phone:before {
  content: "\e665";
}
.esri-icon-navigation:before {
  content: "\e666";
}
.esri-icon-pan:before {
  content: "\e667";
}
.esri-icon-printer:before {
  content: "\e668";
}
.esri-icon-pie-chart:before {
  content: "\e669";
}
.esri-icon-chart:before {
  content: "\e66a";
}
.esri-icon-line-chart:before {
  content: "\e66b";
}
.esri-icon-question:before {
  content: "\e66c";
}
.esri-icon-resend-invitation:before {
  content: "\e66d";
}
.esri-icon-rotate:before {
  content: "\e66e";
}
.esri-icon-save:before {
  content: "\e66f";
}
.esri-icon-settings:before {
  content: "\e670";
}
.esri-icon-settings2:before {
  content: "\e671";
}
.esri-icon-share:before {
  content: "\e672";
}
.esri-icon-sign-out:before {
  content: "\e673";
}
.esri-icon-support:before {
  content: "\e674";
}
.esri-icon-user:before {
  content: "\e675";
}
.esri-icon-time-clock:before {
  content: "\e676";
}
.esri-icon-trash:before {
  content: "\e677";
}
.esri-icon-upload:before {
  content: "\e678";
}
.esri-icon-download:before {
  content: "\e679";
}
.esri-icon-zoom-in-magnifying-glass:before {
  content: "\e67a";
}
.esri-icon-search:before {
  content: "\e67b";
}
.esri-icon-zoom-out-magnifying-glass:before {
  content: "\e67c";
}
.esri-icon-locked:before {
  content: "\e67d";
}
.esri-icon-unlocked:before {
  content: "\e67e";
}
.esri-icon-favorites:before {
  content: "\e67f";
}
.esri-icon-compass:before {
  content: "\e680";
}
.esri-icon-down:before {
  content: "\e681";
}
.esri-icon-up:before {
  content: "\e682";
}
.esri-icon-chat:before {
  content: "\e683";
}
.esri-icon-dock-bottom:before {
  content: "\e684";
}
.esri-icon-dock-left:before {
  content: "\e685";
}
.esri-icon-dock-right:before {
  content: "\e686";
}
.esri-icon-organization:before {
  content: "\e687";
}
.esri-icon-north-navigation:before {
  content: "\e900";
}
.esri-icon-locate-circled:before {
  content: "\e901";
}
.esri-icon-dial:before {
  content: "\e902";
}
.esri-icon-polygon:before {
  content: "\e903";
}
.esri-icon-polyline:before {
  content: "\e904";
}
.esri-icon-visible:before {
  content: "\e905";
}
.esri-icon-non-visible:before {
  content: "\e906";
}
.esri-icon-link-vertical:before {
  content: "\e907";
}
.esri-icon-unlocked-link-vertical:before {
  content: "\e908";
}
.esri-icon-link-horizontal:before {
  content: "\e909";
}
.esri-icon-unlocked-link-horizontal:before {
  content: "\e90a";
}
.esri-icon-swap:before {
  content: "\e90b";
}
.esri-icon-cta-link-external:before {
  content: "\e694";
}
.esri-icon-reply:before {
  content: "\e695";
}
.esri-icon-public:before {
  content: "\e696";
}
.esri-icon-share2:before {
  content: "\e697";
}
.esri-icon-launch-link-external:before {
  content: "\e698";
}

.reportmode .pm-common .esriSimpleSlider { display: none;}