:root {
	--dark: #000;
	--main: #57555e;
	--white: #fff;
	--blue: #002D72;
	--bg: #fff;
	--bad: #DC143C;
	--good: #3CB371;
	--grey: #aaa;
	--yellow: #fff;
	--table-second: #e1e7ec;
	--table-select: #c0c6d1;
	--table-header: #545a6b;
	--download: #f7662c;
	--mainfont: 13.5px;
	--deffont: 18px;
	--whitegrey: #ddd;
	--simple: #ccbe00;
	--medium: #f7662c;
	--message-bg: rgba(0, 27, 49, 0.6);
	--dark-message-bg: rgba(0, 27, 49, 0.95);
	--light-message-bg: rgba(0, 27, 49, 0.25);
	--edit-n-show: #e1e7ec;
	--refresh: #2d84d4;
}

select {
	cursor: pointer;
}

input[type="checkbox"] {
	cursor: pointer;
}

body {
	background-color: var(--main);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: var(--mainfont);
	height: 100%;
}

body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

html {
	height: 100%;
}

#header {
	width: 100%;
	min-height: 90px;
	height: 90px;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: start;
}

#logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10%;
	min-width: 200px;
}

#logoim {
	width: 130px;
	height: 49px;
	transition: 0.2s;
	user-select: none;
}

#logoim:hover {
	transition: 0.2s;
	transform: rotate(2deg) scale(1.05);
	cursor: pointer;
}

#form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	padding: 5px 5px 5px 0px;
	min-width: 475px;
}

.small-form {
	position: relative;
	top: 200px;
	left: calc(50% - 172px);
	display: inline-block !important;
	width: 150px !important;
	min-width: 150px !important;
	padding: 0px !important;
}

.fields-s {
	margin: 0px 0px 5px 0px !important;
	width: 142px !important;
	height: 32px !important;
}

.fields-sp {
	margin: 0px 0px 5px 0px !important;
	width: 106px !important;
	height: 32px !important;
}

.submit-s {
	margin: 0px !important;
	width: 150px !important;
	height: 40px !important;
}

.blocked {
	user-select: none;
	pointer-events: none;
}

.blocked-button {
	background-color: var(--table-select) !important;
}

.blocked-archive {
	color: var(--table-select) !important;
}

.field {
	height: 28px;
	border-radius: 5px;
	border: 1px dashed var(--main);
	outline: none;
	font-size: var(--mainfont);
	padding: 3px;
	width: 130px;
	margin: 2px;
}

.bbd {
	color: var(--medium);
}

#show_ent {
	height: 36px;
	border-radius: 0px 5px 5px 0px;
	font-size: var(--mainfont);
	width: 36px;
	margin: 2px 2px 2px -4.55px;
	color: var(--white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
	cursor: pointer;
}

#show_ent:hover {
	text-shadow: 0px 0px 3px var(--white);
}

#pswd {
	width: 95px;
	margin-right: 0px;
}

.pswd_ch_field {
	height: 28px;
	border-radius: 5px;
	border: 1px dashed var(--main);
	outline: none;
	font-size: var(--mainfont);
	padding: 3px;
	width: 170px;
	margin-left: 10px;
}

.logged_user {
	height: 28px;
	outline: none;
	font-size: var(--mainfont);
	padding: 3px 3px 3px 80px;
	width: 201px;
	margin: 2px;
	user-select: none;
	pointer-events: none;
	background: none;
	color: var(--white);
	border: none;
}

.usericon {
	z-index: 2;
	color: var(--white);
	position: relative;
	top: 8px;
	left: 128px;
	width: 0px;
	height: 0px;
	overflow: visible;
	float: left;
	font-size: 22px;
	user-select: none;
	text-shadow: 0px 0px 3px var(--white);
}

#port {
	width: 60px;
}

.submit {
	border-radius: 5px;
	border: 1px solid var(--white);
	font-size: var(--mainfont);
	background-color: var(--main);
	color: var(--white);
	outline: none;
	height: 36px;
	padding: 3px;
	width: 98px;
	margin: 2px;
	transition: 0.2s;
	cursor: pointer;
	user-select: none;
}

.submit:hover {
	color: var(--main);
	background-color: var(--white);
	border: 1px dashed var(--main);
}

.submit:active {
	color: var(--dark);
	border: 1px dashed var(--white);
}

.pswd_ch_submit {
	border-radius: 5px;
	border: 1px solid var(--white);
	font-size: var(--mainfont);
	background-color: var(--white);
	color: var(--dark);
	outline: none;
	height: 30px;
	padding: 3px;
	width: 108px;
	margin-left: 10px;
	transition: 0.2s;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

#min_sat_amount {
	width: 40px;
	min-width: 40px;
}

#north_inclination,
#north_inclination2 {
	width: 48px;
	min-width: 48px;
	margin: 0;
	transition: 0.2s;
}

#fixed_only {
	margin-left: 20px;
	margin-right: 5px;
	top: 0;
}

.pswd_ch_submit:hover {
	color: var(--white);
	background-color: var(--good);
	border: 1px dashed var(--white);
	transition: 0.2s;
}

.pswd_ch_submit:active {
	font-weight: 600;
	transition: 0s;
}

#warn_text {
	margin-right: 20px;
}

#main {
	width: 100%;
	min-height: calc(100% - 90px);
	display: flex;
	justify-content: start;
}

#mnpt-table>thead>tr>th:nth-child(9) {
	color: var(--dark);
	text-align: center;
}

#menu {
	width: 10%;
	min-width: 190px;
	height: 100%;
	margin: 0px 10px 10px 10px;
}

#definition {
	width: 100%;
	text-align: center;
	font-size: var(--deffont);
	user-select: none;
	margin-bottom: 20px;
	color: var(--yellow);
	line-height: 20px;
}

#time {
	width: 100%;
	text-align: center;
	font-size: var(--mainfont);
	user-select: none;
	margin-bottom: 40px;
	color: var(--yellow);
	line-height: 20px;
}

.menuitem {
	width: calc(100% - 12px);
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: start;
	padding-left: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-size: var(--mainfont);
	transition: 0.2s;
	user-select: none;
	margin-bottom: 10px;
	background-color: var(--main);
	border: 1px solid var(--white);
	color: var(--white);
}

.menuitem:hover {
	transition: 0.2s;
	border: 1px dashed var(--white);
}

.menuitem:active {
	background-color: var(--white);
	color: var(--main);
	border: 1px solid var(--white);
}

.menuitem-active {
	border: 1px dashed var(--white);
	background-color: var(--white);
	color: var(--dark);
	margin: 0px 0px 10px 11px;
	border-radius: 10px 0px 0px 10px;
	pointer-events: none;
}

.menuitem-active:hover {
	border: 1px solid var(--white);
}

.menuitem-active:active {
	background-color: var(--white);
	color: var(--main);
	border: 1px solid var(--white);
}

#content {
	width: 90%;
	height: calc(100vh - 100px);
	min-height: fit-content;
	background-color: var(--bg);
	border-top-left-radius: 10px;
	padding: 0px 10px 10px 10px;
}

#top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
	padding-left: 0px;
	margin-bottom: -1px;
	padding-top: 10px;
}

#canvas {
	width: calc(100% - 2px);
	height: calc(100vh - 149px);
	overflow-y: auto;
	border: 1px solid var(--main);
	border-radius: 0px 5px 5px 5px;
	background-color: var(--yellow);
}

.canvas-without-top {
	height: calc(100vh - 113px) !important;
	border-radius: 5px 5px 5px 5px !important;
	margin-top: 1px;
}

.mnt {
	border-radius: 5px 5px 0px 0px;
	font-size: var(--mainfont);
	outline: none;
	height: 30px;
	padding: 3px 10px;
	margin: 0px 1px 0px 0px;
	transition: 0.2s;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--table-header);
	border: 1px solid var(--main);
	color: var(--white);
	transition: 0.2s;
	white-space: nowrap;
	word-break: keep-all;
	min-width: 16px;
}

.mnp-format {
	max-width: 220px;
}

.mnt:hover {
	transition: 0.2s;
	color: var(--main);
	background-color: var(--white);
	border: 1px dashed var(--main);
}

.mnt-active {
	border: 1px solid var(--main);
	border-bottom: 1px solid var(--yellow);
	pointer-events: none;
	background-color: var(--yellow);
	color: var(--dark);
	transition: 0.2s;
}

.mnt-active:hover {
	transition: 0.2s;
	border: 1px solid var(--main);
	border-bottom: 1px solid var(--white);
}

#welcome {
	width: 100%;
	height: calc(100% - 90px);
	top: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

#canvas2cnt {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backdrop-filter: blur(2px);
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#canvas2win {
	width: calc(100% - 42px);
	height: calc(100% - 42px);
	max-width: 700px;
	max-height: 642px;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid var(--dark);
	background-color: var(--white);
	cursor: default;
}

#canvas2maincont {
	width: 100%;
	height: 100%;
	display: flex;
}

#canvas2main {
	width: calc(100% - 100px);
	height: calc(100% - 42px);
}

#canvas3main {
	width: 70px;
	height: calc(100% - 42px);
	margin-left: 30px;
}

