body, html, #map,#center {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
     /* font-size:small; */
    
}

#borderContainer {
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
}

#sidebar {
    width: 315px;
    padding: 0;
    margin:0px;
   /*margin: 5px;
    border: solid 4px #353132;*/
    overflow: auto;
    overflow-x: hidden;
    border-right: 1px solid #B5BCC7;
    border-left: 1px solid #B5BCC7;
    /*border: solid 2px #353132;*/
    
}
#ac {
    background-color:transparent;
    position: absolute; top: 20px; left: 40px;z-Index: 39;

}
     #sidebar #cpGridHolder #grid {
    height:99%;
    width:99%;
    overflow:hidden;
    }

.dijitRadio {
    width: 12px !important;
    height: 12px !important;
}
div.toolbar.dijit {
height:35px;
width: 100% !important;
border-top:1px solid #CAC7C8;
background-image: none;
background-color:#551900 /*#414042;#676162;*//*#4e4b4c;*/

/*background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0.1, #383536),
	color-stop(1, #CAC7C8)
);
background-image: -o-linear-gradient(bottom, #383536 10%, #CAC7C8 100%);
background-image: -moz-linear-gradient(bottom, #383536 10%, #CAC7C8 100%);
background-image: -webkit-linear-gradient(bottom, #383536 10%, #CAC7C8 100%);
background-image: -ms-linear-gradient(bottom, #CAC7C8 10%, #CAC7C8 100%);
background-image: linear-gradient(to bottom, #383536 10%, #CAC7C8 100%);*/
}
.dbootstrap .toolbar .icon .dijitButtonNode {
 background-color: inherit;
    background-image: none;
    border: medium none;
    box-shadow: none;
    text-shadow: none;
    color:#FFFFFF;
    vertical-align: middle;
    padding-top:3px;
}
 #rightsidebar{
    width: 450px;
    padding: 0;
    margin:0px;
   /*margin: 5px;
    border: solid 4px #353132;*/
    overflow: auto;
    overflow-x: hidden;
    border-left: 1px solid #B5BCC7;
    /*border: solid 2px #353132;*/
}
#map ,#center{
    /*margin: 5px;
    border: solid 4px #353132;*/
   padding:0;
       /*overflow-y: auto;*/
       overflow: hidden;
}
     /*#search {
        position: absolute;
         left: 60px;
        top: 10px; 
        width:275px;
        z-index: 40;
      }*/
.pageHeader {
  /* background: url("../images/383536.jpg") repeat-x scroll left top transparent; */
    background-color: #414042;
    height: 70px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.shadow{
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 8px 8px 16px #323834;
  -webkit-box-shadow: 8px 8px 16px #323834;
  -moz-box-shadow: 8px 8px 16px #323834;
  -o-box-shadow: 8px 8px 16px #323834;
}
.pageHeader .headerLogo{
    float:left;
    left:30px;
    position:relative;
    top:6px;
    height:60px;    
}

.pageHeader .headerLogo img{
    height:60px;
}

/* RRM */

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
}
.headerLogo{
    float:left;
    left:10px;
    position:relative;
    top:6px;
    height:60px;    
}

/* RRM */
.navbar-header {
    /*    background-color: #639BBC;*/
        background-color: #9da8ad;
}

@media (min-width: 768px) {
        .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
            margin: 0;
        }
    
        .navbar-header {
            z-index: 1;
            width: 100%;
            background-color: #969fa4;
            box-shadow: 0 0 10px #aaa;
        }
}
    
/*Tweak navbar*/
.navbar-brand {
    font-size: 18pt;
    line-height: 25px;
    font-weight: bold;
    color: #fff;
    border-radius: 7px;
    padding:10%;
}

.navbar-toggle:focus {
    background-color: transparent
}

.navbar-toggle {
    border-radius: 0;
}


.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-left: 0;
}


.navbar-brand {
    padding: 15px;
    margin: 0;
}

@media (max-width: 767px) {
    .navbar-brand {
        padding: 0 15px 0 5px;
        float: left;
    }

    #navbar {
        padding-left: 0;
    }

    #cosageocoder {
        margin-left: 0;
    }

    #helpButton {
        font-size: 16px;
        position: absolute;
        left: 175px;
        top: 18px;
        padding-left: 15px;
    }

}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

@media screen and (min-width: 768px) {
    #navbar {
        padding: 0;
        color: white;
        max-height: 50px;
        padding-top: 0;
    }

    #help-icon {
        padding-top: 8px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-default {
        padding-left: 5px;
    }

    #app-title {
        font-size: 25px;
        font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    }

    #disclaimerLogo {
        margin-top: 5px;
    }

}

