form div {
	padding: .5em;
}

code:before {
	position: absolute;
	content: 'Code:';
	top: -1.35em;
	left: 0;
}
code {
	margin-top: 1.5em;
	position: relative;
	background: #eee;
	border: 1px solid #aaa;
	white-space: pre;
	padding: .25em;
	min-height: 1.25em;
}
code:before, code {
	display: block;
	text-align: left;
}

body {
	background: #145285;
}

th, td {
  border: 0px solid black;
}

.wrap{
	width:100%;
	height:100%;
	position:relative
}

.head{
	background-color:#145285
}

.foot{
	margin-left: 228px;
}

.foot.active{
	margin-left: 0px;
}

.bodywrap{
	width:100%;
	min-width:350px;
	display: table
}

.main {
	margin-left: 228px;
	margin-right: 0px;
	background: #6388C7;
	border-radius: 10px;
	padding: 10px; 
	min-width: 250px;
	word-wrap: break-word;
}

.main.active {
	margin-left: 0px;
	margin-right: 0px;
	background: #6388C7;
	border-radius: 10px;
	padding: 10px; 
	min-width: 250px;
	word-wrap: break-word;
}

.inside_dark_header {
	text-align: center;
	color: #FFFFFF;
	background: #003366;
	font-weight: bold;
	margin: 5px;
}

.inside_text_bold {
	text-align: left;
	color: #002448;
	font-weight: bold;
	margin: 5px;
}

.annunc_text {
	text-align: center;
	color: #FFFFFF;
	background-color: #003366;
	font-weight: bold;
}

.sub_head{
	background-color:#508FAE;
}

.inside_text_center {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

.content_table {
	margin: 0 auto;
	width:100%;
	padding: 1px;
	border-collapse: collapse;
	border-spacing: 0;
}

.header {
	text-align: left;
	background-color: #5b86aa;
	font-weight: bold;
	border: 1px inset black;
	white-space: nowrap;
}

.cell_border {
	border: 1px inset black;
}

.dark {
	text-align: left;
	background-color: #a1bace;
	border: 1px inset black;
}

.dark a {
	font-weight: bold;
}

.light {
	text-align: left;
	background-color: #d0dce7;
	border: 1px inset black;
}

.light a {
	font-weight: bold;
}

.light-wrapword {
	text-align: left;
	background-color: #d0dce7;
	border: 1px inset black;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
	white-space: -pre-wrap;	  /* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: pre-wrap;	   /* css-3 */
	word-wrap: break-word;	   /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

.content_table-centered {
	margin: 0 auto;
	padding: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}

.header-centered {
	text-align: center;
	background-color: #5b86aa;
	font-weight: bold;
	border: 1px inset black;
}

.dark-centered {
	text-align: center;
	background-color: #a1bace;
	border: 1px inset black;
}

.dark-centered a {
	font-weight: bold;
}

.light-centered {
	text-align: center;
	background-color: #d0dce7;
	border: 1px inset black;
}

.light-centered a {
	font-weight: bold;
}

.yellow {
	text-align: center;
	background-color: yellow;
	border: 1px inset black;
}

.lime {
	text-align: center;
	background-color: lime;
	border: 1px inset black;
}

.red {
	text-align: center;
	background-color: red;
	border: 1px inset black;
}

.orange {
	text-align: center;
	background-color: orange;
	border: 1px inset black;
}

.lightgreen {
	text-align: center;
	background-color: lightgreen;
	border: 1px inset black;
}

.content-centered {
	text-align: center;
	background-color: #6388C7;
	border: 1px inset black;
}

.center {
  text-align: center;
}

.nowrap {
  white-space:nowrap
}


.subheading {
	text-align: center;
	background-color: #477DA9;
	font-weight: bold;
}

.lefthead{
	float:left;
	display: inline;
}

.righthead{
	float:right;
	display: inline;
	background: #6388C7;
	border-radius: 4px;
	padding: 4px; 
}
.lefttm{
	float:left;
	display: inline;
}

.righttm{
	float:center;
	display: inline;
	margin: 5px auto;
}

a, a:hover, a:focus {
	color: inherit;
	text-decoration: underline;
	transition: all 0.3s;
}

.navbar {
	padding: 15px 10px;
	background: #145285;
	border: none;
	border-radius: 0;
	margin-bottom: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}

#mapcontainer {
	float:left;
	height:70vh;
	width: 100%;
}

#map {
	background: linear-gradient(0deg, rgba(36,0,0,1) 45%, rgb(249 209 89) 62%, rgb(81 151 173) 85%, rgb(2 92 179) 95%);
	height: 100%;
	width: 100%;
}