#canvas2ctrl {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	width: 100%;
	height: 32px;
}

#canvas2close {
	font-size: 20px;
	color: var(--dark);
	cursor: pointer;
	transition: 0.2s;
}

#canvas2close:hover {
	text-shadow: 0px 0px 3px var(--dark);
}

#coarse_filter {
	width: 80px;
}

#max_dist {
	width: 100px;
}

#processing {
	background-color: var(--good);
	border: 1px dashed var(--good);
}


#cancel_tasks {
	background-color: var(--bad);
	border: 1px dashed var(--bad);
}

.leaflet-control-scale-line {
	user-select: none;
	pointer-events: none;
}

#processing:hover,
#cancel_tasks:hover {
	border: 1px dashed var(--main);
	background-color: var(--white);
	color: var(--dark);
}

#processing:active,
#cancel_tasks:active {
	background-color: var(--dark);
	color: var(--white);
}

#current_tasks {
	min-width: 250px;
}

#logo_welcome {
	width: 144px;
	height: 37px;
	transition: 0.2s;
	user-select: none;
	cursor: pointer;
}

#logo_welcome:hover {
	transition: 0.2s;
	transform: rotate(2deg) scale(1.05);
}

.main-table {
	table-layout: auto;
	width: 100%;
	border-spacing: 0px;
}

.left10 {
	margin-left: 10px;
}

.tab-controls {
	table-layout: auto;
	width: 100%;
	border-spacing: 0;
	padding: 0;
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
}

.tab-controls td {
	vertical-align: middle;
	text-align: left;
	padding: 0;
}

.fasize {
	font-size: 25px;
}

.fasizeb {
	font-size: 30px;
}

.toggle-bt {
	transition: 0.2s;
	cursor: pointer;
	color: var(--table-header);
}

.toggle-bt:hover {
	color: var(--dark);
}

.width100 {
	width: 100%;
}

.form_width100 {
	width: calc(100% - 8px);
}

.check-bt,
.check-bt-pars {
	color: var(--good);
	transition: 0.2s;
	cursor: pointer;
}

.right10 {
	margin-right: 10px;
}

.check-bt:active,
.check-bt-pars:active {
	color: var(--dark);
}

.check-bt-pars {
	margin-top: 4px;
}

.px16 {
	font-size: 16px;
}

.nocheck {
	color: var(--bad);
}

.highl-f {
	background-color: var(--good) !important;
	color: var(--white) !important;
}

.blocked-check {
	color: var(--table-select) !important;
}

.stick_down {
	position: relative !important;
	top: 11px !important;
	border-radius: 5px 5px 0px 0px !important;
	color: var(--dark) !important;
	background-color: var(--white) !important;
	border-bottom: 1px solid var(--white) !important;
	z-index: 2 !important;
}

.no-tl-rad {
	border-top-left-radius: 0 !important;
}

.stn {
	padding: 2px 4px;
	margin: 5px 5px 0px 0px;
	border-radius: 5px;
	background-color: var(--white);
	border: 1px solid var(--main);
	color: var(--main);
	white-space: nowrap;
	word-break: keep-all;
	display: inline-block;
	width: fit-content;
	transition: 0.2s;
	user-select: none;
	cursor: pointer;
}

.stn-good {
	background-color: var(--good);
	color: var(--white);
	border: 1px solid var(--good);
}

.stn-bad {
	background-color: var(--bad);
	color: var(--white);
	border: 1px solid var(--bad);
	pointer-events: none;
}

#graph_cont {
	position: relative;
	max-width: calc(100% - 20px) !important;
	width: calc(100% - 20px) !important;
	margin: 10px;
	max-height: calc(100% - 103px) !important;
	height: calc(100% - 103px) !important;
}

.monit_info {
	table-layout: auto;
	max-width: 500px;
	width: calc(100% - 20px);
	border-spacing: 0px;
	border: 1px solid var(--white);
	border-radius: 5px;
	background-color: var(--dark-message-bg);
	font-size: 13px;
}

.monit_info td {
	padding: 5px 8px;
}

.monit_info td:first-child {
	min-width: 125px;
	padding-right: 0px;
}

.monit_info>tbody>tr:first-child {
	font-weight: 600;
	padding-top: 10px;
}

.monit_info>tbody>tr:last-child {
	padding-bottom: 10px;
}

.monit_info_close {
	font-size: 20px;
	position: relative;
	bottom: 10px;
	left: 255px;
	text-shadow: 0px 0px 5px var(--dark);
}

.mob_info_close {
	font-size: 20px;
}

.mob_info_close_cont {
	width: 100%;
	text-align: right;
}

#mnt-table tr td:last-child {
	padding-right: 7px;
}

.monit_info_close:hover,
.mob_info_close:hover {
	text-shadow: 0px 0px 3px var(--white);
}

.main-table th {
	font-weight: normal;
	text-align: left;
	padding: 8px 5px 8px 7px;
	overflow-wrap: break-word;
	user-select: none;
	background-color: var(--table-header);
	color: var(--white);
}

#mnt-table thead,
#mnpt-table thead,
#users-table thead,
#casters-table thead {
	position: sticky;
	top: 13px;
}

#files-table thead {
	position: sticky;
	top: 53px;
	min-height: 40px;
}

#users-table th {
	height: 76px;
}

#mnpt-table th,
#mnt-table th {
	height: 50px;
}

#users-table tr td:nth-child(2),
#users-table tr th:nth-child(2) {
	width: 110px;
}

#mnpt-table tr td:nth-child(2),
#mnpt-table tr th:nth-child(2),
#mnt-table tr td:nth-child(2),
#mnt-table tr th:nth-child(2) {
	width: 168px;
}

#clients-table thead,
#stations-table thead {
	position: sticky;
	top: 53px;
}

.main-table td {
	padding: 3px 3px 5px 7px;
	text-align: left;
	overflow-wrap: break-word;
	user-select: none;
}

.main-table>tbody>tr:nth-child(odd) {
	background-color: var(--table-second);
}

.main-table>tbody>tr:hover {
	background-color: var(--table-select);
	transition: 0.2s;
}

#mnpt-table>tbody>tr,
#users-table>tbody>tr,
#casters-table>tbody>tr,
#srclist-table>tbody>tr {
	cursor: pointer;
}

.icon {
	font-size: 22px !important;
	padding: 10px 3px !important;
	width: 30px;
	text-align: center !important;
}

.buttons-group {
	font-size: 22px !important;
	width: 130px;
	min-width: 130px;
	background-color: var(--yellow);
	cursor: default;
}

.buttons-group-tight {
	width: 43px;
	min-width: 43px;
}

.show,
.edit,
.delete,
.sh_map {
	padding: 3px 8px;
	color: var(--white);
	border-radius: 5px;
	float: right;
	cursor: pointer;
	margin: 2px;
	transition: 0.2s;
	font-size: 18px;
}

.inactive {
	padding: 3px 8px;
	color: var(--white);
	border-radius: 5px;
	float: right;
	margin: 2px;
	background-color: var(--table-header);
	cursor: not-allowed;
	font-size: 18px;
}

.show:hover,
.edit:hover,
.sh_map:hover {
	transition: 0.2s;
	transform: rotate(5deg) scale(1.05);
	box-shadow: 0px 0px 2px 1px var(--main);
}

.delete:hover {
	transition: 0.2s;
	transform: rotate(5deg) scale(1.05);
	box-shadow: 0px 0px 2px 1px var(--bad);
}

.show,
.sh_map {
	background-color: var(--main);
}

.edit {
	background-color: var(--main);
}

.delete {
	background-color: var(--bad);
}

.pause_refresh {
	width: 80px;
	display: flex;
	justify-content: start;
	align-items: center;
}

#map-canvas {
	padding: 2px;
	height: calc(100vh - 154px);
}

#map {
	width: 100%;
	height: 100%;
}

.spacing {
	width: 100%;
	height: 13px;
	background-color: var(--yellow);
	position: sticky;
	top: 0px;
	z-index: 2;
}

.high-spacing,
.high-spacing-bs,
.high-spacing-bs2,
.high-spacing-archive {
	width: calc(100% - 20px);
	padding: 0px 10px;
	height: 53px;
	background-color: var(--yellow);
	position: sticky;
	top: 0px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: start;
}

.high-spacing-bs2 {
	height: 43px;
	align-items: start;
	justify-content: space-between;
}

#show_sats,
#show_n,
#show_e,
#show_u,
#square_scat {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid var(--main);
	background-color: var(--white);
	margin-right: 10px;
	cursor: pointer;
	transition: 0.2s;
}

#show_sats {
	font-size: 18px;
	color: var(--dark);
}

#square_scat {
	color: var(--dark);
	margin-left: 20px;
	display: inline-flex;
}

#show_ne_errors,
#download_csv_file {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 0px 10px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid var(--main);
	background-color: var(--white);
	cursor: pointer;
	user-select: none;
	transition: 0.2s;
}

#show_sats:hover,
#show_n:hover,
#show_e:hover,
#show_u:hover,
#square_scat:hover {
	border-style: dashed;
}

#show_ne_errors:hover,
#download_csv_file:hover {
	background-color: var(--main);
	color: var(--white);
}