#app-subtitle {
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    /* font-variant: all-petite-caps; */
    font-size:24px;
    opacity: 0.75;
    margin-top: 1em;
    margin-left:25px;
    /* letter-spacing: 3px; */
}

.navbar-text {
    /*    color: white;*/
        color: #2f4c54;
}

#dsd-logo-div {
        padding:5px 0 0 0;
}
    
#dsd-logo {
        max-height: 50px;
}
    
#dsd-logo:hover {
            cursor: pointer;
}    

.container-fluid {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}
/* RRM end */

/*.pageHeader .headerLogo img{height:50px;}*/
.dbootstrap .sideAccordian .dijitAccordionTitle {
     background-color: #F5F5F5;
    border-bottom: medium none;
    color: #666666;
    padding: 8px 15px;
}
.dbootstrap .sideAccordian  .dijitAccordionTitleHover{

   color:#333333;
}
.pageHeader .headerTitle {
    /*color: #FFF;*/
    float: left;
    font-size: 14px;
    left: 60px;
    /*top: 12px;*/
    position: relative;
    /*font-family: 'Myriad Pro',sans-serif;*/
    /*font-stretch: condensed;*/

    /*top: 9px;*/
    /*width: 200px;*/
    line-height: 16px;
}

.pageHeader .subHeaderTitle {
    /*font-size: 18px;*/
     height: 70px;
    padding-top: 15px;
}
/*.pageHeader .headerLogo {
    float: left;
    left: 30px;
    position: relative;
    top: 8px;
}
.pageHeader .headerLogo img{
    height: 50px;
}
.pageHeader .headerTitle {
    color: #FFFFFF;
    font-size: 16pt;
    font-weight: bold;

    float: left;
    left: 60px;
    top: 15px;
    position: relative;
}

.pageHeader .subHeaderTitle {
    padding-left: 20px;
    left: 30px;
}*/


/*.pageHeader .headerLinks {
    float: right;
    color: #FFFFFF;
    position: relative;
    top: 10px;
    right: 10px;
}*/
.pageHeader .headerLinks {
   float:right;
    color: #FFFFFF;
    position: relative;
    /*top: 15px;*/
    right: 10px;
    max-width:50%;
    z-index: 0;
}
.headerLinks .help {
 position: relative;float:right; left: 10px; z-Index: 99;
 padding: 0 5px;
 top: 15px;
 height:65px;
}
    .dbootstrap .headerLinks .help .dijitButtonNode {
        background-color: inherit;
        background-image: none;
        border: medium none;
        box-shadow: none;
        text-shadow: none;
        color: #FFFFFF;
    }
/*.pageHeader .headerLinks a {

    color: #FFFFFF;
}
.headerLinks .help {
     float: right;
    position: relative;
    text-align: right;
    top: 10px;
}
.headerLinks .search {
  float: right;
    position: relative;
    top: 5px;
    right: 10px;
}*/
 .print {
    padding: 2px;
    width: 29px;
    height:29px;
    background-color: #666;
    background-color: #e1e1e1;/*rgba(225,225,225,0.80);*/

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #666666;/*rgba(102,102,102,0.90);*/
   
}
.ctrlHidden {
display:none;
}
.headerLinks .searchAddress {
    float: right;
    position: relative;
    right: 10px;
    top: 4px;
}
.overlayLeft{
    position: absolute; top: 20px; left: 60px;z-Index: 99;
    max-width:50%;
    /*float: left;
    position: relative;
    top: 10px;
    left: 60px;*/
}
.overlayLeft .overlayWigit{
position: relative;float:left; left: 10px; z-Index: 39;padding: 0 5px;
}
.inLine{
display:inline;
}
    .inLine #dropDownButtonContainer {
        display:inline;
    }
.overlayRight {
    position: absolute; top: 20px; right: 80px;z-Index: 39;
   max-width:50%;
}
.overlayRight .overlayWigit{
position: relative;float:right; left: 10px; z-Index: 39;padding: 0 5px;
}


.loading{
background-image: url("../images/loading.gif");
background-repeat:no-repeat;
background-position:50% 50%;
}
#map .loading{
background-image: url("../images/loading.gif")
}
.titlePaneBottomFix {
    margin-bottom: -1px;
}

.titlePaneRightFix {
    margin-right: -1px;
}