canvas {
  outline: none;
}

.maplibregl-terrain {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='25px' viewBox='-4 -4 25 25' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(0%25,0%25,0%25);fill-opacity:1;' d='M 1.996094 15.234375 L 7.054688 9.722656 L 10.566406 13.234375 L 14.292969 16.957031 L 15.394531 15.855469 L 11.632812 12.089844 L 16.003906 7.410156 L 22.988281 15.234375 L 24.21875 15.234375 L 24.21875 14.265625 L 16.027344 5.089844 L 10.527344 10.984375 L 7.007812 7.464844 L 0.78125 14.246094 L 0.78125 15.234375 Z M 1.996094 15.234375 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(0%25,0%25,0%25);fill-opacity:1;' d='M 0.78125 19.140625 L 24.21875 19.140625 L 24.21875 20.703125 L 0.78125 20.703125 Z M 0.78125 19.140625 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

.maplibregl-terrain-hide {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='25px' viewBox='-4 -4 25 25' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(0%25,0%25,0%25);fill-opacity:1;' d='M 0.78125 19.140625 L 24.21875 19.140625 L 24.21875 20.703125 L 0.78125 20.703125 Z M 0.78125 19.140625 '/%3E%3C/g%3E%3C/svg%3E%0A");
}

#controls {
	z-index: 1;
	bottom: 0;
	left: 0;
	position: absolute;
	text-align: left;

}

#controls.hidden {
	display: none;
}

.all_controls {
	position: relative;
}

.all_controls.hidden {
	display: none;
}

.controls-icon {
	cursor: pointer;
	background-color: #7386D5;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #7386D5;
	font-weight: bold;
}

.controls-icon:hover  {
	  background-color: #7386D5;
}

.controls-hide-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='28px' height='28px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M2,3 C2.55228,3 3,3.44772 3,4 L3,12 C3,12.5523 2.55229,13 2,13 C1.44772,13 1,12.5523 1,12 L1,4 C1,3.44772 1.44772,3 2,3 Z M7.29289,4.29289 C7.68342,3.90237 8.31658,3.90237 8.7071,4.29289 C9.09763,4.68342 9.09763,5.31658 8.7071,5.70711 L7.41421,7 L14,7 C14.5523,7 15,7.44772 15,8 C15,8.55228 14.5523,9 14,9 L7.41421,9 L8.7071,10.2929 C9.09763,10.6834 9.09763,11.3166 8.7071,11.7071 C8.31658,12.0976 7.68342,12.0976 7.29289,11.7071 L3.58578,8 L7.29289,4.29289 Z'/%3E%3C/svg%3E");
}

.controls-show-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='28px' height='28px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M14,3 C14.5523,3 15,3.44772 15,4 L15,12 C15,12.5523 14.5523,13 14,13 C13.4477,13 13,12.5523 13,12 L13,4 C13,3.44772 13.4477,3 14,3 Z M8.70711,4.29289 L12.4142,8 L8.70711,11.7071 C8.31658,12.0976 7.68342,12.0976 7.2929,11.7071 C6.90237,11.3166 6.90237,10.6834 7.2929,10.2929 L8.58579,9 L2,9 C1.44771,9 1,8.55228 1,8 C1,7.44772 1.44771,7 2,7 L8.58579,7 L7.29289,5.70711 C6.90237,5.31658 6.90237,4.68342 7.29289,4.29289 C7.68342,3.90237 8.31658,3.90237 8.70711,4.29289 Z'/%3E%3C/svg%3E%0A");
}

.toggle-button {
    padding: 0 .25em;
}

.latest-button {
    background-color: #73add5;
}

.track-button {
    background-color: #ffff66;
}

.address-input {
    width: 125px;
}
/* ---------------------------------------------------
	SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
	float: left;
	width:200px;
	position: relative;
	background: #6388C7;
	border-radius: 10px;
	padding: 10px; 
}

#sidebar.active {
	margin-left: -250px;
	transform: rotateY(100deg);
}

#sidebar ul {
	list-style: none;
	font-weight: bold;
	padding:0; 
	margin:0;
}

#sidebar ul li a {
	color: #091E3E;
	margin: 5px;
}
#sidebar ul li a:visited {
	color: #002448;
}

#sidebar ul li a:hover {
	color: #7386D5;
	background: #fff;
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #6d7fcc;
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

/* ---------------------------------------------------
	CONTENT STYLE
----------------------------------------------------- */
#content {
	margin: 0 auto;
	width:100%;
	padding: 1px;
	border-collapse: collapse;
	border-spacing: 0;
}

