body {
    height: 100%;
}
/*.googlemap-flex-container { border: 2px solid red !important;}
.googlemap-flex-container>* {
    border: 1px solid green;
}
.googlemap-flex-container>*>* {
    border: 1px solid orange;
}*/

.googlemap-flex-container {
    display: flex;
    width: 100%;
    position: relative;
    border-radius: 0.2rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 15px 15px;
    border: 1px solid #ccc;
}

    .googlemap-flex-container > #googlemap-container {
        flex: 1 1 auto; /* main panel */
        min-width: 200px;
    }

    .googlemap-flex-container > #divider {
        width: 6px;
        cursor: col-resize;
        background: #5f368d;
        z-index: 10;
        flex-shrink: 0; 
    }

    .googlemap-flex-container > #right-container {
        flex: 0 0 300px; /* initial size */
        min-width: 100px;
        max-width: 750px;
    }

    .googlemap-flex-container .gmfc-right {
         display: flex; 
        flex-direction: column;
        /* padding: 10px; */
        position: relative;
    }


    .googlemap-flex-container .gmfc-right .gmfc-right-toolbar {
      padding:5px;
      /*border-bottom: 3px solid #5f368d;*/
    }


        .googlemap-flex-container .gmfc-right .gmfc-right-detail-container {
            position: absolute;
            right:0px;
            top:0px;
            bottom:0px;
            left:0px;
            background-color: white;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }
    .googlemap-flex-container .gmfc-right .dxbl-btn-toolbar {
     
    }
        .googlemap-flex-container .gmfc-right .gmfc-right-detail,
        .googlemap-mobile-tabs .gmfc-right-detail {
            border: 1px solid #e8e8e8;
            overflow-y: scroll;
            height: 100%;
            flex-grow: 1;
            flex-shrink: 1;
            min-height: 0;
            margin:0 6px;
            padding:0 5px;
            /* display: none; */
            scrollbar-width: auto;
            scrollbar-color: #636364 #ffffff;
        }


  /* Chrome, Edge, and Safari */
   .googlemap-flex-container .gmfc-right .gmfc-right-detail::-webkit-scrollbar {
    width: 14px;
  }

   .googlemap-flex-container .gmfc-right .gmfc-right-detail::-webkit-scrollbar-track {
    background: #ffffff;
  }

   .googlemap-flex-container .gmfc-right .gmfc-right-detail::-webkit-scrollbar-thumb {
    background-color: #5d5e5e;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
        .googlemap-flex-container .gmfc-right .gmfc-right-tabs {
            display: flex;
            flex-direction: column;
        }

        .googlemap-flex-container .gmfc-right.gmfc-right-showdetail .gmfc-right-tabs {
        /*    box-shadow: 1px -9px 15px 0px rgba(145,145,145,0.75);
            -webkit-box-shadow: 1px -9px 15px 0px rgba(145,145,145,0.75);
            -moz-box-shadow: 1px -9px 15px 0px rgba(145,145,145,0.75);
            */
        }
        .googlemap-flex-container .gmfc-right .gmfc-right-grid {
            display: flex;
            flex-direction: column;
            /* flex: 1; */
            min-height:0;
            position: relative;
            overflow-y: auto;
        }

    .googlemap-flex-container.gmfc-right-showdetail .gmfc-right .gmfc-right-grid {
        
       }
    .googlemap-flex-container.gmfc-right-showdetail .gmfc-right .gmfc-right-tabs {
        
    } 
        .googlemap-flex-container .gmfc-right .gmfc-right-grid .gmfc-dxgrid {
            display: flex;
            flex-direction: column;            
            flex: 1;
            min-height:0;
            position: relative;
          
        } 

        .googlemap-flex-container .gmfc-right .gmfc-right-grid .gmfc-dxgrid td {
cursor:pointer;
        }
        .googlemap-flex-container .gmfc-right .gmfc-right-detail-close {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 35px;
            top: 15px;
            font-size: 24px;
            font-weight: bolder;
        }

.baum-viewid-baumdashboardview > .view-caption-root {
    display: none;
}

@media (max-width:799px ){
    .view-caption-root { display:none; font-size: 14px;}
}

.gmfc-right-detail > .sbm-result > .sbm-result-header {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 2px;
    border-bottom: 3px solid #5f368d;
}

.googlemap-toolbar {
    padding: 5px 0 3px;
    
}
    .googlemap-toolbar.isMobileDevice {
    position: absolute;
    right: 10px;
    z-index: 100;
    min-width: 100px;
}

.googlemap-layerstoolbaritem  {
font-size:18px;
}
.googlemap-toolbardropdown button img {
    width:20px;

}
/*    .googlemap-layerstoolbaritem .dxbl-toolbar-dropdown-toggle {
        display:none !important;
    }*/

.googlemap-tabs-container img.dxbl-image {
    width: 1rem;
    height: 1rem;
        
}
.googlemap-tabs-container .dxbl-tabs-text-container {
    padding-left: 10px;
}

.small-dxbl-image .dxbl-image {
    width: 1rem;
    height: 1rem;
}

.googlemap-mobile-tabs {
    height: calc(100vh - 150px);
}

.responsive-popup {
    width: 100%;
    max-width: min(950px, 95vw);
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup.responsive-popup > .dxbl-modal-content > .dxbl-modal-body {
    overflow-y: scroll;
}