.show_sats_cont {
	width: 140px;
	display: flex;
	align-items: center;
	justify-content: end;
	user-select: none;
}

.show_coord_cont {
	width: 250px;
	display: flex;
	align-items: center;
	justify-content: start;
	user-select: none;
}

.inactive_log_loader {
	background-color: var(--table-header) !important;
	color: var(--white) !important;
	border: 1px solid var(--table-header) !important;
}

#logscontrol {
	display: flex;
	justify-content: space-between;
}

#canvas::-webkit-scrollbar,
.fieldset_grp::-webkit-scrollbar,
#logs_cont::-webkit-scrollbar,
#res::-webkit-scrollbar {
	width: 15px;
}

#canvas::-webkit-scrollbar-thumb,
.fieldset_grp::-webkit-scrollbar-thumb,
#logs_cont::-webkit-scrollbar-thumb,
#res::-webkit-scrollbar-thumb {
	background: var(--main);
	box-shadow: inset 0px 0px 1px 1px var(--white);
	border-radius: 5px;
}

#canvas::-webkit-scrollbar-track,
.fieldset_grp::-webkit-scrollbar-track,
#logs_cont::-webkit-scrollbar-track,
#res::-webkit-scrollbar-track {
	background: var(--white);
	border-radius: 0px 5px 5px 0px;
}

#canvas::-webkit-scrollbar-thumb:hover,
.fieldset_grp::-webkit-scrollbar-thumb:hover,
#logs_cont::-webkit-scrollbar-thumb:hover,
#res::-webkit-scrollbar-thumb:hover {
	background: var(--dark);
}

.map-butt-cont {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px !important;
	margin-top: 10px;
}

#canvas::-webkit-scrollbar-track:hover,
.fieldset_grp::-webkit-scrollbar-track:hover,
#logs_cont::-webkit-scrollbar-track:hover,
#res::-webkit-scrollbar-track:hover {
	background: var(--table-second);
}

#resize,
#circles_style,
#add-measure {
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

#add-measure {
	display: none;
	border-radius: 0px 0px 4px 4px;
}

.progr {
	width: 150px;
	height: 15px;
	border-radius: 15px;
	display: inline-block;
	border: 1px solid var(--dark);
	background-color: var(--white);
	position: relative;
	margin-right: 10px;
	top: 3px;
}

.pr_bar {
	height: 100%;
	border-radius: 15px;
	background-color: var(--dark);
}

.pr_perc {
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	color: var(--white);
	mix-blend-mode: exclusion;
}

#circles_style {
	border-radius: 0px 0px 4px 4px;
	border-bottom: none;
}

#resize:hover,
#circles_style:hover,
#add-measure:hover {
	background-color: #f3f3f3;
}

#tile-select {
	width: 180px;
	height: 32px;
	border-radius: 4px;
	margin-right: 10px;
	margin-top: 10px;
	pointer-events: all;
	cursor: pointer;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	border: 1px solid #ccc;
	background-color: #fff;
}

.active_search {
	background-color: var(--white) !important;
	color: var(--dark) !important;
	border: 1px solid var(--white) !important;
}

#login_search,
#mpnt_search {
	min-width: 140px;
	margin: 0;
	background-color: var(--table-header);
	color: var(--white);
	border: 1px solid var(--white);
}

#mpnt_search {
	min-width: 160px;
}

#login_search::placeholder,
#mpnt_search::placeholder {
	color: var(--white);
}

#login_search:hover,
#mpnt_search:hover {
	border: 1px solid var(--yellow);
}

#login_search:focus,
#mpnt_search:focus {
	background-color: var(--white);
	color: var(--dark);
	border: 1px solid var(--white);
}

#login_search:focus::placeholder,
#mpnt_search:focus::placeholder {
	color: var(--table-header) !important;
}

.notif-hidable {
	background-color: var(--table-second);
}

.bs-hidable {
	line-height: 19px;
	user-select: none;
}

#f_x_sub,
#f_y_sub,
#f_z_sub {
	min-width: 80px;
}

#lab-x_sub,
#lab-y_sub,
#lab-z_sub {
	white-space: nowrap;
}

#north_incl {
	max-width: 120px;
}

.search_close {
	position: relative;
	top: 8px;
	float: right;
	right: 20px;
	z-index: 2;
	width: 0px;
	height: 0px;
	color: var(--dark);
	font-size: 17px;
	transition: 0.2s;
	cursor: pointer;
}

.search_close:hover {
	text-shadow: 0px 0px 2px var(--dark);
}

#map_reload {
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 14px;
	border-radius: 4px 4px 0px 0px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}

#map_reload:hover {
	background-color: #f3f3f3;
}

#mnpt_refresh,
#users_refresh,
#groups_refresh,
#monit_refresh,
#casters_refresh,
#stats_refresh {
	cursor: pointer;
	transition: 0.2s;
	width: 42px;
	min-width: 42px;
}

#sett-rootpass {
	width: calc(100% - 39px);
	border-radius: 5px 0px 0px 5px;
	float: left;
}

.leaflet-popup-content {
	user-select: none;
}

#fie-rootpass {
	min-width: 190px;
}

.colorindic {
	color: var(--refresh) !important;
}

#graph_refresh {
	width: 30px;
	min-width: 30px;
	height: 30px;
	border: 1px solid var(--main);
	text-shadow: 0px 0px 3px var(--white);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.2s;
	margin-right: 10px;
}

#graph_refresh:hover {
	border-style: dashed;
}

#graph_refresh>i {
	font-size: 16px;
	--fa-animation-duration: 1s;
}

#mnpt-table>thead>tr>th:last-child,
#users-table>thead>tr>th:last-child,
/*#groups-table>thead>tr>th:last-child,*/
#casters-table>thead>tr>th:last-child {
	background-color: var(--yellow);
}

.refresh_indic,
.log_control {
	width: 100%;
	text-align: center;
	font-size: 20px !important;
	color: var(--dark);
	text-shadow: 0px 0px 3px var(--white);
	transition: 0.2s;
}

.refresh_indic_logs {
	width: 100%;
	text-align: center;
	font-size: 20px !important;
	text-shadow: 0px 0px 3px var(--white);
	transition: 0.2s;
	max-width: 40px;
	--fa-animation-duration: 2s;
}

.log_control {
	cursor: pointer;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid var(--refresh);
	width: 23px;
	color: var(--white);
	background-color: var(--refresh);
	text-shadow: none;
}

.refresh_indic:hover {
	text-shadow: 0px 0px 1px var(--dark);
}

.log_control:hover {
	border: 1px dashed var(--refresh);
	background-color: var(--white);
	color: var(--refresh);
}

.refresh_indic_container {
	min-width: 30px;
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

table>thead>tr>th:nth-child(1) {
	background-color: var(--yellow) !important;
}

#cat-back {
	color: var(--dark);
	width: 100%;
	text-align: center;
	font-size: 20px !important;
	text-shadow: 0px 0px 3px var(--white);
	transition: 0.2s;
	cursor: pointer;
}

#cat-back:hover {
	transition: 0.2s;
	text-shadow: 0px 0px 3px var(--dark);
}

#cat-back-container {
	min-width: 30px;
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#current-cat,
#total-files,
#total-folders {
	font-size: var(--mainfont);
	outline: none;
	height: 30px;
	padding: 3px 20px 3px 5px;
	min-width: 110px;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main);
	border-bottom: 1px solid var(--yellow);
	pointer-events: none;
	background-color: var(--yellow);
	color: var(--dark);
}

#current-cat {
	border-top-left-radius: 5px;
	padding: 3px 20px;
	border-right: none;
	min-width: 200px;
	justify-content: start;
}

.files {
	cursor: pointer;
}

.icon i {
	pointer-events: none;
}

#total-files {
	border-top-right-radius: 5px;
	border-left: none;
}

#total-folders {
	border-right: none;
	border-left: none;
}

.badlic {
	color: var(--bad);
}

#sys_info {
	color: var(--white);
	line-height: 24px;
	text-align: right;
	user-select: none;
	width: 300px;
	min-width: 300px;
	padding-right: 30px;
	font-size: var(--mainfont);
	overflow: hidden;
	transition: 0.3s;
}

#language {
	user-select: none;
	width: 60px;
	min-width: 60px;
	padding-right: 10px;
	top: -18px;
	position: relative;
	font-size: var(--mainfont);
	overflow: hidden;
	transition: 0.2s;
}

#sett-ignoretime,
#sett-ignorebstime,
#sett-summint,
#sett-bsstatsint,
#sett-offsetmax {
	max-width: 54px;
	min-width: initial;
	width: 54px;
}

#lang_sel {
	width: 100%;
	height: 31px;
	border-radius: 5px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	transition: 0.2s;
	user-select: none;
}

#lang_sel:hover {
	transition: 0.2s;
	border: 1px dashed var(--table-header);
}

#show_pass {
	width: 30px;
	height: 30px;
	border: 1px solid var(--table-header);
	background-color: var(--whitegrey);
	border-radius: 0px 5px 5px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 0px;
	border-left: none;
	cursor: pointer;
	transition: 0.2s;
}

#show_pass:hover {
	background-color: var(--white);
}

#mob-info {
	display: none;
	position: absolute;
	width: 38px;
}