.bt-menu-trigger {
	float:left;
	display: inline;
	font-size: 14px;
	position: relative;
	width: 2em;
	height: 2em;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 0.2em;
	margin-top: -0.1em;
	background-color: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}


.bt-menu-trigger span:after,
.bt-menu-trigger span:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.bt-menu-trigger.bt-menu-alt span:before {
	-webkit-transform: translateY(-0.5em);
	transform: translateY(-0.5em);
}

.bt-menu-trigger.bt-menu-alt span:after {
	-webkit-transform: translateY(0.5em);
	transform: translateY(0.5em);
}

.bt-menu-trigger span:before {
	-webkit-transform: translateY(-0.36em) translateX(-0.65em) rotate(-45deg) scaleX(0.6);
	transform: translateY(-0.35em) translateX(-0.65em) rotate(-45deg) scaleX(0.6);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(0.36em) translateX(-0.65em) rotate(45deg) scaleX(0.6);
	transform: translateY(0.35em) translateX(-0.65em) rotate(45deg) scaleX(0.6);
}

.wrapper {
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #d0dce7;
  color: #000000;
  border-radius: 2px;
  list-style-type: none;
}
.form-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-input {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}

.radio-group {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

.radio-group label {
    display: block;
    margin-bottom: 5px;
}

.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.submit-btn:hover {
    background-color: #45a049;
}

.import-form-container {
    padding: 10px;
    max-width: 800px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .form-row {
        flex-direction: row;
        align-items: flex-start;
    }
    .form-row > label {
        flex: 0 0 200px; /* Fixed width for labels */
        text-align: right;
        margin-right: 20px;
        padding-top: 5px; /* Align text with input */
        font-weight: bold;
    }
    .form-input {
        width: auto;
        flex: 1; /* Take remaining space */
        margin-top: 0;
    }
    .radio-group {
        flex: 1;
        margin-top: 0; 
    }
}
/* ---------------------------------------------------
	MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
	#sidebar {
		margin-left: -250px;
		transform: rotateY(90deg);
	}
	#sidebar.active {
		margin-left: 0;
		transform: none;
	}
	.main {
		margin-left: 0px;
		margin-right: 0px;
		background: #6388C7;
		border-radius: 10px;
		padding: 10px;
		min-width: 250px;
		word-wrap: break-word;
	}

	.main.active {
		margin-left: 228px;
		margin-right: 0px;
		background: #6388C7;
		border-radius: 10px;
		padding: 10px; 
		min-width: 250px;
		word-wrap: break-word;
	}
	.foot{
		margin-left: 0px;
	}

	.foot.active{
		margin-left: 228px;
	}

	.bt-menu-trigger span:before {
		-webkit-transform: translateY(-0.5em);
		transform: translateY(-0.5em);
	}

	.bt-menu-trigger span:after {
		-webkit-transform: translateY(0.5em);
		transform: translateY(0.5em);
	}

	.bt-menu-trigger.bt-menu-alt span:before {
		-webkit-transform: translateY(-0.36em) translateX(-0.65em) rotate(-45deg) scaleX(0.6);
		transform: translateY(-0.35em) translateX(-0.65em) rotate(-45deg) scaleX(0.6);
	}

	.bt-menu-trigger.bt-menu-alt span:after {
		-webkit-transform: translateY(0.36em) translateX(-0.65em) rotate(45deg) scaleX(0.6);
		transform: translateY(0.35em) translateX(-0.65em) rotate(45deg) scaleX(0.6);
	}
}

@media only screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1000px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1000px) and ( -o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1000px) and ( min-device-pixel-ratio: 2), only screen and (max-width: 1000px) and ( min-resolution: 192dpi), only screen and (max-width: 1000px) and ( min-resolution: 2dppx) {
	input[type=radio] {
		width: 20px;
		height: 20px;
	}
	.mapboxgl-ctrl-attrib.mapboxgl-compact,
	.maplibregl-ctrl-attrib.maplibregl-compact {
		margin: 10px 10px 10px 30px;
	}
}

@media screen {
	.mapboxgl-ctrl-attrib.mapboxgl-compact,
	.maplibregl-ctrl-attrib.maplibregl-compact {
		margin: 10px 10px 10px 30px;
	}
}