:focus {outline:none;}
/* BOOTSTRAP CUSTOM */
.navbar { min-height:inherit !important;}
.navbar-default { background-color: #337ab7; border-color: #2269a6; }
.navbar-default .navbar-brand { color: #ffffff; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #ffffff; }
.navbar-default .navbar-text { color: #ffffff; }

.navbar-default .nav-blue > li > a { color: #ffffff;padding-top:10px;padding-bottom:10px; }
.navbar-default .navbar-nav > li > a { color: #ffffff;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px; }

.navbar-default .nav-blue > li > a:hover,
.navbar-default .nav-blue > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #ffffff; }

.navbar-default .nav-blue > .active > a,
.navbar-default .nav-blue > .active > a:hover,
.navbar-default .nav-blue > .active > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #ffffff;  background-color: #2269a6; }

.navbar-default .nav-blue > .open > a,
.navbar-default .nav-blue > .open > a:hover,
.navbar-default .nav-blue > .open > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #ffffff; background-color: #2269a6; }

.navbar-default .navbar-toggle { border-color: #2269a6; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #2269a6; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #ffffff; }
.navbar-default .navbar-link { color: #ffffff; }
.navbar-default .navbar-link:hover { color: #ffffff; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff;   }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #2269a6;   }
}
.form-control:focus {
    border:2px solid #337ab7;
    outline: 0;
    padding:5px 11px;
    /*
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #337ab7;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px #337ab7;
        */
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-default {
    background-color: rgb(245, 245, 245); border:0px; border-bottom:2px solid #aaa;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}
.btn-primary {
    background-color:#337ab7; border:0px; border-bottom:2px solid #115895;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color:#448bc8; border:0px; border-bottom:2px solid #115895;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}
.btn-danger {
    background-color:#B8201B; border:0px; border-bottom:2px solid #AC2925;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus {
    background-color:#C9302C; border:0px; border-bottom:2px solid #AC2925;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
}

.modal-header {
    padding:9px 15px;
    /*border-bottom:1px solid #eee;
    background-color: #5f8f37;*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*text-align:center;
    color:white;*/
}
.modal-body {}
.modal-footer {}
.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
}

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #337ab7; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #337ab7 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #337ab7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background:#337ab7 none repeat scroll 0% 0%; color: #fff; } 
/* END BOOTSTRAP CUSTOM */

/* NAVBAR */
.nav-blue>li>a:hover,
.nav-blue>li>a:focus,
#nvbc1>ul>li>a:hover {background:#448bc8 !important;}
#nvbc1>ul>li>a:active,
.nav-blue>li>a:active {background:#115895 !important;}
/* END NAVBAR */

/* SPLIT */
.split { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; }
.gutter { background-color: #F8F8F8; border-top:30px solid #DDD;}
.gutter.gutter-horizontal { cursor: col-resize; }
.gutter.gutter-vertical { cursor: row-resize;  }
.split.split-horizontal, .gutter.gutter-horizontal { height: 100%; float: left; }
/* END SPLIT */

/* TOOLTIPS */
.map .tooltip {border:inherit !important; background:inherit !important; opacity:1 !important; width:auto !important;}
.tooltip.top .tooltip-arrow { border-top-color:#448bc8; }
.tooltip.left .tooltip-arrow { border-left-color:#448bc8; }
.tooltip.right .tooltip-arrow { border-right-color:#448bc8; }
.tooltip.bottom .tooltip-arrow { border-bottom-color:#448bc8; }
.tooltip-inner { background-color:#448bc8; max-width: none; white-space: nowrap; } /*ignore bootstrap tooltip width size*/
/* END TOOLTIPS */

/* SWITCHES CHECKBOXES */
.ofs { position: relative; margin-top:8px;width: 27px !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;margin-right:10px;display:inline-block;vertical-align:sub; }
.ofs-chk { display: none !important;}
.ofs-lbl { width:25px !important; display: block; overflow: hidden; cursor: pointer; height: 16px; padding: 0; line-height: 16px; border: 2px solid #CCCCCC; border-radius: 16px; background-color: #FFFFFF; }
.ofs-lbl.chkd { background:#337ab7;border-color:#337ab7;}
.ofs-span { display: block; width: 8px; margin: 4px; background: #CCCCCC; position: absolute; top: 0; bottom: 0; right: 10px; border: 0px solid #CCCCCC; border-radius: 18px; transition: right 0.2s ease-in 0s; }
.ofs-span.chkd {right:2px;background:white;}
/* END SWITCH CHECKBOXES */

body,.popover,.tooltip { font-family:"Titillium Web", sans-serif, Arial; font-size:14px; }
a:hover {text-decoration:none;}
#main {position:absolute;top:100px;left:0;right:0;bottom:0;}

@media (max-width: 767px) {
    #dmvHeader {
        display:none;
    }
}

#dmvMapTocLegendDiv {width:200px;position:relative;overflow:hidden;}
#dmvMapTocDiv {padding-top:15px;padding-left:0px;position:absolute;top:30px;left:0;right:0;bottom:0;z-index:2;overflow:auto;background:#F8F8F8;}
#dmvMapTocDivAddLayer {color:#aaa;display:inline-block;margin-left:33px;margin-top:5px;padding:0px 8px 2px 8px;border:1px solid #bbb;border-radius:5px;text-decoration:none;outline:none;}
#dmvMapTocDivAddLayer:hover{color:#999;background:#f1f1f1;}
#dmvMapLegendDiv {padding-left:10px;padding-top:10px;position:absolute;top:30px;left:0;right:0;bottom:0;z-index:1;overflow:auto;background:#F8F8F8;}

#dmvMapTocTab {position:absolute;width:50%;height:30px;padding:3px 8px 4px 8px;background:#DDD;color:#888;cursor:pointer;}
#dmvMapLegendTab {position:absolute;width:50%;left:50%;height:30px;padding:3px 8px 4px 8px;background:#DDD;color:#888;cursor:pointer;}
#dmvMapLegendTab.active, #dmvMapTocTab.active {background:#F8F8F8;cursor:default;color:black;}
#dmvMapLegendTab:hover, #dmvMapTocTab:hover {background:#EEE;}
#dmvMapLegendTab.active:hover, #dmvMapTocTab.active:hover {background:#F8F8F8;}
#dmvMapDiv {position:relative;height: 100%; width:100%;}
.draw-tlbr-item,.share-tlbr-item {display:none;background:#559CD9;}
.draw-tlbr-item:hover,.share-tlbr-item:hover {background:#448BC8;}
.dot {
    position:relative;
    top:3px;
    display: inline-block;
    border-radius: 7px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    cursor:pointer;
    overflow:hidden;
}
.dot span {
    position:absolute;
    display:inline-block;
    width: 14px;
    height: 14px;
}
.dot.white span { border:1px solid gray; border-radius:6px; }
.dot.white.selected span {border:none;}
.dot.black span { background:black;}
.dot.white span { background:white;}
.dot.pink span { background:rgb(168, 0, 132);}
.dot.selected {
    border:2px solid #337AB7;
    width: 14px;
    height: 14px;
}

.jstree-proton .jstree-checkbox { margin-right: 5px; }

#divSettings { width:200px; color:black; }
#LocateButton { position: absolute; top: 95px; left: 15px; z-index: 5000; }
.popover-title { color:#444;}

#dmvMapScale {padding:9px 9px 7px 9px;cursor:pointer;}
#dmvMapScaleInput { height:18px;padding-left:3px;padding-top:0px;padding-bottom:0px;vertical-align:baseline;width:50px;border:none;color:#fff;background:#448BC8;}
#dmvMapCoord {display:none;position:absolute;left:50%;transform:translateX(-50%);
              bottom:18px; z-Index:39; background:rgba(255,255,255,10);padding:3px 5px 3px 5px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);font-size:10px;}
.fa-white {color:#fff;margin-left:5px;}
.jstree-container-ul {padding-left:8px;}
.jstree-wholerow { height:25px !important; }

#layerAddTabs-content {margin-top:10px;}
#mapList { border: none; padding: 4px; background: black;color: #aaa; }

a.jstree-dmv-invisible > .jstree-checkbox, 
a.jstree-dmv-invisible > .jstree-checkbox:hover { background-position: -165px -101px !important; }
a.jstree-checked.jstree-dmv-invisible > .jstree-checkbox, 
a.jstree-checked.jstree-dmv-invisible > .jstree-checkbox:hover { background-position: -229px -101px !important; }
.m {margin-right:2px;}
.lyrOptionPopover { margin:0;padding:0;color:#888;list-style:none; }
.lyrOptionPopover li a {display:block;padding:4px 6px 4px 6px;text-decoration:none;outline:none;color:#888;font-size:12px;}
.lyrOptionPopover li a:hover {background:#e7e7e7;}
input[type=range] {padding:4px 0px !important;}

/*scalebar*/
.calcite .scalebar_bottom-left { bottom:17px; left: 20px !important; }
#dmvMapLegendDiv td { font-size:12px; white-space: nowrap; }
#dmvMapLegendDiv img { max-width: 16px; margin-right: 8px; vertical-align: sub; }

.dmvWndw { position:absolute; top:0; left:0; min-width:200px;min-height:150px;z-Index:11000;padding:20px;display:none;background:white;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
.wndwClose {font-size:20px;float:right;margin-left:10px;margin-bottom:10px;color:#aaa;cursor:pointer;line-height:1;}
.wndwClose:hover { color:#444 }
.wndwTitle { font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.wndwTitleDesc { margin-bottom:20px;}
.wndwContent {position:relative;}

#dmvLyrDetails {position:absolute;width:280px;top:0;bottom:0;left:-280px;z-index:41;padding:20px;background:white;
-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
     -o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
        transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
#dmvLyrDetailsTitle { font-size: 24px; line-height: 24px; margin-bottom: 10px;}
#dmvLyrDetailsClose {font-size:20px;float:right;margin-left:10px;margin-bottom:10px;color:#aaa;cursor:pointer;line-height:1;}
#dmvLyrDetailsClose:hover { color:#444; }
#dmvLyrDetailsContent { padding-bottom:20px;overflow:auto;top:0;bottom:0;left:0;right:0;position:absolute;padding-right:20px;margin-left:20px; }
#dmvLyrDetailsFooter { position:absolute;bottom:0;padding-bottom:20px; }

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.loading {
  margin: auto;  
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(51, 122, 183, 0.2);
  border-top-color: #337ab7;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
.loading.inline { width:16px;height:16px;margin:0px;top:auto;left:auto;right:auto;bottom:auto;margin-top:4px;margin-left:5px; }
.esriPopup .title {font-weight:normal !important;}
.esriPopup .title1st { font-size:13px;color:#aaa; }
.esriPopup a {font-family:"Titillium Web", sans-serif, Arial !important;padding:0px !important;color:#aaa;}
.esriPopup a:hover { color:#000; }
.esriPoup .actionsPane a::before {content:'';}
.esriPopup .contentPane {margin-bottom:10px;}