#mob-info-cont {
	padding: 10px;
	margin: 10px;
	background-color: var(--dark-message-bg);
	border-radius: 10px;
	font-size: 13px;
	line-height: 22px;
	border: 1px solid var(--white);
}

#mnpt-detailed,
#user-detailed,
#create_user_tab,
#caster-detailed,
#tcp-detailed {
	border-radius: 5px 5px 0px 0px;
	font-size: var(--mainfont);
	outline: none;
	height: 30px;
	padding: 3px 10px;
	margin: 0px 1px 0px 0px;
	transition: 0.2s;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main);
	border-bottom: 1px solid var(--yellow);
	background-color: var(--yellow);
	color: var(--dark);
	font-weight: 600;
	white-space: nowrap;
	word-break: keep-all;
}

.info-container {
	font-weight: normal;
	padding: 20px;
	background-color: var(--white);
	color: var(--dark);
	max-width: 500px;
	width: calc(100% - 60px);
	border: 1px solid var(--main);
	border-radius: 5px;
}

#res {
	padding: 10px 5px 10px 10px;
	width: calc(100% - 37px);
	border: 1px solid var(--main);
	border-radius: 5px;
	margin: 10px;
	background-color: var(--white);
	height: calc(100% - 124px);
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 21px;
	user-select: none;
	transition: 0.2s;
}

.circle-styler {
	color: rgba(0, 0, 0, 0.0);
	-webkit-text-stroke: 2px #000;
}

#mnpt-detailed-close,
#user-detailed-close,
#user-create-close,
#caster-detailed-close,
#tcp-detailed-close {
	font-size: 17px;
	transition: 0.2s;
	cursor: pointer;
	pointer-events: unset;
}

#mnpt-detailed-close:hover,
#user-detailed-close:hover,
#caster-detailed-close:hover,
#tcp-detailed-close:hover {
	text-shadow: 0px 0px 2px var(--dark);
}

#mnpt-form-cont,
#user-form-cont,
#caster-form-cont,
.admin-form {
	padding: 10px 0px;
	border: 1px solid var(--main);
	margin: -1px 10px 10px 10px;
	border-radius: 0px 5px 5px 5px;
	background-color: var(--table-second);
	min-width: 900px;
}

#mnpt-form-cont {
	position: relative;
	border-radius: 0px 0px 5px 5px;
}

.admin-form-sett {
	padding: 10px 0px;
	border: 1px solid var(--main);
	margin: 10px;
	border-radius: 5px;
	background-color: var(--table-second);
	min-width: 900px;
}

.logs_cont {
	background-color: var(--white);
	height: calc(100% - 85px);
	overflow-y: auto;
	margin-top: 0px;
}

#sett-email,
#sett-telegram,
#show-telegram {
	max-width: 188px;
	min-width: 188px;
	margin-bottom: 10px;
	border-radius: 0px 5px 5px 0px;
}

#sett-email,
#sett-telegram {
	margin-bottom: 5px;
}

#sett-tel_link {
	max-width: 220px;
	min-width: 220px;
	border-radius: 5px;
	/*margin-top: 10px;*/
}

#sett-telegram,
#sett-tel_link {
	float: left;
	max-width: 156px;
	min-width: 156px;
	border-radius: 0;
}

#notif_lang_selector {
	max-width: 228px;
	min-width: 228px;
}

#fie-telegram {
	min-width: 250px;
}

.admin-form-sett-sec {
	margin-top: 30px;
}

.folders {
	cursor: pointer;
}

.form_text {
	width: calc(100% - 8px);
	min-width: 150px;
	height: 24px;
	border-radius: 5px;
	margin: 5px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
}

.report_field {
	width: 110px;
	min-width: 110px;
	height: 24px;
	border-radius: 5px;
	margin: 0px 20px 0px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
}

.report_field_a {
	width: 110px;
	min-width: 110px;
	height: 24px;
	border-radius: 5px;
	margin-left: 10px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.button_st {
	padding: 0px 10px;
	color: var(--white);
	border-radius: 5px;
	cursor: pointer;
	transition: 0.2s;
	height: 29px;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main);
	border: 1px solid var(--main);
	margin-left: 10px;
	min-width: 82px;
	width: fit-content;
	overflow: hidden;
	word-wrap: normal;
	word-break: keep-all;
	white-space: nowrap;
}

.button_st:hover {
	border: 1px dashed var(--main);
	background-color: var(--white);
	color: var(--dark);
}

.button_st:active {
	background-color: var(--dark);
	color: var(--white);
}

#site {
	width: 180px;
}



#mnpt-form-table,
#user-form-table,
#caster-form-table,
.admin-table {
	border-spacing: 0px;
	table-layout: auto;
	width: 100%;
	border-collapse: collapse;
	border: none;
}

#mnpt-form-table td,
#user-form-table td,
#caster-form-table td,
.admin-table td {
	padding: 0px 10px;
}

#mnpt-table tr td:first-child {
	min-width: 46px;
}

#mnpt-table tr th:first-child {
	min-width: 55px;
}

.mnpt-form-table-labels,
.user-form-table-labels,
.caster-form-table-labels,
.sett-tab-lab {
	vertical-align: top;
	padding-top: 10px !important;
	user-select: none;
}

.mnpt-form-table-fields,
.user-form-table-fields,
.caster-form-table-labels,
.set-tab-fie {
	vertical-align: top;
}

.f_label {
	user-select: none;
	font-size: var(--mainfont);
}

.f_label_a {
	user-select: none;
	font-size: var(--mainfont);
	margin-left: 10px;
	width: fit-content;
	overflow: hidden;
	word-wrap: normal;
	word-break: keep-all;
	white-space: nowrap;
}

.left25 {
	margin-left: 25px;
}

.report_label {
	user-select: none;
	font-size: var(--mainfont);
	padding-right: 5px;
}

.left-icon-holder,
.right-icon-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 31px;
	height: 30px;
	border-radius: 5px 0px 0px 5px;
	border: 1px solid var(--table-header);
	border-right: none;
	margin: 5px 0px;
}

#bell_cont {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-icon-holder {
	float: initial;
	border-radius: 0px 5px 5px 0px;
	border: 1px solid var(--table-header);
	border-left: none;
}

#telegram-info,
#open_telegram,
#copy_telegram {
	cursor: pointer;
	transition: 0.2s;
}

#telegram-info:hover,
#open_telegram:hover,
#copy_telegram:hover {
	background-color: var(--dark);
	color: var(--white);
}

#f_ownerid_e,
#f_srv_cnct_e,
#f_clt_cnct_e,
#f_streamtype_e {
	width: calc(100% - 2px);
	min-width: 248px;
	height: 32px;
	border-radius: 5px;
	margin: 5px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
}

#rep_type,
#bscontrol_station,
#bscontrol_period,
#bscontrol_group,
#bscontrol_sat,
#bscontrol_time,
#tolerance {
	width: 340px;
	min-width: 200px;
	height: 32px;
	border-radius: 5px;
	margin: 0px 20px 0px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
}

label[for="tolerance"] {
	margin-left: 15px;
}

.sttyp {
	font-size: 11px !important;
}

.sttyp2 {
	font-size: 15px !important;
	padding-right: 15px !important;
	color: var(--refresh) !important;
	pointer-events: all !important;
	cursor: help !important;
}

.flag-style {
	color: #e9ba39;
}

#bscontrol_station {
	width: 240px;
	min-width: 240px;
}

#tolerance {
	width: 55px;
	min-width: 55px;
}

#bscontrol_time {
	width: 100px;
	min-width: 100px;
}

.nt_col1 {
	background-color: var(--table-second);
}

.nt_col2 {
	background-color: var(--table-select);
}

.btlr {
	border-top-left-radius: 5px;
}

.bblr {
	border-bottom-left-radius: 5px;
}

#bscontrol_period,
#bscontrol_group {
	width: 95px;
	min-width: 95px;
}

#bscontrol_group {
	margin-right: 10px;
}

#bscontrol_sat {
	width: 150px;
	min-width: 150px;
}

#bscontrol-cont,
#rtkcontrol-cont,
#satcontrol-cont {
	position: relative;
	max-width: calc(100% - 20px) !important;
	width: calc(100% - 20px) !important;
	margin: 10px;
	max-height: calc(100% - 80px) !important;
	height: calc(100% - 80px) !important;
}

#rtkcontrol-cont {
	max-height: calc(100% - 123px) !important;
	height: calc(100% - 123px) !important;
}

.fieldset_grp {
	width: calc(100% - 10px);
	min-width: 240px;
	min-height: 24px;
	border-radius: 5px;
	margin: 5px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	line-height: 24px;
	overflow-y: auto;
	max-height: 150px;
}

.lab_group {
	padding-left: 5px;
	user-select: none;
}

