@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(https://fonts.gstatic.com/s/didactgothic/v13/ahcfv8qz1zt6hCC5G4F_P4ASlUWYpnLl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(https://fonts.gstatic.com/s/didactgothic/v13/ahcfv8qz1zt6hCC5G4F_P4ASlUuYpg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* { 

	font-family: Didact Gothic;

}

body {

	margin: 0px;
	overscroll-behavior: contain;

}


      .sidebar_minimap {
	
	width: 198px;
	height: 198px;
	margin: 0px;
	border-bottom: 2px #000 solid;
	background: #FFF;
	cursor: crosshair;
	
}

.sidebar_button {
	
	width: 180px;
	height: 25px;
	margin: 9px 9px 0px 9px;
	border: 1px #000 solid;
	background: #333;
	color: #FFF;
	font-weight: bold;
	
	
	
}

.sidebar_button:hover {
	
	background: #CCC;
	color: #000;
	
}

#DR_status_coord {
	
	line-height: 38px;
	font-size: 15px;
	font-weight: bold;
	font-family: monospace;
	margin-left: 5px;
	cursor: pointer;
	
}

#DR_status_coord:hover {
	
	color: #000099;
	
}

	
#map_header {
	
	height: 34px;
	clear: both;
	
	text-align: right;
	
	border-bottom: 1px #000 solid;
	line-height: 34px;
	
	background: #CCC;
	
}

#menu_top {

	height: 34px;
	clear: both;
	
	background-color: #999;
	border-bottom: 2px #000 solid;
	background: #CCC;

}

.drawing_wrapper {

	position: absolute;
	padding: 0px;
	margin: 0px;

}

.drawing_wrapper_main {

	position: absolute;
	padding: 0px;
	margin: 0px;
	z-index: 4;
	
}

.drawing_resizer {
	
	width: 10px;
	height: 10px;
	
	border-radius: 50%;
	background: white;
	border: 3px solid #4286f4;
	
	position: absolute;
	
	z-index: 5;
	
	cursor: crosshair;
	
}

.drawing_resizer_info {
	
	width: 80px;
	height: 20px;
	
	text-align: center;
	font-size: 8pt;
	
	background: #69C;
	border: 1px #000 solid;
	border-radius: 7px;
	
	line-height: 20px;
	color: red;
	font-weight: bold;
	
	display: none;
	
	position: absolute;
	z-index: 4;

}

.drawing_button, .drawing_button_2 {
	
	width: 25px;
	height: 25px;
	
	top: 5px;
	right: 5px;
	
	border: 1px #000 solid;
	box-sizing: border-box;
	
	position: absolute;
	opacity: 0.75;
	
	z-index: 5;
	
	
}

.drawing_button_2 {
	
	background: #FFF;
	top: 5px;
	right: 35px;
	
}


.drawing_button:hover, .drawing_button_2:hover {
	
	opacity: 1;
		
}

.drawing_info {
	
	width: 150px;
	min-height: 100px;
	display: none;
	border: 1px #000 solid;
	background: #999;
	
	position: absolute;
	top: 30px;
	right: 5px;
	
	z-index: 5;
	
	
}
.drawing_wheel {
	
	width: 150px;
	height: 150px;
	display: none;
	border: 2px #000 solid;
	
	position: absolute;
	top: 30px;
	right: 5px;
	
	z-index: 5;

	border-radius: 76px;
	box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.5);
	
}

.drawing_wheel_bg {
	
	width: 150px;
	height: 150px;
	z-index: 5;
	
}

#scalebar {

	width: 200px;
	height: 30px;
	margin: 3px;
	float: right;
	
	background: #FFF;
	border: 1px #000 solid;
	
}

.drawing_popup {
	
	width: 200px;
	height: 200px;
	background: #369;
	
	position: absolute;
	border: 1px #000 solid;
	border-radius: 7px;
	
	display: none;
	
	
}

.drawing_info_header {
	
	width: 150px;
	height: 20px;
	background: #693;
	
}

.drawing_info_button {
	
	width: 150px;
	height: 20px;
	cursor: pointer;
	
}

.drawing_info_button:hover {
	
	background: #FFF;
	
	
}

.drawing_wheel_button {
	
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px #000 solid;
	box-sizing: border-box;
	border-radius: 10px;
	
	cursor: pointer;
	
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	
	background: #369;
	

}

.drawing_wheel_button:hover {
	
	background: #963;
	
}

.drawing_layer {
	
	position: absolute;
	padding: 0px;
	margin: 0px;


}

.layer_0 {
	
	z-index: 1;
	
}

.layer_1 {
	
	z-index: 2;
	
}

.layer_2 {
	
	z-index: 0;
	
}



#DR_status {
	
	width: 100%;
	height: 40px;
	background-color: #AAAAAA;
	border-top: 2px #000000 solid;
	position: absolute;


	
}

#DR_sidebar {
	
	width: 198px;
	background-color: #CCC;
	border-right: 2px #000000 solid;
	height: 100%;
	
	float: left;
	
}

.sidebar_spacer {
	
	width: 198px;
	height: 10px;
	
	
}

.sidebar_button_big, .sidebar_button_medium, .sidebar_button_small, .sidebar_button_tiny {
	
	width: 198px;
	padding: 2px;
	
}

.sidebar_button_big {

	height: 34px;
	line-height: 34px;
	
}

.sidebar_button_medium {

	height: 26px;
	line-height: 26px;
	text-indent: 10px;
	
}

.sidebar_button_small {
	
	height: 22px;
	line-height: 22px;
	text-indent: 20px;
	
}

.sidebar_button_tiny {
	
	height: 20px;
	line-height: 20px;
	text-indent: 30px;
	
}

