/* .ui-dialog-titlebar{
  background-color: #3C116A !important;
  color:white !important;
  font-family: "GothamHTF-Book" !important;
}
.ui-dialog-title{
  height:25px !important;
}
.ui-corner-all{
  border-top-left-radius:0px !important;
  border-top-right-radius:0px !important;
  border-bottom-right-radius:0px !important;
  border-bottom-left-radius:0px !important;
}*/
/*
.ui-widget-content{
  .background: transparent !important;
  border:none !important;
} */
.ui-widget-header{
   display:none;
}
#no_ie_support {
  border:none;
  line-height: 24px;
  font-size: 16px;
  font-family: "GothamHTF-Book";
}
#containerDiv{
   width: 100%;
   height: 100%;
   /* padding-left:10px;
   padding-right:10px; */
}
#mapControlDiv{
   width: 100%;
   height: 100%;
}
#viewDiv{
    padding: 0;
    margin: 0;
    height: 100%;
    width: auto;
}
@font-face{
   font-family: 'GothamHTF-Bold';
   font-style: normal;
   font-weight: normal;
   font-display: auto;
   src: url('../woff/gothamhtf-book-webfont.woff') format('woff');
}
@font-face{
   font-family: 'GothamHTF-Medium';
   font-style: normal;
   font-weight: normal;
   font-display: auto;
   src: url('../woff/gotham-htf-medium.woff') format('woff');
}
@font-face{
   font-family: 'GothamHTF-Book';
   font-style: normal;
   font-weight: normal;
   font-display: auto;
   src: url("../woff/gotham-htf-book.woff") format('woff');
}
/* noto-serif-regular - latin */
@font-face{
   font-family: 'Noto Serif';
   font-style: normal;
   font-weight: 400;
   src: url('../noto-serif-v8-latin-regular.html'); /* IE9 Compat Modes */
   src: local('Noto Serif'), local('NotoSerif'),
        url('../noto-serif-v8-latin-regulard41d.html#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../404-error.html') format('woff2'), /* Super Modern Browsers */
        url('../woff/noto-serif-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../ttf/noto-serif-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../noto-serif-v8-latin-regular-2.html#NotoSerif') format('svg'); /* Legacy iOS */
 }
@media only screen and (min-width:1501px){
   #viewDiv{
      width: 100%;
      height: 100%;
   }
   hr{
      background-color: #29A399;
      border:none;
      height:2px;
   }
   #layerToggle {
      right: 0px;
      position: absolute;
      z-index: 0;      
      /* padding: 10px; */
      opacity: 1;
      align-content:center;
      text-align: center;
      width: auto;
      height : auto;
      background-color: #00837B;
      /* padding-left:25px;
      padding-right:25px;
      padding-bottom:50px;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); */
    }
    table{
       width:100%
    }
    .greendot,#footprintPane{
       text-align: left;
       color:#ffffff;
       font-family: 'GothamHTF-Book';
    }
    
}
@media only screen and (min-width:1200px) and (max-width:1500px){
   #viewDiv{
      width: 100%;
      height: 75%;
   }
   hr{
      background-color: #29A399;
      border:none;
      height:2px;
   }
   #layerToggle {
      right: 0px;
      position: absolute;
      z-index: 0;
      opacity: 1;
      align-content:center;
      justify-content: center;
      width: auto;
      height: auto;
      background-color: #00837B;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%);
    }
    table{
       width:100%
    }
    .greendot,#footprintPane{
      text-align: left;
      color:#ffffff;
      font-family: 'GothamHTF-Book';
   }
}
@media only screen and (min-width:664px)and (max-width:1199px){
   #viewDiv{
      width:100%;
      height:75%;
   }
   hr{
      background-color: #29A399;
      border:none;
      height:2px;
   }
   #layerToggle {
      right: 0px;
      position: absolute;
      z-index: 0;
      opacity: 1;
      align-content:center;
      justify-content: center;
      width: auto;
      height : auto;
      /* background-color: #00837B; */
      /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); */
    }
    table{
       width:100%
    }
    .greendot,#footprintPane{
      text-align: left;
      color:#ffffff;
      font-family: 'GothamHTF-Medium';
   }
}
@media only screen and (min-width:664px)and (max-width:1100px){
   #viewDiv{
      width:100%;
      height:75%;
   }
   hr{
      background-color: #29A399;
      border:none;
      height:2px;
   }
   #layerToggle {
      right: 0px;
      z-index: 0;
      opacity: 1;
      align-content:center;
      justify-content: center;
      width: auto;
      height: auto;
      /* background-color: #00837B; */
      /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); */
    }
    table{
       width:100%
    }
    .greendot,#footprintPane{
      text-align: left;
      color:#ffffff;
      font-family: 'GothamHTF-Medium';
   }
}
.esri-popup__action > span {
   color: #0069C3;
}
.esri-widget {
   box-sizing:border-box;
   color:#323232;
   font-family: 'GothamHTF-Medium';
   line-height:1.3em;
   background-color:#fff;
  }