#submit_user_changes,
#cancel_user_changes,
#change_user_sett,
#change_caster_sett,
#change_tcp_sett,
#change_mnpt_sett,
#submit_mnpt_changes,
#cancel_mnpt_changes,
#show-report,
#download_csv,
#download_html,
#export_users,
#import_users,
#import_template,
#save_copy,
#restore_copy,
#reboot,
#submit_sett,
#cancel_sett,
#submit_caster_sett,
#cancel_caster_sett,
#submit_tcp_sett,
#cancel_tcp_sett,
#point_on_map,
#point_control_graph,
.delete-mnpt,
#show_logs_arch {
	padding: 3px 8px;
	color: var(--white);
	border-radius: 5px;
	cursor: pointer;
	transition: 0.2s;
	width: 140px;
	height: 28px;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main);
}

#show_logs_arch {
	border: 1px solid var(--main);
	height: 27px;
}

.sh_l_arch_att {
	margin-top: 19px;
	border-radius: 5px 5px 0px 0px !important;
}

#point_on_map,
#point_control_graph {
	width: fit-content;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

#export_users,
#import_users {
	width: 250px;
	margin-right: 5px;
}

#import_template {
	width: 340px;
	background-color: var(--table-header);
}

.big-fa {
	font-size: 30px;
	padding-right: 20px;
	padding-left: 10px;
}

.import_info,
.act_descript {
	padding: 10px;
	margin: 10px;
	width: calc(100% - 42px);
	max-width: 1100px;
	font-size: var(--mainfont);
	border: 1px dashed var(--dark);
	background-color: var(--table-second);
	color: var(--dark);
	border-radius: 5px;
	line-height: 24px;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: start;
	transition: 0.2s;
}

.slc {
	min-width: 200px;
	max-width: 300px;
	width: calc(20% - 32px);
	margin: 0px 0px 10px 10px;
	float: left;
	min-height: 60px;
	max-height: 200px;
	height: fit-content;
	padding: 10px;
	user-select: none;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid var(--main);
	background-color: var(--main);
	color: var(--white);
	transition: 0.2s;
	position: relative;
}

.lfcont {
	width: calc(100% - 10px);
}

.narr_footer {
	width: 100%;
	height: 1px;
	float: left;
	margin-top: -1px;
}

.slc:hover {
	background-color: var(--table-header);
	border: 1px dashed var(--white);
}

.slc:active {
	background-color: var(--dark);
	border: 1px solid var(--dark);
}

.slcn {
	width: 100%;
	margin-bottom: 15px;
	color: var(--yellow);
}

.slcd {
	margin-bottom: 10px;
}

.slcs {}

.slcr {
	width: 34px;
	height: 34px;
	color: var(--white);
	background-color: var(--bad);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px 0px 5px 0px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	z-index: 3;
	border: 1px solid var(--bad);
	font-size: 15px;
	transition: 0.2s;
}

.slcr:hover {
	background-color: var(--white);
	color: var(--dark);
	border: 1px dashed var(--table-header);
}

.slcr:active {
	background-color: var(--dark);
	color: var(--white);
	border: 1px dashed var(--dark);
}

.slcdwn {
	width: calc(100% - 43px);
	height: calc(100% - 7px);
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	opacity: 0;
	display: flex;
	align-items: end;
	justify-content: end;
	color: var(--bg);
	font-size: 20px;
	transition: 0.2s;
	padding: 0px 43px 7px 0px;
}

.slcdwn:hover {
	opacity: 0.5;
}

.act_descript {
	height: 24px;
	overflow-y: visible;
}

.import_info:hover {
	background-color: var(--yellow);
}

.act_descript {
	width: fit-content;
	max-width: calc(100% - 104px);
	padding: 5px 50px 5px 30px;
	margin: 10px 30px 0px 10px;
	border: 1px solid var(--main);
	border-bottom: 1px solid var(--table-second);
	color: var(--main);
	border-radius: 5px 5px 0px 0px;
	z-index: 2;
	position: relative;
	font-weight: 600;
}

.act_descript i {
	font-size: 20px;
	padding-right: 50px;
}

#submit_user_changes,
#submit_mnpt_changes,
#save_copy,
#restore_copy,
#submit_sett,
#submit_caster_sett,
#submit_tcp_sett {
	margin-right: 5px;
}

#save_copy,
#restore_copy {
	width: fit-content;
	min-width: fit-content;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

#reboot {
	width: fit-content;
	min-width: fit-content;
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--bad);
	float: right;
	margin-right: 0px;
}

#reboot:hover {
	background-color: var(--dark);
	box-shadow: 0px 0px 2px 1px var(--dark);
}

#reboot:active {
	transition: 0s;
	background-color: var(--good);
	box-shadow: 0px 0px 2px 1px var(--good);
}

#submit_user_changes:hover,
#submit_mnpt_changes:hover,
#submit_sett:hover,
#submit_caster_sett:hover,
#submit_tcp_sett:hover {
	background-color: var(--good);
	box-shadow: 0px 0px 2px 1px var(--good);
}

#save_copy:hover,
#restore_copy:hover {
	background-color: var(--dark);
	box-shadow: 0px 0px 2px 1px var(--dark);
}

#show_logs_arch:hover {
	background-color: var(--white);
	color: var(--dark);
	border: 1px dashed var(--main);
}

#cancel_user_changes:hover,
#cancel_mnpt_changes:hover,
#cancel_sett:hover,
#cancel_caster_sett:hover,
#cancel_tcp_sett:hover {
	background-color: var(--bad);
	box-shadow: 0px 0px 2px 1px var(--bad);
	transition: 0.2s;
}

#submit_user_changes:active,
#cancel_user_changes:active,
#submit_mnpt_changes:active,
#cancel_mnpt_changes:active,
#submit_sett:active,
#cancel_sett:active,
#submit_caster_sett:active,
#cancel_caster_sett:active,
#submit_tcp_sett:active,
#cancel_tcp_sett:active {
	font-weight: 600;
	background-color: var(--main);
}

#save_copy:active,
#restore_copy:active {
	background-color: var(--good);
	box-shadow: 0px 0px 2px 1px var(--good);
	transition: 0s;
}

#save,
#discard {
	display: none;
}

#show_logs_arch:active {
	background-color: var(--dark);
	color: var(--white);
	border: 1px solid var(--dark);
}

#buttons-cont {
	width: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 10px 10px 10px;
}

.bt-cont-caster {
	padding-bottom: 20px !important;
}

#buttons-cont-left {
	width: calc(100% - 40px);
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 20px 10px 20px 30px;
}

#change_user_sett,
#change_caster_sett,
#change_tcp_sett,
#change_mnpt_sett,
#show-report,
#download_csv,
#download_html,
#export_users,
#import_users,
#point_on_map,
#point_control_graph,
.delete-mnpt {
	border: 1px solid var(--main);
}

.delete-mnpt {
	background-color: var(--bad);
	border: 1px solid var(--bad);
	width: fit-content;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: -36px;
	right: -1px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: none;
}

#import_template {
	border: 1px solid var(--table-header);
}

#change_user_sett:hover,
#change_caster_sett:hover,
#change_tcp_sett:hover,
#change_mnpt_sett:hover,
#show-report:hover,
#download_csv:hover,
#download_html:hover,
#export_users:hover,
#import_users:hover,
#import_template:hover,
#point_on_map:hover,
#point_control_graph:hover,
.delete-mnpt:hover {
	border: 1px dashed var(--main);
	background-color: var(--white);
	color: var(--dark);
	transition: 0.2s;
}

#change_user_sett:active,
#change_caster_sett:active,
#change_tcp_sett:active,
#change_mnpt_sett:active,
#show-report:active,
#download_csv:active,
#download_html:active,
#export_users:active,
#import_users:active,
#import_template:active,
#point_on_map:active,
#point_control_graph:active,
.delete-mnpt:active {
	background-color: var(--dark);
	color: var(--white);
}

#show-report {
	height: 24px;
	width: 80px;
	margin-right: 30px;
}

#download_csv,
#download_html {
	height: 24px;
	width: 60px;
	margin-right: 5px;
	background-color: var(--table-header);
}

.tbl-center-al {
	font-size: 16px;
	width: 100%;
	min-width: 80px;
	text-align: center;
	font-family: Verdana;
}

.tbl-center-ald {
	width: 100%;
	text-align: center;
}

.readonly {
	background-color: var(--whitegrey) !important;
}

#create_user,
#add_caster,
#add_tcp {
	width: calc(100% - 20px);
	float: right;
	height: 36px;
	color: var(--white);
	background-color: var(--good);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 5px;
	padding: 3px 8px;
	transition: 0.2s;
}

#create_user:hover,
#add_caster:hover,
#add_tcp:hover {
	transition: 0.2s;
	transform: scale(1.03);
	box-shadow: 0px 0px 2px 1px var(--good);
}

.td-download-check,
.td-check-src {
	width: 50px;
	padding: 0px !important;
}

#download-archive {
	color: var(--refresh);
	margin-right: 10px;
	width: 29px;
	height: 29px;
	border-radius: 5px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	transition: 0.2s;
	cursor: pointer;
}

#download-archive:hover {
	border: 1px dashed var(--table-header);
}

.check-downl-arch,
.check-src {
	width: 20px;
	height: 20px;
	pointer-events: none;
}

#total-check-src {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#table_bottom_spacer {
	width: 100%;
	height: 10px;
	border-radius: 0px 0px 5px 5px;
}

.check_convert,
.check_sett,
.check_sett_serv {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

#notif-table .check_sett {
	margin-bottom: 10px;
}