.sidebar_button_big:after, .sidebar_button_medium:after, .sidebar_button_small:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-right: 5px;
}


.sidebar_button_big:after {

  font-size: 25px;
	
}

.sidebar_button_medium:after {
	
  font-size: 20px;

}

.sidebar_button_small:after {

  font-size: 15px;

}

.sidebar_button_active {
	
	background: #999;
	
}

.sidebar_button_active:after {
	
	background: #999;
	content: '\2212';
	
}

.sidebar_button_big:hover, .sidebar_button_medium:hover, .sidebar_button_small:hover, .sidebar_button_tiny:hover {
	
	background: #999;
	
}

.sidebar_layer {
	
	display: none;
	
}

.sidebar_layer_active {
	
	display: block;
	
}







.sidebar_icon {
	
	width: 50px;
	height: 30px;
	float: left;
	margin-right: 5px;
	
}

.menu_horizontal_spacer {

	width: 15px;
	height: 30px;
	float: left;

}

.menu_horizontal_spacer_small {

	width: 5px;
	height: 30px;
	float: left;

}

.menu_list {

	z-index: 5;
	position: absolute;
	width: 250px;
	background-color: honeydew;
	
	top: 0px;
	left: 0px;
	
	display: none;


}

.menu_option {
	
	width: 240px;
	height: 30px;
	margin: 5px;
	
	font-family: monospace;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #993300;
	
	text-align: right;


}

.menu_button {

	width: 30px;
	height: 30px;
	margin: 1px 1px 1px 0px;
	
	float: left;
	border: 1px #666 solid;
	background-color: #CCC;

}

.menu_button_active {
	
	background-color: #C96;
	
}

.menu_button_disabled {
	
	background-color: #900;
	
}

.menu_button:hover, .menu_button_active:hover {
	
	background-color: #69C;
	
}

#scale_bar {

height: 30px;
margin: 5px;
border: 1px #000 solid;
width: 300px;

float: right;

background-color: #FFF;

}

#status {

	font-size: 20pt;
	font-weight: bold;
	font-family: monospace;

}


option {
	font-size: 16px;
	height: 25px;
	border: none;
}

input, textarea, select {
	display: block;
	outline: none;

	font-size: 16px;
	height: 25px;
	float: left;
	
	box-sizing: border-box;
	border-radius: 3px;
	
	background: #EEE;
	border: 1px solid black;
	padding-left: 4px;
	box-shadow: none;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	
	background: url('../_gfx/select_arrow.png') 100% / 25px no-repeat #EEE;
	
}

input:focus, textarea:focus, select:focus {
	border: 1px solid blue;

}

input:invalid, textarea:invalid, select:invalid {
	border: 1px solid red;
	background: #FCC;
}

select:invalid {
	
	background: url('../_gfx/select_arrow.png') 100% / 25px no-repeat #FCC;
	
}


input::placeholder {
	color: #666;
}

input:disabled, textarea:disabled, select:disabled {
	background-color: #666;
	color: #FFF;
}

input:disabled::placeholder {
	color: #CCC;
}

input[type=button], input[type=submit] {
	background: #333;
	color: #FFF;
	font-weight: bold;
}
	  
input[type=button]:hover, input[type=submit]:hover {
	background: #AAA;
	color: #000;
}

input[type=checkbox] {
	display:none;
}
  
input[type=checkbox] + label.checkbox_internal {
	height: 25px;
	width: 25px;
	display: block;
	float: left;
	background-image: url('../_gfx/box_off.png');
}
   
input[type=checkbox]:checked + label.checkbox_internal {
	height: 25px;
	width: 25px;
	display: block;
	float: left;
	background-image: url('../_gfx/box_check.png');
}

label.checkbox_external {
    display: block;
    float: left;
	line-height: 25px;
	margin-left: 3px;
}
      
input[type=radio] {
    display:none;
}
 
input[type=radio] + label.radio_internal {
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    background-image: url('../_gfx/box_off.png');
}
  
input[type=radio]:checked + label.radio_internal {
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    background-image: url('../_gfx/box_radio.png');
}
  
label.radio_external {
    display: block;
    float: left;
	line-height: 25px;
	margin-left: 3px;
}

input[type=file] {
    display:none;
}
 
input[type=file] + label.file_internal {
    height: 25px;
    width: 50px;
    display: block;
    float: left;
    background-image: url('../_gfx/file_bt.png');
}
  
label.file_external {
    display: block;
    float: left;
	line-height: 25px;
	margin-left: 3px;
}

sub {
	font-size: 16px;
}

sup {
	font-size: 16px;
}


table {
	
	border: none;
	
}

tr {
	
	min-height: 25px;
	
}

tr:nth-child(even) {
	
	background: #CCC;
	
}

tr:nth-child(odd) {
	
	background: #DDD;
	
}

th {
	
	
	
}

td {
	
	padding: 1px;
	
}

tr.selected_1 {
	
	background: #900;
	
}

tr.selected_2 {
	
	background: #6C3;
	
}


.drawing_tab {
	
	background: #C96;
	border: 1px #000 solid;
	display: none;
	position: absolute;
	z-index: 11;
	
	padding: 1px;
	
	min-height: 32px;
	min-width: 50px;
	max-width: 160px;
	
}

.drawing_tab_row, .drawing_tab_rowL, .drawing_tab_rowR {
	padding: 1px;
	height: 32px;
	display: block;
	float: left;
	line-height: 30px;
}

.drawing_tab_row, .drawing_tab_rowL, .drawing_tab_rowR input {

	height: 32px;

}

.drawing_tab_row {
	
	clear: both;
	width: 100%;
	
}

.drawing_tab_rowL {
	
	width: 30px;
	
}

.drawing_tab_rowR {
	
	width: 70px;
	
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}