.esri-widget__table tr th{
   border-right: none !important;
}
.esri-widget__table tr:nth-child(odd){
   background-color: transparent !important;
}
#disclaimer{
   font-family: GothamHTF-Book;
   font-size:15px;
}
#disclaimer > h3{
   color:#520B90;
   font-size:20px;
}
#ContactUs{
   background-color: #0069C3;
   color:white;
   height:50px;
   border:none;
   width:70%;
   font-family: GothamHTF-Bold;
   text-transform: uppercase;
   font-size: 15px;
}
.tc{
   color:white;
}
 .esri-ui-bottom-left{
   flex-flow:column !important;
}
div[title='Start tracking my location']{
   margin-top:10px;
}
#ourNetwork {
   width: 254px;
   height: 39px;
   color: #ffffff;
   font-family: "Noto Serif";
   font-size: 31px;
   font-weight: 400;
   line-height: 39px;
   text-align: left;
   letter-spacing: -0.6557696px;
   }
    
#disclaimer {
   height: auto;
   color: #5a6771;
   font-family: 'GothamHTF-Book';
   font-size: 13px;
   font-weight: 400;
   line-height: 24px;
 }
#footprintPane, #footprintPane p {
   font-family: 'GothamHTF-Book';
   font-style: normal;
   color: #fff;
}
#footprintPane p {
   line-height: 1.5;
   padding-bottom: 10px;
}
#panelRegion {
     bottom: 30px;
     right: 16px;
     position: absolute;
     z-index: 99;
     background-color: white;
     border-radius: 8px;
     padding: 10px;
     opacity: 1;
     border-style:solid;
     border-color:black;
     border-width:1px;
     width:225px;
     height:65%;
     
   }	