#notif-table {
	padding-bottom: 0px;
}

#notif_extra:hover,
#bs_extra:hover {
	color: var(--bad);
}

@media (pointer: coarse) {

	#notif_extra:hover,
	#bs_extra:hover {
		color: initial;
	}

	#notif_extra:active,
	#bs_extra:active {
		color: var(--bad);
	}
}

.dwnl-ch-cont,
.dwnl-ch-nocont,
.check-src-cont {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px !important;
	pointer-events: none;
}

.dwnl-ch-cont,
.dwnl-ch-nocont {
	min-height: 40px;
}

.check-src-cont {
	min-width: 40px;
	min-height: 46px;
	pointer-events: initial;
}

#megamessage,
#confirm_message,
#info_message {
	width: 100%;
	height: 100%;
	min-height: var(--vh);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--mainfont);
	line-height: 25px;
	color: var(--white);
	user-select: none;
	background-color: var(--message-bg);
}

#megamessage {
	text-shadow: 0px 0px 5px var(--white);
}

#info_message {
	background-color: var(--light-message-bg);
	backdrop-filter: blur(2px);
	color: var(--dark);
	z-index: 1001;
}

#megamessage {
	background-color: var(--message-bg);
}

#conf-cont,
#info_cont {
	background-color: var(--dark-message-bg);
	padding: 30px;
	margin: 10px;
	border-radius: 10px;
}

#info_cont {
	background-color: var(--white);
	border: 1px solid var(--main);
	max-width: 1400px;
}

#notif_extra,
#bs_extra {
	cursor: pointer;
	transition: 0.2s;
}

#query-cont,
#mess-cont-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

#qmess-cont,
#info_mess_cont {
	display: flex;
	align-items: center;
	justify-content: center;
}

#query-no,
#query-yes,
#confirm-ok {
	border-radius: 5px;
	border: 1px solid var(--white);
	width: 120px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
	cursor: pointer;
}

#confirm-ok {
	border: 1px solid var(--main);
	background-color: var(--main);
	color: var(--white);

}

#query-yes,
#confirm-ok {
	margin-right: 5px;
	font-weight: 600;
}

.badtext {
	color: var(--bad);
}

#query-no:hover,
#query-yes:hover {
	border: 1px dashed var(--white);
}

#query-no:hover {
	background-color: var(--bad);
}

#query-yes:hover {
	background-color: var(--good);
}

#confirm-ok:hover {
	background-color: var(--good);
	border: 1px dashed var(--white);

}

#minimessage,
#langmessage,
#changemessage {
	width: 350px;
	height: 100px;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 175px);
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--mainfont);
	line-height: 25px;
	color: var(--white);
	user-select: none;
	background-color: var(--dark-message-bg);
	border-radius: 10px;
}

#langmessage {
	top: initial;
	left: initial;
	bottom: 0px;
	right: 0px;
	border-radius: 10px 0px 0px 0px;
	background-color: var(--main);
	height: 60px;
	width: 300px;
}

.rulelines {
	color: #fff !important;
	background-color: var(--good) !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.fitcont {
	width: fit-content !important;
	height: 20px !important;
	white-space: nowrap !important;
	display: flex;
	align-items: center;
}

.refr_block {
	pointer-events: none !important;
	color: var(--bad) !important;
}

#measure-blocker {
	width: 100%;
	height: 26px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	border-radius: 4px;
}

.form_select {
	width: calc(100%);
	min-width: 200px;
	height: 31px;
	border-radius: 5px;
	margin: 5px 0px;
	border: 1px solid var(--table-header);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
}

.form_select_a {
	width: 180px;
	height: 31px;
	border-radius: 5px;
	border: 1px solid var(--main);
	background-color: var(--white);
	outline: none;
	padding: 3px;
	font-size: var(--mainfont);
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	cursor: pointer;
}

select[aria-readonly="true"] {
	background-color: var(--whitegrey);
	pointer-events: none;

}

.blocked_grey {
	pointer-events: none;
	opacity: 77%;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.prevent-select {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.f_password_short {
	border-radius: 5px 0px 0px 5px;
	width: calc(100% - 88px);
	min-width: 112px;
	float: left;
}

.f_password_short_edit {
	border-radius: 5px 0px 0px 5px;
	width: calc(100% - 119px);
	min-width: 81px;
	float: left;
}

#pswd_rel {
	color: var(--white);
	width: 80px;
	height: 30px;
	font-size: var(--mainfont);
	user-select: none;
	transition: 0.2s;
	background-color: var(--main);
	border-radius: 0px 5px 5px 0px;
	margin: 5px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid var(--table-header);
	border-bottom: 1px solid var(--table-header);
}

.options,
.options2 {
	display: none;
}

.rtcm_30,
.cmr {
	font-size: 10px;
	margin-bottom: 4px;
}

#create_user_cont,
#add_caster_cont,
#add_tcp_cont {
	padding: 0px 5px 0px 7px !important;
}

#log_cont {
	width: calc(100% - 20px);
	padding: 0px 10px;
	font-size: var(--mainfont);
	line-height: 22px;
}

.highpadding {
	padding-top: 5px !important;
	padding-bottom: 10px !important;
	white-space: nowrap;
}

.hightoppadding {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.bottompadding {
	padding-bottom: 15px !important;
	white-space: nowrap;
}

.smallbottpadding {
	padding-bottom: 10px !important;
}

#pending_caster_mnpts {
	padding: 30px 10px 10px 10px;
	text-align: center;
	width: calc(100% - 20px);
	user-select: none;
}

.border-main {
	border-color: var(--main);
}

.nowrapping {
	white-space: nowrap;
	word-break: keep-all;
}

.clearbg {
	background: none !important;
}

.leaflet-pane.leaflet-overlay-pane>svg>g>path {
	cursor: default !important;
}

.whitebg {
	background: var(--white) !important;
}

#logged_user:-webkit-autofill,
#logged_user:-webkit-autofill:hover,
#logged_user:-webkit-autofill:focus,
#logged_user:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 10em var(--main) inset !important;
	-webkit-text-fill-color: var(--white) !important;
}

#pswd:-webkit-autofill,
#pswd:-webkit-autofill:hover,
#pswd:-webkit-autofill:focus,
#pswd:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 10em var(--white) inset !important;
	-webkit-text-fill-color: var(--dark) !important;
}

.yellowstone {
	background-color: yellow !important;
	pointer-events: none;
}

#arch_dwnl_type {
	width: 105px;
	min-width: 105px;
	margin: 0px;
	cursor: pointer;
}

@media screen and (max-width: 1400px) {
	:root {
		--mainfont: 12px;
	}

	#mpnt_search {
		min-width: 124px;
	}

	#mnt-table tr td:nth-child(2),
	#mnt-table tr th:nth-child(2) {
		width: 156px;
	}
}