.sidebarCollapseButton {
    width: 20px;
    height: 25px;
    position: absolute;
    top: 220px;
    border-top: 1px solid #B5BCC7;
    border-right: 1px solid #B5BCC7;
    border-bottom: 1px solid #B5BCC7;
    z-index: 40;
    background-color: white;
    border-radius: 0 5px 5px 0;
    background-position: 2px 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.sidebarCollapseButton.close {
    left: 315px;
    background-image: url("../images/close.png");
    opacity:1.0 !important;
}

.sidebarCollapseButton.open {
    background-image: url("../images/open.png");
    left: 0;
}

.rightsidebarCollapseButton.close {
    right: 450px;
    background-image: url("../images/open.png");
}

.rightsidebarCollapseButton.open {
  background-image: url("../images/close.png");
    right: 0;
}

.rightsidebarCollapseButton {
    width: 20px;
    height: 25px;
    position: absolute;
    top: 220px;
    border-top: 1px solid #B5BCC7;
    border-left: 1px solid #B5BCC7;
    border-bottom: 1px solid #B5BCC7;
    z-index: 40;
    background-color: white;
    border-radius:  5px 0 0 5px;
    background-position: 2px 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*dbootstrap overrides*/
.dbootstrap .dijitToolbar .dijitButtonContents {
    padding: 5px !important;
}
 
.dbootstrap .dijitButtonNode * {
    vertical-align: middle;
}

.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
}

#loadingOverlay {
    background:  #fff url('../images/pageloading.gif') no-repeat 10px 23px;
}
 
.loadingMessage {
    padding: 25px 40px;
    color: #999;
}
.dbootstrap .iconLegend:before {
 content: url("../images/Legend_B_16.png");

}
.dbootstrap .iconMeasure:before {
 content: url("../images/Measure_Area16.png");
}

.dbootstrap .iconDraw:before {
 content: url("../images/EditingLayerTarget16.png");

}
.dbootstrap .iconPrint{
    background-image:url(../images/commonIconsObjActEnabled.png);
    background-position:-16px 0;
    width:16px;
    height:16px;
}
.dbootstrap .iconSAHome:before{
    content:url(../images/favicon.ico);
    width:16px;
    height:16px;
}
/*LG::4/19/2014*/
/*.searchIcon {
    background-image: url(../images/simpleGeocoder.png);
    background-position: 0 0;
    width: 16px;
    height: 16px;
}
.searchingIcon {
    background-image: url(../images/searching.gif);
    background-position: 0 0;
    width: 16px;
    height: 16px;
}*/
    .overlayDijits {
    position: absolute; top: 20px; left: 20px;z-Index: 99;
    width:310px;
}
.overlayDijits .floatingPanel{
position: relative;float:left; top: 60px; z-Index: 99;padding: 0 5px;width:300px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 2px solid #800000;
}

           /* floating pane */
.dbootstrap .dojoxFloatingPaneWrapper {
	padding:8px;
}
.dbootstrap .dojoxFloatingPane {
	padding:0 !important;
	border:solid 1px #769DC0 !important;
}
.dbootstrap .dojoxFloatingPaneTitle {
	border: 1px solid #ffffff;
	border-top: none;
	/*background-color: #abd6ff;
	background-image: url("http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/images/standardGradient.png");*/
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	_background-image: none;
	padding: 5px 7px 4px 7px;
    font-size: 14px;
}
.dbootstrap .dojoxFloatingPaneContent {
	border-top:solid 1px #769DC0;
	padding:0;
	overflow:hidden
}


#alternateDock ul.dojoxDockList { display:block; }
    
.dbootstrap .dijitButtonText {
    font-size: small;
    padding: 0 0.3em;
    text-align: center;
}

.floatingTitlePane {
width:275px;
}

.dbootstrap .dojoxFloatingPaneContent {
	border-top:solid 1px #EEEEEE;
	padding:0;
	overflow:hidden
}


      .excelIcon {
            background-image: url(../images/excel.png);
            background-position: 0 0;
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
        }

        .clearIcon {
            background-image:url(../images/clear.png);
            width: 16px;
            height: 16px;

        }
        /*for results grid*/
        .dbootstrap .dijitTabContainerTop .dijitTab {
    color:#555555;
}
.dbootstrap .dijitTabContainerTop .dijitTabChecked {
    color:#044A8B;
}
.leftMapWidgets {
    background-color: transparent;
    position: absolute;
    top: 10px;
    left: 60px;
    /*left:20px;*/
    z-Index: 38;
    /*max-width:50%;*/
    max-width: 40%;
    min-width: 310px;
}

.panes {
    padding-top: 0px;
    padding-right: 20px;
    overflow-y: auto;
    height: 100%;
}

.addressDialog .dijitDialogTitle {
  padding: 0 1px!important;
  font-size: 1.091em!important;
  color: #000000!important;
}
.addressDialog .dijitDialogPaneContent {
padding:10px;
}