.switch {
   position: relative;
   width: 31px;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select: none;
}
.switch-checkbox {
   display: none;
}
.switch-label {
   display: block;
   overflow: hidden;
   cursor: pointer;
   border: none;
   border-radius: 18px;
}
.switch-inner {
   width: 200%;
   margin-left: -100%;
   -moz-transition: margin 0.2s ease-in 0s;
   -webkit-transition: margin 0.2s ease-in 0s;
   -o-transition: margin 0.2s ease-in 0s;
   transition: margin 0.2s ease-in 0s;
}
.switch-inner:before, .switch-inner:after {
   float: left;
   padding: 0;
   width: 50%;
   height: 16px;
   line-height: 16px;
   color: #a9a9a9;
   font-family:'GothamHTF-Bold';
   font-weight: normal;
   font-size: 11px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 10px;
   border:solid rgba(0, 0, 0, 0.3) 1px;
}
.switch-inner:before {
   content:"  ";
   padding-left: 9px;
   background-color: #ffffff;
   color: #444;
}
.switch-inner:after {
   content:"  ";
   padding-right: 10px;
   background-color: #ffffff;
   text-align: right;
   border:solid rgba(0, 0, 0, 0.3) 1px;
}
.switch-thumb {
   width: 12px;
   height: 12px;
   margin: 0px;
   background-color: #F5F5F5;
   border-radius: 20px;
   position: absolute;
   top: 2px;
   bottom: 0;
   -moz-transition: all 0.2s ease-in 0s;
   -webkit-transition: all 0.2s ease-in 0s;
   -o-transition: all 0.2s ease-in 0s;
   transition: all 0.2s ease-in 0s;
   box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0069C3), to(#0069C3));
   background-image: -webkit-linear-gradient(top, #0069C3, #0069C3);
   background-image: -o-linear-gradient(top, #0069C3, #0069C3);
   background-image: linear-gradient(to bottom, #0069C3, #0069C3);
   background-image: -moz-linear-gradient(top, #0069C3, #0069C3);
   background-repeat: repeat-x;
}
.greendot::before {
   
   content: '';
   display: inline-block;
   width: 5px;
   height: 5px;
   -moz-border-radius: 7.5px;
   -webkit-border-radius: 7.5px;
   border-radius: 7.5px;
   background-color: #54C9AC;
   margin-right:10px;
   margin-bottom: 5px;
}
.switch-thumb:hover {
   box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.switch-checkbox:checked + .switch-label .switch-inner {
   margin-left: 0;
}
.switch-checkbox:checked + .switch-label .switch-thumb {
   right: 5px;
}
.switch-checkbox:not(:checked) + .switch-label .switch-thumb {
   left: 5px;
   background-color: #878889;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#878889), to(#878889));
   background-image: -webkit-linear-gradient(top, #878889, #878889);
   background-image: -o-linear-gradient(top, #878889, #878889);
   background-image: linear-gradient(to bottom, #878889, #878889);
   background-image: -moz-linear-gradient(top, #878889, #878889);
}
.divToggleLayers{
   color: #686868;
   font-family: 'GothamHTF-Bold';
   font-style: normal;
   font-size: 12px;
   width: 100%;
   position: relative;
}
table.divToggleLayers{
   text-align: center;
   display: inline;
}
.searchLabelDescription{
   width: 80px;
   height: 24px;
   color: #524d51;
   font-family: 'GothamHTF-Bold';
   font-size: 11px;
   font-weight: 400;
   line-height: 24px;
   text-transform: uppercase;
   letter-spacing: 1.5125px;
}
table{
   border-spacing: 0px 2px;
}
tr.layerRow{
   text-align: left;
   background-color: #F3F3F5;
   padding-bottom: 10px;
}
tr.layerRow>td {
   padding-bottom: 8px;
   padding-top: 8px;
   margin-bottom: 10px;
}
td>img.fiberIcon {
   padding-left: 5px;
   vertical-align: middle;
   height: 20px;
}
td>img.legendIcon {
   padding-left: 5px;
   vertical-align: middle;
   width: 20px;
}
#pFootprintDetails {
   font-family: "GothamHTF-Book";
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   text-transform: uppercase;
   letter-spacing: 1.333334px;
}
.headerLabel{
box-sizing: border-box;
color: rgb(82, 11, 144);
font-family: "Gotham Book";
font-size: 38px;
font-style: normal;
font-weight: 300;
letter-spacing: -1px;
line-height: 48px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;	
   
}
.headerSubLabel{
   
box-sizing: border-box;
color: rgb(63, 65, 85);
font-family: "Gotham Book";
font-size: 34px;
font-style: normal;
font-weight: 300;
letter-spacing: -1px;
line-height: 42px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 10px;
   
}
.aboutCrownContent{
   box-sizing: border-box;
color: rgb(103, 105, 122);
font-family: "Gotham Book";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 10px;
}
.separator{
border: none;border-top: 1px solid #eef1f4;margin-top: 6px;margin-bottom: 6px;
   
}