@media screen and (max-width: 800px) {

	:root {
		--mainfont: 11.5px;
	}

	.hide {
		display: none !important;
	}

	#arch_dwnl_type {
		width: 90px;
		min-width: 90px;
	}

	#menu {
		width: 40px;
		min-width: 40px;
		margin: 0px 5px 5px 5px;
	}

	#content {
		width: calc(100% - 50px);
		padding: 0px 5px 5px 5px;
		height: calc(100vh - 65px);
		border-top-left-radius: 8px;
	}

	#canvas {
		height: calc(100vh - 110px);
		overflow-x: auto;
	}

	.monit_info_close {
		bottom: 30px;
		left: calc(50% - 30px);
	}

	#show_ent {
		height: 38px;
		width: 37px;
		float: right;
		margin: 0 0 0 -4.56px;
	}

	.menuitem {
		justify-content: center;
		padding-left: 0px;
		width: calc(100% - 2px);
		font-size: 16px;
		margin-bottom: 5px;
	}

	.menuitem-active {
		margin: 0px 0px 5px 6px;
	}

	#alerting {
		margin-top: 8px;
	}

	#logo {
		width: 96px;
		min-width: 96px;
	}

	#logoim {
		width: 86px;
		height: 32px;
	}

	.mnt {
		padding: 3px 7px;
	}

	.mnt,
	#mnt-bscontrol {
		font-size: 16px;
	}

	#total-files {
		border-top-left-radius: 5px;
		border-left: 1px solid var(--main);
		padding: 3px 10px;
		max-width: calc(100% - 88px);
	}

	.show {
		display: none;
	}

	.showch {
		display: initial;
	}

	.info-container {
		padding: 10px;
		width: calc(100% - 40px);
	}

	#sett-rootpass {
		width: calc(100% - 41px);
		min-width: 60px;
	}

	#fie-rootpass {
		min-width: 100px;
	}

	#download-archive {
		margin-right: 5px;
	}

	.buttons-group {
		width: 70px;
		min-width: 70px;
		font-size: 16px !important;
	}

	.buttons-group-mnt {
		width: 105px;
		min-width: 105px;
	}

	#mnpt-table>thead>tr>th:nth-child(3),
	#mnpt-table>thead>tr>th:nth-child(4),
	#mnpt-table>thead>tr>th:nth-child(5),
	#mnpt-table>thead>tr>th:nth-child(6),
	#mnpt-table>thead>tr>th:nth-child(7),
	#mnpt-table>thead>tr>th:nth-child(8),
	.mnp-identifier,
	.mnp-format,
	.mnp-nav_system,
	.mnp-latitude,
	.mnp-longitude,
	.mnp-generator {
		display: none;
	}

	#point_on_map,
	#point_control_graph {
		width: 20px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
	}

	.showdetailed,
	.showchart {
		width: initial !important;
		height: initial !important;
	}

	#users-table>thead>tr>th:nth-child(3),
	#users-table>thead>tr>th:nth-child(4),
	#users-table>thead>tr>th:nth-child(5),
	#users-table>thead>tr>th:nth-child(6),
	#users-table>thead>tr>th:nth-child(7),
	#users-table>thead>tr>th:nth-child(8),
	#users-table>tbody>tr>td:nth-child(3),
	#users-table>tbody>tr>td:nth-child(4),
	#users-table>tbody>tr>td:nth-child(5),
	#users-table>tbody>tr>td:nth-child(6),
	#users-table>tbody>tr>td:nth-child(7),
	#users-table>tbody>tr>td:nth-child(8) {
		display: none;
	}

	/*#groups-table>thead>tr>th:nth-child(3),
	#groups-table>tbody>tr>td:nth-child(3) {
		display: none;
	}*/

	#files-table>thead>tr>th:nth-child(4),
	#files-table>tbody>tr>td:nth-child(4) {
		display: none;
	}

	#mnt-table>thead>tr>th:nth-child(3),
	#mnt-table>thead>tr>th:nth-child(4),
	#mnt-table>thead>tr>th:nth-child(5),
	#mnt-table>thead>tr>th:nth-child(8),
	#mnt-table>thead>tr>th:nth-child(9),
	#mnt-table>thead>tr>th:nth-child(10),
	#mnt-table>thead>tr>th:nth-child(11),
	#mnt-table>thead>tr>th:nth-child(12),
	#mnt-table>thead>tr>th:nth-child(13),
	#mnt-table>thead>tr>th:nth-child(14),
	#mnt-table>thead>tr>th:nth-child(15),
	#mnt-table>tbody>tr>td:nth-child(3),
	#mnt-table>tbody>tr>td:nth-child(4),
	#mnt-table>tbody>tr>td:nth-child(5),
	#mnt-table>tbody>tr>td:nth-child(8),
	#mnt-table>tbody>tr>td:nth-child(9),
	#mnt-table>tbody>tr>td:nth-child(10),
	#mnt-table>tbody>tr>td:nth-child(11),
	#mnt-table>tbody>tr>td:nth-child(12),
	#mnt-table>tbody>tr>td:nth-child(13),
	#mnt-table>tbody>tr>td:nth-child(14),
	#mnt-table>tbody>tr>td:nth-child(15) {
		display: none;
	}

	#casters-table>thead>tr>th:nth-child(3),
	#casters-table>thead>tr>th:nth-child(4),
	#casters-table>thead>tr>th:nth-child(7),
	#casters-table>thead>tr>th:nth-child(8),
	#casters-table>tbody>tr>td:nth-child(3),
	#casters-table>tbody>tr>td:nth-child(4),
	#casters-table>tbody>tr>td:nth-child(7),
	#casters-table>tbody>tr>td:nth-child(8) {
		display: none;
	}

	#srclist-table>thead>tr>th:nth-child(3),
	#srclist-table>thead>tr>th:nth-child(4),
	#srclist-table>thead>tr>th:nth-child(5),
	#srclist-table>thead>tr>th:nth-child(6),
	#srclist-table>thead>tr>th:nth-child(7),
	#srclist-table>thead>tr>th:nth-child(8) {
		display: none;
	}

	#language {
		width: 60px;
		min-width: 60px;
		padding-right: 5px;
		top: initial;
		position: absolute;
		top: 65px;
		right: 0px;
	}

	#lang_sel {
		background-color: var(--main);
		color: var(--white);
		border: 1px solid var(--white);
	}

	#lang_sel:hover {
		border: 1px dashed var(--white);
	}

	#top {
		padding-top: 5px;
	}

	#fie-telegram {
		min-width: initial;
	}

	#mnpt_refresh,
	#users_refresh,
	#groups_refresh,
	#monit_refresh,
	#casters_refresh,
	#stats_refresh {
		min-width: 25px;
		width: 25px;
	}

	.icon {
		font-size: 16px !important;
		width: 20px;
		padding: 2px !important;
	}

	.refresh_indic_container {
		min-width: 25px;
		min-height: 30px;
	}

	.refresh_indic {
		font-size: 16px !important;
	}

	.main-table td {
		padding: 2px 2px 3px 5px;
		word-wrap: break-word;
		word-break: break-word;
	}

	#show_ent>i {
		font-size: 15px;
	}

	.show,
	.edit,
	.delete,
	.inactive,
	.sh_map {
		padding: 6px 8px;
		width: 15px;
		height: 18px;
	}

	#port {
		width: 45px;
	}

	#header {
		min-height: 60px;
		height: 60px;
	}

	#mnpt-table tr td:first-child {
		min-width: 36px;
	}

	#mnpt-table tr th:first-child {
		min-width: 45px;
	}

	#welcome {
		height: calc(100% - 260px);
		top: 260px;
	}

	.delete-mnpt {
		width: 20px;
		padding-left: 10px;
		padding-right: 10px;
		position: absolute;
		top: -35px;
		right: -1px;
		border-radius: 0px 5px 0px 5px;
		border-bottom: reverse;
		z-index: 3;
		font-size: 18px;
	}

	.field {
		width: 50px;
		margin: 0px;
	}

	.logged_user {
		width: 103px;
		padding: 3px 3px 3px 10px;
	}

	.submit {
		width: 50px;
	}

	.usericon {
		display: none !important;
	}

	#tile-select {
		width: 100px;
		margin-right: 5px;
		margin-top: 5px;
	}

	.leaflet-left .leaflet-control {
		margin-left: 5px !important;
	}

	.leaflet-top .leaflet-control {
		margin-top: 5px !important;
	}

	.main-table th {
		padding: 2px 2px 3px 5px;
	}

	#login_search,
	#mpnt_search {
		margin: 5px 0px;
	}

	#mpnt_search {
		min-width: 128px;
	}

	#login_search {
		min-width: 105px;
	}

	.search_close {
		top: 13px;
	}

	.spacing {
		height: 5px;
	}

	#mnt-table thead,
	#mnpt-table thead,
	#users-table thead,
	#casters-table thead,
	#srclist-table thead {
		top: 5px;
	}

	#files-table thead {
		top: 43px;
	}

	#users-table th,
	#mnpt-table th,
	#mnt-table th {
		height: initial;
	}

	#users-table tr td:nth-child(2),
	#users-table tr th:nth-child(2),
	#mnpt-table tr td:nth-child(2),
	#mnpt-table tr th:nth-child(2) {
		width: initial;
	}

	#mnt-table tr td:nth-child(2),
	#mnt-table tr th:nth-child(2) {
		width: 100px;
	}

	#map-canvas {
		height: calc(100vh - 114px);
	}

	#canvas::-webkit-scrollbar,
	.fieldset_grp::-webkit-scrollbar,
	#logs_cont::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	#canvas::-webkit-scrollbar-track,
	.fieldset_grp::-webkit-scrollbar-track,
	#logs_cont::-webkit-scrollbar-trac {
		border-radius: 5px 5px 5px 5px;
	}

	#create_user,
	#add_caster,
	#add_tcp {
		height: 28px;
	}

	.sttyp {
		font-size: 9px !important;
	}

	#create_user:hover,
	#add_caster:hover,
	#add_tcp:hover {
		transform: scale(1.01);
	}

	.buttons-group-tight {
		width: 35px;
		min-width: 35px;
	}

	.import_info {
		line-height: 19px;
		padding: 10px;
		margin: 5px;
		width: calc(100% - 32px);
		text-align: justify;
	}

	.sett-tab-lab {
		padding-top: 5px !important;
	}

	.import_info:hover {
		background-color: var(--whitegrey);
	}

	#buttons-cont-left {
		width: calc(100% - 10px);
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		flex-direction: column;
		margin: 0;
	}

	#export_users,
	#import_users,
	#import_template {
		margin: 0px 0px 5px 0px;
		min-width: fit-content;
		max-width: 500px;
		width: calc(100% - 8px);
		padding: 3px;
		white-space: nowrap;
	}

	.td-download-check,
	.td-check-src {
		width: 30px;
	}

	.check-downl-arch,
	.check-src,
	#total-check-src {
		width: 16px;
		height: 16px;
	}

	.sh_l_arch_att {
		margin-top: 10px;
	}

	#cat-back-container {
		min-width: 20px;
		min-height: 31px;
		width: fit-content;
	}

	#cat-back {
		font-size: 16px !important;
	}

	.folders>.icon>i,
	.files>.icon>i,
	#clients-table>tbody>tr>.icon>i,
	#stations-table>tbody>tr>.icon>i,
	#mnt-table>tbody>tr>.icon>i {
		min-height: 25px;
		padding-top: 5px;
	}

	#table_bottom_spacer {
		height: 5px;
		background: none;
	}

	.high-spacing {
		width: calc(100% - 10px);
		min-width: 250px;
		padding: 0px 5px;
		height: 145px;
		display: inline-block;
	}

	#logscontrol {
		width: calc(100% - 10px);
		min-width: 250px;
		padding: 0px 5px;
		height: 43px;
	}

	.high-spacing-bs {
		width: calc(100% - 10px);
		min-width: 250px;
		padding: 0px 5px;
		height: 140px;
		display: inline-block;
	}

	.high-spacing-archive {
		width: calc(100% - 10px);
		min-width: 250px;
		padding: 0px 5px;
		height: 43px;
	}

	.bssat {
		height: 170px;
	}

	#clients-table thead,
	#stations-table thead {
		top: 145px;
	}

	#rep_type {
		float: left;
		width: calc(100% - 76px);
		min-width: 100px;
		max-width: 400px;
		height: 28px;
		margin: 5px 0px;
		padding: 2px;
	}

	#report_from,
	#report_to {
		float: left;
		height: 22px;
		margin: 0px 0px 5px 0px;
		padding: 2px;
		width: calc(100% - 82px);
		max-width: 394px;
		min-width: 100px;
	}

	#show-report {
		clear: left;
		float: left;
		height: 26px;
		width: calc(100% - 19px);
		margin: 0px 0px 5px 0px;
		max-width: 457px;
	}

	.high-spacing>.report_label {
		clear: left;
		float: left;
		width: 70px;
		padding-top: 8px;
	}

	#download_csv {
		float: left;
		clear: left;
	}

	#download_html {
		float: left;
		margin-right: 0px;
	}

	#download_csv,
	#download_html {
		height: 26px;
		width: calc(50% - 21px);
		max-width: 217px;
	}

	#bscontrol_station,
	#bscontrol_period,
	#bscontrol_group,
	#bscontrol_sat,
	#bscontrol_time,
	#tolerance {
		float: left;
		width: calc(100% - 106px);
		min-width: 70px;
		max-width: 370px;
		height: 28px;
		margin: 5px 0px;
		padding: 2px;
	}

	#bscontrol_group {
		margin-right: 10px !important;
	}

	#lab_grouping {
		clear: initial;
		width: 90px;
	}

	#bscontrol_period,
	#bscontrol_group,
	#bscontrol_sat,
	#bscontrol_time {
		margin: 0px 0px 5px 0px;
	}

	.slc {
		max-width: initial;
		width: calc(100% - 17px);
		margin: 0px 0px 5px 5px;
		padding: 5px;
	}

	.lfcont {
		width: calc(100% - 5px);
	}

	.narr_footer {
		height: 1px;
	}

	.slcn {
		margin-bottom: 10px;
	}

	.slcd {
		margin-bottom: 10px;
	}

	.high-spacing-bs>.report_label {
		clear: left;
		float: left;
		width: 100px;
		padding-top: 8px;
	}

	.report_label:first-child {
		padding-top: 13px;
	}

	#bscontrol-cont,
	#rtkcontrol-cont,
	#satcontrol-cont {
		max-height: calc(100% - 155px) !important;
		height: calc(100% - 155px) !important;
		position: relative;
		max-width: calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
		margin: 5px;
	}

	#satcontrol-cont {
		max-height: calc(100% - 185px) !important;
		height: calc(100% - 185px) !important;
	}

	#submit_user_changes,
	#cancel_user_changes,
	#submit_mnpt_changes,
	#cancel_mnpt_changes,
	#submit_sett,
	#cancel_sett,
	#submit_caster_sett,
	#cancel_caster_sett,
	#submit_tcp_sett,
	#cancel_tcp_sett {
		padding: 3px 5px;
		width: calc(50% - 10px);
		max-width: 150px;
	}

	.admin-form-sett {
		padding: 5px 0px;
		border: 1px solid var(--main);
		margin: 5px;
		border-radius: 5px;
		background-color: var(--table-second);
		min-width: 235px;
	}

	.logs_cont {
		height: calc(100% - 60px);
		margin-top: 0px;
		background-color: var(--white);
	}

	.bottompadding {
		white-space: initial;
	}

	#mnpt-form-table td,
	#user-form-table td,
	#caster-form-table td,
	.admin-table td {
		padding: 0px 0px 0px 5px;
	}

	.check_convert,
	.check_sett,
	.check_sett_serv {
		width: 16px;
		height: 16px;
		margin-bottom: 5px;
		top: 3px;
	}

	#save_copy,
	#restore_copy {
		width: calc(100% - 15px);
		padding-left: 5px;
		padding-right: 5px;
		float: initial;
		margin-bottom: 5px;
	}

	#reboot {
		width: calc(100% - 15px);
		min-width: fit-content;
		padding-left: 5px;
		padding-right: 5px;
		float: initial;
	}

	#buttons-cont {
		width: calc(100% - 10px);
		padding: 10px 5px 5px 5px;
	}

	#log_cont {
		width: calc(100% - 10px);
		padding: 0px 5px;
		line-height: 19px;
	}

	#conf-cont,
	#info_cont {
		margin: 5px;
	}


	#query-no,
	#query-yes,
	#confirm-ok {
		width: 80px;
	}

	#minimessage,
	#langmessage,
	#changemessage {
		width: 300px;
		height: 90px;
		top: calc(50% - 45px);
		left: calc(50% - 150px);
		line-height: 19px;
	}

	#langmessage {
		width: 270px;
		height: 60px;
		top: initial;
		left: initial;
		bottom: 0;
		right: 0;
	}

	#megamessage,
	#confirm_message,
	#info_message {
		line-height: 19px;
	}

	.form_text {
		width: calc(100% - 10px);
		min-width: 100px;
		height: 26px;
		margin: 0px 0px 5px 0px;
		padding: 2px;
	}

	#dbcreate {
		margin-bottom: 10px;
	}

	.smallbottpadding {
		padding-bottom: 5px !important;
	}

	.admin-form-sett-sec {
		margin-top: 30px;
	}

	.act_descript {
		width: calc(100% - 32px);
		max-width: initial;
		padding: 5px 5px 5px 15px;
		margin: 5px 5px 0px 5px;
		border-radius: 5px 5px 0px 0px;
	}

	#sett-email,
	#show-telegram {
		margin-top: 15px;
		max-width: calc(100% - 38px);
		width: calc(100% - 38px);
		min-width: 68px;
		margin-bottom: 0px;
	}

	#sett-tel_link {
		max-width: calc(100% - 6px);
		min-width: calc(100% - 6px);
		margin-top: 5px;
	}

	#sett-telegram,
	#sett-tel_link {
		margin-top: 0px;
		max-width: calc(100% - 70px);
		width: calc(100% - 70px);
		min-width: 36px;
		margin-bottom: 0px;
	}

	#show-telegram {
		margin-top: 0px;
	}

	.left-icon-holder,
	.right-icon-holder {
		margin: 0;
	}

	#email-sign {
		margin-top: 15px;
	}

	.notif-hidable,
	#notif_cont {
		max-width: calc(100% - 5px);
	}

	.notif-hidable {
		background-color: initial;
	}

	#sett-ignoretime,
	#sett-ignorebstime,
	#sett-summint,
	#sett-bsstatsint,
	#sett-offsetmax {
		/*max-width: 100px;
		width: calc(100% - 10px);
		min-width: 80px;*/
		margin-top: 5px;
	}

	#mnpt-form-cont,
	#user-form-cont,
	#caster-form-cont {
		padding: 5px 0px;
		margin: -1px 5px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		min-width: initial;
	}

	.form_select {
		width: calc(100% - 4px);
		min-width: 96px;
		margin: 0px 0px 5px 0px;
		padding: 2px;
	}

	.fieldset_grp {
		width: calc(100% - 10px);
		min-width: 100px;
		margin: 0px 0px 5px 0px;
		padding: 2px;
		line-height: 20px;
	}

	#f_valid_to,
	#f_protocol {
		margin: 0px;
	}

	.act_descript i {
		font-size: 18px;
		padding-right: 20px;
	}

	#f_srv_cnct_e,
	#f_clt_cnct_e {
		width: calc(100% - 4px);
		min-width: 96px;
		height: 32px;
		margin: 0px 0px 5px 0px;
		padding: 2px;
	}

	.f_password_short {
		width: calc(100% - 91px);
		min-width: initial;
	}

	.f_password_short_edit {
		width: calc(100% - 121px);
		min-width: initial;
	}

	#pswd_rel {
		margin: 0px 0px 5px 0px;
	}

	#form {
		padding: 5px 0px 5px 0px;
		min-width: 242px;
	}

	#sett-storefiles {
		margin: 0px;
	}

	.alert_info {
		max-width: 500px;
		min-width: 250px;
		width: calc(100% - 36px);
		font-size: var(--mainfont);
		margin: auto;
		margin-top: 50px;
	}

	#show_pass {
		margin: 0px 0px 5px 0px;
	}

	#mob-info {
		display: flex;
	}

	.reqfield {
		padding-bottom: 5px;
	}

	#notif-table .check_sett {
		margin-bottom: 5px;
	}

	#notif_lang_selector {
		max-width: 100%;
		min-width: 100%;
	}

}