.addressDialog.dijitDialog .closeText {
  display: none!important;
  position: absolute!important;
}

.drawer-menu-buttons .item {
    color:#CAC7C8;
}

.mapCommandHomeBtn {
	background: url(../images/mapcommand-home.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.dbootstrap .dijitDialogTitle {
font-size:18px!important;
}
@media  (max-width:686px) {
    .headerLogo {
    display:none;
    }
}

.gis_StreetView_MenuPopup .dijitInline.dijitIcon.dijitMenuItemIcon.selectedIcon.selectedIcon:before ,
.gis_Basemaps_MenuPopup .dijitInline.dijitIcon.dijitMenuItemIcon.selectedIcon.selectedIcon:before {
    content: "\f046";
}

.gis_StreetView_MenuPopup .dijitInline.dijitIcon.dijitMenuItemIcon.selectedIcon .emptyIcon:before,
.gis_Basemaps_MenuPopup  .dijitInline.dijitIcon.dijitMenuItemIcon.selectedIcon .emptyIcon:before{
    content: "\f096";
}

.gis_StreetView_Dijit .streetViewIcon:before {content: "\f007";}

/*Loading splash page*/
#loader-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

#disclaimer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10001;
    margin: 0;
    /* color: white; */
    background-color: rgba(150,159,164, 0.8);
    /*    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/AlamoOak.jpg) no-repeat center center fixed;*/
    /* background: url(https://gis.sanantonio.gov/DSD/OneStop/images/AlamoOakNew.jpg) no-repeat center center fixed; */
    background: url(../images/CityHall.jpg) no-repeat -25% 40% ;
    background-size: cover;
    overflow-y: hidden;
}
.btn-new {
    display: inline-block;
    width: 30%!important;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0px;
    color: #fff;
}

.buttonsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

#accept, #decline{
    display: none;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    margin-right: 10px;
    font-variant: small-caps;
}

#accept:hover, #accept:focus, #accept:active {
    background-color: white;
    border: none;
    color: #2f4c54;
    font-weight: 800!important;
}

#decline:hover, #decline:focus, #decline:active {
    /*    background-color: #333;*/
    background-color: #2f4c54;
    border: none;
    color: #fff;
    font-weight: 800!important;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: white;
    border: none;
    /*    color: #639bbc;*/
    color: #2f4c54;
    font-weight: 800!important;
}

#disclaimer-content {
    width: 40%;
    float: right;
    height: 120%;
    padding: 30px;
    /*background-color: #969fa4;*/
    background-color:rgba(150,159,164, 0.9)
}

@media (max-width: 768px) {
    #disclaimer-content {
        width: 100%;
        float: right;
        height: 120%;
        padding: 15px;
        overflow-y: scroll;
        background-color: #969fa4;
        background: linear-gradient(to top, rgba(150,159,164, 0.75), rgba(150,159,164, 1));
    }

}

@media screen and (max-width: 768px) {
    #splash-title {
        font-size: 20px;
        margin-top: 0;
    }

    .disclaimer-body h4 {
        font-size: 14px;
        font-weight: 600;
        text-align: center
    }

    .disclaimer-body p {
        font-size: 12px;
    }
}

#disclaimerLogo {
    max-height: 100%;
    margin-top: 20px;
}

#splash-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

#feature-tour-checkbox {
    display: none;
    font-size: 16px;
    padding-top: 20px;
}
.bigcheck {
    cursor: pointer;
    margin-bottom: 0;
}

.bigcheck.btn-info {
    /*background-color: #0393A4;*/
    box-shadow: 0 0 5px #d7d7d7;
    padding: 5px 10px;
}

span.bigcheck-target {
    font-family: FontAwesome; /* use an icon font for the checkbox */
    font-size: 20px;
    vertical-align: middle;
    font-weight: 500;
}
input[type='checkbox'].bigcheck {
    position: relative;
    left: -999em; /* hide the real checkbox */
}

input[type='checkbox'].bigcheck + span.bigcheck-target:after {
    content: "\f096"; /* In fontawesome, is an open square (fa-square-o) */
    cursor: pointer;
}
input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
    content: "\f046"; /* fontawesome checked box (fa-check-square-o) */
    /*color: #551900;*/
    cursor: pointer;
}

span.bigcheck {
    display: block;
    padding: 0.5em;;
}
.loading-divs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10%;
    margin-top: 10px;
}
.loading-divs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10%;
    margin-top: 10px;
}
.fa.fa-envelope {
    padding-left: 10px;
    cursor: pointer;
}
/*Loading splash page end*/