#_Report__controls_content{
        top: -242px;
    }

    #_Filters__controls_content {
        top: -158px;
    }


.esri-expand__container--expanded .esri-widget--button{
        background-color:rgb(75, 75, 75);
        
    }

    .esri-expand__icon--expanded:before{
        color:#ffffff;
    }


    button.esri-search__submit-button.esri-widget--button, button.esri-search__clear-button.esri-widget--button{
        background-color: #f3f3f3;
    }


    *::-webkit-scrollbar {
        width: 30px;
      }

      .esri-legend.esri-widget.esri-widget--panel{
        max-height: 375px !important;
    }


/* Legend dropdown */

#_Legend__controls_content .esri-legend.esri-widget.esri-widget--panel {
  width:600px;
  max-width:600px;
}

#_Legend__controls_content .esri-legend__layer-body {
    display: flex;
    flex-wrap: wrap;
}

#_Legend__controls_content .esri-legend__layer-body >*{
    flex:50%;
} 


/* Table content */

#_Table__controls_content.esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content{
   max-height:300px;
}


/* block click events on MHz column */

[slot = "vaadin-grid-cell-content-4"] {
    pointer-events: none;
}

div[part='indicators']{
    display:none;
}

/* block click events on MHz column : Ends */


/* front page popup window : Begin*/

.table {
    width: 100%;
    display: block;
    height: 414px;
    overflow:hidden;
}

.table > div{
    position:absolute;
    width:95%;
}

#_BandFreqOptions_ .table > * {
    width: 100% !important;
 }


#_BandFreqOptions_ .map-nav{
    display:flex;
    justify-content: center;
    height:24px;
    max-height:50px;
    width:100%;
    margin:0px auto;
    /* margin-top:20px; */
}


#_BandFreqOptions_ .map-nav>div{
    font-size: 16px;
    padding:10px 5px;
   height:inherit;
   cursor: pointer;
   text-align:center;
   width:50%;
   border: 3px solid #505050;
   transition:background-color 200ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

#_BandFreqOptions_ .map-nav>div:hover{
    background-color:#9db8c8;
    color:#ffffff;
}

#_BandFreqOptions_ .map-nav>div:first-child {
    border-right: 0px;
}

#_BandFreqOptions_ ul li{
    display:flex;
}

#_BandFreqOptions_ ul li input {
    width: 20px;
    height: 20px;
}

#_BandFreqOptions_ div.header-title, #_Notification_ div.header-title {
    padding: 0.5em;
    text-align: center;
    background-color: #505050;
    color:#ffffff;
}


/* #_BandFreqOptions_ input.large-label:not(.switch){
    width:28px;
} */

#_BandFreqOptions_ .narrowband .title ::after, #_BandFreqOptions_ .millimeter-wave .title ::after, #_BandFreqOptions_ .broadband .title ::after {
    left: 2.8em;
    border-bottom:none;
}

/* #_BandFreqOptions_ .millimeter-wave .title, #_BandFreqOptions_ .broadband .title {
    padding: 1em 1.2em 0;
    position: relative;
    margin-bottom: 10px;
} */


#_BandFreqOptions_ .broadband .title.millimeter-title-tg ::after{
    left: 3.5em;
}


#_BandFreqOptions_ .narrowband .title, #_BandFreqOptions_ .broadband .title {
    padding: 0.5em 1.2em 0;
    position: relative;
}

/* #_BandFreqOptions_ .broadband .title {
    margin-bottom: 10px;
} */



.narrowband, .broadband , .millimeter-wave{
    opacity: 0;
    display:flex;
    flex-direction: row;
    padding-top: 20px;
}

.narrowband{
    display:flex;
    flex-direction: column;
} 

.title{
    font-size: 1.2em;
} 

.narrowband .title{
    text-align:center;
} 


.broadband , .millimeter-wave{
    display:flex;
    flex-direction: row;
}


.broadband .band-block{
    width:50%;
    padding: 5px;
}

.band-block{
    display:flex;
    flex-direction: column;
}

