/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

* {box-sizing: border-box;
}
     html, body {
      height: 100%;
      width: 100%;
      margin: 0; 
      font-size: small;
     font-family: 'Roboto';
             overflow:auto;
    }



#viewDiv
{
    height: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
    
}

/*ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}*/
  
.dojoxExpandoPane
{
    color: #3f3f3f;
    border: solid 2px #224a54;
    width: 225px;
    overflow: scroll;
    font-size: x-small;
    padding-bottom: 30px;
    
}
	       
.dojoxExpandoPane .dojoxExpandoWrapper {
   
overflow:auto;
}

 /*#leftPane
{
    color: #3f3f3f;
    border: solid 2px #224a54;
    width: 20%;
    
}*/
 
.seachbox1
{
    font-weight: normal;
    color: #C0C0C0;
    font-size: small;
}
.seachbox2
{
    font-weight: normal;
    color: #000000;
    font-size: small;
}

.panel
{
    background-color: #FFFFFF;
}

 .claro .dijitDialog
{
    padding: 0px;
    border-style: none;
    background-color: #FFFFFF;
    margin-top: 0px;
    
}
       
.dijitTabInnerDiv{
        background-color:#ecefe4;
}

.pdf {
    width: 125px;
    border: 1px solid #7EABCD;
    background-color: white;
    padding: 5px;
    
	margin: auto;
    /* Does not work in IE */
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.td_resultsheader
{
    border: .5px solid #666666;
    background-color: #CCCCCC;
    width: 200px;
}
.autoSuggest
{
    margin: 50px;
    background-color: #FFFFCC;
    color: #003399;
    border: solid 1px #224a54;
    position: absolute;
    font-size: small;
}

/*.point
{
    background-position: center center;
    background-image: url('../Img/measure-point.png');
    background-repeat: no-repeat;
   
}*/
.xyinfo
{
    font-size: small;
    float: right;
    margin-top: 14px;
}

.tabs
{
    width: auto;
    height: 150px;
    font-size: x-small;
}

.advsearch
{
    margin-top: 14px;
}

    .advsearch a
    {
        color: #fff;
    }

        .advsearch a:hover
        {
            color: #CCCCCC;
        }

 #sub-nav {min-height: 3px; font-size: 12px; width:100%; background-color: #142b48; color: #fff;} 


 #sub-nav .form-group {
    margin-bottom: 8px;
    margin-top: 5px;
}

.nav-affix-wrapper.affix {position: fixed; top: 0; width: 100%; z-index: 1000;} 
.subnav-affix-wrapper.affix {position: fixed; top: 50px; width: 100%; z-index: 999;}


.advsearch
{
    margin-top:0px;
     margin-bottom: 5px;
}

#search-modal > .modal-dialog > #site-name > span.title {
    color: #fff;
    letter-spacing: 0;
    margin-bottom: -8px;
    font-size: 25px;
}

#search-modal > .modal-dialog > #site-name > span.sub-title {
    color: #fff;
    font-size: 15px;
}

        input.navbar-search-text-modal {
          height: 80px; 
          font-size: 50px; 
          display: inline-block; 
          font-weight: 100; 
          border: none; 
          border-bottom: 1px solid #7399c8; 
          outline: none; 
          /*color: #555;*/ 
          color: #fff; 
          padding: 30px 3px 15px 3px; 
          /*padding-right: 60px;*/ 
          width: 100%;
          /*width: 0px;*/ 
          /*position: absolute; */
          /*top: 20px; */
          /*right: 0;*/                    
          background: none; 
          /*z-index: 3;*/
          transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); 
          cursor: default;
      }


         input.search-text-modal {
          height: 44px; 
          font-size: 20px; 
          display: inline-block; 
          font-weight: 100; 
          border: none; 
          border-bottom: 4px solid #7399c8; 
          outline: none; 
          /*color: #555;*/ 
          color:  black;
          padding: 3px; 
          width: 350px;
          /*width: 0px;*/ 
          /*position: absolute; */
          /*top: 20px; */
          /*right: 0;*/                    
          background: none; 
          /*z-index: 3;*/
          transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); 
          cursor: default;
      }


        .search-modal__headline {
        color: white;
        font-size: 24px;
        margin-bottom: 0;
        }
              
       .search-modal__subheadline {
        color: white;
        font-size: 18px;
        margin-bottom: 0;
        font-style: italic;
        /*position:relative;
        bottom: 0;*/
        }

        .search-modal__close {
        position: absolute;
        top: 0;
        right: 20px;
        height: 30px;
        width: 30px;
        z-index:99999;
        color: #fff;
        }


         
        

          input.navbar-search-submit-modal {display: none;}
           input.navbar-search-submit:hover {opacity: 0.8;}

        input.navbar-search-text-modal::-webkit-input-placeholder {
           color: white;
        }

        input.navbar-search-text-modal:-moz-placeholder { /* Firefox 18- */
           color: white;  
        }

        input.navbar-search-text-modal::-moz-placeholder {  /* Firefox 19+ */
           color: white;  
        }

        input.navbar-search-text-modal:-ms-input-placeholder {  
           color: white;  
        }

        .search-modal__disclaimer
{
	font-size: 14px;
    	font-style: normal;
    	margin: 60px 0;
    	padding: 20px;
    	border-top: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	color: white;
    	text-align: justify;
	letter-spacing: .25px;
} 
  
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #474747;
       opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #474747;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #474747;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #474747;
   opacity:  1;
}



@media only screen and (max-width: 2000px)
 {



    #search-modal  {
                padding: 50px !important;
            }
    div[id^='gis_disclaimermodal'] {
 padding-right: 0 !important;
}

div[id^='gis_disclaimermodal'] > .modal-dialog {
        width: 95%;
        height: 50%;
        bottom: auto;
        padding: 0;
    }

div[id^='gis_disclaimermodal'] > .modal-dialog > .modal-content {
    height: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 0;
} 
 #search-modal  {
                padding: 50px !important;
            }




}
@media only screen and (max-width: 992px) {



    div[id^='gis_disclaimermodal'] > .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
    }

div[id^='scfc-modal-'] > .modal-dialog > .modal-content {
    height: 100%;
    min-height: 100%;
    height:auto;
} 



}
@media only screen and (max-width: 768px) {



    .embed-responsive-16by9 {
        padding-bottom: 200%;
    }

    .esri-search {
        width: 300px;
    }


    .lead {
        font-size: 13px;
        font-weight: normal;
    }


    div[id^='scfc-modal-'] > .modal-dialog > .modal-content > .modal-footer {
        margin-bottom: 45px;
    }



}