html              { width:100%; height:100%; margin:0; }
body              { width:100%; height:100%; margin:0; font-family:sans-serif; }
#map              { height:100%; margin:0 250px 0 0; position:relative; }

/*
#mouseposition    { position:absolute; width:180px; bottom:8px; left:50%; margin-left:-90px; z-index:100; }
#mouseposition .ol-mouse-position { position:relative; top:inherit; right:inherit; text-align:center; font-size:11px; color:#fff; background:rgba(0,60,136,.3); border-radius:4px; }
*/

#mouseposition    { position:absolute; bottom:10px; width:100%; padding:0 20px; }
#mouseposition .ol-mouse-position { padding:5px 0; position:relative; top:inherit; right:inherit; text-align:center; font-size:12px; line-height:175%; color:#999; /*border:1px solid #ccc; border-radius:4px;*/ }
#mouseposition .ol-mouse-position:empty { display:none; }

.map-fullwidth { margin:0 !important; }

#toolbar          { position:absolute; top:0; right:0; width:250px; height:100%; background:#fff; /*box-shadow: 0px 0px 10px #888888;*/ z-index:100; border-left:1px solid #aaa; }
#toolbar .toolbox { margin:0; padding:17px 20px 0 20px; font-size:13px; }
#toolbar  h3.toolbox-header { margin:0 0 10px 0; padding:0; font-size:13px; color:#999; font-weight:bold; }
#toolbar .toolbox p,
#toolbar .toolbox ul { margin:0 0 5px 0; font-size:13px; }

#toolbar .toolbox-inactive { display:none; }

#toolbarhandle { position:absolute; top:10px; right:249px; z-index:1000; background:#fff; border-top-left-radius:4px; border-bottom-left-radius:4px; border:none; height:30px; border-left:1px solid #aaa; border-top:1px solid #aaa; border-bottom:1px solid #aaa; cursor:pointer; }
.toolbarhandle-closed { right:0px !important; }

#toolbarhandle:before { content: "\276F"; }
#toolbarhandle.toolbarhandle-closed:before { content: "\276E"; }

/*
#mouse-position   { position:absolute; bottom:50px; left:10px; margin:0; padding:0; color:#000; font-size:11px; width:200px; }
.ol-mouse-position { position:inherit; top:inherit; right:inherit; }
*/

#toolbar ul { margin:0; padding:0; list-style:none; }
/*
#toolbar label, #toolbar input { cursor:pointer; } 
*/

.toolbox tbody td.processing { color:#808080; }


#toolbox { display:none; margin:0; padding:17px 20px 0 20px; font-size:13px; }
#toolbox .panel-title  { font-size:14px !important; }
#toolbox .panel  { position:relative; }
#toolbox .panel-close { position:absolute; top:6px; right:10px; font-size:22px; line-height:22px; font-weight:bold; color:#fff; border:1px solid transparent; background:transparent; border-radius:4px; }
#toolbox .panel-close:hover { border:1px solid #D43F3A; background:#D9534F; }
#toolbox-processing-indicator { width:100%; text-align:center; font-size:32px; line-height:32px; color:#ccc; }




/*
#toolbar table { border:1px solid #c0c0c0; width:100%; }
#toolbar th { text-align:left; position:relative; }
#toolbar thead th { background:#c0c0c0; }
#toolbar tbody th { width:70px; }
#toolbar tbody tr:nth-child(even) { background-color:#f9f9f9; }
#toolbar tbody td.processing { color:#808080; }
#toolbar table .close { cursor:pointer; position:absolute; top:0; right:3px; color:#808080; font-size:16px; }
#toolbar table .close:hover { color:red; }
*/

.switcher  li { margin:0 0 5px 0; line-height:250%; }
.switcher label { margin:0; display:inline-block; width:100%; cursor:pointer; font-weight:normal; }
.switcher label span { display:block; border-radius:4px; border:1px solid #ccc; text-align:center; }
.switcher label input { position:fixed; opacity:0; }
.switcher input:checked + span { color:#fff; border:1px solid #2e6da4; background:#337ab7; }
.switcher label:hover span { border:1px solid #adadad; background:#e6e6e6; }
.switcher label:hover input:checked + span { color:#fff; border:1px solid #2e6da4; background:#337ab7; }

.processing-indicator { display:none; }
.response-success-container { display:none; }
.response-error-container { display:none; }

/*
.switcher label.baselayer-0 span { background:url(./img/switcher_street_bg.jpg) no-repeat top left; }
.switcher label.baselayer-1 span { background:url(./img/switcher_satellite_bg.jpg) no-repeat right; }
.switcher label.baselayer-2 span { background:url(./img/switcher_hybrid_bg.jpg) no-repeat top left; }
*/

/*
.toolbox button { border-radius:4px; border:1px solid #ccc; width:100%; line-height:250%; cursor:pointer; margin:0 0 5px 0; }
.toolbox button:hover { border:1px solid #adadad; background:#e6e6e6; }
*/

#drawtool ul { display:table; border-collapse:collapse; table-layout:fixed; width:100%; margin:0 0 5px 0; }
#drawtool li { display:table-cell; box-sizing:border-box; width:1%; }
#drawtool label { display:block; width:100%; cursor:pointer; font-weight:normal; line-height:250%; }
#drawtool label span { display:block; border:1px solid #c0c0c0; text-align:center; }
#drawtool label input { position:fixed; opacity:0; }
#drawtool input:checked + span { color:#fff; border:1px solid #2e6da4; background:#337ab7; }

#drawtool label:hover span { border:1px solid #adadad; background:#e6e6e6; }
#drawtool label:hover input:checked + span { color:#fff; border:1px solid #2e6da4; background:#337ab7; }

#drawtool li:first-child span { border-top-left-radius:4px; border-bottom-left-radius:4px; }
#drawtool li:last-child span { border-top-right-radius:4px; border-bottom-right-radius:4px; }


.panel-title  { font-size:14px !important; }
.panel  { position:relative; }
.panel-close { position:absolute; top:6px; right:10px; font-size:22px; line-height:22px; font-weight:bold; color:#fff; border:1px solid transparent; background:transparent; border-radius:4px; }
.panel-close:hover { border:1px solid #D43F3A; background:#D9534F; }
.panel .processing-indicator { width:100%; text-align:center; font-size:32px; line-height:32px; color:#ccc; }


:focus {outline:none;}
::-moz-focus-inner {border:0;}

.glyphicon-spin         { -webkit-animation: spin 1000ms infinite linear; animation: spin 1000ms infinite linear; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes spin         { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); } }