.col-2-block{
    display:flex;
    flex-direction:row;
    width: 100%;
}

 /* new 8-22-2024 */

 .wideband-title-tg, .narrowband.band-active .title {
    text-align: left;
}

#_BandFreqOptions_ .title.wideband-title-tg {
   margin-top:20px;
   padding: 0px;
}

#_BandFreqOptions_, #_Notification_{
   width:560px;
}

.col-2-block__1 {
   width: 50%;
}

.band-active{
    opacity: 1;
    left:0px;
    transition:all 500ms ease-in-out;
    z-index: 10;
}

.main-nav-active{
    /* border-bottom:1px solid #004cf7; */
    background-color:#03a9f4;
    color:#ffffff;
}

#_BandFreqOptions_ .opt-button{
    z-index: 20;
    display:flex;
    justify-content: center;
    margin:0 auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

#_BandFreqOptions_ .opt-button span{
    width:150px;
    margin: 5px;
}

#_BandFreqOptions_ .opt-button > span:first-child {
    margin-top: 0px;
}

#_BandFreqOptions_ .opt-button #ApplySettings{
    margin-bottom:0px;
}

/* #_BandFreqOptions_ .opt-button #ApplySettings , #_BandFreqOptions_ .opt-button #AddAllSettings{
    font-weight: 600 !important;
    font-size: 14px;
    padding:10px;
    margin-bottom: 10px;
} */


.apply-settings.tick-icon:after{
  content:'\2713';
  margin-left:5px;
  font-size:12px;
}

span.link.outline{
    border:3px solid transparent;
    /* outline:0px; */
    transition: all 250ms ease-in-out;
}


span.link.outline:hover{
    border:3px solid rgb(3 169 244);
    /* outline:1px solid rgb(3 169 244) */
}




/* apply and apply all buttons overrides */

#_BandFreqOptions_ .opt-button #AddAllSettings{
    margin-bottom: 0em;
    font-weight: 600 !important;
    font-size: 14px;
}


#_BandFreqOptions_ .opt-button > span:first-child {
    margin-top: 5px;
}

#_BandFreqOptions_ .opt-button #AddAllSettings{
    padding: 1em 1em;
}

span.link.outline.light {
    background-color: #ebf1ff;
}


#_BandFreqOptions_ .table{
    margin-top:20px;
}

.app-nav-narrowband{
    line-height:2.5rem;
}


/* front page popup window : Ends*/


@media only screen and (max-width:1200px){
    #_Legend__controls_content .esri-legend.esri-widget.esri-widget--panel{
        max-width: 100% !important;
        width: 455px;
    }

    #_Legend__controls_content .esri-legend__layer-cell.esri-legend__layer-cell--info{
        font-size: 12px;
    }

    .contact-section{
        display:none;
    }

    .rt-table tbody tr:nth-child(1), .rt-table tbody tr:nth-child(3), .rt-table tbody tr:nth-child(4), .rt-table tbody tr:nth-child(5), .rt-table tbody tr:nth-child(6), .rt-table tbody tr:nth-child(7){
        display:none;

    }

    .left-disc-block{
        height:80px!important;
    }

    #_Report_ #_Report__controls_content #_Tab_.set__active-tab{
        height:100px!important;
    }

}




@media only screen and (max-width:1060px){
    .esri-legend.esri-widget.esri-widget--panel{
        max-height: 410px !important;
        max-width: 100% !important;
    }


    .esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content{
        max-height:212px;
    }

   /* #_Report__controls_content{
        top: -242px;
    } */

    /* .left-disc-block{
        height:280px!important;
    } */

    /* .contact-section{
        display:none;
    } */

    .contact-section h1{
        display:none;
    }
    /* #_Legend__controls_content{
        min-width:700px;
    }

    .esri-ui-corner .esri-expand .esri-widget--panel{
        width:100%;
    }

    .esri-legend__layer-body {
        display: flex;
        flex-wrap: wrap;
    }

    .esri-legend__layer-body > * {
        flex-basis: 33%;
    }

    .esri-legend__layer-cell--info{
        font-size:12px;
    } */
}